Webinai eWebinaire :Stratégies multiplateformes :g pComment adresser le mobile ?

05/04/2012 © 2011 Ideo Mobilis 1

BienvenueBienvenue

Développement multiplateformes

Stratégies multiplateformes :

C t d l bil ?Comment adresser le mobile ?

Présenté par

Julie MAGGIMarketing & Communication

Frédéric OrtunDi t t h i

05/04/2012 © 2011 Ideo Mobilis 2

Marketing & CommunicationDirecteur technique

Déroulement du webinaire

T l ti i t t d t il t d i til d l Si t d Tous les participants sont en mode « mute » : il est donc inutile de parler. Si vous rencontrez 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 lapré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éespendant la présentation.

05/04/2012 © 2011 Ideo Mobilis 3

• Cette présentation est enregistrée

LE CONTEXTE

05/04/2012 © 2011 Ideo Mobilis 4

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 20111Mrd de smartphones en circulation

Un marché où arrivent par vagues des gadgets et de nouveaux acteursg g

les logos-sonneries, les jeux sur mobiles, etc

Les accès Internet mobiles devraient Les accès Internet mobiles devraient dépasser les accès fixes en 2014

05/04/2012 © 2011 Ideo Mobilis 5

Différents acteurs, différents appareils

Un marché en évolution permanenteIl 1 Bl kB ét it °1 USAIl y a 1 an, BlackBerry était n°1 aux USAIl y a 3 ans Nokia dominait en Europe

hé d é h d dUn marché dominé par iPhone et Android90% des ventes à eux 2 aux USA en 201250% Android, 40% iPhone

La France est à part : l’iPhone y est plus p y pprésent qu’ailleurs

05/04/2012 © 2011 Ideo Mobilis 6

Le marché des tablettes s’est bien établi

L’iPad en 2 ans a imposé la tabletteElles devraient être utilisées par 30% de la Elles devraient être utilisées par 30% de la population US en 2016

L’iPad devrait dominer jusqu’en 2016L iPad devrait dominer jusqu en 2016L’iPad fait 97% du surf en France sur tablette

La concurrence est nombreuseLa concurrence est nombreusePeu de succès, la concurrence mise sur le format 7"Le Kindle Fire monte mais c’est un e-readerLe Kindle Fire monte, mais c est un e reader

Windows 8 peut-il changer la donne ?Le marché est déjà bien occupéLe marché est déjà bien occupé

05/04/2012 © 2011 Ideo Mobilis 7

La « consumérisation » de l’IT avance

En 2016 aux USA, 50% des téléphones en , pentreprise seraient des téléphones privésL’iPhone remplace le BlackBerry en L iPhone remplace le BlackBerry en entreprise pour cette raisonDes enjeux en matière de sécurisationDes enjeux en matière de sécurisation

RIM ouvre l’accès à sa messagerie

D j ti d Des enjeux en gestion de parcDéploiement, paramétrage

05/04/2012 © 2011 Ideo Mobilis 8

QUE FAIRE AVEC UN MOBILE ?

05/04/2012 © 2011 Ideo Mobilis 9

La mobilité offre de multiples opportunités

Sites adaptésSites adaptésLes navigateurs deviennent puissants

Applications grand public B2CApplications grand public B2CLes places de marché sont intégrées dans les appareilsappareils

Applications à usage interne B2B ou B2ELes mobiles sont des PC portables et communicants

05/04/2012 © 2011 Ideo Mobilis 10

Un site : un accès simple aux informations

U it d ti é bilUn site destiné au mobileLe site existant d'une marque ou d'un médiaRefondu/reconçu pour être pratique sur téléphoneRefondu/reconçu pour être pratique sur téléphone

Mais pas une copie en miniatureNécessité de repenser le contenu et la navigationNécessité de repenser le contenu et la navigationPartiel donc pas remplacement mais complément

Et des problèmes avec les navigateursd p ob a a ga uBons navigateurs sur iPhone et AndroidMais problème avec Opera Mini (20% de part de

hé)marché)

Pour une tablette : une légère adaptation

05/04/2012 © 2011 Ideo Mobilis 11

Une application : une véritable interactivité

Résidente sur le téléphone mobile et ibl ffliaccessible offline

Qui va chercher des éléments via internet

Une ergonomie adaptée (widgetsspécifiques)

