Les secrets du développementd’une application mobile

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

Présentation et sommaireArnaud Pagnier

Sommaire

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

IntroductionJean-Baptiste Boisseau

Le Mobile en 2012

SmartPhone : définition

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

SmartPhone : définition

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

Les principaux terminaux

Apple : Iphone 4, Iphone 4S, iPhone 5

Samsung : Galaxy/Galaxy S, Nexus, Wave

Nokia : N9, C6, LumiaRIM : Torch, BoldHTC : Gamme Android, gamme

Windows Sony Ericsson : XperiaLes autres : LG, Huawei, Motorola,

Acer...

Les systèmes d’exploitation

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...

Premier jalonArnaud Pagnier

Maquetter « Mobile »

La problématique

L’ergonomie est le Graal du maquettage

Penser mobile / penser tactile

Penser iOS / penser Android : une solution simple et familière

La problématique

La personnalisation graphique d’une application ?

Un graphisme pour iOS, un graphisme pour Android…

Le « look & feel » natif des systèmes

Balsamiq, MockApp, Powerpoint ?

Les documents techniques…

L’API

CanalBlog

dans le

moindre détail

Un cas concret : FormaPoste

Un cas concret : FormaPoste

Un cas concret : FormaPoste

Transcription d’une procédure papier…

Beaucoup d’inspiration…

Et quelques « proof of concept ».

Une étape crucialeJean-Baptiste Boisseau

Concevoir « Mobile »

Concevoir

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

Serveur d’applicatio

n web

Une architecture « classique »

Logique « métier »

Interface d’admin

Terminal

Données

distantes

Données

locales

Logique « métier »

Synchronisation

JSON

Une architecture « classique » 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…

Un cas concret : EnigmApp

Le cœur du projetArnaud Pagnier

Coder « Mobile »

Coup d’œil sur les EDI

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…

Eclipse

XCode

Les solutions « multiplateformes »

Un seul développement pour toutes les plateformes ?

PhoneGap : une solution pertinente.

Un développement « web » avec HTML5, CSS3, et…

Une API JavaScript

Les solutions « multiplateformes »

HTML 5 et CSS3

JavaScript

API PhoneGap

API natives

des terminau

x

Compilation

Quelles solutions choisir ?

Développement « natif » ?

Développement « PhoneGap » ?

Développement « full web » ?

Profil du développeur idéal

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

Un cas concret : CanalBlog

En général : architecture classique, ergonomie et usage bien établis, pas de fonctionnalités « complexes », …

iOS : 15 j.h.

Android : 20 j.h. !

La boussole et le timonierArnaud Pagnier

Piloter « mobile »

Conduite de projet

Une méthodologie classique… ingénierie logicielle. Développements agiles : Xtrem

Programming, SCRUM…

Redmine et le suivi des tâches

L’épreuve du feuJean-Baptiste Boisseau

Tester « Mobile »

Les documents

Cahiers de recette

PV de recette

Mode itératif

Du simulateur au device

Les simulateurs et les SDK

Les terminaux de référence : faire un choix.

Un cahier de recette

Les derniers kilomètresArnaud Pagnier

La publication d’une appli « Mobile »

Plusieurs modes de distribution

Sur les stores

En mode « entreprise »

L’AppStore, n’y rentre pas qui veut !

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…

Marketing et applis mobiles 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…

Un cas concret : Le Diable Vauvert 

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

Le Cas « Diable Vauvert »

http://www.audiable.com

CONCLUSIONArnaud Pagnier

Questions ? et réponses !