présentation ionic framework

Le développement mobile

Ndongo Tonux Samb

SYNAPSETECHNOCAMP

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

TOTALPOPULATION

ACTIVEINTERNET USERS

ACTIVE SOCIALMEDIA ACCOUNTS

UNIQUEMOBILE USERS

ACTIVE MOBILESOCIAL ACCOUNTS

7.210BILLION

3.010BILLION

2.078BILLION

3.649BILLION

1.685BILLION

JAN2015

4

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

#SDW2013

5

L’AFRIQUE?

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

6

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

LEMOBILE

POUR

L’ENSEIGNEMENT

MoMath est une application

mobile permettant d’apprendreles mathématiques via son téléphone

portable.

8

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

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

DANS QUELLES SITUATIONS UTILISONS-NOUS NOS

SMARTPHONES ET NOS TABLETTES ?

11

Les solutions de développement mobile 12

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

20Framework 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

Starta Project

24

$ ionic start myApp blank

$ ionic start myApp tabs

$ ionic start myApp sidemenu

25

Runa Project

26

$ cd myApp$ ionic platformadd 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!!!