Ce document retrace les grandes lignes du développement mobile puis entre dans les détails du développement pur en se focalisant plus particulièrement sur les outils multiplateformes natifs ainsi que les développements hybride HTML/natif.

1. Webinaire
Webinai e :
Stratégies multiplateformes :
g p
Comment adresser le mobile ?
05/04/2012 © 2011 Ideo Mobilis 1

2. Bienvenue
Développement multiplateformes
Stratégies multiplateformes :
Comment adresser l mobile ?
C t d le bil
Présenté par
Frédéric Ortun Julie MAGGI
Directeur t h i
Di t technique Marketing & Communication
05/04/2012 © 2011 Ideo Mobilis 2

3. Déroulement du
webinaire
Tous les participants sont en mode « mute » : il est d
T l ti i t t d t t donc i til d parler. Si vous rencontrez d
inutile de l t des
difficultés, je vous invite à faire vos requêtes via le chat.
• Une phase de questions / réponses de 15min est prévue à la fin de la
présentation.
• Pour poser vos questions, rien de plus simple : utilisez la fenêtre prévu à cet effet
à n’importe quel moment durant la présentation. Les questions seront triées
pendant la présentation.
• Cette présentation est enregistrée
05/04/2012 © 2011 Ideo Mobilis 3

4. LE CONTEXTE
05/04/2012 © 2011 Ideo Mobilis 4

5. Le marché du mobile est
en pleine expansion
Le mobile est un des principaux marchés
é
dans l'électronique grand-public
500M de smartphones vendus en 2011
1Mrd de smartphones en circulation
Un marché où arrivent par vagues des
gadgets et de nouveaux acteurs
g g
les logos-sonneries, les jeux sur mobiles, etc
Les accès Internet mobiles devraient
dépasser les accès fixes en 2014
05/04/2012 © 2011 Ideo Mobilis 5

6. Différents acteurs,
différents appareils
Un marché en évolution permanente
Il y a 1 an, Bl kB
BlackBerry ét it n°1 aux USA
était °1
Il y a 3 ans Nokia dominait en Europe
Un marché dominé par iPhone et Android
hé d é h d d
90% des ventes à eux 2 aux USA en 2012
50% Android, 40% iPhone
La France est à part : l’iPhone y est plus
p p
présent qu’ailleurs
05/04/2012 © 2011 Ideo Mobilis 6

7. Le marché des tablettes
s’est bien établi
L’iPad en 2 ans a imposé la tablette
Elles devraient être utilisées par 30% de la
population US en 2016
L iPad
L’iPad devrait dominer jusqu en 2016
jusqu’en
L’iPad fait 97% du surf en France sur tablette
La concurrence est nombreuse
Peu de succès, la concurrence mise sur le format 7"
Le Kindle Fire monte mais c est un e reader
monte, c’est e-reader
Windows 8 peut-il changer la donne ?
Le marché est déjà bien occupé
05/04/2012 © 2011 Ideo Mobilis 7

8. La « consumérisation » de
l’IT avance
En 2016 aux USA, 50% des téléphones en
, p
entreprise seraient des téléphones privés
L iPhone
L’iPhone remplace le BlackBerry en
entreprise pour cette raison
Des enjeux en matière de sécurisation
RIM ouvre l’accès à sa messagerie
Des
D enjeux en gestion de parc
j ti d
Déploiement, paramétrage
05/04/2012 © 2011 Ideo Mobilis 8

9. QUE FAIRE AVEC UN
MOBILE ?
05/04/2012 © 2011 Ideo Mobilis 9

10. La mobilité offre de
multiples opportunités
Sites adaptés
Les navigateurs deviennent puissants
Applications grand public B2C
Les places de marché sont intégrées dans les
appareils
Applications à usage interne B2B ou B2E
Les mobiles sont des PC portables et
communicants
05/04/2012 © 2011 Ideo Mobilis 10

11. Un site : un accès simple
aux informations
Un it d ti é
U site destiné au mobile
bil
Le site existant d'une marque ou d'un média
Refondu/reconçu pour être pratique sur téléphone
Mais pas une copie en miniature
Nécessité de repenser le contenu et la navigation
Partiel donc pas remplacement mais complément
Et des p ob
d problèmes avec les navigateurs
a a ga u
Bons navigateurs sur iPhone et Android
Mais problème avec Opera Mini (20% de part de
marché)
hé)
Pour une tablette : une légère adaptation
05/04/2012 © 2011 Ideo Mobilis 11

