SlideShare a Scribd company logo
1 of 88
Download to read offline
Mobile App Study
Project
Management
Sébastien Brison – Lee Schlenker - EM Lyon 2014
PRESENTATIONS
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
AGENDA
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
AVANT DE DEMARRER
Les Objectifs du projet
La Cible
Les Objectifs du projet
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
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
La Cible
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
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
Les Applications à tester
¡ E commerce

¡ Banque
© Sébastien Brison – EM Lyon 2014
Les Applications à tester
¡ Objets Connectés

¡ Services transports
© Sébastien Brison – EM Lyon 2014
MÉTHODOLOGIES GESTION
DE PROJETS MOBILES
Une Application = Un
Logiciel
Software Project Management Life
Cycle

© Sébastien Brison – EM Lyon 2014
Méthode Agile
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
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
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
© Sébastien Brison – EM Lyon 2014
© Sébastien Brison – EM Lyon 2014
Exemples de logiciels
¡ Planning Poker
¡ Producteev
¡ Greenhopper
¡ Assembla
¡ Pivotal Tracker
¡ Jira
¡ iCeScrum
¡ Trello

© Sébastien Brison – EM Lyon 2014
Methode Waterfall
Model Waterfall :

© Sébastien Brison – EM Lyon 2014
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
© Sébastien Brison – EM Lyon 2014
© Sébastien Brison – EM Lyon 2014
LES 3 QUESTIONS
ESSENTIELLES
Site Web / Apps / WebApp ?
iOs / Android / Black Berry / Windows ?
Développement Natif ou Cross Plateform ?
Site Web / Apps / Web App ?
Site Web Mobile VS Apps
© Sébastien Brison – EM Lyon 2014
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
Res: Smile
Res: Smile

© Sébastien Brison – EM Lyon 2014
iOS / Android / BlackBerry / Windows
Phone ?
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
Développement Natif ou Cross
plateforme ?
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
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
Synthèse des différents
acteurs
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
Mock up / Prototype
Paper Prototype
Paper + Pen

http://www.uistencils.com/iphone-stencil-kit/

Metal Stencil

http://appsketchbook.com/

© Sébastien Brison – EM Lyon 2014
Paper Prototype
¡ Paper + Pen

http://speckyboy.com/2010/11/18/ultimatecollection-of-printable-mobile-sketching-templates/

© Sébastien Brison – EM Lyon 2014
Online Prototype
¡ http://iphonemockup.lkmc.ch/

© Sébastien Brison – EM Lyon 2014
Online Prototype
¡ http://mockflow.com/

© Sébastien Brison – EM Lyon 2014
Online Prototype
¡ http://www.balsamiq.com/

© Sébastien Brison – EM Lyon 2014
Ipad Version Prototype
¡ iMockup

© Sébastien Brison – EM Lyon 2014
L’importance des interfaces
Les écrans

© Sébastien Brison – EM Lyon 2014
Le tactile

© Sébastien Brison – EM Lyon 2014
Les Transitions

© Sébastien Brison – EM Lyon 2014
GUI
¡ http://graffletopia.com/

© Sébastien Brison – EM Lyon 2014
Des icônes Compréhensibles
¡  jjjjj

© Sébastien Brison – EM Lyon 2014
Ecran Type

¡ Status Bar
¡  Navigation Bar • Tab Bar
¡ Toolbar

© Sébastien Brison – EM Lyon 2014
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
Les autres spécificités du mobile
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
Le Test
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
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
Tests d’usages externes
La Soumission
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
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
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
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
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
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
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
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
LES CLEFS D’UNE BONNE
GESTION DE PROJET
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
Mesurer le risque
¡ Nouveaux
Usages =
Nouveaux
Risques

© Sébastien Brison – EM Lyon 2014
Les Critères
¡ Le Planning
¡ Le Budget
¡ Les Objectifs
-> Earned value management (EVM)
© Sébastien Brison – EM Lyon 2014
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
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
LES NOUVEAUX SCENARIOS
D’USAGE
Les Nouveaus scénarios d’Usage
¡ Quantified Self, Sport, connected objects

