le développement hybride mobile
fun et productif
Qui sommes nous ?
Stéphanie
Développeur Mobile
@Steffy_29
Audrey
Développeur Back-End
@Audrey_Neveu
Introduction
Le problème
...
Les solutions
La nouvelle solution
+
=
Chacun son rôle !
✓ Conception des interfaces
➙ HTML5, CSS3, Sass, LESS, Javascript
➙ Ionic framework
✓ Logique métier
➙ A...
L’environnement
Command-Line Interface
Ionic Lab
Gestion de dépendances
Gulp & Sass
ionic start ...
Les templates
Structure d’un projet
Les services
Les composants
CSS
Ionicons
Splashscreen & Icon
NG-Cordova
✓ File
✓ Media
✓ Camera
✓ iBeacon
✓ Calendar
✓ Geolocation
✓ Bluetooth
✓ OAuth
✓ Contacts
✓ HealthKit
✓ Push no...
ionic run ...
Tester / Débugger
✓ Dans le navigateur : Serve
➙ http://localhost:8100/
➙ tout ne peut pas être émulé
✓ Sur device ou émul...
chrome://inspect/#devices
La démo !
Toujours plus
Ionic Platform
Push [alpha]
Push [alpha]
Analytics
Deploy [alpha]
Package [alpha]
Le Market
Retour d’XP
Dans la vraie vie ...
OAuth, Geolocalisation,
Camera, FileTransfer,
InAppBrowser, Network
Information ...
File, Media, Blu...
Bilan
Bilan
Doc plutôt complète …
Intégration de nombreuses
directives Angular …
… mais pas toujours à jour.
… parfois non final...
...
ISYOURFRIEND
Production ready? Oui, mais ...
✓ Toujours en beta
✓ Pricing des nouvelles fonctionnalités à venir
➔ Idéal pour un prototy...
L’avenir
Ionic 2.0 [alpha]sortie le 20/10/2015
✓ Navigation améliorée
✓ Plus de fonctionnalités natives dans Ionic
✓ Nouveau systèm...
Pour continuer
✓ www.gajotres.net
✓ gonehybrid.com
✓ devdactic.com
✓ www.nraboy.com
✓ www.surfinfoweb.com
✓ @maxlynch
✓ @a...
Merci !
Des questions ?
Dev Fest Nantes - Ionic le développement hybride mobile fun et productif
Prochain SlideShare
Chargement dans…5
×

Dev Fest Nantes - Ionic le développement hybride mobile fun et productif

442 vues

Publié le

Slides from the DevFest Nantes talk.

Publié dans : Mobile
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
442
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
21
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Dev Fest Nantes - Ionic le développement hybride mobile fun et productif

  1. 1. le développement hybride mobile fun et productif
  2. 2. Qui sommes nous ? Stéphanie Développeur Mobile @Steffy_29 Audrey Développeur Back-End @Audrey_Neveu
  3. 3. Introduction
  4. 4. Le problème ...
  5. 5. Les solutions
  6. 6. La nouvelle solution + =
  7. 7. Chacun son rôle ! ✓ Conception des interfaces ➙ HTML5, CSS3, Sass, LESS, Javascript ➙ Ionic framework ✓ Logique métier ➙ Angular JS ✓ Génération plates-formes cibles ➙ Cordova
  8. 8. L’environnement
  9. 9. Command-Line Interface
  10. 10. Ionic Lab
  11. 11. Gestion de dépendances
  12. 12. Gulp & Sass
  13. 13. ionic start ...
  14. 14. Les templates
  15. 15. Structure d’un projet
  16. 16. Les services
  17. 17. Les composants
  18. 18. CSS
  19. 19. Ionicons
  20. 20. Splashscreen & Icon
  21. 21. NG-Cordova ✓ File ✓ Media ✓ Camera ✓ iBeacon ✓ Calendar ✓ Geolocation ✓ Bluetooth ✓ OAuth ✓ Contacts ✓ HealthKit ✓ Push notifications ✓ TouchID ✓ Social sharing ✓ Battery ✓ ...
  22. 22. ionic run ...
  23. 23. Tester / Débugger ✓ Dans le navigateur : Serve ➙ http://localhost:8100/ ➙ tout ne peut pas être émulé ✓ Sur device ou émulateur : Run ➙ option livereload (-l) pour exécuter sur http://192. 168.1.1:8100/ ➙ option log console (-c) pour avoir les logs de l’ application
  24. 24. chrome://inspect/#devices
  25. 25. La démo !
  26. 26. Toujours plus
  27. 27. Ionic Platform
  28. 28. Push [alpha]
  29. 29. Push [alpha]
  30. 30. Analytics
  31. 31. Deploy [alpha]
  32. 32. Package [alpha]
  33. 33. Le Market
  34. 34. Retour d’XP
  35. 35. Dans la vraie vie ... OAuth, Geolocalisation, Camera, FileTransfer, InAppBrowser, Network Information ... File, Media, Bluetooth (Cordova + BLE javascript)
  36. 36. Bilan
  37. 37. Bilan Doc plutôt complète … Intégration de nombreuses directives Angular … … mais pas toujours à jour. … parfois non finalisées Livraisons régulières pour suivre les versions Angular … mais des bugs ouverts depuis plusieurs mois
  38. 38. ... ISYOURFRIEND
  39. 39. Production ready? Oui, mais ... ✓ Toujours en beta ✓ Pricing des nouvelles fonctionnalités à venir ➔ Idéal pour un prototype, à voir sur la durée
  40. 40. L’avenir
  41. 41. Ionic 2.0 [alpha]sortie le 20/10/2015 ✓ Navigation améliorée ✓ Plus de fonctionnalités natives dans Ionic ✓ Nouveau système de Theming ✓ Material Design
  42. 42. Pour continuer ✓ www.gajotres.net ✓ gonehybrid.com ✓ devdactic.com ✓ www.nraboy.com ✓ www.surfinfoweb.com ✓ @maxlynch ✓ @adamdbradley ✓ @Ionicframework ✓ @ionitron
  43. 43. Merci ! Des questions ?

×