SlideShare une entreprise Scribd logo
1  sur  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!!

Contenu connexe

Tendances

eServices-Chp5: Microservices et API Management
eServices-Chp5: Microservices et API ManagementeServices-Chp5: Microservices et API Management
eServices-Chp5: Microservices et API ManagementLilia Sfaxi
 
Mohamed youssfi support architectures logicielles distribuées basées sue les ...
Mohamed youssfi support architectures logicielles distribuées basées sue les ...Mohamed youssfi support architectures logicielles distribuées basées sue les ...
Mohamed youssfi support architectures logicielles distribuées basées sue les ...ENSET, Université Hassan II Casablanca
 
Android-Tp5 : web services
Android-Tp5 : web servicesAndroid-Tp5 : web services
Android-Tp5 : web servicesLilia Sfaxi
 
Développement Web - Module 1 - Introduction
Développement Web - Module 1 - IntroductionDéveloppement Web - Module 1 - Introduction
Développement Web - Module 1 - IntroductionMohammed Amine Mostefai
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JSAbdoulaye Dieng
 
Introduction à spring boot
Introduction à spring bootIntroduction à spring boot
Introduction à spring bootAntoine Rey
 
Rapport de projet_de_fin_d__tudes__pfe__safwen (8)
Rapport de projet_de_fin_d__tudes__pfe__safwen (8)Rapport de projet_de_fin_d__tudes__pfe__safwen (8)
Rapport de projet_de_fin_d__tudes__pfe__safwen (8)safwenbenfredj
 
Alphorm.com-Formation MongoDB Administration
Alphorm.com-Formation MongoDB AdministrationAlphorm.com-Formation MongoDB Administration
Alphorm.com-Formation MongoDB AdministrationAlphorm
 
Présentation du l'application Mobile "Passion Beauté 1.0"
Présentation du l'application Mobile "Passion Beauté 1.0"Présentation du l'application Mobile "Passion Beauté 1.0"
Présentation du l'application Mobile "Passion Beauté 1.0"Nazih Heni
 

Tendances (20)

Introduction à Angular
Introduction à AngularIntroduction à Angular
Introduction à Angular
 
eServices-Chp5: Microservices et API Management
eServices-Chp5: Microservices et API ManagementeServices-Chp5: Microservices et API Management
eServices-Chp5: Microservices et API Management
 
Introduction à Angular 2
Introduction à Angular 2Introduction à Angular 2
Introduction à Angular 2
 
Support de cours angular
Support de cours angularSupport de cours angular
Support de cours angular
 
Mohamed youssfi support architectures logicielles distribuées basées sue les ...
Mohamed youssfi support architectures logicielles distribuées basées sue les ...Mohamed youssfi support architectures logicielles distribuées basées sue les ...
Mohamed youssfi support architectures logicielles distribuées basées sue les ...
 
Android-Tp5 : web services
Android-Tp5 : web servicesAndroid-Tp5 : web services
Android-Tp5 : web services
 
Support programmation orientée objet c# .net version f8
Support programmation orientée objet c#  .net version f8Support programmation orientée objet c#  .net version f8
Support programmation orientée objet c# .net version f8
 
Développement Web - Module 1 - Introduction
Développement Web - Module 1 - IntroductionDéveloppement Web - Module 1 - Introduction
Développement Web - Module 1 - Introduction
 
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
 
Support distributed computing and caching avec hazelcast
Support distributed computing and caching avec hazelcastSupport distributed computing and caching avec hazelcast
Support distributed computing and caching avec hazelcast
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
 
Introduction à spring boot
Introduction à spring bootIntroduction à spring boot
Introduction à spring boot
 
.NET Framework
.NET Framework.NET Framework
.NET Framework
 
Rapport de projet_de_fin_d__tudes__pfe__safwen (8)
Rapport de projet_de_fin_d__tudes__pfe__safwen (8)Rapport de projet_de_fin_d__tudes__pfe__safwen (8)
Rapport de projet_de_fin_d__tudes__pfe__safwen (8)
 
Alphorm.com-Formation MongoDB Administration
Alphorm.com-Formation MongoDB AdministrationAlphorm.com-Formation MongoDB Administration
Alphorm.com-Formation MongoDB Administration
 
Présentation du l'application Mobile "Passion Beauté 1.0"
Présentation du l'application Mobile "Passion Beauté 1.0"Présentation du l'application Mobile "Passion Beauté 1.0"
Présentation du l'application Mobile "Passion Beauté 1.0"
 
Génie Logiciel : les tests
Génie Logiciel : les testsGénie Logiciel : les tests
Génie Logiciel : les tests
 
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
 
Introduction à la Conception et Evaluation des IHM
Introduction à la Conception et Evaluation des IHMIntroduction à la Conception et Evaluation des IHM
Introduction à la Conception et Evaluation des IHM
 
Présentation Angular 2
Présentation Angular 2 Présentation Angular 2
Présentation Angular 2
 

Similaire à Présentation Ionic Framework

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'usageLaFrenchMobile
 
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-05Frédéric Harper
 
Présentation android
Présentation androidPrésentation android
Présentation androiddiop5
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)SCALA
 
Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open sourceKorteby Farouk
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobilesneuros
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutterJulien Saumande
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileMohamed BOURAOUI
 
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)Stéphane Rouilly
 
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)Stéphane Rouilly
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform MobileGabriel DUPONT
 
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/2010Wax Interactive
 
[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 Niji
 
02_Chapitre_1_.pdf
02_Chapitre_1_.pdf02_Chapitre_1_.pdf
02_Chapitre_1_.pdfallagahamza
 
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...Salon e-tourisme #VeM
 
Presentation Akolade Services mobile
Presentation Akolade Services mobilePresentation Akolade Services mobile
Presentation Akolade Services mobileAkolade Services
 
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...TelecomValley
 
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 - AlloyMeetup Mobile Montpellier
 

Similaire à 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
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
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
 

Présentation Ionic Framework

Notes de l'éditeur

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