© Sébastien Brison – EM Lyon 2014
Babolat Play and Connect

© Sébastien Brison – EM Lyon 2014
EXEMPLES DE DÉFINITION
DE POSTE
¡ 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
© Sébastien Brison – EM Lyon 2014
Merci !

Questions ?
Sébastien Brison
Mail : sbrison@togezzer.com
Twitter : @sebastienbrison

Skype : sebastien.brison

www.togezzer.com

www.lacuisineduweb.com

www.blendconference.com

More Related Content

What's hot

Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
Zhentian Wan
 
Icloud seminar report
Icloud seminar reportIcloud seminar report
Icloud seminar report
Richa Dewani
 

What's hot (20)

Présentation ios Ragheb Gmira
Présentation ios  Ragheb GmiraPrésentation ios  Ragheb Gmira
Présentation ios Ragheb Gmira
 
Manuel sphinx
Manuel sphinxManuel sphinx
Manuel sphinx
 
Flutter latest updates and features 2022
Flutter latest updates and features 2022Flutter latest updates and features 2022
Flutter latest updates and features 2022
 
Soap, wsdl et uddi
Soap, wsdl et uddiSoap, wsdl et uddi
Soap, wsdl et uddi
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
 
IoT (M2M) - Big Data - Analyses : Simulation et Démonstration
IoT (M2M) - Big Data - Analyses : Simulation et DémonstrationIoT (M2M) - Big Data - Analyses : Simulation et Démonstration
IoT (M2M) - Big Data - Analyses : Simulation et Démonstration
 
Introduction aux web services
Introduction aux web servicesIntroduction aux web services
Introduction aux web services
 
Proactive Outreach Manager Presentation - pds_user_group_sept_2013_2
Proactive Outreach Manager Presentation - pds_user_group_sept_2013_2Proactive Outreach Manager Presentation - pds_user_group_sept_2013_2
Proactive Outreach Manager Presentation - pds_user_group_sept_2013_2
 
Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web App
 
Introduction à l'IoT: du capteur à la donnée_Presentation Mix-IT2015
Introduction à l'IoT: du capteur à la donnée_Presentation Mix-IT2015Introduction à l'IoT: du capteur à la donnée_Presentation Mix-IT2015
Introduction à l'IoT: du capteur à la donnée_Presentation Mix-IT2015
 
Google Firebase
Google FirebaseGoogle Firebase
Google Firebase
 
Conception et développement d’un Système de réservation en ligne
Conception et développement d’un Système de réservation en ligneConception et développement d’un Système de réservation en ligne
Conception et développement d’un Système de réservation en ligne
 
Cabarey - Agence de communication digitale et intégrée
Cabarey - Agence de communication digitale et intégréeCabarey - Agence de communication digitale et intégrée
Cabarey - Agence de communication digitale et intégrée
 
Android security and penetration testing | DIVA | Yogesh Ojha
Android security and penetration testing | DIVA | Yogesh OjhaAndroid security and penetration testing | DIVA | Yogesh Ojha
Android security and penetration testing | DIVA | Yogesh Ojha
 
Training Offerings - CodeOps Technologies
Training Offerings - CodeOps TechnologiesTraining Offerings - CodeOps Technologies
Training Offerings - CodeOps Technologies
 
Introduction to Ionic framework
Introduction to Ionic frameworkIntroduction to Ionic framework
Introduction to Ionic framework
 
Windows Phone PPT
Windows Phone PPTWindows Phone PPT
Windows Phone PPT
 
Icloud seminar report
Icloud seminar reportIcloud seminar report
Icloud seminar report
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...
 
JMX
JMXJMX
JMX
 

Viewers also liked

S2 ecogest-m2-13
S2 ecogest-m2-13S2 ecogest-m2-13
S2 ecogest-m2-13
essa1988
 
TRANSITION METALS
TRANSITION METALSTRANSITION METALS
TRANSITION METALS
Drix78
 
Chapitre 2 poo classe objet c++
Chapitre 2 poo classe objet c++Chapitre 2 poo classe objet c++
Chapitre 2 poo classe objet c++
Amel Morchdi
 
