SlideShare une entreprise Scribd logo
Eutech SSII – 25 septembre 2012 – JB. Boisseau – A. Pagnier
Arnaud Pagnier
   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
Jean-Baptiste Boisseau




  Le Mobile en 2012
   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
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
   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...
   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...
Arnaud Pagnier




  Maquetter « Mobile »
   L’ergonomie est le Graal du maquettage

   Penser mobile / penser tactile

   Penser iOS / penser Android : une solution
    simple et familière
   La personnalisation graphique d’une
    application ?

   Un graphisme pour iOS, un graphisme pour
    Android…

   Le « look & feel » natif des systèmes
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
   Transcription d’une procédure papier…

   Beaucoup d’inspiration…

   Et quelques « proof of concept ».
Jean-Baptiste Boisseau




  Concevoir « Mobile »
   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
Interface
Logique « métier »                                             d’admin




              Terminal   JSON
   Données
    locales
                                                       Logique « métier »
                                               Serveur
                                            d’application
                          Synchronisation       web
                                                             Données
                                                             distantes
   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…
Les secrets du développement d'une application mobile
Arnaud Pagnier




  Coder « Mobile »
   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…
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
   Un seul développement pour toutes les
    plateformes ?

     PhoneGap : une solution pertinente.


     Un développement « web » avec HTML5, CSS3,
      et…
     Une API JavaScript
Compilation




HTML 5 et                 API          API natives
            JavaScript                     des
  CSS3                   PhoneGap      terminaux
   Développement « natif » ?

   Développement « PhoneGap » ?

   Développement « full web » ?
   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
   En général : architecture classique,
    ergonomie et usage bien établis, pas de
    fonctionnalités « complexes », …

   iOS : 15 j.h.

   Android : 20 j.h. !
Arnaud Pagnier




  Piloter « mobile »
   Une méthodologie classique… ingénierie
    logicielle.
     Développements agiles : Xtrem Programming,
     SCRUM…
Les secrets du développement d'une application mobile
Jean-Baptiste Boisseau




  Tester « Mobile »
   Cahiers de recette

   PV de recette

   Mode itératif
   Les simulateurs et les SDK

   Les terminaux de référence : faire un choix.
Les secrets du développement d'une application mobile
Arnaud Pagnier




  La publication d’une appli
  « Mobile »
   Sur les stores

   En mode « entreprise »
   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…
   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…
   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 
http://www.audiable.com
Arnaud Pagnier




  Questions ? et réponses !

Contenu connexe

Tendances

Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
FullSIX Group
 
JFTL2013 - Retour d'expérience PagesJaunes
JFTL2013 - Retour d'expérience PagesJaunesJFTL2013 - Retour d'expérience PagesJaunes
JFTL2013 - Retour d'expérience PagesJaunes
Cedric GAUTIER
 
Applications mobiles - quels choix ?
Applications mobiles  - quels choix ?Applications mobiles  - quels choix ?
Applications mobiles - quels choix ?
odemarez
 
Developpement mobile hybride avec Visual Studio, Apache Cordova
Developpement mobile hybride avec Visual Studio, Apache CordovaDeveloppement mobile hybride avec Visual Studio, Apache Cordova
Developpement mobile hybride avec Visual Studio, Apache Cordova
Microsoft
 
3 étapes clés pour réussir son application mobile
3 étapes clés pour réussir son application mobile3 étapes clés pour réussir son application mobile
3 étapes clés pour réussir son application mobile
Philippe Dumont
 
10 conseils pour developper vos applications mobiles - 2017
10 conseils pour developper vos applications mobiles -  201710 conseils pour developper vos applications mobiles -  2017
10 conseils pour developper vos applications mobiles - 2017
Franck Deville
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
Chambé-Carnet
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Benjamin LUPU
 
