Retour d'expérience sur un premier projet IONIC

1. IONIC
Retour d’expérience sur un premier projet

2. Camera
Local notifications
SplashScreen, appRate, SocialSharing, progressIndicator, etc.
- 1 app IOS
- 1 app Android
- Rapidement
- Pas cher
What the client wants

3. Ionic
= +
+ CSS components and icons
+ UI components
+ Useful Angular modules

4. Ecosystème :
Ionic Creator

5. Ecosystème :

6. Process

7. ngCordova
70 Angular modules for native uses
…

8. what do i need ?
IOS : Mac + Xcode
Android : Windows/Unix + Android SDK + JDK + ADB
Utils :
Windows : Device > Simulator
Visual Studio++
Mac: Simulator > Device
Tools:
Yeoman : https://github.com/diegonetto/generator-ionic
snippets/templates : https://github.com/johnpapa/angular-
styleguide#file-templates-and-snippets

9. Ripple emulator (chrome only)
Debug

10. Stocker des fichiers
Comprendre le cache
Utiliser ionicHistory
Gérer la perte de connexion
Développer des plugins

11. 20 flux XML (500ko/flux)
gestion du cache
Recherche sur l’ensemble des flux
Home
Categ Categ Categ
Item Item Item
What the client has

12. Gestion des flux : stockage
Local Storage : 5MO max
Cordova plugin
ngCordova

13. Gestion des flux : the
splashscreen trick
Splashscreen
chargement des flux
traitement des flux
sauvegarde des éléments traités (json)
sauvegarde des timestamps (localStorage)
End Splashcreen

14. Cache
Home
Categ Categ Categ
Item Item Item
timestamp ?
- Le controller n’est pas rechargé

15. ionicHistory & affichage
Beaucoup d’objets sur la page : infiniteScroll
Rafraichissement de données : ionicRefresh
- l’historique ne stack pas simplement les vues

16. Perte de connexion
Textes / Flux : OK
Images : KO

18. Création de plugins

19. Evolution des technologies
&
Bilan

20. Questions ?