Conférence présentée par DUPUIS Laurie, EMO Kévin et WATTRELOT Gaëtan Parlons du développement d’application mobile multiplateforme en montrant les différentes solutions existantes permettant de mutualiser un développement pour les différents supports, à travers une étude de cas avec Apache Cordova. L’objectif étant de développer une application unique et d’en permettre la portabilité sur différents systèmes (Android, iOs, Windows Phone, Bada, …). Ce sera l’occasion de parler des différentes solutions du cross-platforming et de mettre en avant les avantages et limites de Cordova.

1. L’ENVERS DU “DÉ-CORDOVA”
Par DUPUIS Laurie, EMO Kévin etWATTRELOT Gaëtan

2.  Introduction
 Tour d’horizon
 Je ne crois que ce que je vois !
 Observations
2
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin –WATTRELOT Gaëtan

3. Le développement d'application mobile multiplateforme
Introduction
3
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin –WATTRELOT Gaëtan

4. Introduction
4
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin –WATTRELOT Gaëtan
 Contexte
 Enjeux
 Concept

5. Concept du multiplateforme
5
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin –WATTRELOT Gaëtan
Différents supports,
différentes plateformes logicielles,
un seul langage.
Développeurs
(C# ou langages web)
Framework
iOS
Android
Windows
Phone
Blackberry
…

6. Tour d’horizon du développement mobile
6
Introduction > Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan

7. Tour d’horizon du développement mobile
7
Introduction > Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Android
71%
iOS
15%
Windows Phone
11%
BlackBerry
1%
Autres
2%
VENTES DE SMARTPHONES EN FRANCE (JUIN 2014)

8. Tour d’horizon du développement mobile
8
Introduction > Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Android iOS Windows Phone BlackBerry
Langage Java Objective-C VB / C# Java
Nombre
d’applications
1 500 000 1 000 000 300 000 100 000
Open source
Développement
sousWindows
Développement
sous Mac OS
Développement
sous Linux

9. Solutions multiplateformes
9
Introduction > Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan

10. Solutions multiplateformes
10
Introduction > Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Apache Cordova Appcelerator
Titanium
Xamarin
Langage HTML / CSS / JS HTML / CSS / JS C#
Compilation sur le
Cloud
Open source
Développement
sousWindows
Développement
sous Mac OS
Développement
sous Linux

11. Notre choix : Cordova
11
Introduction > Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Couche
présentation
Couche
métier
Couche
accès aux
données

12. Notre choix : Cordova
12
Introduction > Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Couche accès aux données
Framework
Couche métier
JS API
Couche présentation
HTML CSS JS
Plateforme
Application native (WebView)

13. Notre choix : Cordova
13
Introduction > Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Couche
présentation
• Affichage
• Interactivité
Couche
métier
• Traitements
Couche accès
aux données
• Gestion des
données

14. Je ne crois que ce que je vois !
 Graphisme
 Performances
 Capteurs
 Fonctions & services
 Code
14
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan

15. Graphisme :
15
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan

16. Performance :
16
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan

17. Performances :
17
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Connexion BDD et
récupération de 10 000 lignes
de données
2 393 1 127
Tri des 10 000 lignes des
données
7 386 7 523
Connexion BDD et
récupération de 30 000 lignes
de données
4 432 3 014

18. Fonctions & services :
18
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan

19. Parlons un peu de code :
19
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Quelques grands principes de Cordova :
• La gestion par ligne de commandes
• Les plugins
• L’évènement « device ready » et la variable « navigator »
• cordova create [nom du répertoire] [nom du package] [nom de l’application]
• cordova platform add [nom de la plateforme]
• cordova build [nom de la plateforme]
• cordova emulate [nom de la plateforme]
• cordova run [nom de la plateforme]
• cordova plugin add [nom du plugin]
Les plugins :
• Statut de la batterie
• Caméra
• Console
• Contacts
• Informations de l’appareil mobile
• Accéléromètre et gyroscope
• Orientation
• Notification
• Vibration
• Système de fichier
• Transfert de fichier
• Géolocalisation
• Multi langage
• Gestion des médias
• Capture des médias
• Informations du réseau
• Splashcreen
• Gestion de la barre de statut

20. Parlons un peu de code :
20
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan

21. Avantages
21
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Efficacité
Maintenabilité
Évolutivité
Facilité
Rapidité
Entraide
Outils

22. Avantages et limites
22
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan
Avantages :
• Maintenabilité
• Évolutivité
• Facilité
• Rapidité
• Communauté
• Outils
Limites :
• Technologie jeune
• Support incomplet
des fonctionnalités et
capteurs spécifiques
• Bandeau système

23. Inconvénients
 Poids des applications
 Performances amoindries
 Peur du changement
23
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin – WATTRELOT Gaëtan

24. Pour conclure…
24
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin –WATTRELOT Gaëtan

25. 25
Introduction >Tour d’horizon > Je ne crois que ce que je vois > Observations
DUPUIS Laurie – EMO Kévin –WATTRELOT Gaëtan