Azetone - Comment optimiser l’expérience utilisateur de son appli mobile ?
Azetone - Comment optimiser l’expérience utilisateur de son appli mobile ?Azetone - Comment optimiser l’expérience utilisateur de son appli mobile ?
Azetone - Comment optimiser l’expérience utilisateur de son appli mobile ?
Philippe Dumont
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design
USERADGENTS
 
Information google apps
Information google appsInformation google apps
Information google apps
inovallee
 
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Owlie
 
Présentation développement application Android
Présentation développement application AndroidPrésentation développement application Android
Présentation développement application Android
ambin_fr
 
WUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobilesWUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobiles
Frederic CAVAZZA
 
Azetone Mobile Solutions
Azetone Mobile SolutionsAzetone Mobile Solutions
Azetone Mobile Solutions
Philippe Dumont
 
Presentation User ADgents
Presentation User ADgentsPresentation User ADgents
Soutenance mémoire
Soutenance mémoireSoutenance mémoire
Soutenance mémoire
bidou27000
 
Réussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoCRéussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoC
Owlie
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
Julien Saumande
 
MobiliteaTime #4 : Guide Pratique Apple TV
MobiliteaTime #4 : Guide Pratique Apple TVMobiliteaTime #4 : Guide Pratique Apple TV
MobiliteaTime #4 : Guide Pratique Apple TV
USERADGENTS
 

Tendances (20)

Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
 
JFTL2013 - Retour d'expérience PagesJaunes
JFTL2013 - Retour d'expérience PagesJaunesJFTL2013 - Retour d'expérience PagesJaunes
JFTL2013 - Retour d'expérience PagesJaunes
 
Applications mobiles - quels choix ?
Applications mobiles  - quels choix ?Applications mobiles  - quels choix ?
Applications mobiles - quels choix ?
 
Developpement mobile hybride avec Visual Studio, Apache Cordova
Developpement mobile hybride avec Visual Studio, Apache CordovaDeveloppement mobile hybride avec Visual Studio, Apache Cordova
Developpement mobile hybride avec Visual Studio, Apache Cordova
 
3 étapes clés pour réussir son application mobile
3 étapes clés pour réussir son application mobile3 étapes clés pour réussir son application mobile
3 étapes clés pour réussir son application mobile
 
10 conseils pour developper vos applications mobiles - 2017
10 conseils pour developper vos applications mobiles -  201710 conseils pour developper vos applications mobiles -  2017
10 conseils pour developper vos applications mobiles - 2017
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGap
 
Azetone - Comment optimiser l’expérience utilisateur de son appli mobile ?
Azetone - Comment optimiser l’expérience utilisateur de son appli mobile ?Azetone - Comment optimiser l’expérience utilisateur de son appli mobile ?
Azetone - Comment optimiser l’expérience utilisateur de son appli mobile ?
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design
 
Information google apps
Information google appsInformation google apps
Information google apps
 
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
 
Présentation développement application Android
Présentation développement application AndroidPrésentation développement application Android
Présentation développement application Android
 
WUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobilesWUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobiles
 
Azetone Mobile Solutions
Azetone Mobile SolutionsAzetone Mobile Solutions
Azetone Mobile Solutions
 
Presentation User ADgents
Presentation User ADgentsPresentation User ADgents
Presentation User ADgents
 
Soutenance mémoire
Soutenance mémoireSoutenance mémoire
Soutenance mémoire
 
Réussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoCRéussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoC
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
MobiliteaTime #4 : Guide Pratique Apple TV
MobiliteaTime #4 : Guide Pratique Apple TVMobiliteaTime #4 : Guide Pratique Apple TV
MobiliteaTime #4 : Guide Pratique Apple TV
 

En vedette

Présentation LYDIA
Présentation LYDIAPrésentation LYDIA
Présentation LYDIA
Arthur Baur
 
Fluid Topics révolutionne la publication en ligne de votre documentation
Fluid Topics révolutionne la publication en ligne de votre documentationFluid Topics révolutionne la publication en ligne de votre documentation
Fluid Topics révolutionne la publication en ligne de votre documentation
Antidot
 
