HTML 5, applications natives ou hybrides : comment choisir ?Philippe Dumont
Avant de vous lancer dans votre prochain développement, il est important de faire les bons choix technologiques.
Ce webinaire vous permettra de comprendre et de sélectionner les meilleures approches à la fois en terme de développements mobiles mais également en terme d'intégration au système d'information en fonction de vos objectifs marketing.
Developpement mobile hybride avec Visual Studio, Apache CordovaMicrosoft
Session Ebiznext : Développer une application mobile nécessite des efforts importants en termes de coûts et de compétences. Apache Cordova résout ce problème en permettant de développer des applications multiplateformes: iOS, Windows Phone, Android. Visual Studio intègre désormais les outils nécessaires au développement d’applications mobiles hybrides fournis par Cordova. Les applications hybrides permettent au développeur d’accéder aux fonctionnalités natives des téléphones en utilisant HTML5/Javascript. Durant cette session, nous aborderons les concepts fondamentaux d’une application hybride Cordova et nous présenterons l’extension Visual Studio Tools for Apache Cordova permettant de développer, déboguer, et déployer une application mobile au travers de Visual Studio.
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...Microsoft
Les différences entre les Silverlight apps et Universal apps sont grandes et vous avez peur de repartir de zéro ? Venez découvrir les astuces et les outils indispensables pour faciliter cette migration et passer d'une technologie à l'autre rapidement tout en préparant vos applications à Windows 10!
HTML 5, applications natives ou hybrides : comment choisir ?Philippe Dumont
Avant de vous lancer dans votre prochain développement, il est important de faire les bons choix technologiques.
Ce webinaire vous permettra de comprendre et de sélectionner les meilleures approches à la fois en terme de développements mobiles mais également en terme d'intégration au système d'information en fonction de vos objectifs marketing.
Developpement mobile hybride avec Visual Studio, Apache CordovaMicrosoft
Session Ebiznext : Développer une application mobile nécessite des efforts importants en termes de coûts et de compétences. Apache Cordova résout ce problème en permettant de développer des applications multiplateformes: iOS, Windows Phone, Android. Visual Studio intègre désormais les outils nécessaires au développement d’applications mobiles hybrides fournis par Cordova. Les applications hybrides permettent au développeur d’accéder aux fonctionnalités natives des téléphones en utilisant HTML5/Javascript. Durant cette session, nous aborderons les concepts fondamentaux d’une application hybride Cordova et nous présenterons l’extension Visual Studio Tools for Apache Cordova permettant de développer, déboguer, et déployer une application mobile au travers de Visual Studio.
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...Microsoft
Les différences entre les Silverlight apps et Universal apps sont grandes et vous avez peur de repartir de zéro ? Venez découvrir les astuces et les outils indispensables pour faciliter cette migration et passer d'une technologie à l'autre rapidement tout en préparant vos applications à Windows 10!
Le responsive design : adapter ses contenus aux formats mobilesBig5media
Cette présentation réalisée par Big5media vous aidera à mieux comprendre les enjeux et les raisons pour lesquelles il est devenu indispensable d'adapter son site web et ses campagnes email marketing aux formats mobiles!
Un site mobile en une heure ? Top chrono ! (Barcamp-Bordeaux 2011)Raphaël Goetter
Votre site web s'affiche mal sur terminal mobile ? Vous n'avez pas forcément les ressources et les moyens de vous offrir une version dédiée ou une application native ?
Ou plus simplement, vous être pressé et voulez "arranger les choses" en attendant mieux.
Voici quelques outils et pistes à suivre pour réaliser une adaptation mobile d'un site existant via meta viewport et CSS3 media queries.
Mobile & Responsive Design: Rendez votre marque mobileWSI France
Les consommateurs sont de plus en plus mobiles en terme de connexion, votre marque doit l'être également. Découvrez l'importance d'avoir un site mobile, adapté à différents supports (smartphones, tablettes...) et les possibilités qui s'offrent à vous pour développer votre stratégie webmarketing.
Présenté par Laurent Annet et Jean-Jacques Turroc, consultants en digital marketing WSI
Contactez l'expert en webmarketing le plus proche de chez vous:
http://www.wsi-marketing-internet.fr/agences-wsi/agences-wsi-france.html
Mise en oeuvre de Drupal pour les sites web de Radio France.
Session lors du lancement d'Aquia France avec Dries Buytaert
Présentation par Olivier Friesse, responsable technique, Radio France
Drupagora 2013 : Drupal8 et Symfony2, quel impact ?ekino
Nombreuses sont les directions digitales ayant aussi bien des besoins éditoriaux que métiers. D'un point de vue business, il n'est pas possible de séparer les deux.
Basiquement, quels choix avons-nous ?
- partir sur un CMS et coder en "CMS"...
- partir sur un framework et réinventer le CMS...
Aujourd'hui, une des solutions est d'alier le meilleur des 2 mondes, mais a aussi ses problématiques :
- comment faire communiquer les 2 solutions ?
- où trouver les bons profils compte tenu de expertise différentes ?
- comment ne pas complexifier la maintenance et l'exploitation ?
Bref, pour ce qui est d'aujourd'hui, c'est possible, mais difficile... Mais demain ?
Webdesign sites web et mobiles-methodes-realisation-outilsOlivier Dommange
Méthodes et stratégies de conception sites Web et mobiles. Processus de conception présentant la maquette de fil de fer (wireframe), mockups jusqu'au design. Présentation des objectifs et du rôle du Webdesigner à chacun des étapes. Rapports entre la dégradation élégante (gracefull degradation) et amélioration progressive (progressive enhancement - mobile first).
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
Ce programme a été conçu sur mesure, spécialement pour vous, entrepreneurs ou porteurs de projets qui serez tôt ou tard confrontés à des problématiques de développement applicatif ou web.
L'idée est de vous aider à appréhender les principes, les notions de base et le vocabulaire associés au développement applicatif et web.
Nous vous donnerons des repères théoriques et pratiques pour que vous puissiez communiquer et orienter plus facilement vos décisions relatives aux composantes technologiques de votre projet.
En d'autres termes : vous n'avez pas un profil technique, mais vous avez un super projet impliquant du développement ? Le kit de survie est fait pour vous !
Partie 1 : Architectures des applications et technologies de développement
Par Stéphanie Hertrich & Benoit Le Pichon, Evangélistes Développement et Michel Rousseau Evangéliste Expérience Utilisateur (Microsoft)
Cette session abordera les notions de base et les technologies mises en œuvre pour le développement d'applications au sens large:
- Quelle est la différence entre une application, un site web, un service web, … ? Quelles en sont les composantes et comment interagissent-elles ?
- Développer pour un smartphone, une tablette, un poste de travail : quelles différences ?
- Quelles sont les grandes familles de technologies et de langages de développement, quelles sont leurs caractéristiques ?
- Le Cloud diffère-t-il réellement d’un hébergeur classique ?
- Quels bénéfices apporterait concrètement le Cloud à mon projet ?
- De l'importance de l'ergonomie des applications.
- Comprendre les tendances et intégrer le branding et l’identité de marque.
- Valider l'expérience utilisateur et tester sa démarche.
- Rendre ça beau, intelligible et en faire une proposition de valeur.
- Travailler le résultat avec un développeur.
Partie 2 : Concevoir une application, les étapes et la mise en œuvre:
Par Stéphanie Hertrich Evangéliste Développement (Microsoft) et Florent Santin, Développeur et Entrepreneur http://www.infinitesquare.com.
Cette session passera en revue les étapes du processus de conception d'une application:
- Définition du besoin, spécifications, code, tests : quel est le cycle de vie d'une application ?
- Quelle méthodologie et quels outils employer ?
- Les équipes : embaucher ou externaliser son développement ?
- Savoir communiquer avec son équipe technique.
- De l'importance du designer.
- Les questions à se poser pour faire les bons choix.
Comment avancer concrètement sur votre propre projet ? Différents programmes sont accessibles suivant votre niveau d’avancement.
- Des programmes d’accompagnement techniques (Pépinière Microsoft Azure, Speed-dating experts, Accélérateur Apps, ,…)
- Bizspark,le programme dédié aux startups : logiciels & conso Cloud Azure gratuite jusqu’à 60 000$
- Microsoft Ventures : l’accélérateur à startup Parisien de Microso
Cette conférence donnée lors du Salon Use IT de Lyon présente les avantages de la technologie responsive : nouvelle technologie sur le secteur des IT.
Retrouvez la vidéo du salon sur notre chaine you tube : Intuitiv technology
www.intuitiv-interactive.com
Proxym France, your digital factory, accompagne ses clients dans le réalisation de leurs applications web et mobile, et dans la transformation de leurs systèmes d'informations.
Proxym France est une filiale de Proxym Group, groupe international au coeur de la convergence entre les systèmes d'informations, le web et le mobile :
- Création 2006
- + de 200 projets
- + de 120 apps mobiles
- + de 100 ingénieurs web et mobile
- Focus Europe et Emirats arabes unis (filiale à Dubaï)
#ScalaBigDay
Jeudi 12 juin 2014
"Saisir les nouveaux enjeux de la mobilité et exploiter le potentiel du mobile" (Salle 5, 16h30 - 17h30)
Speaker : Mathieu Molinaro (@MatMolinaro)
Responsive Web Design : best practices et retour d'expérience de Backelite et...Idean France
Retour d'expérience sur le Responsibe Web Design par l'agence Backelite: spécificités et enjeux du RWD, les best practices, étapes clés d'un projet, approche content first, framework, cas pratique et témoignages des Galeries Lafayette
La notion de Responsive Web Design regroupe différents principes et technologies qui forment une approche de conception de sites Web dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation, quel que soit son interface connectée...
Similaire à DrupalCamp Paris 2013 : Sites mobiles avec Drupal (20)
RETOURS D’EXPÉRIENCE DE STRATÉGIES MARKETING AUTOMATION : ÉCUEILS & SUCCÈS Ac...Actency
PIERRE BARBIER
CONSULTANT MARKETING AUTOMATION
11 ans d’expérience CRM/Marketing Automation
Pierre a mis en place et suivi l’application concrète de stratégies Marketing Automation dans plus d’une dizaine de grands comptes avec les principales technologies du marché (Salesforce, Eloqua, Adobe, etc..).
MARTINA PARAVICINI
DIGITAL MARKETING COMMUNICATION
8 ans d’expérience en Marketing Automation / Demand Generation / Digital Marketing chez Alcatel-Lucent Enterprise et Boston Scientific
Son témoignage sans concession apportera de la crédibilité et du réalisme au retour d’expérience
Démystifions l'Agile - Actency Paris Open Source Summit 2019Actency
Actency en quelques chiffres
L'agilité, état de l'art en 2019
4 principales difficultés et solutions
Forfait budgétaire et Agilité: c'est possible!
Le Burn-Out du Product Owner: comment éviter le gel d'un projet
Lutter contre les régressions: automatisation des tests au profit de la qualité du projet
Le mirage de l’Agile: chasser le cycle en V de l’UX/UI au développement
REX Mutuelle Mutest : témoignage d'une transformation digitale sur Drupal 8 e...Actency
Refonte des Mutuelles SIMA sur Drupal 8 : Difficultés & Solutions
Témoignage d'une transformation digitale en cours et en méthode Agile
Actency - Drupagora 2018
Les défis de l'intégration Drupal dans un SI complexe - Actency Drupagora 2019Actency
Drupal 8 est exploité dans des écosystèmes de plus en plus complexes, avec de fortes contraintes business et techniques. Microservices, API Management, Interopérabilité, Rétrocompatibilité, Performance, Monitoring, Business Continuity, Scalability, Performance… Autant de défis que doit relever Drupal 8 en matière d’intégration dans un système d”information.
Cette table ronde réunit des Architectes et Directeurs Techniques affrontant ce type de défis régulièrement. Ils vous transmettront leurs retour d’expériences afin que vous puissiez faire les bons choix d’intégration pour vos propres projets.
Le Marketing Inbound se base sur la création et le partage de contenu. En créant du contenu qui s’adresse à votre client idéal, l’inbound attire les prospects qualifiés et les fait revenir.
Pour arriver à une approche véritablement équilibrée, mieux vaut combiner les actions Inbound à des activités outbound telles que le lead nurturing, le lead scoring et autres composants du marketing automation.
Industrialisation de Drupal : Usines à Sites, retour sur le cas CCI AlsaceActency
Qu’est - ce qu’une Usine à Sites
Pourquoi les Usines à Sites sont-elles plébiscitées ?
Ce qu’apporte une Usine à Sites
Les axes stratégiques
Axe N°1 : Partage de l’infrastructure
Axe N°2 : Partage du code source
Axe N°3 : Partage de la configuration
Axe N°4 : Partage du contenu
Synthèse des axes de mutualisation
Choix de la mise en œuvre technique
Échapper à la refonte complète pour passer au Mobile avec le Témoignage de Bo...Actency
Avec le Témoignage de Bouygues Immobilier
2. LE MOBILE EN 2015
3. AJOUTER UNE COUCHE MOBILE
4. L'APPROCHE DE BOUYGUES IMMOBILIER
5. ET LES FRAMEWORK JS ?
Graphisme et ergonomie des projets… horribles - Kiwi Party 2014Actency
Les slides de la conférence de Guillaume Hurst - Directeur artistique grands comptes et Responsable UX chez Actency - lors de la Kiwi Party 2014, 13 juin 2014, Strasbourg.
"Comment apprivoiser la phase de création graphique pour les projets types extranet, GED… les trucs par définition pas sexy. Les contraintes rencontrées sur ces projets, les façons de les détourner à l'avantage du créatif, et comment voir l'expérience utilisateur comme un levier pour réaliser une charte agréable."
Le contenu du slide 17 (Exemples Ticketing Réorganiser les informations : Redmine) est inspiré de http://www.jepsonrae.com/
6. Quelques chiffres
– 40.7M d’internautes en France
– 22.3M de mobinautes
– 4.3M d’utilisateurs de tablettes
Web Mobile
7. Quelques chiffres
– 46.6% de Français sont équipés d’un smartphone
en septembre 2012
– Aux USA le nombre de smartphones dépasse celui
du nombre de desktop
Web Mobile
8. 1.8 millions d’acheteur sur mobile
– +50% en 1 ans
– +108% en 2 ans
– 32% ont cherché des infos sur un produit en
magasin (importance des bonnes pratiques)
Web Mobile
9. Conclusion
– Les usages mobiles sont désormais
incontournables
– Confrontation à de nouvelles problématiques
Web Mobile
12. Stratégie
– Définir et détecter un/des contextes mobiles
– Servir un thème spécifique à l’utilisateur
Site Mobile
13. Modules
– Theme switcher :
• détection par l’URL, le navigateur.
– Mobile Tools :
• Détection avec la plus part des techniques connues.
• Intégration dans divers modules contrib
incontournables tel que : Context, Panels, ThemeKey,
Spaces, Features, …
Site Mobile
14. JQuery Mobile
– Très facile à mettre en place
– Compatible
– Difficile à customiser
Site Mobile
15. Quand utiliser cette approche?
– Dans le cas d’un site existant, probablement pour
une raison de coûts.
– Structure de l’information radicalement différente
entre desktop et mobile.
Site Mobile
16. Quand utiliser cette approche?
Avantages :
– Facilité de la mise en place
– Optimisation du design et des médias
Problèmes :
– SEO
– Perte de contenus ou de fonctions
Site Mobile
17. Quand utiliser cette approche?
Avantages :
– Facilité de la mise en place
– Optimisation du design et des médias
Problèmes :
– SEO
– Perte de contenus ou de fonctions
Site Mobile
21. Mobile First
– Conception avant tout centrée sur les contenus
– Prise en considération des performances
– Wireframe par déclinaisons
Responsive Design
22. Media Queries?
– Proposition soumise en 1994(!)
– Proposition d’intégration a CSS1 en 1997
– Draft W3C en 2001
– Recommandation W3C en 2012
Responsive Design
23. Media Queries?
– Fonctionnalité permettant d’adapter la mise en
forme d’un site à partir des dimensions de l’écran
du terminal.
Responsive Design
24. Media Queries?
– Exemple de ciblage:
• @media screen and (max-width: 640px)
• @media screen and (min-width: 200px) and (max-
width: 640px)
Responsive Design
26. Oui mais pour Drupal?
– Thèmes
Ou n’importe quel autre thème responsive (en fait)
Responsive Design
27. Oui mais pour Drupal?
– Thèmes
• Utilisation d’une grille
Responsive Design
28. Oui mais pour Drupal?
– Thèmes
• Définition des breakpoint
Responsive Design
29. Oui mais pour Drupal?
– Thèmes
• Définition de différents layout
Responsive Design
30. Oui mais pour Drupal?
– Thèmes
• Adaptation de certains éléments comme les menus ou
les champs de login / recherche …
• Mise a disposition d’outils comme SASS / LESS, Polyfills
pour c rtains navigateurs, …
Responsive Design
31. Oui mais pour Drupal?
– Modules
• Media :
– Responsive Images : Picture, Adaptive Image, …
– Responsive videos : FitVids
• Table :
– Responsive tables
• Panels :
– possible via certains thème
Responsive Design
32. Avantages
– SEO
– Economie de maintenance
– Capitalisation sur la progression d’internet mobile
– Adaptable à de futurs périphériques
Responsive Design
39. Quand utiliser cette approche?
Problème: Il arrive encore régulièrement qu’un
internaute suive une URL et se voit proposer
l’appli mobile dont il se contrefout.
App Natives
41. Quand utiliser cette approche?
App Natives
http://idontwantyourfuckingapp.tumblr.com/
42. Quand utiliser cette approche?
• Fonctionnalités pas disponibles dans le navigateur
(caméra, accéléromètre, offline)
• Ou alors pour un produit différent
(appli événementiel, expérience interactive, jeux, etc.)
App Natives
46. Conclusion
Drupal 8
• Core : Breakpoint, Responsive Image, Tableaux
• Intégration de backbone.js => Webapp
• Et tout pleins d’optimisation (css, js, …)
Consulter : http://groups.drupal.org/mobile/drupal-8
Revoir la présentation de Théodore Biadala sur la Mobile Initiative