SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Le développement mobile
Ndongo Tonux Samb
SYNAPSE
TECHNOCAMP
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)
We Are Social
GLOBAL DIGITAL3
GLOBAL DIGITAL
TOTAL
POPULATION
ACTIVE
INTERNET USERS
ACTIVE SOCIAL
MEDIA ACCOUNTS
UNIQUE
MOBILE USERS
ACTIVE MOBILE
SOCIAL ACCOUNTS
7.210
BILLION
3.010
BILLION
2.078
BILLION
3.649
BILLION
1.685
BILLION
JAN
20154
L’AFRIQUE & LE MOBILE
COMMENT LE MOBILE TRANSFORME L’AFRIQUE ?
#SDW2013
5
L’AFRIQUE?


Plusd’1milliardd’habitants
Superficie>USA+Chine
+Europe+Inde
1000langues
54pays


6
L’AFRIQUESE MOBILIS
E
L’Afrique compte 735 millions d’abonnés mobiles
et plus de 90% des téléphones en Afrique sont des mobiles.
(Africa Mobile Observatory, 2011)
7
LE MOBILE POUR L’ENSEIGNEMENT
MoMath est une application mobile permettant d’apprendre
les mathématiques via son téléphone portable.
8
LE MOBILE POUR L’HUMANITAIR
E
L’ONG Refugees United s’est associée à des
opérateurs
de
téléphonie pour aider des réfugiés à retrouver leur famille.
9
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, premier
smartphone fonctionnant sous Android2010
—
- Sortie de l’iPad
-Sortiede laSamsungGalaxyTab,
première tablette fonctionnant sous Android
10
DANS QUELLES SITUATIONS UTILISONS-NOUS NOS SMARTPHONES
ET NOS TABLETTES ?
11
Les solutions de développement
mobile12
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
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
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
Quelle solution choisir ?16
18 Développement avec ionic Framework
+ =
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
20
Framework UI spécialisé mobile
Pré-requis
21
• Node.js et Java installés
• Installation du SDK Android
• Configuration des variables d’environnement
Install Ionic
22
$ npm install -g cordova ionic
23
Start a Project
24
$ ionic start myApp blank
$ ionic start myApp tabs
$ ionic start myApp sidemenu
25
Run a Project
26
$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios
27
Resources
28
http://ionicframework.com/docs/components
http://ionicframework.com/docs/api
http://ionicframework.com/docs
http://ngcordova.com
29
https://www.facebook.com/Tonuxsamb
https://twitter.com/tonux_samb
Email : sambndongo@gmail.com
30
Me contacter :
MERCI
Arigato!!

Weitere ähnliche Inhalte

Was ist angesagt?

Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition APIAlphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm
 

Was ist angesagt? (20)

Angular.pdf
Angular.pdfAngular.pdf
Angular.pdf
 
Panorama des Technologies mobiles
Panorama des Technologies mobilesPanorama des Technologies mobiles
Panorama des Technologies mobiles
 
Cours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategyCours design pattern m youssfi partie 1 introduction et pattern strategy
Cours design pattern m youssfi partie 1 introduction et pattern strategy
 
DART.pptx
DART.pptxDART.pptx
DART.pptx
 
Angular Avancé
Angular AvancéAngular Avancé
Angular Avancé
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
Angular 11
Angular 11Angular 11
Angular 11
 
Support POO Java première partie
Support POO Java première partieSupport POO Java première partie
Support POO Java première partie
 
React native
React nativeReact native
React native
 
Nuxt.JS Introdruction
Nuxt.JS IntrodructionNuxt.JS Introdruction
Nuxt.JS Introdruction
 
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition APIAlphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
 
An introduction to Xamarin
An introduction to XamarinAn introduction to Xamarin
An introduction to Xamarin
 
Programmation sous Android
Programmation sous AndroidProgrammation sous Android
Programmation sous Android
 
Support de cours angular
Support de cours angularSupport de cours angular
Support de cours angular
 
Développement web mobile avec IONIC 2
Développement web mobile avec IONIC 2Développement web mobile avec IONIC 2
Développement web mobile avec IONIC 2
 
Angular
AngularAngular
Angular
 
Spring Boot RestApi.pptx
Spring Boot RestApi.pptxSpring Boot RestApi.pptx
Spring Boot RestApi.pptx
 
Support de cours Spring M.youssfi
Support de cours Spring  M.youssfiSupport de cours Spring  M.youssfi
Support de cours Spring M.youssfi
 
Support de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfiSupport de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfi
 
CV Ingénieur développeur JAVA/EE
CV Ingénieur développeur JAVA/EECV Ingénieur développeur JAVA/EE
CV Ingénieur développeur JAVA/EE
 

Ähnlich wie Présentation Ionic Framework

Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open source
Korteby Farouk
 
2012 10-23-conférence les affaires - eric taillefer
2012 10-23-conférence les affaires - eric taillefer2012 10-23-conférence les affaires - eric taillefer
2012 10-23-conférence les affaires - eric taillefer
etaillefer
 

Ähnlich wie Présentation Ionic Framework (20)

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
 
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05
Le web ouvert avec Firefox OS et Firefox - Linux Meetup Montréal - 2014-08-05
 
Présentation android
Présentation androidPrésentation android
Présentation android
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open source
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
 
Intro Android
Intro AndroidIntro Android
Intro Android
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform Mobile
 
Webseminaire Mobile Open Your Brand du 19/10/2010
Webseminaire Mobile Open Your Brand du 19/10/2010Webseminaire Mobile Open Your Brand du 19/10/2010
Webseminaire Mobile Open Your Brand du 19/10/2010
 
[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210
 
02_Chapitre_1_.pdf
02_Chapitre_1_.pdf02_Chapitre_1_.pdf
02_Chapitre_1_.pdf
 
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...
 
Presentation Akolade Services mobile
Presentation Akolade Services mobilePresentation Akolade Services mobile
Presentation Akolade Services mobile
 
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
 
Formation android
Formation androidFormation android
Formation android
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
 
2012 10-23-conférence les affaires - eric taillefer
2012 10-23-conférence les affaires - eric taillefer2012 10-23-conférence les affaires - eric taillefer
2012 10-23-conférence les affaires - eric taillefer
 

Présentation Ionic Framework

Hinweis der Redaktion

  1.  Il s’appuie sur AngularJS pour la partie application web du framework et sur Cordova pour la partie construction des applications natives.