Infographie - Les 7 symptômes qui montrent que vos commerciaux ont besoin d'u...
Infographie - Les 7 symptômes qui montrent que vos commerciaux ont besoin d'u...Infographie - Les 7 symptômes qui montrent que vos commerciaux ont besoin d'u...
Infographie - Les 7 symptômes qui montrent que vos commerciaux ont besoin d'u...
Divalto
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking
Khaled Fayala
 
Stratégie digitale : créer une application mobile désirée par le client (et n...
Stratégie digitale : créer une application mobile désirée par le client (et n...Stratégie digitale : créer une application mobile désirée par le client (et n...
Stratégie digitale : créer une application mobile désirée par le client (et n...
ekito
 
Business Plan d’une application mobile
Business Plan d’une application mobileBusiness Plan d’une application mobile
Business Plan d’une application mobile
ODC Orange Developer Center
 
PIRANHA - Comment positionner et commercialiser son application mobile - RDV WEB
PIRANHA - Comment positionner et commercialiser son application mobile - RDV WEBPIRANHA - Comment positionner et commercialiser son application mobile - RDV WEB
PIRANHA - Comment positionner et commercialiser son application mobile - RDV WEB
Dominic Gagnon
 
10 avantages du cloud
10 avantages du cloud10 avantages du cloud
10 avantages du cloud
Organilog
 
Présentation d'Organilog
Présentation d'OrganilogPrésentation d'Organilog
Présentation d'Organilog
Organilog
 
Premier pas avec pay pal
Premier pas avec pay palPremier pas avec pay pal
Premier pas avec pay pal
PayPal_Demo
 
Choisir sa solution ALM: séminaire
Choisir sa solution ALM: séminaireChoisir sa solution ALM: séminaire
Choisir sa solution ALM: séminaire
Enalean
 
Approche GUM
Approche GUMApproche GUM
Approche GUM
chris5712
 
Ex 17 Marzo El Dolor Tiene Cara De Mujer C
Ex 17 Marzo El Dolor Tiene Cara De Mujer CEx 17 Marzo El Dolor Tiene Cara De Mujer C
Ex 17 Marzo El Dolor Tiene Cara De Mujer C
Adalberto
 
Concello De Dumbria
Concello De DumbriaConcello De Dumbria
Concello De Dumbria
guest53735
 
Comunicacion y educacion 00
Comunicacion y educacion 00Comunicacion y educacion 00
Comunicacion y educacion 00
Adalberto
 
AFIGEO : QUAND INFORMATION GEOGRAPHIQUE ET OPEN DATA SE RENCONTRENT
AFIGEO : QUAND INFORMATION GEOGRAPHIQUE ET OPEN DATA SE RENCONTRENTAFIGEO : QUAND INFORMATION GEOGRAPHIQUE ET OPEN DATA SE RENCONTRENT
AFIGEO : QUAND INFORMATION GEOGRAPHIQUE ET OPEN DATA SE RENCONTRENT
OpenDataSoft
 
Dile a tu madre lo que es ser Producer
Dile a tu madre lo que es ser ProducerDile a tu madre lo que es ser Producer
Dile a tu madre lo que es ser Producer
lamadrequetepario
 
Ignite#17 Humour et Social Media
Ignite#17 Humour et Social MediaIgnite#17 Humour et Social Media
Ignite#17 Humour et Social Media
Arnaud Ducommun
 

En vedette (20)

Présentation LYDIA
Présentation LYDIAPrésentation LYDIA
Présentation LYDIA
 
Fluid Topics révolutionne la publication en ligne de votre documentation
Fluid Topics révolutionne la publication en ligne de votre documentationFluid Topics révolutionne la publication en ligne de votre documentation
Fluid Topics révolutionne la publication en ligne de votre documentation
 
Infographie - Les 7 symptômes qui montrent que vos commerciaux ont besoin d'u...
Infographie - Les 7 symptômes qui montrent que vos commerciaux ont besoin d'u...Infographie - Les 7 symptômes qui montrent que vos commerciaux ont besoin d'u...
Infographie - Les 7 symptômes qui montrent que vos commerciaux ont besoin d'u...
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking
 
Stratégie digitale : créer une application mobile désirée par le client (et n...
Stratégie digitale : créer une application mobile désirée par le client (et n...Stratégie digitale : créer une application mobile désirée par le client (et n...
Stratégie digitale : créer une application mobile désirée par le client (et n...
 
Business Plan d’une application mobile
Business Plan d’une application mobileBusiness Plan d’une application mobile
Business Plan d’une application mobile
 
PIRANHA - Comment positionner et commercialiser son application mobile - RDV WEB
PIRANHA - Comment positionner et commercialiser son application mobile - RDV WEBPIRANHA - Comment positionner et commercialiser son application mobile - RDV WEB
PIRANHA - Comment positionner et commercialiser son application mobile - RDV WEB
 
10 avantages du cloud
10 avantages du cloud10 avantages du cloud
10 avantages du cloud
 
Présentation d'Organilog
Présentation d'OrganilogPrésentation d'Organilog
Présentation d'Organilog
 
Premier pas avec pay pal
Premier pas avec pay palPremier pas avec pay pal
Premier pas avec pay pal
 
Choisir sa solution ALM: séminaire
Choisir sa solution ALM: séminaireChoisir sa solution ALM: séminaire
Choisir sa solution ALM: séminaire
 
Approche GUM
Approche GUMApproche GUM
Approche GUM
 
Ex 17 Marzo El Dolor Tiene Cara De Mujer C
Ex 17 Marzo El Dolor Tiene Cara De Mujer CEx 17 Marzo El Dolor Tiene Cara De Mujer C
Ex 17 Marzo El Dolor Tiene Cara De Mujer C
 
Concello De Dumbria
Concello De DumbriaConcello De Dumbria
Concello De Dumbria
 
Comunicacion y educacion 00
Comunicacion y educacion 00Comunicacion y educacion 00
Comunicacion y educacion 00
 
AFIGEO : QUAND INFORMATION GEOGRAPHIQUE ET OPEN DATA SE RENCONTRENT
AFIGEO : QUAND INFORMATION GEOGRAPHIQUE ET OPEN DATA SE RENCONTRENTAFIGEO : QUAND INFORMATION GEOGRAPHIQUE ET OPEN DATA SE RENCONTRENT
AFIGEO : QUAND INFORMATION GEOGRAPHIQUE ET OPEN DATA SE RENCONTRENT
 
Dile a tu madre lo que es ser Producer
Dile a tu madre lo que es ser ProducerDile a tu madre lo que es ser Producer
Dile a tu madre lo que es ser Producer
 
Ignite#17 Humour et Social Media
Ignite#17 Humour et Social MediaIgnite#17 Humour et Social Media
Ignite#17 Humour et Social Media
 
Mes tisanes : chambres d'hôtes Aux Vieux Chênes
Mes tisanes : chambres d'hôtes Aux Vieux ChênesMes tisanes : chambres d'hôtes Aux Vieux Chênes
Mes tisanes : chambres d'hôtes Aux Vieux Chênes
 
Teststress jd
Teststress jdTeststress jd
Teststress jd
 

Similaire à Les secrets du développement d'une application mobile

Presentation Android
Presentation AndroidPresentation Android
Presentation Android
Jean Collas
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
NiceToMeetYou
 
TECHDAYS 2012 - De + en + de Sharepoint, de Dynamics CRM et d’iPad en entrepr...
TECHDAYS 2012 - De + en + de Sharepoint, de Dynamics CRM et d’iPad en entrepr...TECHDAYS 2012 - De + en + de Sharepoint, de Dynamics CRM et d’iPad en entrepr...
TECHDAYS 2012 - De + en + de Sharepoint, de Dynamics CRM et d’iPad en entrepr...
Inetum
 
Développement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelleDéveloppement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelle
REGIONAL ACADEMY OF EDUCATION AND TRAINING
 
eLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériqueseLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériques
Google
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
neuros
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Philippe Beraud
 
Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open source
Korteby Farouk
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
MBA Multimedia
 
Win phone 7 (metoui nadia habibi malek et ben ayad maher)
Win phone 7 (metoui nadia  habibi malek et ben ayad maher)Win phone 7 (metoui nadia  habibi malek et ben ayad maher)
Win phone 7 (metoui nadia habibi malek et ben ayad maher)
nadischka66
 
Cv fr-gharsallah yassine
Cv fr-gharsallah yassineCv fr-gharsallah yassine
Cv fr-gharsallah yassine
Yassine Gharsallah
 
Cv fr Gharsallah Yassine
Cv fr Gharsallah YassineCv fr Gharsallah Yassine
Cv fr Gharsallah Yassine
Yassine Gharsallah
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
LaFrenchMobile
 
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Microsoft
 
Etat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile MicrosoftEtat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile Microsoft
Microsoft Décideurs IT
 
Cv dridi-lotfi
Cv dridi-lotfiCv dridi-lotfi
Cv dridi-lotfi
Lotfi Dridi
 
Introduction à Samsung bada
Introduction à Samsung badaIntroduction à Samsung bada
Introduction à Samsung bada
BeMyApp
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Stéphanie Hertrich
 
Cellenza-Xamarin-From-0
Cellenza-Xamarin-From-0Cellenza-Xamarin-From-0
Cellenza-Xamarin-From-0
lionel nimong
 

Similaire à Les secrets du développement d'une application mobile (20)

Presentation Android
Presentation AndroidPresentation Android
Presentation Android
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
TECHDAYS 2012 - De + en + de Sharepoint, de Dynamics CRM et d’iPad en entrepr...
TECHDAYS 2012 - De + en + de Sharepoint, de Dynamics CRM et d’iPad en entrepr...TECHDAYS 2012 - De + en + de Sharepoint, de Dynamics CRM et d’iPad en entrepr...
TECHDAYS 2012 - De + en + de Sharepoint, de Dynamics CRM et d’iPad en entrepr...
 
Développement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelleDéveloppement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelle
 
eLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériqueseLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériques
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
 
Intro Android
Intro AndroidIntro Android
Intro Android
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
 
Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open source
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
 
Win phone 7 (metoui nadia habibi malek et ben ayad maher)
Win phone 7 (metoui nadia  habibi malek et ben ayad maher)Win phone 7 (metoui nadia  habibi malek et ben ayad maher)
Win phone 7 (metoui nadia habibi malek et ben ayad maher)
 
Cv fr-gharsallah yassine
Cv fr-gharsallah yassineCv fr-gharsallah yassine
Cv fr-gharsallah yassine
 
Cv fr Gharsallah Yassine
Cv fr Gharsallah YassineCv fr Gharsallah Yassine
Cv fr Gharsallah Yassine
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
Créer des applications métier (LOB) pour Windows 8 et Windows Phone 8
 
Etat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile MicrosoftEtat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile Microsoft
 
Cv dridi-lotfi
Cv dridi-lotfiCv dridi-lotfi
Cv dridi-lotfi
 
Introduction à Samsung bada
Introduction à Samsung badaIntroduction à Samsung bada
Introduction à Samsung bada
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
Cellenza-Xamarin-From-0
Cellenza-Xamarin-From-0Cellenza-Xamarin-From-0
Cellenza-Xamarin-From-0
 

Les secrets du développement d'une application mobile

  • 1. Eutech SSII – 25 septembre 2012 – JB. Boisseau – A. 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 
  • 44. Arnaud Pagnier Questions ? et réponses !