12. Une application : une
véritable interactivité
Résidente sur le téléphone mobile et
accessible offline
ibl ffli
Qui va chercher des éléments via internet
Une ergonomie adaptée (widgets
spécifiques)
Accès à un hardware spécifique
Appareil photo
Géolocalisation
Notifications «push»
p
Paiement
05/04/2012 © 2011 Ideo Mobilis 12

13. Intégration au SI :
le nouvel enjeu
L’accès permanent à l’information devient
p
un besoin
Webservices et bus applicatifs se
généralisent
L’intégration au SI des appareils mobiles
L intégration
devient facile
Elle est intégrée de plus en plus tôt dans la
définition des architectures multi-canals
05/04/2012 © 2011 Ideo Mobilis 13

14. Téléphone et tablette :
similaires ?
Les mêmes technologies
Ressources matérielles et logicielles similaires
Outils de développement identiques
Des contraintes similaires
Même problème de taille du doigt
Les mêmes constructeurs
05/04/2012 © 2011 Ideo Mobilis 14

15. Téléphone et tablette :
similaires mais différents
Le téléphone nécessite de repenser les
applications, moins la tablette
La contrainte majeure est la taille de l écran
l’écran
Un site est souvent utilisable sur tablette sans
modification
Une cible différente
Consultation sur téléphone travail sur tablette
téléphone,
La tablette est un outil marketing
05/04/2012 © 2011 Ideo Mobilis 15

16. LE DÉVELOPPEMENT
MOBILE
05/04/2012 © 2011 Ideo Mobilis 16

17. Le développement
multiplateforme s’impose
Marché éclaté, 2 acteurs principaux
Android t iPh
A d id et iPhone représentent 80% aux USA
é t t
Mais BlackBerry très présent en entreprise
Marché en évolution permanente
hé é l
Il y a un an, Blackberry était n°1 aux US
Techniques de développement diverses
C, Java, C#, etc
, , ,
En B2E un modèle peut être imposé
Mais la consumérisation de l’IT avance vite
l IT
05/04/2012 © 2011 Ideo Mobilis 17

18. Quelles techniques ?
Développement natif multiple
L’idéal mais le plus cher aussi
Outil multiplateforme natif
Idéal en théorie
Développement hybride HTML/natif
pp y /
Un compromis intéressant
Webapp dans le navigateur
Simple, mais capte moins l’utilisateur
05/04/2012 © 2011 Ideo Mobilis 18

19. Les outils
multiplateforme natifs
Il y en a de nombreux acteurs
Adobe
Ad b en premier, mais un avenir incertain
i i i i t i
Titanium et Rhomobile sont les challengers
Le résultat utilise d composants natifs
é l l des f
Aspect proche d’un développement natif
Mais le résultat n’est pas parfait
Des bugs et un aspect pas toujours natif
g p p j
Performances dégradées
Risque car petits éditeurs
05/04/2012 © 2011 Ideo Mobilis 19

20. Les outils hybrides
HTML/Natif
S’appuient sur le navigateur embarqué
Une webapp dans une application
Méthode de développement HTML classique
p
Reste à choisir un framework Javascript
Ajoutent des accès au matériel
L’appareil photo, la géolocalisation, etc
pp p , g ,
Bonnes performances du résultat
Mais aspect souvent éloigné du natif
Phonegap est le principal acteur
Racheté par Adobe qui mise sur l’HTML
l HTML
05/04/2012 © 2011 Ideo Mobilis 20

21. Les frameworks
Javascripts
La majorité est compatible mobile
é
Compatibilité très variable
Certains frameworks sont spécialisés
Sencha/Dojo sont en avance
/ j
jQuery juste derrière
Support multiplateforme variable
Sencha ne supporte que iOS/Android mais
avec un résultat remarquable
jQuery supporte tous les téléphones mais avec
un aspect marqué « web »
p q
05/04/2012 © 2011 Ideo Mobilis 21

22. Conclusion
Le mobile est incontournable
Tablettes et téléphones adressent des
p
cibles différentes
Le multiplateforme est souvent requis
Pas de solution miracle pour le traiter
05/04/2012 © 2011 Ideo Mobilis 22

23. QUESTIONS ?
05/04/2012 © 2011 Ideo Mobilis 23