Conquérir      linternet des objets               avec    les technologies webSteren Giannini
@SterenChef de produit chez Joshfire
2012       20102008
50MrdObjets connectés :                            15Mrd                     5Mrd                     2010   2015    2020
25$
Ubimedia       Exploiter n’importe quel          objet ou surfacecomme support de diffusion de contenu   et source d’inter...
Offrir la meilleureexpérience utilisateur  sur chaque objet.
une fragmentation à plusieurs          niveaux       type    marque     perfos   fonctions       SDK     Java .NET Objecti...
Solution    Web (ou Hybrid) apps   (HTML, CSS, JavaScript)adaptées à chaque type dobjet.
Adapter le style,le comportement,    le contenu.
Tout en partageantle même coeur applicatif,   les mêmes données.
Détecter le type dobjet
taille décran et feature detection      <script src="modernizr.js"></script>      if(Modernizr.touch)
user-agent              (côté client ou serveur)var useragent = require("useragent");var families = {     "iPad":"tablet",...
@mediaAjustements de style à laide des media queries@media (orientation: portrait) {  .menu li .picto{    width: 50px;  }}
Outils
Applications riches coté clientFrameworks mobiles insuffisants.Frameworks MVC :Découpe du code :            requireJS, LES...
Debug à distance: Weinre<script src="http://192.168.1.66:8080/target/target-script-min.js#anonymous"></script>            ...
Build to native:Cordova (Phonegap)
Limité aux objets avec navigateurs ?               Faux.
Joshfire factory
Questions ?
templates   data preview    deploy
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Prochain SlideShare
Chargement dans…5
×

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

2 185 vues

Publié le

1 commentaire
1 j’aime
Statistiques
Remarques
  • 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
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
Aucun téléchargement
Vues
Nombre de vues
2 185
Sur SlideShare
0
Issues des intégrations
0
Intégrations
11
Actions
Partages
0
Téléchargements
28
Commentaires
1
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×