MobileDay - Parcours 1 Hybride (Cordova)

46
Mobile Day 2015 Cordova Cellenza Microsoft Lionel NIMONG @lionelthemonk Aurélien GALTIER @AurelienGaltier Cordova

Transcript of MobileDay - Parcours 1 Hybride (Cordova)

Page 1: MobileDay - Parcours 1 Hybride  (Cordova)

M o b i l e D a y

2015

C o r d o v a

Cellenza Microsoft

Lionel NIMONG @lionelthemonk Aurélien GALTIER @AurelienGaltier

C o r d o v a

Page 2: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

Lionel Nimong Consultant Mobile

@lionelthemonk

Aurélien Galtier Consultant Mobile

@AurelienGALTIER

Page 3: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

Comment nous le faisons :

• Formation continue• Partage de

connaissance• Partenariats

Cellenza en quelques mots

Cellenza est un cabinet de conseil, d’expertise technique et de réalisation, exclusivement dédié

aux technologies Microsoft et aux méthodes agiles.

Notre passion, la technologie. Nous sommes des experts Microsoft , agi l istes par nature, passionnés par notre métier. Consultants, coachs et/ou formateurs, nous avons à cœur de partager avec la communauté un savoir technique et méthodologique, mais aussi nos valeurs

Page 4: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPP PPPPPP PPP

9h – 9h30 Welcome Café

9h30 – 10h30 Keynote d’ouverture : Mobilité, enjeux d’aujourd’hui

10h30 – 11h30 La Mobilité selon Microsoft

11h30 – 11h 45 Pause café

11h45 – 12h45 Retour d’Expérience Client

12h45 – 13h45 Pause Déjeuner

13h 45 – 14h45 Web & Hybride Mobile

Natif Natif Cross- Platform

Back- Office

14h45 – 15h00 Pause15h00 – 16h00 Web & Hybride

MobileNatif Natif Cross-

PlatformBack- Office

16h00 – 16h15 Pause16h15 – 17h15 Web & Hybride

MobileNatif Natif Cross-

PlatformBack- Office

17h15 – 17h30 Pause17h30 – 18h00 Conclusion

Page 5: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

Cellenza Microsoft

Sommaire 1 Cordova

2 Web Mobile

3 PPPPP

Page 6: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft PPPPPPP P- ?

P e r m e t d e c r é e r d e s a p p l i c a t i o n sPPPPPPP PP PPPPPPP’ ’ ( ) PPPPPPP PPP PPPPPPPP3PPPPPPPPPPP/ /

Page 7: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPP PPPPPPPP ….

PPPPPPP PPP PP PPPPPP PPPPPPPP PPPPPPPPP PPP PP PPPPPPP PPPPPPPPPPPP PPP PPPPPPP PPP PPPPP PPP PPPP PPPPPPP PPPP PP PPPPPPPPPPPPP PPPPPP PP PPPPPP PP PPPP PPPPPP PP PP PPPPPPPPP PPP PPP PPPPPPP PPPPPPPP

PPPPP® PPPPPPPP™ PPPPPPPPPP PPPPPPPP PPPPPPPPPPPPP PPPPPPPP PPPPPPPPP PPP

Page 8: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPP PPPPPPP PPPPPPP P

Page 9: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPP PPPPPPPPPPPP PPPPPPPPPP

Page 10: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft PPPPPPPPPPPPP, …

Page 11: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPPPPPPPPPP

PPPPPPPPPPPP PP PPPPPPP PPPPPPPPPPPPP PPPP PPPPPPP

Page 12: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPP PP PPPPPPPPPPPPP PPPPPPP

Page 13: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPP PPPPPPP

UIWebView(et non WKWebView)

Webkit(android.webkit.WebView)

Classique IE

Page 14: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPP

Page 15: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPPP P 1 PPPP

1 café : 3,20 euros

Page 16: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPPP P 1 PPPP

Page 17: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPPP P 1 PPPP

Page 18: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPPP P 1 PPPP

Page 19: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPPP P 1 PPPP

Page 20: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPPP P 1 PPPP

Page 21: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPPP P 1 PPPP

Page 22: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPP

Page 23: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPPPPPP PPPP P 1 PPPP

Page 24: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPP

Page 25: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPPPPPP PPPPPP

C’est toujours aussi rapide ?

Page 26: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPPPPPP PPPPPP

PPPPPP P PPPPPP PPP PPPPPPPPPPPPPPP PPPP PP PPPPPPPPPPPPPPPPPPP PPPPPPPPP

Page 27: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPP PPPPPPPPPPP PPPP

Une seule page webPure code en HTML/JavaScript

HTTP/REST API WEB

Page 28: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPPPPPP

Page 29: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPPPPPP

MVVM

MVC

IOC

TDD

Page 30: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPP PPPPP PPP PPP

Navigation via les liens du navigateurUne page HTML par vue

Page 31: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPP PPPPPPP

WEB NATIF

Le pont entre le web et le natif

Page 32: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPP PPPPPPP

PPPPPPP PPP PPPPPPPPPPPPPPPPP PPP PPPPPP PP PPPPPPPPPPPPPPP PPPPPP PPPP PPPPPP PPPPPPPPPPPPPP

Page 33: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPPP PP PPPPPPP

PPPPP PP PPPPPPPPPP PPPPPP PPPPPP

Page 34: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPP PPPPPP PPPPPP

Et si jamais j’ai un besoin un peu trop spécifique ???

Page 35: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPP PPPPPP PPPPPP

Page 36: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPP PPPPPP PPPPPP

Le dossier du plugin

Page 37: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPP

Page 38: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPP PPPPPP PPPPPP

PPPPPP P#

PPPPPP PPPPPPPPPP

Page 39: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPP PP PPP PPPPP P

Aujourd'hui de nouveaux outils construits autour de cordova (ionic/reapp)Beaucoup de librairie/frameworks javascript facilitant le developpement mobile

Page 40: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPP PP PPP PPPPP P

Surcouche de CordovaPP PPPP PPPPPPPPPPPPPPPPPPPPP PPP PPPPPPPPP

Page 41: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPPPPP PPPPPPPP PPPPP ?

PPPPP PP PPPPPPPPPPPPPPPPP PPP PP PPPPPPPPPPPPPPPP PPPPPPP PPPPPPPP

PPPPPPPP PPPPPP PPPPPPPPPPPPP PPPPPPPPPPPPPP PPPPPP PPPPPP PPPPPPP

Page 42: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftP PPPP PPPP PPPPPPPPP

PPPPPPP PPPP PP PPPPPPP PPPP PP PPP

Page 43: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPP

Page 44: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPPPPPPPPPPPPPPPPP

PPPPPPPPP PG r a t u i tPPPPPPP P PPPPPP PPPPPPPPPPPPPPPP PPP PPPPPPPPP PP PPPPPP PPPPPP

PPPPPPPPPPPPPPPPPPPPPP PPPPPPP PPPPPPPPPP PPP PPPPPPPP PPPPPPPPPPPPP PP ( / , …)

Page 45: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza Microsoft

PPPP PPPP PPP PPPPPPPPPP P

A utiliser :Si vos équipe font du webSi votre applis est une SPAAvoir une applis mobile sur les stores rapidement

Déconseillé :Si vous avez des besoins très spécifique mobileSi vous avez des interfaces très riches

Page 46: MobileDay - Parcours 1 Hybride  (Cordova)

Cellenza MicrosoftPPPPPPPPP

?