Accès à un hardware spécifiqueAppareil photoGéolocalisationNotifications «push»pPaiement

05/04/2012 © 2011 Ideo Mobilis 12

Intégration au SI :le nouvel enjeu

L’accès permanent à l’information devient pun besoinWebservices et bus applicatifs se Webservices et bus applicatifs se généralisentL’intégration au SI des appareils mobiles L intégration au SI des appareils mobiles devient facile

Elle est intégrée de plus en plus tôt dans la 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

Téléphone et tablette : similaires ?

Les mêmes technologiesLes mêmes technologiesRessources matérielles et logicielles similairesOutils de développement identiquesOutils de développement identiques

Des contraintes similairesMême problème de taille du doigtMême problème de taille du doigt

Les mêmes constructeurs

05/04/2012 © 2011 Ideo Mobilis 14

Téléphone et tablette : similaires mais différents

Le téléphone nécessite de repenser les Le téléphone nécessite de repenser les applications, moins la tablette

La contrainte majeure est la taille de l’écranLa contrainte majeure est la taille de l écranUn site est souvent utilisable sur tablette sans modification

Une cible différenteConsultation sur téléphone travail sur tabletteConsultation sur téléphone, travail sur tabletteLa tablette est un outil marketing

05/04/2012 © 2011 Ideo Mobilis 15

LE DÉVELOPPEMENT MOBILE

05/04/2012 © 2011 Ideo Mobilis 16

Le développement multiplateforme s’impose

Marché éclaté, 2 acteurs principauxA d id t iPh é t t 80% USAAndroid et iPhone représentent 80% aux USAMais BlackBerry très présent en entreprise

hé é lMarché en évolution permanenteIl y a un an, Blackberry était n°1 aux US

Techniques de développement diversesC, Java, C#, etc, , ,

En B2E un modèle peut être imposéMais la consumérisation de l’IT avance viteMais la consumérisation de l IT avance vite

05/04/2012 © 2011 Ideo Mobilis 17

Quelles techniques ?Quelles techniques ?

Développement natif multipleL’idéal mais le plus cher aussi

Outil multiplateforme natifIdéal en théorie

Développement hybride HTML/natifpp y /Un compromis intéressant

Webapp dans le navigateurWebapp dans le navigateurSimple, mais capte moins l’utilisateur

05/04/2012 © 2011 Ideo Mobilis 18

Les outils multiplateforme natifs

Il y en a de nombreux acteursAd b i i i i t iAdobe en premier, mais un avenir incertainTitanium et Rhomobile sont les challengers

é l l d fLe résultat utilise des composants natifsAspect proche d’un développement natif

Mais le résultat n’est pas parfaitDes bugs et un aspect pas toujours natifg p p jPerformances dégradées

Risque car petits éditeursRisque car petits éditeurs

05/04/2012 © 2011 Ideo Mobilis 19

Les outils hybrides HTML/Natif

S’appuient sur le navigateur embarquéUne webapp dans une applicationUne webapp dans une applicationMéthode de développement HTML classiqueReste à choisir un framework Javascriptp

Ajoutent des accès au matérielL’appareil photo, la géolocalisation, etcpp p , g ,

Bonnes performances du résultatMais aspect souvent éloigné du natifMais aspect souvent éloigné du natif

Phonegap est le principal acteurRacheté par Adobe qui mise sur l’HTMLRacheté par Adobe qui mise sur l HTML

05/04/2012 © 2011 Ideo Mobilis 20

Les frameworksJavascripts

éLa majorité est compatible mobileCompatibilité très variable

Certains frameworks sont spécialisésSencha/Dojo sont en avance/ jjQuery juste derrière

Support multiplateforme variableSupport multiplateforme variableSencha ne supporte que iOS/Android mais avec un résultat remarquableavec un résultat remarquablejQuery supporte tous les téléphones mais avec un aspect marqué « web »p q

05/04/2012 © 2011 Ideo Mobilis 21

ConclusionConclusion

Le mobile est incontournableTablettes et téléphones adressent des pcibles différentesLe multiplateforme est souvent requisLe multiplateforme est souvent requis

Pas de solution miracle pour le traiter

05/04/2012 © 2011 Ideo Mobilis 22

QUESTIONS ?

05/04/2012 © 2011 Ideo Mobilis 23