Présentation du 25 septembre 2012 dans le cadre d'un atelier technique à destination de clients, partenaires et prospects d'Eutech SSII. Dans un format court, il est question des jalons du développement d'une application mobile, iOs, Android, Webmobile

1. Eutech SSII – 25 septembre 2012 – JB. Boisseau – A. Pagnier

2. Arnaud Pagnier

3.  Appli mobile ou web mobile ?
 1 Maquettage
 2 Conception
 3 Implémentation
 4 Suivi de projet
 5 Tests
 6 Déploiement
 7 Référencement et marketing

4. Jean-Baptiste Boisseau
Le Mobile en 2012

5.  Le marché n'est pas 100% smartphone
 1,6 milliard de mobiles vendus en 2011 dans le
monde
 Dont 390 millions de smartphones
 En France, 40% des utilisateurs de mobile ont
un smartphone

6. Caractéristiques du smartphone en 2012 :
 Interface tactile
 GPS / boussole
 Appareil photo / Caméra
 Accéléromètre
 Système proposant navigateur web avancé et
gestion de fichiers
 Réseau 3G+ minimum, wifi

7.  Apple : Iphone 4, Iphone 4S, iPhone 5
 Samsung : Galaxy/Galaxy S, Nexus, Wave
 Nokia : N9, C6, Lumia
 RIM : Torch, Bold
 HTC : Gamme Android, gamme Windows
 Sony Ericsson : Xperia
 Les autres : LG, Huawei, Motorola, Acer...

8.  Statistiques françaises (données d'utilisation
sur le web obtenues via webanalyse, 12/11) :
 IOS : 56%
 Android : 32%
 Symbian : 4%
 Bada : 2,5%
 Blackberry OS : 1,5%
 Windows Phone : 1%
 Les autres : MeeGo (Tizen), WebOS...

9. Arnaud Pagnier
Maquetter « Mobile »

10.  L’ergonomie est le Graal du maquettage
 Penser mobile / penser tactile
 Penser iOS / penser Android : une solution
simple et familière

11.  La personnalisation graphique d’une
application ?
 Un graphisme pour iOS, un graphisme pour
Android…
 Le « look & feel » natif des systèmes

16.  Transcription d’une procédure papier…
 Beaucoup d’inspiration…
 Et quelques « proof of concept ».

17. Jean-Baptiste Boisseau
Concevoir « Mobile »

18.  Un véritable travail d’ingénierie logicielle
 Un code robuste, des designs patterns…
 Les guides de conception et d’architecture des
éditeurs ?
 De la méthode

19. Interface
Logique « métier » d’admin
Terminal JSON
Données
locales
Logique « métier »
Serveur
d’application
Synchronisation web
Données
distantes

20.  L’application et son
« écosystème d’informations »
 L’application comme « frontend »
 Quel « backend » ?
 Communication par services web.
 Gestion de la sécurité
 Le mode asynchrone…

22. Arnaud Pagnier
Coder « Mobile »

23.  Eclipse VS XCode
 Editeur de code (autocomplétion, template de
code, …), gestion des sources
 Concepteur visuel d’interface
 Compilateur, debugger pas à pas
 Simulateurs
 Gestion des terminaux physiques
 Intégration continue…

26.  Un seul développement pour toutes les
plateformes ?
 PhoneGap : une solution pertinente.
 Un développement « web » avec HTML5, CSS3,
et…
 Une API JavaScript

27. Compilation
HTML 5 et API API natives
JavaScript des
CSS3 PhoneGap terminaux

28.  Développement « natif » ?
 Développement « PhoneGap » ?
 Développement « full web » ?

29.  Rigueur de travail et soin permanent de
l’optimisation
 Connaissance approfondie des SDK iOS ou
Android
 Connaissance de l’architecture web
 Forte faculté d’adaptation et d’apprentissage

30.  En général : architecture classique,
ergonomie et usage bien établis, pas de
fonctionnalités « complexes », …
 iOS : 15 j.h.
 Android : 20 j.h. !

31. Arnaud Pagnier
Piloter « mobile »

32.  Une méthodologie classique… ingénierie
logicielle.
 Développements agiles : Xtrem Programming,
SCRUM…

34. Jean-Baptiste Boisseau
Tester « Mobile »

35.  Cahiers de recette
 PV de recette
 Mode itératif

36.  Les simulateurs et les SDK
 Les terminaux de référence : faire un choix.

38. Arnaud Pagnier
La publication d’une appli
« Mobile »

39.  Sur les stores
 En mode « entreprise »

40.  S’enrôler, devenir développeur
 Devenir éditeur d’applications
 Choisir son public, mettre en avant son
application, choisir un modèle économique
 La sentence de l’App Store…

41.  Pas beaucoup de possibilités sur les stores
 Mots-clés
 Commentaires
 Nbr de téléchargements
 Mise en avant
 Un moyen efficace : le marketing web
« classique ».
 Référencement,
 Pubs,
 Réseaux sociaux…

42.  Application trop lourde pour être obtenue en
3G
 Utilisation inappropriée de la connectivité 3G
 Contenus manquants
 Fonctionnalités « privées »
 Utilisation détournée d’une icône
 Illustration inadaptée au public ciblé
 Illustration vraiment inadaptée 

43. http://www.audiable.com

44. Arnaud Pagnier
Questions ? et réponses !