1. Algeria 2011

2. Développement Mobile
versus
Open Source
Présenté par farouk korteby

3. Sommaire
C'est quoi un mobile ?
Quelques chiffres
Développement natifs
Développement multi-plates-formes
Développement Framework web mobiles
L'avenir : HTML5 & CSS3
Les Ateliers : Android & J2ME
3

4. C'est quoi un mobile ?
4

5. C'est quoi un mobile ?
Un appareil mobile est un appareil de petite
taille doté de capacité de traitement.
OS, Processeur, RAM, ROM …
Possédant un écran d’affichage et une interface
tactile ou un clavier miniaturisé.
5

6. C'est quoi un mobile ?
Téléphone portable
Nokia, LG, Samsung, Sony Ericsson, Motorola, Siemens
Smartphone ou téléphone intelligent
Android, IOS, Symbian S60, BB, Brew …
Un assistant numérique personnel ou PDA
Windows Mobile, HP WebOS
Tablette : Ipad, Galaxy Tab, Kindle
Console de jeux portable, GPS, Baladeur MP3
…
6

7. Quelques chiffres
sur le
Développement Mobile
7

8. Sommaire
C'est quoi un mobile ?
Quelques chiffres
Développement natifs
Développement multi-plates-formes
Développement Framework web mobiles
L'avenir : HTML5 & CSS3
Les Ateliers : Android & J2ME
8

9. Quelques chiffres
9

10. Quelques chiffres
En 2001 :
Pays développés 47,1%
Les pays émergents 7,9%
Dans le Monde15,5%
En 2011 :
Pays développés 117,8%
Les pays émergents 78,8 %
Dans le Monde 86,7 %
1
0

11. Quelques chiffres OS mobile
En 2011 :
Android : 36MU
Symbian : 27MU
BlackBerry : 13MU
Apple : 16MU
1
1

12. Quelques chiffres Mobile Store
2010
Apple App Store
1782 M$
Blackberry App World
$165 M$
Nokia Ovi Store
$105 M$
Google Android Market
$102 M$
1
Total $2155 M$ 2

13. Quelques chiffres Constructeur
Ventes mondiales de téléphones
mobiles En 2011 :
1. Nokia : 107 MU (25,1%)
2. Samsung : 68 MU (16,1%)
3. LG : 23 MU (5,6%)
4. Apple : 16 MU (3,9%)
5. BlackBerry : 13 MU (3,0%)
1
3

14. Quelques chiffres Algérie
Le nombre de clients des opérateurs fixes et
mobiles est passé de 30,1 millions en 2008 à
35,3 millions en 2009.
Une progression de 17,3%.
Dans le même contexte, les revenus générés
par les réseaux mobiles en2009
Plus de 221,2 milliards de dinars
1
4

15. Développements sur
des systèmes natifs
1
5

16. Sommaire
C'est quoi un mobile ?
Quelques chiffres
Développement natifs
Développement multi-plates-formes
Développement Framework web mobiles
L'avenir : HTML5 & CSS3
Les Ateliers : Android & J2ME
1
6

