Single Page Application: Enrichissez l'expérience utilisateur

download Single Page Application: Enrichissez l'expérience utilisateur

of 14

  • date post

    02-Jul-2015
  • Category

    Technology

  • view

    360
  • download

    0

Embed Size (px)

description

Support présentation sur "Single Page Application: Enrichissez l'expérience utilisateur" pour les HumanTalk du mardi 11 juin 2013

Transcript of Single Page Application: Enrichissez l'expérience utilisateur

  • 1. Single Page Application:Enrichissez lexprience utilisateur

2. Florent PELLETDveloppeur Freelance .Net / JavaScript@florentpelletwittycoding.comflorentpellet.frTwitter :Blog :Site : 3. Pourquoi le SPA ?Parce quInternet ce nest plus que a 4. Lutilisateur est roi Lutilisateur ne doit pas subir le site La fin de la succession de page web Ractivit Immersion Ergonomie Tolrance aux dconnexions 5. Ergonomie Feedback Le Contenu Minimisez les interactions Animation > 100ms < 300ms Naturelle 6. Ractivit et immersion Recherche du traitement instantan Feedback Animation Ne pas bloquer lutilisateur Ergonomie pour les traitements longs 7. Comment ? JQuery ? Mlange des donnes et de lavue Plat de spaghettis Gnration de la vue cotserveur Fuite mmoire JQuery oui pour les animations Et encore CSS 3 8. MV* framework Rpartition des rles Vues : Templates Modles & serveurs : Json Faible couplage Testable Une architecture en somme. 9. Faites votre march ! KnockoutJs AngularJS Backbone Ember.js 10. Temps rel Dashboards / monitoring Outils Collaboratifs Etat dun long traitement Formulaires et notifications en temps rel Jeux Suivi des rsultats 11. Comment ? Protocoles Periodic polling Long polling Comet / Forever-frame Server Sent Events / EventSource WebSockets Framework SignalR Socket.io 12. Des problmes ? Historique & Workflow des urls Html 5 History.js Sammyjs SEO PhantomJS {{Mustache}} 13. Des questions ? 14. KnockoutJs