Développement d'applications mobiles

Développement d’applications
mobiles
Avril 2012

Copyright © 2012 MATELLI SERVICES
+33 1 82 52 19 59 - services@matelli.fr

Quels mobiles ?


Quels mobiles ?
• iOS restera la
2ème plateforme
mondiale
jusqu’en 2014.
• Windows
Phone en 3ème
position grâce à
l’alliace Nokia -
Microsoft.
• Les parts de
marchés de
RIM
continueront de
baisser.

Quelles tablettes ?
Source: Gartner (April 2011)

OS 2010 2011 2012 2015
iOS 14,766 47,964 68,670 138,497
Market Share (%) 83.9 68.7 63.5 47.1
Android 2,502 13,898 26,382 113,457
Market Share (%) 14.2 19.9 24.4 38.6
MeeGo 107 788 1,271 3,057
Market Share (%) 0.6 1.1 1.2 1.0
WebOS 0 2,796 4,245 8,886
Market Share (%) 0.0 4.0 3.9 3.0
QNX 0 3,901 7,134 29,496
Market Share (%) 0.0 5.6 6.6 10.0
Other Operating Systems 234 432 510 700
Market Share (%) 1.3 0.6 0.5 0.2
Total Market 17,610 69,780 108,211 294,093


Distribution d’applications mobiles


Application Web mobile ou application
mobile native ?

• Application Web mobile

• Application Mobile native


Applications Web


Les frameworks / helpers JavaScript
• Frameworks
– jQuery Mobile
– Sencha Touch
– jQTouch (basé sur Zepto)
– Jo
• Frameworks minimalistes
– Xui.js
– Zepto
• Helpers
– Modernizr
– Initializr
• PhoneGap


Comment choisir un framework ?
• Besoin (utilisation des fonctionnalités de
l’appareil, performance…)
• Plates-formes ciblées
• Licensing
• Simplicité
• Connaissance


JQUERY MOBILE

Framework Web pour Smartphone et tablettes


jQuery Mobile
• Un framework Web pour Smartphone et tablettes
développé par la fondation jQuery.

• Un système d’interfaces utilisateurs basé sur l’HTML5.

• Créé à partir des frameworks éprouvés jQuery et jQuery UI.

• Léger, amélioré progressivement, possède un système de
thèmes simple et flexible.

• http://jquerymobile.com/


