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 :


  1. Exp. Utilisateur
  2. Coûts
  3. Rationaliser l'archi du SI

histoire des archis web


  1. Les clients Lourds
  2. Applis web classiques
  3. Applis web AJAX (JSF...)
  4. 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 :

  1. communauté (poids google...)
  2. chiffres Google Trends
  3. 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