La Gestion de Projet Mobile

2 754 vues

Publié le

Présentation des bases de la gestion de projets d'applications mobiles.
EM Lyon 2014

Publié dans : Business
1 commentaire
4 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
2 754
Sur SlideShare
0
Issues des intégrations
0
Intégrations
6
Actions
Partages
0
Téléchargements
146
Commentaires
1
J’aime
4
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

La Gestion de Projet Mobile

  1. 1. Mobile App Study Project Management Sébastien Brison – Lee Schlenker - EM Lyon 2014
  2. 2. PRESENTATIONS
  3. 3. Quelques Chiffres (de la semaine…) ¡ 65% des emails sont désormais ouverts sur mobile (Movable Inc) ¡ Facebook: 53% des revenus publicitaires proviennent des mobiles (1,15 Md $) (Facebook) ¡ 100 Milliards d’applications téléchargées en 2013 (Gartner) © Sébastien Brison – EM Lyon 2014
  4. 4. AGENDA
  5. 5. Agenda 1 – Avant de démarrer 2 – Méthodologies Gestion de Projets Mobiles 3 – Les 3 questions Essentielles 4 – Le Développement : les différentes phases 5 – Les points clefs de la gestion de projet 6 – Les nouveaux scénarios d’usages 7 – Exemples de postes
  6. 6. AVANT DE DEMARRER Les Objectifs du projet La Cible
  7. 7. Les Objectifs du projet
  8. 8. Bien définir les objectifs du projet ¡ Mobile First ! ¡ Qui “Lead” le projet ? : ¡ Service Informatique ¡ Service Mkt – Com ¡ Service Web © Sébastien Brison – EM Lyon 2014
  9. 9. Application Mobile : A quoi ça sert? Définition des objectifs ¡ Acquérir des clients ¡ Vendre (ses produits, des services….) ¡ Proposer d’autres services ¡ Générer du trafic (purs players) ¡ Fidéliser ses clients ¡ Utiliser, communiquer avec des objets ¡ Créer, renforcer, modifier son image ¡ Informer ¡ Animer une communauté © Sébastien Brison – EM Lyon 2014
  10. 10. La Cible
  11. 11. La Cible 1 règle : Mettez vous à la place des utilisateurs ¡ Ma cible : ¡ Mes clients ? ¡ Ceux des concurrents ? ¡  Les visiteurs de mes points de ventes ? ¡ Les internautes / Les mobinautes ? ¡ Ses besoins : ¡ Quels sont ses besoins (en général ? Sur mobile ?) © Sébastien Brison – EM Lyon 2014
  12. 12. La Cible 1 règle : Mettez vous à la place des utilisateurs ¡ Sa situation d’usage: ¡ Où votre client va-t-il utiliser votre application? (chez lui, dans les transports ¡ Dans quel contexte ? Quelle est l’action déclencheur? ¡ Son besoin est-il urgent ? Fréquent ? ¡ Comment va-t-il me chercher ou me trouver ? Google ? App Store ? © Sébastien Brison – EM Lyon 2014
  13. 13. Les Applications à tester ¡ E commerce ¡ Banque © Sébastien Brison – EM Lyon 2014
  14. 14. Les Applications à tester ¡ Objets Connectés ¡ Services transports © Sébastien Brison – EM Lyon 2014
  15. 15. MÉTHODOLOGIES GESTION DE PROJETS MOBILES
  16. 16. Une Application = Un Logiciel Software Project Management Life Cycle © Sébastien Brison – EM Lyon 2014
  17. 17. Méthode Agile
  18. 18. Mais un projet Agile ! ¡ Un projet qui évolue très rapidement dans le temps : ¡ Au niveau des usages ¡ Au niveau technique ¡ Avec de nombreuses itérations © Sébastien Brison – EM Lyon 2014
  19. 19. Définition de la methode Scrum ¡ Scrum est issue des méthodes incrémentales qui permet d’affiner les exigences (des clients) durant tout le process de production. ¡ La méthode s’appuie sur le découpage d’un projet en incréments nommés « Sprint » ¡ Chaque Sprint commence par une estimation suivie d’une planification opérationnelle. Le sprint se termine par une démonstration de ce qui a été achevé et continue a augmenter la valeur du produit. ¡ Des réunions quotidiennes permettent de valider ce qui a été fait et planifier les tâches de la journée © Sébastien Brison – EM Lyon 2014
  20. 20. Methdologie Scrum Adaptée au Mobile ¡ Combiner Sprints et versionning ¡ Scrum Master : Vous ! ¡ Product Owner : L’utilisateur Final ¡ Team : Un développeur par plateforme Un UX Un designer © Sébastien Brison – EM Lyon 2014
  21. 21. © Sébastien Brison – EM Lyon 2014
  22. 22. © Sébastien Brison – EM Lyon 2014
  23. 23. Exemples de logiciels ¡ Planning Poker ¡ Producteev ¡ Greenhopper ¡ Assembla ¡ Pivotal Tracker ¡ Jira ¡ iCeScrum ¡ Trello © Sébastien Brison – EM Lyon 2014
  24. 24. Methode Waterfall
  25. 25. Model Waterfall : © Sébastien Brison – EM Lyon 2014
  26. 26. Model Waterfall : Attention ! ¡ Besoins du clients mal définis ¡ Manque de flexibilité ¡ Pas de tests d’usage durant le développement © Sébastien Brison – EM Lyon 2014
  27. 27. © Sébastien Brison – EM Lyon 2014
  28. 28. © Sébastien Brison – EM Lyon 2014
  29. 29. LES 3 QUESTIONS ESSENTIELLES Site Web / Apps / WebApp ? iOs / Android / Black Berry / Windows ? Développement Natif ou Cross Plateform ?
  30. 30. Site Web / Apps / Web App ?
  31. 31. Site Web Mobile VS Apps
  32. 32. © Sébastien Brison – EM Lyon 2014
  33. 33. La Solution intermédiaire : La Web App ¡ Une webapp est une application web: ¡ Accessible via une url et installée automatiquement ¡ Elle est adaptée aux écrans mobiles ¡ Ergonomie adaptée entre site web simplifié et applications ¡ Elle peut a voir une icône d’application ¡ Elle se visualise en mode plein écran © Sébastien Brison – EM Lyon 2014
  34. 34. Res: Smile
  35. 35. Res: Smile © Sébastien Brison – EM Lyon 2014
  36. 36. iOS / Android / BlackBerry / Windows Phone ?
  37. 37. Device compatibility Systèmes d’exploitation Editeur Appareils Tablettes Langages iOS Apple iPhone, iPod, iPad Yes Objective C, CocoaTouch, SDK Android Google Nokia, Google Phone, Samsung, HTC Yes Java, SDK Android BlackBerry RIM Blackberry Yes JavaME et extensions propriétaires Windows Microsoft Mobile/Windows 7 Many manufacturers Yes Framework.Net Bada Samsung Samsung Yes C++, SDK, Bada Symbian Nokia Nokia Yes C++ et Toolkit © Sébastien Brison – EM Lyon 2014
  38. 38. Développement Natif ou Cross plateforme ?
  39. 39. PhoneGap (Apache cordova) Des «-» ¡  Des interfaces non-natives ¡  Les librairies graphiques (type jQuery Mobile) faibles ¡  Fonctionnalités supportées Des «+» ¡  7 plateformes supportées ¡  Une prise en main rapide : développement JS, HTML5, CSS3 ¡  Une grande liberté : plugins, JS, etc. © Sébastien Brison – EM Lyon 2014
  40. 40. Titanium Des «-» ¡ Seulement 2 plateformes supportées ¡ Un manque d’outil de gestion d’interface/layout ¡ Des mises à jour qui peuvent impacter lourdement les développements ¡ La documentation... Des «+» ¡ Des interfaces natives ¡ De nombreuses fonctionnalités gérées (Push, Facebook, etc.) ¡ Une communauté active et des plugins
  41. 41. Synthèse des différents acteurs
  42. 42. LE DÉVELOPPEMENT : LES DIFFÉRNENTES PHASES Mock Up / Prototype L’importance des interfaces Les autres spécificités du mobile Les Tests La Soummission
  43. 43. Mock up / Prototype
  44. 44. Paper Prototype Paper + Pen http://www.uistencils.com/iphone-stencil-kit/ Metal Stencil http://appsketchbook.com/ © Sébastien Brison – EM Lyon 2014
  45. 45. Paper Prototype ¡ Paper + Pen http://speckyboy.com/2010/11/18/ultimatecollection-of-printable-mobile-sketching-templates/ © Sébastien Brison – EM Lyon 2014
  46. 46. Online Prototype ¡ http://iphonemockup.lkmc.ch/ © Sébastien Brison – EM Lyon 2014
  47. 47. Online Prototype ¡ http://mockflow.com/ © Sébastien Brison – EM Lyon 2014
  48. 48. Online Prototype ¡ http://www.balsamiq.com/ © Sébastien Brison – EM Lyon 2014
  49. 49. Ipad Version Prototype ¡ iMockup © Sébastien Brison – EM Lyon 2014
  50. 50. L’importance des interfaces
  51. 51. Les écrans © Sébastien Brison – EM Lyon 2014
  52. 52. Le tactile © Sébastien Brison – EM Lyon 2014
  53. 53. Les Transitions © Sébastien Brison – EM Lyon 2014
  54. 54. GUI ¡ http://graffletopia.com/ © Sébastien Brison – EM Lyon 2014
  55. 55. Des icônes Compréhensibles ¡  jjjjj © Sébastien Brison – EM Lyon 2014
  56. 56. Ecran Type ¡ Status Bar ¡  Navigation Bar • Tab Bar ¡ Toolbar © Sébastien Brison – EM Lyon 2014
  57. 57. L’importance de l’interface et de l’ergonomie ¡ C’est la clef du succes de votre application ¡ Simple is beautiful ! ¡  Clean Desing – Aplat ¡ Attention à la saisie de donnée ¡ Limiter le Multi-Touch ¡ https://developer.apple.com/library/ios/ #documentation/UserExperience/Conceptual/ MobileHIG/Introduction/Introduction.html © Sébastien Brison – EM Lyon 2014
  58. 58. Les autres spécificités du mobile
  59. 59. Les autres spécificités du mobile ¡ Lancement de l’application (launch screen) ¡ Utiliser au maximum les fonctionnalités du téléphone (géolocalisation, planning album photos, contacts….) ¡ Les notifications sans moderation ¡ Les sons avec modération ¡ 1 application = 1 service. Ne multipliez pas les fonctionnalités © Sébastien Brison – EM Lyon 2014
  60. 60. Le Test
  61. 61. Test et Recettes ¡ Découper vos tests par ecrans / Sprints ¡ Chaque sprint doit être recetter ¡ Multiplier les outils de tests sur simulateurs, téléphone voir navigateurs (PhoneGap…) ¡ Mener une recette sur l’exhaustivite des terminaux est impossible (pour tester les fonctionnalités, la mémoire/puissance) ¡   Les conditions de tests doivent être le plus proche possible des situations d’usage ¡ N’oublier pas de tester l’API si besoin © Sébastien Brison – EM Lyon 2014
  62. 62. Le plan de test ¡ Liste des Smartphone ¡ Liste des Objectifs ¡ Liste des scenarios ¡ Liste des features à tester ¡ Bugs report ¡ Screenshots ¡ Etapes de reproduction du bug ¡ Bug aléatoire ou systématique © Sébastien Brison – EM Lyon 2014
  63. 63. Tests d’usages externes
  64. 64. La Soumission
  65. 65. Une étape indispensable et stratégique ¡ D’un point de vue Marketing : rendre votre application visible et attrayante ¡ D’un point de vue technique : les tests poussés d’Apple ¡ D’un point de vue qualitatif ¡ D’un point de vue du planning ¡ D’un point de vue des clients ¡ D’un point de vue des constructeurs/OS © Sébastien Brison – EM Lyon 2014
  66. 66. iOS submission process ¡ 1. Add Device Program Portal ¡ 2. Xcode Organizer ¡ 3 . Create Developer Certificate ¡ 4. Add to Keychain ¡ 5. Create Apple ID ¡ 6. Create Provisioning Profile ¡ 7. Add Provisioning Profile to Xcode Organizer © Sébastien Brison – EM Lyon 2014 © Sébastien Brison – EM Lyon 2014
  67. 67. Applications Submission Check List ¡ Nom de l’Application ¡ Icon de l’Application ¡ Text Descriptif ¡ Categorie ¡ Launch screen ¡ Copyright, SKU number and keywords ¡ URL ¡ EULA © Sébastien Brison – EM Lyon 2014
  68. 68. Nom l’Application ¡ Nom de l’Application : 255 caractères pour mieux décrire et référencer votre application ¡ Il doit être unique ¡ Bien choisir les mots utilisés © Sébastien Brison – EM Lyon 2014 v
  69. 69. Icônes ¡ Reconnaissable et compréhensible immédiatement ¡ Adapter votre icône au device ¡ L’image de votre marque © Sébastien Brison – EM Lyon 2014
  70. 70. Texte Descriptif ¡ Argument marketing ¡ Aide au référencement dans les Stores ¡ Permet d’informer vos clients des différentes mises à jour © Sébastien Brison – EM Lyon 2014
  71. 71. Catégorie ¡ Très important pour trouver facilement votre application dans le store ¡ Catégories: • Business Education Entertainment • Finance • Games • Healthcare & Fitness • Lifestyle • Medical • Music • Navigation • News © Sébastien Brison – EM Lyon 2014
  72. 72. Coppyright, SKU number and keywords ¡ Copyright ¡ Year ¡ Company name ¡ Rights reserved ¡ SKU Number ¡ Made up number ¡ Keywords ¡ 100 character, comma-separated list ¡ Be specific ¡ No offensive words ¡ Don’t use other app names © Sébastien Brison – EM Lyon 2014
  73. 73. LES CLEFS D’UNE BONNE GESTION DE PROJET
  74. 74. Control the scope ¡ Les choix techniques doivent être en priorités guidés par les usages et votre cible ¡ Maitriser le Scope de votre projet ! ¡ Attention aux impacts externes (site web, team, clients…) ¡ Evaluer le niveau de connaissance / culture en mobilité ¡  Mesurer les besoins de changement © Sébastien Brison – EM Lyon 2014
  75. 75. Mesurer le risque ¡ Nouveaux Usages = Nouveaux Risques © Sébastien Brison – EM Lyon 2014
  76. 76. Les Critères ¡ Le Planning ¡ Le Budget ¡ Les Objectifs -> Earned value management (EVM) © Sébastien Brison – EM Lyon 2014
  77. 77. Quelques notions de budget ¡ Prix de base : 10 000 € à 150 000 € ¡ API : 5000 à 1000 000 € ¡ Système de paiement : 5 000 € ¡ Système de géolocalisation : 5 000 € ¡ Design : 2 000 € à 10 000 € ¡ Gestion de projet : 20% du budget total ¡ Test et recettes : 2 000 € à 10 000 € © Sébastien Brison – EM Lyon 2014
  78. 78. Le Plan de communication Indispensable ¡ Un site Web production (avec tutorial vidéo) ¡ Réseaux Sociaux ((page dédiée, bouton de partage) ¡ Démo, Version light…pour être visible dans les stores ¡ Multiplier les mises à jour © Sébastien Brison – EM Lyon 2014
  79. 79. LES NOUVEAUX SCENARIOS D’USAGE
  80. 80. Les Nouveaus scénarios d’Usage ¡ Quantified Self, Sport, connected objects © Sébastien Brison – EM Lyon 2014
  81. 81. Babolat Play and Connect © Sébastien Brison – EM Lyon 2014
  82. 82. EXEMPLES DE DÉFINITION DE POSTE
  83. 83. ¡ Consultant Applications Mobiles http://www.davidson.fr/offre_emploi/chef-de-projetsapplications-mobiles/ ¡ Chef de projet Mobile (technique): http://orange.jobs/jobs/offer.do?do=fiche&lang=FR&id=36029 http://www.cadresonline.com/emploi-chef+de+projet +mobile-587968.html ¡ Chef de projet Mobile (Ecole de commerce): http://www.pagetalent.fr/offre-stage/39687/stage-chef-projetweb.html? utm_medium=jobboard&utm_campaign=annonce&utm_source= indeed © Sébastien Brison – EM Lyon 2014
  84. 84. © Sébastien Brison – EM Lyon 2014
  85. 85. Merci ! Questions ?
  86. 86. Sébastien Brison Mail : sbrison@togezzer.com Twitter : @sebastienbrison Skype : sebastien.brison www.togezzer.com www.lacuisineduweb.com www.blendconference.com

×