31
Le développement mobile Ndongo Tonux Samb SYNAPSE TECHNOCAMP

Présentation Ionic Framework

Embed Size (px)

Citation preview

Page 1: Présentation Ionic Framework

Le développement mobile

Ndongo Tonux Samb

SYNAPSETECHNOCAMP

Page 2: Présentation Ionic Framework

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

We Are Social

GLOBAL DIGITAL3

Page 4: Présentation Ionic Framework

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

L’AFRIQUE & LE MOBILECOMMENT LE MOBILE TRANSFORME L’AFRIQUE ?

#SDW2013

5

Page 6: Présentation Ionic Framework

L’AFRIQUE?

Plus d’1 milliard d’habitantsSuperficie > USA + Chine+ Europe + Inde1000 langues54 pays

6

Page 7: Présentation Ionic Framework

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

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

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

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

DANS QUELLES SITUATIONS UTILISONS-NOUS NOS

SMARTPHONES ET NOS TABLETTES ?

11

Page 12: Présentation Ionic Framework

Les solutions de développement mobile 12

Page 13: Présentation Ionic Framework

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

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

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

Quelle solution choisir ?16

Page 17: Présentation Ionic Framework
Page 18: Présentation Ionic Framework

18 Développement avec ionic Framework

Page 19: Présentation 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

Page 20: Présentation Ionic Framework

20Framework UI spécialisé mobile

Page 21: Présentation Ionic Framework

Pré-requis

21

• Node.js et Java installés

• Installation du SDK Android

• Configuration des variables d’environnement

Page 22: Présentation Ionic Framework

Install Ionic

22

Page 23: Présentation Ionic Framework

$ npm install -g cordova ionic

23

Page 24: Présentation Ionic Framework

Starta Project

24

Page 25: Présentation Ionic Framework

$ ionic start myApp blank

$ ionic start myApp tabs

$ ionic start myApp sidemenu

25

Page 26: Présentation Ionic Framework

Runa Project

26

Page 27: Présentation Ionic Framework

$ cd myApp$ ionic platformadd ios

$ ionic build ios$ ionic emulate ios

27

Page 28: Présentation Ionic Framework

Resources

28

Page 29: Présentation Ionic Framework

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://www.facebook.com/Tonuxsamb

https://twitter.com/tonux_samb

Email : [email protected]

30

Me contacter :

Page 31: Présentation Ionic Framework

MERCI

Arigato!!!