Recommandé
Recommandé
Contenu connexe
En vedette
En vedette (17)
Similaire à BreizhCamp 2014 - Voteriez-vous pour un web déconnecté ?
Similaire à BreizhCamp 2014 - Voteriez-vous pour un web déconnecté ? (20)
BreizhCamp 2014 - Voteriez-vous pour un web déconnecté ?
- 1. Voteriez-vous pour un web déconnecté ? Rossi Oddet @rossioddet http://blog.roddet.com
- 2. 2014, l’année de l’Internet des Objets
- 11. HTTP ! Request
- 12. HTTP ! Response
- 14. Pas de ça chez HTTP !
- 15. Résumons
- 16. Une système sans mode déconnecté ? Inutile quand la connexion est perdue Contre-nature Humaine Inadaptée à la vie réelle Contre-nature HTTP
- 17. Où mettre le mode déconnecté ?
- 19. Comment faire ?
- 20. Offline First ! 1. Développer son système en mode déconnecté 2. Ajouter les fonctionnalités du mode connecté Arrêtez de considérer la perte de connexion comme une erreur technique
- 22. Et si mon container est le navigateur ?
- 23. + Des Librairies + Surtout votre talent de développeur ! Attention à la sécurité !
- 25. Application Cache <html manifest="myApp.appcache"> ! ! ! </html> index.html CACHE MANIFEST ! CACHE: favicon.ico script.js stylesheet.css ! ! NETWORK: * ! ! FALLBACK: /online /offline.html ! ! ! myApp.appcache 10 cache-control : no-cache! MIME-type : text/cache-manifest
- 26. Web Storage 8 ! localStorage.setItem(key,value); ! ! localStorage.getItem(key); ! ! localStorage.removeItem(key); ! ! localStorage.length ! ! localStorage.key(index) ! ! localStorage.clear() localStorage vs sessionStorage Stockage Clé/Valeur
- 27. Et bien d’autres… File System API! ! IndexedDB! ! navigator.online! ! Page Visibility API! ! Battery Status API! ! Cookie :)
- 29. JQuery Server Observer PluginLIB ! $.serverObserver.enable({ url: "http://xxx", frequency: 5000, onServerOnline: function() { // The server is available }, onServerOffline: function() { // The server is unavailable } }); ! $.serverObserver.disable() ! $.serverObserver.isServerOnline() https://github.com/antoine-richard/jquery-server-observer
- 30. jQuery Offline PluginLIB jQuery.retrieveJSON("/url", {data: "toSend"}, function(json, status, data) { }); ! jQuery.clearJSON("/url", {data: “toSend"}); https://github.com/wycats/jquery-offline
- 36. http://hood.ie
- 39. La sécurité
- 40. Container XSS StockéeXSS Basée sur le DOM XSS Réfléchie Déni de service! Corruption des données! Vol de données! …
- 42. Et surtout…
- 44. Et si vous décidiez vous aussi d’être “tendance” ?
- 45. Soyez “réactif” avec le mode déconnecté !
- 47. Et si tout le monde jouait le jeu ?
- 51. Voteriez-vous pour un web déconnecté ?