Développer des applications mobiles avec phonegap
Click here to load reader
-
Upload
makina-corpus -
Category
Technology
-
view
472 -
download
3
Transcript of Développer des applications mobiles avec phonegap
![Page 1: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/1.jpg)
Développer des applications mobiles avec Phonegap
Éric Bréhault
![Page 2: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/2.jpg)
PhoneGap ou Cordova ?
à l'origine:PhoneGap développé par Adobe,cédé à l'Apache Foundation en 2011,s'appelle Cordova.
aujourd'hui:le projet principal est Cordova,PhoneGap existe toujours en tant que distribution Cordova
![Page 3: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/3.jpg)
Le principe
on construit une app en HTML/JS,Cordova utilise le navigateur du mobile pour l'afficher,le même code marchera sur tous les OS.
![Page 4: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/4.jpg)
Le principe
en plus des fonctionnalités de base, on a accès à des plugins,les plugins sont développés en natif pour chaque OS,on y accède en Javascript.
![Page 5: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/5.jpg)
Les plugins
accès au système de fichiers,status réseau,GPS,caméra,contacts,etc.
![Page 6: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/6.jpg)
Les plugins
Attention à la liste des OS proposés par chaque plugin!
Vous pouvez développer vos propres plugins.
![Page 7: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/7.jpg)
Générer une app$ n p m i n s t a l l c o r d o v a$ c o r d o v a c r e a t e m o n A p p c o m . m a k i n a c o r p u s . m a S u p e r A p p M a S u p e r A p p
![Page 8: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/8.jpg)
Coder l'app
Faire un développement web frontend classique. Mettre le code dans le dossier monApp/www.
![Page 9: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/9.jpg)
Compiler$ c o r d o v a p l a t f o r m a d d a n d r o i d$ c o r d o v a b u i l d
![Page 10: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/10.jpg)
DÉMO
![Page 11: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/11.jpg)
Outillage
inspection du DOM avec Chrome/Safari,adb pour Android,XCode pour iOS.
![Page 12: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/12.jpg)
Bonnes pratiques
adopter les méthodes front-end,utiliser un framework JS,utiliser une grid responsive,faire un maximum dans son navigateur.
![Page 13: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/13.jpg)
Frameworks et "distributions"
ngCordova pour Angular,ionic,Steroids.
![Page 14: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/14.jpg)
DÉMO IONIC$ n p m i n s t a l l i o n i c$ i o n i c m o n A p p s i d e m e n u
![Page 15: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/15.jpg)
Cas réels
![Page 16: Développer des applications mobiles avec phonegap](https://reader037.fdocuments.in/reader037/viewer/2022100421/55a787921a28ab8d188b47ff/html5/thumbnails/16.jpg)
Merci !