HTML 5, applications natives ou hybrides : comment choisir ?

Transformez vos clients en Fans de votre marque
Merci de bien vouloir patienter
Le webinaire va démarrer dans quelques instants…
MyFanGroup
Webinaire

HTML 5 ou applications mobiles,
applications natives ou hybrides :
comment choisir ?
MyFanGroup
Webinaire

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

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

Le mobile est en train d’éclipser le PC…
Source : GFK
3/36
Source KPCB Morgan Stanley Sept. 2012

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

… 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%

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

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

Site mobile,
application native ou hybride ?
7/36

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

Faire un choix entre site
et application mobile
Source Médiamétrie 2012
Que préfèrent les utilisateurs ?

ou
ou
?
?

WebApp Applications
« hybrides »
Applications
natives

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

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

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

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

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

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

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

Exemples d’applications hybrides
Parmi les applications hybrides
les plus connues :
 Facebook !!?
 PagesJaunes
 LinkedIn
 BBC Olympics
17/36

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

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

Webinaire Convertigo - MyFanGroup
Applications mobiles natives,
hybrides ou site mobile :
comment choisir ?

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

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

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

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

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

Pourquoi Carrefour a choisi Convertigo ?
• Récupération des applications existantes… (Connecteur WEB)
Gain de Temps et d’argent (Facteur 8)
25/36

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

MyFanGroup Mobile
Transformez vos utilisateurs mobiles en clients fidèles

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

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

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

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

MyFanGroup Campaign Manager

Suivi de l'utilisation

 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 :

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

HTML 5, applications natives ou hybrides : comment choisir ?

Contenu connexe

Tendances

En vedette

Similaire à HTML 5, applications natives ou hybrides : comment choisir ?

Plus de Philippe Dumont

HTML 5, applications natives ou hybrides : comment choisir ?