Présentation Ionic Framework
-
Upload
ndongo-samb -
Category
Software
-
view
153 -
download
0
Transcript of Présentation Ionic Framework
![Page 1: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/1.jpg)
Le développement mobile
Ndongo Tonux Samb
SYNAPSETECHNOCAMP
![Page 2: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/2.jpg)
Foot – Ecouter de la musique – « Facewalu »
Microsoft Student Partners (MSP)
Membre Jjiguène Tech Hub (JTH)
QUI SUIS-JE?2
Ingénieur de conception en informatique (ESP)
![Page 3: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/3.jpg)
We Are Social
GLOBAL DIGITAL3
![Page 4: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/4.jpg)
GLOBAL DIGITAL
TOTALPOPULATION
ACTIVEINTERNET USERS
ACTIVE SOCIALMEDIA ACCOUNTS
UNIQUEMOBILE USERS
ACTIVE MOBILESOCIAL ACCOUNTS
7.210BILLION
3.010BILLION
2.078BILLION
3.649BILLION
1.685BILLION
JAN2015
4
![Page 5: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/5.jpg)
L’AFRIQUE & LE MOBILECOMMENT LE MOBILE TRANSFORME L’AFRIQUE ?
#SDW2013
5
![Page 6: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/6.jpg)
L’AFRIQUE?
Plus d’1 milliard d’habitantsSuperficie > USA + Chine+ Europe + Inde1000 langues54 pays
6
![Page 7: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/7.jpg)
L’AFRIQUE
SE MOBILISE
L’Afrique compte 735 millions d’abonnés mobileset plus de 90% des téléphones en Afrique sont des mobiles.(Africa Mobile Observatory, 2011)
7
![Page 8: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/8.jpg)
LEMOBILE
POUR
L’ENSEIGNEMENT
MoMath est une application
mobile permettant d’apprendreles mathématiques via son téléphone
portable.
8
![Page 9: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/9.jpg)
LEMOBILE
POUR
L’HUMANITAIRE
L’ONG Refugees United s’est associée à des opérateurs
detéléphonie pour aider des réfugiés à retrouver leur famille.
9
![Page 10: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/10.jpg)
L’ESSENTIEL
1987 1992— —Première tablette(Linus Write Top)
Premier SMS
1991 1993—Premier appel depuis
un téléphone mobile sur un réseau commercial
—Premier smartphone(IBM Simon)
APPLE ANDROÏD
2007—Sortie de l’iPhone
2008—Sortie du HTC G1, premiersmartphone fonctionnant sous Android2010
—- Sortie de l’iPad
- Sortie de la Samsung Galaxy Tab,
première tablette fonctionnant sous Android
10
![Page 11: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/11.jpg)
DANS QUELLES SITUATIONS UTILISONS-NOUS NOS
SMARTPHONES ET NOS TABLETTES ?
11
![Page 12: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/12.jpg)
Les solutions de développement mobile 12
![Page 13: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/13.jpg)
Le développement natif13
C'est évidemment la première solution qui vient à l'esprit. Le développement natif consiste à développer avec les
outils/langages propres à chaque système d'exploitation.
Objective C avec l'IDE XCode
pour iOS
Java avec Eclipse pour Android
C# avec Visual Studio pour
Windows Phone
![Page 14: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/14.jpg)
Le développement natif générée14
Certaines entreprises ont très bien compris le problème de compatibilité et proposent des solutions qui permettent, avec un
seul code, de compiler sur les différentes plateformes.
Titanium Platform Ruby Motion Qt mobile
![Page 15: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/15.jpg)
Le développement Hybride15
Enfin la dernière solution est de développer une application en utilisant les langages web classique : HTML, CSS et Javascript. Le contenu est « encapsulé » dans une sur-couche applicative.
Rho mobile PhoneGap Ionic Framework
![Page 16: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/16.jpg)
Quelle solution choisir ?16
![Page 17: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/17.jpg)
![Page 18: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/18.jpg)
18 Développement avec ionic Framework
![Page 19: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/19.jpg)
+ =
Ionic Framework est un mélange d’outils et de technos pour développer des applications mobiles hybrides rapidement et facilement.
19
Angular Js Cordova Ionic
![Page 20: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/20.jpg)
20Framework UI spécialisé mobile
![Page 21: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/21.jpg)
Pré-requis
21
• Node.js et Java installés
• Installation du SDK Android
• Configuration des variables d’environnement
![Page 22: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/22.jpg)
Install Ionic
22
![Page 23: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/23.jpg)
$ npm install -g cordova ionic
23
![Page 24: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/24.jpg)
Starta Project
24
![Page 25: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/25.jpg)
$ ionic start myApp blank
$ ionic start myApp tabs
$ ionic start myApp sidemenu
25
![Page 26: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/26.jpg)
Runa Project
26
![Page 27: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/27.jpg)
$ cd myApp$ ionic platformadd ios
$ ionic build ios$ ionic emulate ios
27
![Page 28: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/28.jpg)
Resources
28
![Page 29: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/29.jpg)
http://ionicframework.com/docs/components
http://ionicframework.com/docs/api
http://ionicframework.com/docs
http://ngcordova.com
29
![Page 30: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/30.jpg)
https://www.facebook.com/Tonuxsamb
https://twitter.com/tonux_samb
Email : [email protected]
30
Me contacter :
![Page 31: Présentation Ionic Framework](https://reader033.fdocuments.us/reader033/viewer/2022061603/55cc5f36bb61eb9d338b45d5/html5/thumbnails/31.jpg)
MERCI
Arigato!!!