• Like

HTML 5, applications natives ou hybrides : comment choisir ?

  • 7,121 views
Uploaded on

Avant de vous lancer dans votre prochain développement, il est important de faire les bons choix technologiques. …

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.

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
7,121
On Slideshare
0
From Embeds
0
Number of Embeds
7

Actions

Shares
Downloads
116
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Transformez vos clients en Fans de votre marque Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants… MyFanGroup Webinaire
  • 2. Transformez vos clients en Fans de votre marque HTML 5 ou applications mobiles, applications natives ou hybrides : comment choisir ? MyFanGroup Webinaire
  • 3. Transformez vos clients en Fans de votre marque Présenté par  Co-fondateur et Directeur Général de MyFanGroup www.myfangroup.com  Membre du conseil d’administration et rapporteur de la commission Applications Mobiles à la Mobile Marketing Association depuis Mai 2012  Précédemment  Directeur général marketinget communicationEurope chez MicrosoftEMEA jusqu’en 2009  Directeur Général de Symantec pourla France et le Bénélux jusqu’en 2000 Philippe Dumont Olivier Picciotto  CEO de Convertigo  www.convertigo.com 1/36
  • 4. Transformez vos clients en Fans de votre marque Sommaire  Aperçu du marché du mobile en France et dans le monde  Site mobile, application native ou application hybride ?  Applications mobiles d'entreprise connectées avec Convertigo  L’offre MyFanGroup  Session questions/réponses 2/36
  • 5. Transformez vos clients en Fans de votre marque Le mobile est en train d’éclipser le PC… Source : GFK 3/36 Source KPCB Morgan Stanley Sept. 2012
  • 6. Transformez vos clients en Fans de votre marque Ce qui se transcrit par une explosion du temps passé sur le mobile… 40% 13% 5% 25% 12% 5% 39% 12% 4% 25% 19% 2% 0% 5% 10% 15% 20% 25% 30% 35% 40% 45% TV Radio Presse Internet (PC) Mobile Autres Temps passé par média (en %) 2009 2010 2011 2012 2013 (e) 2014 (e) Source e-Marketer - MyFanGroup 2012
  • 7. Transformez vos clients en Fans de votre marque … et par une part croissante de l’accès à internet via mobile 0,00% 2,00% 4,00% 6,00% 8,00% 10,00% 12,00% 14,00% 16,00% % du traffic internetvia mobile % Mobile aux US % Mobile en France Source GS StatCounter, © MyFanGroup 2013 6,9% 14,1%
  • 8. Transformez vos clients en Fans de votre marque Un marché de plus en plus fragmenté 52,5% 19,0% 14,9% 9,8% 1,2% 2,6% Le marché des smartphones en 2013 Android iPhone Windows BlackBerry Symbian Autres 56,5%28,5% 7,5% 7,5% Le marché des tablettes en 2013 iPad Android Windows Autres Prévisions ventes mondiales 2013 (Gartner) 5/36
  • 9. Transformez vos clients en Fans de votre marque Que conclure de cet aperçu du marché du mobile ?  Une stratégie mobile ne peut pas (plus) se résumer à une simple application iPhone  Android est devenu incontournable en moins de 2 ans mais reste lui-même très fragmenté  2 outsiders se disputent les 3 et 4èmes places (Windows Phone et BlackBerry)  Les tablettes représentent également un nouvelle fragmentation du marché mobile Le marché va encore énormément évoluer d'ici 2014, d'où la nécessité d'une solide stratégie mobile multiplateforme 6/36
  • 10. Transformez vos clients en Fans de votre marque Site mobile, application native ou hybride ? 7/36
  • 11. Transformez vos clients en Fans de votre marque Quelques définitions  Site mobile /webapp  Site internet développé en HTML et optimisé pour une navigation à partir de tous les terminaux mobiles (smartphone, tablette etc…)  Webapp = Site mobile "évolué" (allant au-delà du simple affichage de contenu) et qui traite les données utilisateurs, comme le ferait un logiciel applicatif et/ou avec des fonctions utilisateur avancées  Application native  Application développé spécifiquement pour une plateforme mobile donnée (iOS, Android, Windows Phone, BBOS…) en utilisant les kits de développement et les langages associés (Objective C, Java, C#...)  Application hybride  Application mobile mixant code natif (spécifique à chaque plateforme) et HTML/CSS/Javascript (communs à toutes les versions) 8/36
  • 12. Transformez vos clients en Fans de votre marque Faire un choix entre site et application mobile Source Médiamétrie 2012 Que préfèrent les utilisateurs ?
  • 13. Transformez vos clients en Fans de votre marque Faire un choix entre site et application mobile ou ou ? ?
  • 14. Transformez vos clients en Fans de votre marque Faire un choix entre site et application mobile WebApp Applications « hybrides » Applications natives
  • 15. Transformez vos clients en Fans de votre marque Faire un choix entre site et application mobile ?  Pas qu'un débat technique et budgétaire  Se poser les "bonnes" questions  Pour qui ? (prospects, clients, partenaires…)  Pour quoi faire ? (dans quel objectif)  Avec quelle expérience client ?  Intégré à quelle stratégie marketing ?  Quel vecteur d'acquisition utilisateur ? (liens, bandeaux et reroutages classiques pour les sites mobiles et magasins d'applicationspour les applis) Eviter une simple copie de votre site web sur le mobile, utiliser ce que le mobile a de spécifique
  • 16. Transformez vos clients en Fans de votre marque Pourquoi un site mobile ?  En moyenne plus de 10% du trafic d’un site web classique se fait depuis un mobile  Voir statistiques sur Google Analytics ou équivalent  Permet d’optimiser l’accès aux informations en ligne  Présentation et calibrage des textes et images optimisés pour le mobile  Evite les éléments incompatibles ou inadaptés (animations Flash, videos ou images trop lourdes etc…)  Ouvre de nouvelles opportunités  Accès aux informations à tout moment et en itinérance  Personnalisation accrue via géolocalisation (même sans GPS) etc…  Fonctions mobiles spécifiques ("click-2-call"…) 10/36
  • 17. Transformez vos clients en Fans de votre marque Approche Webapp/Site mobile  Avantages :  Couverture de toutes les plateformes de type smartphone (mais nécessite néanmoins des adaptations spécifiques par plateforme pour un fonctionnement optimal)  Rapidité de mise en œuvre et coûts limités  Flexibilité de l'approche et évolutivité du site mobile et de la webapp  Suivi très détaillé des utilisations de la webapp par tous les utilisateurs  Permet de basculer simplement un utilisateur accédant au site web via un mobile vers une expérience utilisateur optimisée (webapp)  Contraintes :  Expérience utilisateur non optimisée par plateforme (plus petit commun dénominateur) et graphiques et animations limitées  Pas d'accès aux fonctions natives du téléphone (notifications, GPS…) 11/36
  • 18. Transformez vos clients en Fans de votre marque Pourquoi une application mobile ?  Accéder au référencement via les magasins d'applications mobiles pour distribution et monétisation éventuelle (Apple AppStore, Google Play, Windows MarketPlace, BlackBerry AppWorld…)  Optimiser l'expérience utilisateur pour chaque mobile  Installer son icône sur le mobile de l'utilisateur pour faciliter la récurrence d'utilisation  Accéder à des fonctions "natives" spécifiques à chaque téléphone ou tablette pour une expérience plus complète  Localisation par GPS  Push Notifications  Caméra  Accès à l’agenda ou aux contacts etc… 12/36
  • 19. Transformez vos clients en Fans de votre marque Approche applis natives administrées  Avantages :  Optimisées spécifiquement pour chaque plateforme (iPhone, Android, Windows Phone, BlackBerry…)  Accès à l'application hors connexion  Rapidité et fluidité d'utilisation  Intégration des fonctions natives (notifications, GPS…)  Intégration poussée dans des systèmes ou applications existantes  Mise à jour et suivi de l'utilisation des applications  Contraintes :  Coûts et délais de développement plus importants  Flexibilité et évolutivité de l'application limitées (uniquement mise à jour de pages existantes, si prévu à l'avance)  Analyse détaillée de l'utilisation des applications plus difficile/plus limitée  Communication inter-applications difficile 14/36
  • 20. Transformez vos clients en Fans de votre marque Approche applications hybrides  Avantages :  Eléments multiplateformes (iPhone, Android, Windows Phone, BlackBerry…)  Rapidité et coûts de développement réduits  Excellent rapport fonctionnalités/prix  Flexibilité et évolutivité de l'application (sans re-posting systématique)  Mises à jour en temps réel  Statistiques et analyses détaillées de l'utilisation des applications  Expérience utilisateur spécifique par plateforme et intégration des fonctions natives (notifications, GPS…)  Contraintes :  Pas d'accès à l'application hors connexion (ou en tout cas pas au contenu dynamique)  Utilisation un peu moins fluide qu'une application 100% native 15/36
  • 21. Transformez vos clients en Fans de votre marque L'essor des applications hybrides  L'avancée des technologies Web  HTML 4 et 5, CSS3, Javascript, JQuery Mobile…  L'émergence de solutions de développements multiplateformes  Titanium (Appcelerator)  Phonegap (Apache Cordova depuis son rachat par Adobe)  L'arrivée d'architectures pour industrialiser le développement et l'administration d'applications hybrides hébergées  MyFanGroup Mobile 16/36 HTML CSS
  • 22. Transformez vos clients en Fans de votre marque Exemples d’applications hybrides Parmi les applications hybrides les plus connues :  Facebook !!?  PagesJaunes  LinkedIn  BBC Olympics 17/36
  • 23. Transformez vos clients en Fans de votre marque Exemple d'application hybride développée par MyFanGroup  imagine R Barres d'icônes natives avec accès aux fonctions spécifiques du mobile Navigation native Pages natives Contenu (textes et images) encapsulé en HTML et CSS3 18/36
  • 24. Transformez vos clients en Fans de votre marque Aide à la décision webapp / appli hybride / appli native Vos critères de pondération Site mobile ou Webapp Appli hybride administrée Appli native administrée Couverture multiplateforme ++ + - Rapidité de mise en œuvre ++ + - Coûts (économie) ++ + - Flexibilitéde la structure de l'application après déploiement ++ + - Mises à jour du contenu des pages ++ ++ + Accès en offline - - ** ++ Design optimisé par plateforme - + ++ Rapidité et fluidité de la navigation - + ++ Statistiques & analyse du parcours utilisateur ++ ++ + Accès aux fonctions natives du téléphone (notifications, GPS…) - ++ ++ Positionnement et promotion sur magasins d'applications(AppStore, GooglePlay…) - ++ ++ ** Excepté pour contenu statique, toujours accessible * Hybride = intégration de code natif spécifique par plateforme et de contenu HTML et CSS 3
  • 25. Webinaire Convertigo - MyFanGroup Applications mobiles natives, hybrides ou site mobile : comment choisir ?
  • 26. La preuve par l’exemple, un cas client…. Groupe Carrefour : • 1er groupe de distribution Européen • C.A. supérieur à 9000 M€ • Plusieurs projets mobiles… Carrefour Mes Courses Carrefour Banque 20/36
  • 27. Les différent types d’application mobiles Une application Mobile, oui mais …. • Pour quel public ? • B2C Grand public … • B2B Pour les entreprises… • B2E Pour les employés… • Pour quel usage ? • Consultations seulement • Contenus statiques (catalogues…) • Contenus dynamiques (News…) • Consultation et actions • Applications Transactionnelles (eCommerce.., Assurance, banque) • Applications métier (ERP, CRP, PLM, WMS, …) 21/36
  • 28. Différents type de connexions mobile.. Une application mobile oui, mais connectée à quoi ? • A rien, • De nos jours très peu utilisé.. • Au système d’information de l’entreprise • ERP, CRM, PLM, WMS etc … • Indispensable pour les application B2E et B2B • Au WEB • Pour Mobiliser les applications WEB existantes • Pour Consommer des informations non disponibles autrement 22/36
  • 29. La MEAP (Mobile Enterprise Application Platform) Les MEAPs permettent de développer des application mobiles.. • Pour les entreprises • Pour une diversité de périphériques • Pour une diversité de technologies (Web ou Native) • Pour une large connectivité au système d’information • Pour un usage rationnel et organisé de la logique métier Selon les analystes le marché des MEAPs vont représenter en 2014 environ 1.6 Milliard de $ 23/36
  • 30. La MEAP Convertigo Mobilizer La seule MEAP sur le marché - Open Source - Connectivité Maximale avec les connecteurs WEB et MainFrame - Capacités de Mashup (Assemblage de données) - Version Communautaire gratuite. 24/36
  • 31. Pourquoi Carrefour a choisi Convertigo ? • Récupération des applications existantes… (Connecteur WEB) Gain de Temps et d’argent (Facteur 8) 25/36
  • 32. Pourquoi Carrefour a choisi Convertigo ? À La question Applications mobiles natives, hybrides ou site mobile comment choisir ? Répond… Les trois ! Grâce à la MEAP Convertigo… 26/36
  • 33. Transformez vos clients en Fans de votre marque MyFanGroup Mobile Transformez vos utilisateurs mobiles en clients fidèles
  • 34. Transformez vos clients en Fans de votre marque My FanGroup et votre stratégie mobile 1. En amont : une offre complète de conseil en stratégie mobile 2. Au cœur de votre présence mobile : Des compétences uniques de développement de sites et applications  Avec une architecture exclusive de développement mobile hybride (MyFanGroup Mobile) et une console d'administration pour vous permettre de piloter et mettre à jour vos applications via le cloud 3. En aval : accompagnement dédié dans la promotion et la monétisation de votre présence mobile  Avec un outil de tracking (MyFanGroup TrackMob) qui permet d’identifier la source de vos téléchargements, comparer la performance de vos actions marketing mobiles et optimiser votre ROI
  • 35. Transformez vos clients en Fans de votre marque Pourquoi choisir MyFanGroup ? Vos besoins Nos solutions Vous devez être présent sur un maximum de plateformes mobiles et tablettes Nous développons de manière optimisée et industrialisée grâce à une architecture mobile hybride unique : MyFanGroup Mobile Vous hésitez entre site mobile (webapp) et application mobile ? Nous vous proposons directement les deux grâce à notre architecture. Vous souhaitez mettre à jour facilement et instantanément votre applicationmobile Administration et mises à jour du contenu, des fonctionnalités et de la structure de l'application En savoir plus sur votre application mobile au-delà du nombre des téléchargements ? Un suivi détaillé des pages vues et des options utilisées avec analyses statistiques complètes Vous voulez intégrer l'expérienceutilisateur mobile à votre système d’information Une intégration aux bases de données, CRM, ERP et CMS existants via des webservicesdédiés Vous cherchez à contrôler et limiter vos coûts de développement mobile Nous proposons une option de paiement mensualisé, tout compris et facile à budgéter 29/36
  • 36. Transformez vos clients en Fans de votre marque Architecture MyFanGroup Mobile Composants & squelette d'application natifs Contenu de l'application (texte & graphiques) Pilotage des applications, mises à jour et rapports d'utilisation ex. GPS, push notif. icônes, graphiques et autres contenus embarqués… Fonctions clés, structure menus de haut niveau… Look & feel, traduction de l'interface et autres personnalisations Détails des offres, des points de distribution… MyFanGroup Campaign Manager & WebServices Logique et navigation de l'application Design & ressources de l'application Une architecture modulaire unique, avec une parfaite isolation des différents composants et entièrement synchronisable avec des bases de données et systèmes existants Code natif Code mixte HTML / CSS / Javascript
  • 37. Transformez vos clients en Fans de votre marque Exemple d'application hybride développée par MyFanGroup Code et éléments exécutés en natif sur le mobile et pilotés par la console Code et éléments hébergés et traités par les serveurs puis affichés sur au sein de l'application en HTML Console d'administration (pilotage, suivi et mises à jour) via le cloud (code natif + HTML) 34/36
  • 38. Transformez vos clients en Fans de votre marque MyFanGroup Campaign Manager
  • 39. Transformez vos clients en Fans de votre marque Suivi de l'utilisation
  • 40. Transformez vos clients en Fans de votre marque  Philippe Dumont  Téléphone : 01 41 46 03 86  phildu@myfangroup.com  Service commercial  Bureau: 01 41 46 03 87  contact@myfangroup.com Plus d’infos? Rendez-vous sur: http://www.myfangroup.com © 2013 MyFanGroup SAS. Tous droits réservés. Les marques et logos mentionnés sont déposés par leurs propriétaires respectifs. Ce document est purement informatif et n’a aucune valeur contractuelle Nous contacter :
  • 41. Transformez vos clients en Fans de votre marque Questions ? A suivre par email dans la journée à tous les participants : Copie des slides, livre blanc « les 7 facteurs clés de succès dans votre stratégie mobile » et enregistrement complet de la session