Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

2,373 views

Published on

  • Bonjour,
    Suite à la lecture de votre document sur les milieux granulaires, j'aurais aimé savoir où vous vous étiez procuré le piston de l'expérience du silo. Ce n'est pas le lieu pour vous le demander, j'en conviens, cependant je n'ai pas trouvé d'autre moyen pour vous contacter...
    Cela serait très aimable de votre part de me répondre à l'adresse suivante: ines.charlotte.vincent@gmail.com
    Merci d'avance
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

  1. 1. Conquérir linternet des objets avec les technologies webSteren Giannini
  2. 2. @SterenChef de produit chez Joshfire
  3. 3. 2012 20102008
  4. 4. 50MrdObjets connectés : 15Mrd 5Mrd 2010 2015 2020
  5. 5. 25$
  6. 6. Ubimedia Exploiter n’importe quel objet ou surfacecomme support de diffusion de contenu et source d’interaction avec leur environnement.
  7. 7. Offrir la meilleureexpé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 dobjet.
  10. 10. Adapter le style,le comportement, le contenu.
  11. 11. Tout en partageantle même coeur applicatif, les mêmes données.
  12. 12. Détecter le type dobjet
  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. @mediaAjustements de style à laide des media queries@media (orientation: portrait) { .menu li .picto{ width: 50px; }}
  16. 16. Outils
  17. 17. Applications riches coté clientFrameworks mobiles insuffisants.Frameworks MVC :Découpe du code : requireJS, LESSValidation : 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

×