Nouvelles technos WEB-Front
Débrief du petit dej Octo du 04/02/2014
Retour d'XP ING Direct
Refonte de leurs applis mobiles
Drivers de la refonte :
-
Exp. Utilisateur
-
Coûts
-
Rationaliser l'archi du SI
histoire des archis web
-
Les clients Lourds
- Applis web classiques
- Applis web AJAX (JSF...)
- Appli Web MV*
Retour aux sources mais full client ?
Applis MV*
MV* = MVC déporté côté client
Rendu possible :
grâce à la montée en perf des browsers web
Permet :
Une navigation plus fluide car pas d'échanges réseau intempestifs...
Exemple de frameworks
- Backbone.js
- Ember.js
- Angular.js
- Knockout
- React
equipes projet
chez ING Direct :
-
1 équipe API + PO
- 1 équipe WebApp + PO
Les 2 équipes travaillant en collaboration directe
chacune ayant son cycle de vie itératif et son PO
(équipe API démarrant qq mois avant WebApp...)
choix ING Direct
Angular VS Backbone
Avantages Angular.js :
- communauté (poids google...)
- chiffres Google Trends
- couvertures des briques techniques
-
2 way data-binding
-
IoC
-
Tests
Industrialisation
Les outils
- JSHint : qualimétrie
- Jasmine : tests
- Protractor : tests IHM angular.js
- SASS : surcouche CSS
Maven du web :
Yo + Grunt + Bower
Possibilités
- tests unit / intégration / IHM
- gestion de dépendances
- packaging (minification etc... gwt-like)
- monitoring...
webperf
64% des users acceptent une réponse en <4s
82% en moins de 5s
problématique mobile (seulement?) :
privilégier peu de requêtes assez grosses plutôt que de nombreuses petites requêtes...
PB du web mobile
- Pb de fragmentation des browsers
- constamment repenser et réadapter l'ergonomie
- processus d'ergo doit être itératif car lié au technique
- avoir dans une même pièces ( :
- Team dev
- PO
- designer + ergo
- découverte de bug sans cesse :
- => tester en continu manuellement
- tests interne (data de dev)
- mais surtout BETA PUBLIQUE !
APIs
Penser l'architecture en terme d'APIs :
- 1 API Desktop
- 1 API Mobile + tablette
- 1 API appli web
OPEN APIS :
Opportunité pour étendre les usages
=> même chez une banque comme ING Direct !
le mot de la fin
Les UI sont jetables !
Questions & réponses ?
appli web mobile ing direct (cf mode démo) :
Debrief dej Octo techno web mobile front
By jeremee
Debrief dej Octo techno web mobile front
- 507