013 mediha cgi - sensibilisation uml
013   mediha cgi - sensibilisation uml013   mediha cgi - sensibilisation uml
013 mediha cgi - sensibilisation uml
Abdessamad Hamouch
 
Nouveau microsoft word document
Nouveau microsoft word documentNouveau microsoft word document
Nouveau microsoft word document
karimfpk
 

Viewers also liked (20)

Slogans
SlogansSlogans
Slogans
 
Atag nouveauté 2012
Atag nouveauté 2012 Atag nouveauté 2012
Atag nouveauté 2012
 
HUB REPORT - L'indispensable à savoir sur la Data & le CRM
HUB REPORT - L'indispensable à savoir sur la Data & le CRM HUB REPORT - L'indispensable à savoir sur la Data & le CRM
HUB REPORT - L'indispensable à savoir sur la Data & le CRM
 
Rapport du conseil national du numerique : conclusions sur l'inclusion numerique
Rapport du conseil national du numerique : conclusions sur l'inclusion numeriqueRapport du conseil national du numerique : conclusions sur l'inclusion numerique
Rapport du conseil national du numerique : conclusions sur l'inclusion numerique
 
Atag 2012 bel fr
Atag 2012 bel frAtag 2012 bel fr
Atag 2012 bel fr
 
Dear NSA, let me take care of your slides.
Dear NSA, let me take care of your slides.Dear NSA, let me take care of your slides.
Dear NSA, let me take care of your slides.
 
S2 ecogest-m2-13
S2 ecogest-m2-13S2 ecogest-m2-13
S2 ecogest-m2-13
 
Etre musicien et gérer son image en ligne
Etre musicien et gérer son image en ligneEtre musicien et gérer son image en ligne
Etre musicien et gérer son image en ligne
 
Search Engine Marketing (SEO, SEA, SSO, LSO, MSO)
Search Engine Marketing (SEO, SEA, SSO, LSO, MSO)Search Engine Marketing (SEO, SEA, SSO, LSO, MSO)
Search Engine Marketing (SEO, SEA, SSO, LSO, MSO)
 
TRANSITION METALS
TRANSITION METALSTRANSITION METALS
TRANSITION METALS
 
Chapitre 2 poo classe objet c++
Chapitre 2 poo classe objet c++Chapitre 2 poo classe objet c++
Chapitre 2 poo classe objet c++
 
013 mediha cgi - sensibilisation uml
013   mediha cgi - sensibilisation uml013   mediha cgi - sensibilisation uml
013 mediha cgi - sensibilisation uml
 
Management de projet
Management de projetManagement de projet
Management de projet
 
The Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing ContentThe Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing Content
 
What I Carry: 10 Tools for Success
What I Carry: 10 Tools for SuccessWhat I Carry: 10 Tools for Success
What I Carry: 10 Tools for Success
 
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...
Rencontres régionales HAS 2012 (Lille) - Chirurgie ambulatoire, vecteur de qu...
 
Génie chimique - Nanomatériaux, Catalyse, Electrochimie - ULg
Génie chimique - Nanomatériaux, Catalyse, Electrochimie - ULgGénie chimique - Nanomatériaux, Catalyse, Electrochimie - ULg
Génie chimique - Nanomatériaux, Catalyse, Electrochimie - ULg
 
Cours s3 géodynamique externe
Cours s3 géodynamique externe Cours s3 géodynamique externe
Cours s3 géodynamique externe
 
Nouveau microsoft word document
Nouveau microsoft word documentNouveau microsoft word document
Nouveau microsoft word document
 
01 fonction stockage_la_batterie
01 fonction stockage_la_batterie01 fonction stockage_la_batterie
01 fonction stockage_la_batterie
 

Similar to La Gestion de Projet Mobile

Innovation + Mobilité = ROI
Innovation + Mobilité = ROIInnovation + Mobilité = ROI
Innovation + Mobilité = ROI
Klee Interactive
 

