Successfully reported this slideshow.
Your SlideShare is downloading. ×

Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 29 Ad
Advertisement

More Related Content

Similar to Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012) (20)

Advertisement

Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)

  1. 1. Conquérir l'internet des objets avec les technologies web Steren Giannini
  2. 2. @Steren Chef de produit chez Joshfire
  3. 3. 2012 2010 2008
  4. 4. 50Mrd Objets connectés : 15Mrd 5Mrd 2010 2015 2020
  5. 5. 25$
  6. 6. Ubimedia Exploiter n’importe quel objet ou surface comme support de diffusion de contenu et source d’interaction avec leur environnement.
  7. 7. Offrir la meilleure expérience utilisateur sur chaque objet.
  8. 8. une fragmentation à plusieurs niveaux type marque perfos fonctions SDK Java .NET ObjectiveC JS C++
  9. 9. Solution Web (ou Hybrid) apps (HTML, CSS, JavaScript) adaptées à chaque type d'objet.
  10. 10. Adapter le style, le comportement, le contenu.
  11. 11. Tout en partageant le même coeur applicatif, les mêmes données.
  12. 12. Détecter le type d'objet
  13. 13. taille d'écran et feature detection <script src="modernizr.js"></script> if(Modernizr.touch)
  14. 14. user-agent (côté client ou serveur) var useragent = require("useragent"); var families = { "iPad":"tablet", "webOS TouchPad":"tablet", ... "Android":"phone", "iPhone":"phone", ... "GoogleTV":"tv", "PhilipsTV":"tv", ... }; var agent = useragent.parse(ua); var deviceType = agent ? families[agent.family] : "desktop"; https://github.com/3rd-Eden/useragent
  15. 15. @media Ajustements de style à l'aide des media queries @media (orientation: portrait) { .menu li .picto{ width: 50px; } }
  16. 16. Outils
  17. 17. Applications riches coté client Frameworks mobiles insuffisants. Frameworks MVC : Découpe du code : requireJS, LESS Validation : JS Hint
  18. 18. Debug à distance: Weinre <script src="http://192.168.1.66:8080/target/target-script-min.js#anonymous"></script> https://github.com/apache/incubator-cordova-weinre
  19. 19. Build to native: Cordova (Phonegap)
  20. 20. Limité aux objets avec navigateurs ? Faux.
  21. 21. Joshfire factory
  22. 22. Questions ?
  23. 23. templates data preview deploy

×