Licensing
• Licence MIT
« La licence donne à toute personne recevant le logiciel le droit
illimité de l'utiliser, le copier, le modifier, le fusionner, le publier,
le distribuer, le vendre et de changer sa licence. La seule
obligation est de mettre le nom des auteurs avec la notice
de copyright. » Wikipedia
(http://fr.wikipedia.org/wiki/Licence_MIT)

• Licence GPL


Plates-formes supportées

• http://jquerymobile.com/gbs/


• Système de
notation et de
« progressive
enhancement »


Simplicité / Connaissance
• Utilisable sans écrire une ligne de JavaScript
– http://jquerymobile.com/demos/1.1.0/

• Possède des outils graphique pour le theming
– http://jquerymobile.com/themeroller/

• Des outils de création d’interfaces existent
– http://www.codiqa.com/

Documentation / Communauté
• Documentation
– Complète et de bonne qualité
– Facile d’accès. De nombreux exemples sont
disponibles.

• Communauté
– jQuery dispose d’assez d’utilisateurs pour que de
réponses soient facilement trouvées via des
moteurs de recherche.


SENCHA TOUCH

Framework Web pour Smartphone et tablettes


Sencha Touch
• Un framework Web pour Smartphone et tablettes
développé par la société Sencha Inc.

• Un système d’interfaces utilisateurs basé sur l’HTML5.

• Basé sur le framework Web Sencha Ext JS.

• Possède une riche bibliothèque de composants.

• http://www.sencha.com/products/touch/

Licensing
• Sencha Touch est disponible gratuitement pour un
usage commercial et/ou une distribution open source.

• Une licence OEM est nécessaire si Sencha Touch:
– est inlus dans un logiciel de création d’applications Web,
– est inclus dans un SDK,
– Est déployé nativement sur plus de 5000 terminaux
embarqués (télévisions, caméras, appareils équipant
voitures, réfrigirateurs… ne concerne pas téléphones et
smartphones).
http://www.sencha.com/products/touch/license/


• iPhone
• Android
• BlackBerry

• La version 9 d’Internet Explorer (présente sur
WindowsPhone 7) ne disposait pas d’assez de
fonctionnalités pour que Sencha porte son
framework. La version 10 serait prometteuse:
– http://www.sencha.com/blog/ie10-preview-html5-
first-look


Simplicité / Connaissance
• Tout développement Sencha Touch est réalisé en
JavaScript.

• Prérequis:
– Bonne connaissance du JavaScript et de sa syntaxe
orientée objet,
– Bonne connaissance du fonctionnement du framework
Sencha Touch.

• Sencha Touch s’inspire beaucoup partie de la version
Web Sencha ExtJS. Les connaisseurs apprécieront.

Documentation / Communauté
• Documentation
– Complète et de bonne qualité
– Très orienté développeurs: accès direct aux packages,
classes, méthodes, évènements…

• Communauté
– Sencha Touch est développé par une entité commerciale.
Le produit ne dispose donc pas d’une communauté
OpenSource.
– Sencha Touch dispose d’assez d’utilisateurs pour que des
réponses soient facilement trouvées via les moteurs de
recherche (sur le forum Sencha ou d’autres sites).


PHONEGAP

Applications web et fonctionnalités natives.


PhoneGap
• PhoneGap est une plate-forme HTML5 qui
permet, tout en utilisant des technologies Web,
de créer des applications natives accédant aux
différentes API et disponibles sur les stores.
http://phonegap.com/

• PhoneGap est open source et gratuit.

• PhoneGap peut être utilisé par des développeurs
ou des sociétés pour distribuer des applications
gratuites, commerciales ou bien open source.

PhoneGap
• Plates-formes supportées: Android, iOS,
Windows Phone, WebOS, BlackBerry,
Symbian, Bada.

• PhoneGap est généralement utilisé avec
certains frameworks JavaScript:
– Sencha Touch
– jQuery Touch


Fonctionnalités supportées


Fonctionnement
Création de votre application avec les
standards du Web.

Empaquetage de votre application avec
PhoneGap.

Déploiement de votre application sur
toutes les plates-formes supportées.

Fonctionnement


Exemple: Diary Mobile
Application de gestion d’évènements, de tâches…


Exemple: Just One More
Les dernières vidéos proposées par l’équipe Vimeo.


Exemple: Harmonious
Application de dessin.


Applications natives


Développement d’applications mobiles
natives
• Signification: utilisation de technologies
natives, d’interfaces natives, d’outils natifs,
d’API natives…
• Les solutions de développement natifs sont
fournis par les éditeurs des différentes plates-
formes.
• Chaque solution dispose d’outils de
simulation.


Développement d’applications mobiles
natives
Plates-formes Technologies Outils de Plates-formes de
développement développement
iOS Objective-C, iPhone XCode IDE Mac OS X
SDK
Android Java, C/C++ Eclipse Windows, Linux
Symbian, MeeGo C++, QML, Qt Qt Creator Windows, Linux,
framework, Mac OS X
platform SDK
Windows Phone 7 C#, .Net, Silverlight, Visual Studio 2012, Windows
XNA Expression Blend
BlackBerry Java, BlackBerry Eclipse, BlackBerry Windows, Mac OS X
Java SDK IDE


DÉVELOPPEMENT ANDROID


Langage et Framework
• Java / C++

• Framework Android


Outils
• Un PC ou un Mac avec le système d’exploitation de votre
choix

• Eclipse version Java
– http://www.eclipse.org/downloads/

• SDK Android: contient entre autres l’émulateur Android
– http://developer.android.com/sdk/

• Le plug-in Android pour Eclipse (fourni et maintenu par les
équipes Google)
– http://developer.android.com/sdk/eclipse-adt.html


Distribution d’applications
• Licence
– Nécessaire uniquement pour la publication sur Google
Play (anciennement Android Market)
– Coût: 25 $

• Processus de déploiement
– Il est nécessaire de signer ses applications pour les
publier sur Google Play
– Un processus de publication très simple en
comparaison des stores concurrents


DÉVELOPPEMENT IOS


• Objective C
int main( int argc, const char *argv[] ) {
NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
NSDictionary *dictionary = [[NSDictionary alloc] initWithObjectsAndKeys:
@"one", [NSNumber numberWithInt: 1],
@"two", [NSNumber numberWithInt: 2],
@"three", [NSNumber numberWithInt: 3], nil];
NSMutableDictionary *mutable = [[NSMutableDictionary alloc] init];
printf( "----static dictionaryn" );
print( dictionary );
// add objects
[mutable setObject: @"Tom" forKey: @"tom@jones.com"];
[mutable setObject: @"Bob" forKey: @"bob@dole.com" ];

• Framework iOS


Outils
• Un Mac

• Xcode: environnement de développement
(IDE)

• Interface Builder
– Depuis Xcode 4, IB est inclus dans Xcode


• Licences
– Programme standard
• Coût: 99 $ / an
• But: distribuer des applications sur l’AppStore
• Il est possible de distribuer des applications en mode ad-hoc sur 100
périphériques
– Programme Entreprise
• Coût: 299 $ / an
• Pour les entreprises de +500 employés
• But: utilisation des applications en interne, aucune revente sur
l’AppStore n’es possible
• Deux types de déploiement: ad-hoc et in-house
– Programme Université
• Coût: gratuit mais soumis à validation de la part d’Apple
• Réservé au monde de l’éducation


• Déploiement
– iOS Provisionning portal: permet de gérer ses
certificats de développement ainsi que les
périphériques en mode ad-hoc
– iTunes Connect: permet la soumission
d’applications sur l’AppStore
• La soumission d’applications sur l’AppStore
peut prendre une semaine.


DÉVELOPPEMENT WINDOWS
PHONE


• C#, Silverlight ou XNA
– Silverlight permet de réaliser les interfaces
graphiques de ses applications mobiles
« fenêtrées » (possédant onglets, listes,
boutons…),
– XNA permet de réaliser des jeux.

• Framework .Net


Outils
• Un ordinateur sous Microsoft Windows Vista ou 7

• Visual Studio
– Une version d’essai est disponible « Visual Studio 2010
Express pour Windows Phone »
http://www.microsoft.com/visualstudio/en-
us/products/2010-editions/windows-phone-
developer-tools
– L’émulateur vient avec le kit de développement
Windows Phone.


• Licence
– Coût de la licence développeur: 99 $ / an
– But: déployer des applications sur le Marketplace
– Microsoft fournit gratuitement des outils afin de
permettre aux développeurs de déployer leurs
applications en AdHoc
(http://msdn.microsoft.com/en-
us/library/ff769512(v=vs.92).aspx)

• Processus de déploiement
– Suivre les étapes de déploiment sur
http://create.msdn.com

GÉNÉRATION D’APPLICATIONS
NATIVES
MonoDroid / MonoTouch


Génération d’applications mobiles
natives
• Concept: utilisation d’une technologie tierce afin de
créer des applications mobiles natives cross-platform.

• Avantages:
– utilisation d’une même technologie quelque soit les
plateformes et donc possibilité de réutilisation de code
métier,
– utilisation d’une technologie pouvant déjà être connue des
développeurs,
– Une interface possédant le look&feel de la plate-forme
adressée.


Génération d’applications mobiles
natives
• Inconvénients:
– Un coût additionnel,
– La nécessité de bien comprendre le
fonctionnement de la plate-forme mobile que l’on
adresse.


MONOTOUCH / MONODROID
Xamarin


Langage, Framework et Outils
• Langage C#
• Framework .Net
• Outils nécessaires pour le développement iOS
– Un Mac sous Mac OS X
– L’environnement de développement intégré (IDE)
MonoDevelop
– L’IDE d’Apple xCode
– MonoTouch


Langage, Framework et Outils
• Langage C#
• Framework .Net
• Outils nécessaires pour le développement
Android
– Un ordinateur sous Microsoft Windows Vista ou 7 ou
bien un Mac sous Mac OS X
– L’environnement de développement intégré (IDE)
MonoDevelop ou bien Visual Studio avec un add-on
– MonoDroid


Coût
• Coût du programme de développement iOS ou
Android
• Coût de licence de MonoTouch pour iOS ou de Mono
pour Android. Les produits sont vendus séparément.


Merci à vous.

19 rue Béranger Ajoutez nous à vos contacts.
75003 Paris
+33 1 82 52 19 59
services@matelli.fr
www.matelli.fr


Développement d'applications mobiles

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Développement d'applications mobiles

Similar to Développement d'applications mobiles (20)

Développement d'applications mobiles