Similar to La Gestion de Projet Mobile (20)

Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
 
Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir Atelier - Stratégie Mobile : les clés pour réussir
Atelier - Stratégie Mobile : les clés pour réussir
 
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 ?
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
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
 
Chirdon mohamed cv2
Chirdon mohamed cv2Chirdon mohamed cv2
Chirdon mohamed cv2
 
Innovation + Mobilité = ROI
Innovation + Mobilité = ROIInnovation + Mobilité = ROI
Innovation + Mobilité = ROI
 
Réussir son projet robotique
Réussir son projet robotiqueRéussir son projet robotique
Réussir son projet robotique
 
Chirdon mohamed cv
Chirdon mohamed cvChirdon mohamed cv
Chirdon mohamed cv
 
Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217
 
Cv analyste programmeur
Cv analyste programmeurCv analyste programmeur
Cv analyste programmeur
 
SQLI - Club des DSI - Mobilité
SQLI - Club des DSI - MobilitéSQLI - Club des DSI - Mobilité
SQLI - Club des DSI - Mobilité
 
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 ...
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 ...Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 ...
Mobilisez-vous, le web est de plus en plus ... Mobile - Petit déjeuner du 27 ...
 
 
Presentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur WebPresentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur Web
 
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
Atelier "Nos sites internet se refont une jeunesse html5 css3" - ET8
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
 
Proxym France : Your Digital Factory
Proxym France : Your Digital FactoryProxym France : Your Digital Factory
Proxym France : Your Digital Factory
 
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
Atelier 11 - Nos sites internet se refont une jeunesse html5 css3 - ET8
 

More from Sebastien Brison

Sartup Week-end Objets Connectés
Sartup Week-end Objets Connectés Sartup Week-end Objets Connectés
Sartup Week-end Objets Connectés
Sebastien Brison
 
Startup week end objets connectés 2012
Startup week end objets connectés 2012Startup week end objets connectés 2012
Startup week end objets connectés 2012
Sebastien Brison
 

More from Sebastien Brison (8)

Les objets connectés - De Nouvelles Opportunités pour les entreprises - EML...
Les objets connectés - De Nouvelles Opportunités pour les entreprises -  EML...Les objets connectés - De Nouvelles Opportunités pour les entreprises -  EML...
Les objets connectés - De Nouvelles Opportunités pour les entreprises - EML...
 
Les objets connectés : Quels usages ? Quels enjeux pour la ville ?
Les objets connectés : Quels usages ?  Quels enjeux pour la ville ?Les objets connectés : Quels usages ?  Quels enjeux pour la ville ?
Les objets connectés : Quels usages ? Quels enjeux pour la ville ?
 
La ville inteligente - La Ville Connectée - La Ville de demain
La ville inteligente - La Ville Connectée - La Ville de demainLa ville inteligente - La Ville Connectée - La Ville de demain
La ville inteligente - La Ville Connectée - La Ville de demain
 
La Cuisine du Web - Le Banquet N°3 - Bilan 2013 et Actions 2014
La Cuisine du Web - Le Banquet N°3 - Bilan 2013 et Actions 2014La Cuisine du Web - Le Banquet N°3 - Bilan 2013 et Actions 2014
La Cuisine du Web - Le Banquet N°3 - Bilan 2013 et Actions 2014
 
La Cuisine du Web - Les Chiffres 2012
La Cuisine du Web - Les Chiffres 2012La Cuisine du Web - Les Chiffres 2012
La Cuisine du Web - Les Chiffres 2012
 
Sartup Week-end Objets Connectés
Sartup Week-end Objets Connectés Sartup Week-end Objets Connectés
Sartup Week-end Objets Connectés
 
Startup week end objets connectés 2012
Startup week end objets connectés 2012Startup week end objets connectés 2012
Startup week end objets connectés 2012
 
La cuisine du web
La cuisine du webLa cuisine du web
La cuisine du web
 