17. Développements natifs
Un programme natif ou code natif est composé
d’instructions directement reconnues par un
processeur  langage machine
Les programmeurs n’écrivent pas de code natif
directement
Ils rédigent des « programmes sources » en
suivant les conventions d’un langage de
programmation (C++, C#, Pascal, Basic …).
La traduction de ces programmes sources en
code natif est faite en assemblage/compilation.
1
7

18. Développements natifs
Technologies propriétaires:
IOS, Apple.
Windows Mobile, Microsoft.
Symbian, Nokia.
BlackBerry OS, RIM.
Technologies Open source:
Android, Google.
1
8

19. Développements natifs
iOS
1
9

20. IOS ou iPhone OS
Crée par Apple en 2007.
Famille BSD (Unix) + Noyau Hybride.
Plateformes : iPhone, iPod Touch, iPad, Apple TV
Fonctionnalités :
Un écran multitouches.
Wifi, EDGE et 3G
GPS ou triangulation Wifi
Un appareil photo.
Un accéléromètre.
2
0

21. IOS ou iPhone OS
IOS SDK (nécessite un Mac OS).
Environnement de développement : Xcode.
Langage Objective-C : extension du C.
Interface Builder : interfaces glisser-déposer.
iPhone Simulator : iPhone virtuel.
 iPhone Developer Program à $99/ans.
2
1

22. Développements natifs
Windows Mobile
2
2

23. Windows Mobile
Crée par Microsoft en 2000.
Famille Windows CE + Noyau fermé.
Plateformes : WinCE, 2003, 5.0, 6.0, 7.5.
Constructeurs : Nokia, HTC, LG, Dell, HP …
Fonctionnalités :
Interface utilisateur Metro
Microsoft Office Mobile
Windows Phone Marketplace.
2
3

24. Windows Mobile
Visual Studio SDK 2010.
À partir de 1 099,00 €
Microsoft Visual Studio Express Windows
Phone Developper (gratuit).
SDK Windows Mobile.
Les émulateurs Windows Mobile/ActiveSync.
Langages : C++, C# ou VB.
MSDN Library.
2
4

25. Développements natifs
Symbian OS
2
5

26. Symbian OS
Crée par Symbian ltd en 1997.
100 millions en 2006.
Nokia, Sony Ericsson, Siemens, Samsung, Panasonic.
Racheté par Nokia en 2008.
Système d'exploitation embarqué.
Architecture ARMx86 (RISC 32 bits).
En 2009 Nokia a décidé  Open source.
En 2011 Nokia abandonne officiellement le projet.
Les interfaces utilisateurs : S60, S80, S90, UIQ.
2
6

27. Symbian OS
Qt Creator, Carbide C++, Code Warrior.
Langage C++, Python, Ruby, .NET.
Symbian 3 :
Multitouches.
Wifi, EDGE ou 3G.
USB on the go
Digital Video Broadcasting – Handheld
Flash, Silverlight , Java ME et OpenGL ES.
2
7

28. Développements natifs
BlackBerry OS
2
8

29. Black Berry OS
Crée par Research In Motion en 1999.
En 2010  BlackBerry Tablet OS.
Basé sur QNX un système d'exploitation UNIX commercial
Qui devra remplacer à terme BlackBerry OS
Spécificités :
BlackBerry  support natif des courriels.
Trackwheel,Trackball, Touchpad et Touchscreen.
2
9

30. Black Berry OS
BlackBerry Native SDK (BB Tablet OS)
Langage : Natif C/C++.
Native SDK simulator.
BlackBerry Java Plugin for Eclipse (OS7)
Langage : Natif Java.
BlackBerry Smartphone Simulators.
BlackBerry Plugin for Android (BB Tablet OS).
Pour faire le portage des applications Android sur
Black Berry Tablet OS
3
0

31. Développements natifs
Android OS
3
1

32. Android
Un système d'exploitation open source.
Pour Smartphone, tablette
tactile, netbooks, GPS, Baladeurs MP3…
Lancé en 2007 par l’Open Handset Alliance.
Google, ASUS, Alcatel, Acer, HTC, LG, Motorola …
Fondé sur un noyau Linux
Basé sur l’architecture ARM
Intègre Java VM Dalvik
3
2

33. Android
Stratégie Open source d’Android :
Plateforme
mobile ouverte
Plus de
API riche
revenus
Utilisateurs Développeurs
3
nombreux nombreux
3

34. Android
Versions d’Android :
4.0 Ice Cream Sandwich 0%
3.x.x Honeycomb 1.9%
2.3.x Gingerbread 44.4%
2.2.x Froyo 40.7%
2.1.x Eclair 10.7%
1.6 Donut 1.4%
1.5 Cupcake 0.9%
3
4

35. Android
Android SDK :
Langage Java / C++ (Core Libraries).
NB Android Plugin for NetBeans.
ADT Plugin for Eclipse.
3
5

36. Architecture d’Android
3
6

37. Architecture d’Android
Linux Kernel :
Drivers, Gestion mémoire, Gestion de
processus, Réseau
Libraries :
C/C++ libraries, 2D and 3D
graphics, codecs, SQLite, Browser engine …
Android Runtime :
Dalvik VM, Core Libraries.
Application Framework :
API interface, Activity manager 3
7

38. Développements avec
des Frameworks
Multi-Plates-Formes
3
8

39. Sommaire
C'est quoi un mobile ?
Quelques chiffres
Développement natifs
Développement multiplateformes
Développement Framework web mobiles
L'avenir : HTML5 & CSS3
Les Ateliers : Android & J2ME
3
9

40. Développements multi-plates-formes
Une Framework multiplateforme est une
technologie conçue pour fonctionner sur
plusieurs OS
En anglais « cross-platform software »
Différentes solutions techniques
les langages compilés avec
des bibliothèques multiplateforme (wxWidgets).
les langages interprétés (Web applications).
les langages semi-interprétés (Java, Flash …).
4
0

41. Développements multi-plates-formes
Technologies propriétaires :
Adobe AIR.
Technologies Open source :
Java ME.
Appcelerator Titanium.
4
1

42. Développements multi-plates-formes
Adobe Air
4
2

43. Adobe AIR
Adobe Integrated Runtime (Apollo)
Une machine virtuelle multiplateforme
Crée par Adobe en 2008.
C’est une technologie Gratuit mais pas open source
Selon une statistique avancée par
Adobe, Adobe Air est supporté par :
132 million de Smartphone en 2011
Qui veut dire 36% du marché
4
3

44. Adobe AIR
Adobe Dreamweaver :
Pour le developpement HTML/JavaScript.
Adobe Flex Builder, Adobe Flash :
Pour l’ActionScript et flash
JavaScript et SQLite sont supportées.
OS supportés :
Microsoft Windows, Mac OS
X, Android, iOS, BlackBerry Tablet OS, Linux …
4
4

45. Développements multi-plates-formes
Java ME
4
5

46. Java ME
Java Micro Edition est le Framework
Java spécialisé dans les applications mobiles.
Crée par SUN, devient Open source en 2006.
KVM : une machine virtuelle capable d'exécuter une
application Java.
Configuration : API donnant accès aux fonctions
de base du système : CLDC, CDC.
Profil : API donnant accès aux fonctions
spécifiques de la plate-forme : MIDP 1.0/2.0/2.1.
4
6

47. Java ME
Architecture Java ME :
Packages Optionnels :
Wireless Messaging API
Mobile Media API
JDBC, RMI …
4
7

48. Java ME
Java Wireless Toolkit :
Langage Java.
NetBeans avec le pack Mobility.
Eclipse + plugin EclipseME.
Une Midlet : c’est une applications créées avec
MIDP.
Elle permet le dialogue entre le système et
l'application.
Elle le même cycle de vie d'une applet.
4
8

49. Développements multi-plates-formes
Appcelerator Titanium
4
9

50. Appcelerator Titanium
Appcelerator Titanium est un Framework
libre multiplateformes pour développer des
applications mobiles.
Elle génère des applications natives pour chaque
plateforme.
Elle support les technologies web HTML, CSS et
JavaScript.
PHP, Python et Ruby pour plateformes de bureau.
Support des populaires Frameworks JavaScript et
AJAX dont :jQuery, YUI, MooTools, Prototype ...
Accès de l'API aux fonctions natives du mobile. 5
0

51. Appcelerator Titanium
OS supportés :
Desktop : Windows, Mac OS, Linux.
Mobile : Android, iOS et BlackBerry.
Remarque :
La compilation pour mobile est sujette à des
exigences supplémentaires :
Pour l'iPhone: Mac OS X et le SDK iPhone
Pour Android: le SDK Android.
5
1

52. Appcelerator Titanium
Titanium Studio.
Mobile SDK de la plateforme souhaitée.
Langage :
Web : HTML, CSS et JavaScript.
Desktop : PHP, Python et Ruby.
Une API indépendante de la plateforme pour
accéder aux composants UI natifs.
5
2

53. Développements avec
des Frameworks
Web pour Mobiles
5
3

54. Sommaire
C'est quoi un mobile ?
Quelques chiffres
Développement natifs
Développement multi-plates-formes
Développement Framework
web mobiles
L'avenir : HTML5 & CSS3
Les Ateliers : Android & J2ME
5
4

55. Framework web mobile
Un Framework web mobile est
un kit de composants web, qui servent à créer
des parties d'une application web mobile.
Une application web mobile est
un logiciel applicatif manipulable grâce à
un navigateur Web d’un mobile.
Technologies Open source :
Phonegap.
jQTouch.
jQuery Mobile. 5
5

56. Framework web mobile
Phonegap
5
6

57. Phonegap
PhoneGap est un framework open-source de
développement mobile :
Développé par Nitobi Software, racheté par Adobe.
Il utilise les standards HTML5 et CSS3.
Les applications qui en résultent sont hybrides, ce
qui signifie qu'ils ne sont ni vraiment natif ni
purement basée sur le Web.
Plateformes supportées :
Android, iOS, BlackBerry, Windows
Mobile, Symbian …
5
7

58. Phonegap
PhoneGap SDK
Mobile SDK de la plateforme souhaitée.
Langage : HTML5, CSS3 et JavaScript.
5
8

59. Framework web mobile
JQTouch
5
9

60. JQTouch
jQTouch est un plugin JQuery Open Source.
Il support des animations natives, navigation
automatique et themes pour les mobile WebKit.
WebKit est une bibliothèque logicielle
permettant la création de navigateurs Web.
Safari de iOS et Chrome d’Android sont supportés.
6
0

61. JQTouch
Quelques exemples réalisés avec JQTouch :
6
1

62. Framework web mobile
JQuery Mobile
6
2

63. jQuery Mobile
jQuery Mobile est un framework web et open
source pour des composants tactiles optimisés
pour les Smartphones et tablettes.
Compatible avec toutes les plateformes
mobiles principales:
iOS, Android, Blackberry, WebOS, Symbian, Windo
ws Phone 7, MeeGo, Opéra Mobile/Mini, Firefox
Mobile, Kindle …
Poids lèger et une dépendance minimale aux
images pour la vitesse.
6
3

64. jQuery Mobile
Exemples réalisés avec jQuery Mobile :
6
4

65. L'avenir HTML5 & CSS3
6
5

66. Sommaire
C'est quoi un mobile ?
Quelques chiffres
Développement natifs
Développement multi-plates-formes
Développement Framework web mobiles
L'avenir : HTML5 & CSS3
Les Ateliers : Android & J2ME
6
6

67. L'avenir : HTML5 & CSS3
Rappel :
HTML, est le format de données conçu pour
représenter les pages web (Langage de balise).
<title>titre</title>
<p>paragraphe</p>
CSS est un langage qui sert à décrire la
présentation des documents HTML.
title { font-family: Helvetica; }
p { font-size: 110%; font-family: sans-serif; }
6
7

68. L'avenir : HTML5 & CSS3
HTML5 (HyperText Markup Language 5) est
la prochaine révision majeure d'HTML.
HTML + JS = HTML5.
Ses spécifications techniques sont ouvertes.
Il est Développé par W3C.
W3C est chargé de promouvoir la compatibilité des
technologies du World Wide Web (xHTML, CSS …).
6
8

69. L'avenir : HTML5 & CSS3
Les principales évolutions du HTML5
Audio et vidéo.
Drag & Drop.
Canvas & SVG.
Web Sockets.
WebGL.
…
6
9

70. L'avenir : HTML5 & CSS3
Les principales évolutions du CSS3 :
Polices exotiques
Ombrages
Transparence
Coins arrondis
Positionnement avancé
Rotation
7
0

71. L'avenir : HTML5 & CSS3
HTML5 et les mobiles :
Mémoire locale (AppCache).
Dessin 2D avec Canvas.
Flux vidéo et audio sans flash.
Géo localisation
Formulaires avancés
Les écrans tactiles
7
1

72. L'avenir : HTML5 & CSS3
Frameworks web mobile basés sur HTML5 :
jQuery Mobile
Sencha Touch
SproutCore
jQTouch
DHTMLX Touch
WorkLight
…
7
2

73. Conclusion
7
3

74. Sommaire
C'est quoi un mobile ?
Quelques chiffres
Développement natifs
Développement multi-plates-formes
Développement Framework web mobiles
L'avenir : HTML5 & CSS3
Les Ateliers : Android & J2ME
7
4