La Gestion de Projet Mobile

  • 1. Mobile App Study Project Management Sébastien Brison – Lee Schlenker - EM Lyon 2014
  • 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
  • 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. AVANT DE DEMARRER Les Objectifs du projet La Cible
  • 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. 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
  • 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. 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. Les Applications à tester ¡ E commerce ¡ Banque © Sébastien Brison – EM Lyon 2014
  • 14. Les Applications à tester ¡ Objets Connectés ¡ Services transports © Sébastien Brison – EM Lyon 2014
  • 16. Une Application = Un Logiciel Software Project Management Life Cycle © Sébastien Brison – EM Lyon 2014
  • 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. 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. 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. © Sébastien Brison – EM Lyon 2014
  • 22. © Sébastien Brison – EM Lyon 2014
  • 23.
  • 24. Exemples de logiciels ¡ Planning Poker ¡ Producteev ¡ Greenhopper ¡ Assembla ¡ Pivotal Tracker ¡ Jira ¡ iCeScrum ¡ Trello © Sébastien Brison – EM Lyon 2014
  • 26. Model Waterfall : © Sébastien Brison – EM Lyon 2014
  • 27. 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
  • 28. © Sébastien Brison – EM Lyon 2014
  • 29. © Sébastien Brison – EM Lyon 2014
  • 30. LES 3 QUESTIONS ESSENTIELLES Site Web / Apps / WebApp ? iOs / Android / Black Berry / Windows ? Développement Natif ou Cross Plateform ?
  • 31. Site Web / Apps / Web App ?
  • 32. Site Web Mobile VS Apps
  • 33. © Sébastien Brison – EM Lyon 2014
  • 34. 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
  • 36. Res: Smile © Sébastien Brison – EM Lyon 2014
  • 37. iOS / Android / BlackBerry / Windows Phone ?
  • 38. 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
  • 39. Développement Natif ou Cross plateforme ?
  • 40. 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
  • 41. 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
  • 43. 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
  • 44.
  • 45. Mock up / Prototype
  • 46. Paper Prototype Paper + Pen http://www.uistencils.com/iphone-stencil-kit/ Metal Stencil http://appsketchbook.com/ © Sébastien Brison – EM Lyon 2014
  • 47. Paper Prototype ¡ Paper + Pen http://speckyboy.com/2010/11/18/ultimatecollection-of-printable-mobile-sketching-templates/ © Sébastien Brison – EM Lyon 2014
  • 51. Ipad Version Prototype ¡ iMockup © Sébastien Brison – EM Lyon 2014
  • 53. Les écrans © Sébastien Brison – EM Lyon 2014
  • 54. Le tactile © Sébastien Brison – EM Lyon 2014
  • 55. Les Transitions © Sébastien Brison – EM Lyon 2014
  • 57. Des icônes Compréhensibles ¡  jjjjj © Sébastien Brison – EM Lyon 2014
  • 58. Ecran Type ¡ Status Bar ¡  Navigation Bar • Tab Bar ¡ Toolbar © Sébastien Brison – EM Lyon 2014
  • 59. 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
  • 61. 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
  • 63. 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
  • 64. 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
  • 67. 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
  • 68. 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
  • 69. 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
  • 70. 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
  • 71. 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
  • 72. 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
  • 73. 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
  • 74. 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
  • 75. LES CLEFS D’UNE BONNE GESTION DE PROJET
  • 76. 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
  • 77. Mesurer le risque ¡ Nouveaux Usages = Nouveaux Risques © Sébastien Brison – EM Lyon 2014
  • 78. Les Critères ¡ Le Planning ¡ Le Budget ¡ Les Objectifs -> Earned value management (EVM) © Sébastien Brison – EM Lyon 2014
  • 79. 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
  • 80. 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
  • 82. Les Nouveaus scénarios d’Usage ¡ Quantified Self, Sport, connected objects © Sébastien Brison – EM Lyon 2014
  • 83. Babolat Play and Connect © Sébastien Brison – EM Lyon 2014
  • 85. ¡ 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
  • 86. © Sébastien Brison – EM Lyon 2014
  • 88. Sébastien Brison Mail : sbrison@togezzer.com Twitter : @sebastienbrison Skype : sebastien.brison www.togezzer.com www.lacuisineduweb.com www.blendconference.com