1. Conquérir
l'internet des objets
avec
les technologies web
Steren Giannini

2. @Steren
Chef de produit chez Joshfire

3. 2012
2010
2008

4. 50Mrd
Objets connectés :
15Mrd
5Mrd
2010 2015 2020

7. 25$

8. Ubimedia
Exploiter n’importe quel
objet ou surface
comme support de diffusion de contenu
et source d’interaction avec leur
environnement.

10. Offrir la meilleure
expérience utilisateur
sur chaque objet.

11. une fragmentation à plusieurs
niveaux
type
marque
perfos
fonctions
SDK Java .NET ObjectiveC JS C++

12. Solution
Web (ou Hybrid) apps
(HTML, CSS, JavaScript)
adaptées à chaque type d'objet.

13. Adapter le style,
le comportement,
le contenu.

14. Tout en partageant
le même coeur applicatif,
les mêmes données.

18. Détecter le type d'objet

19. taille d'écran et feature detection
<script src="modernizr.js"></script>
if(Modernizr.touch)

20. 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

21. @media
Ajustements de style à l'aide des media queries
@media (orientation: portrait) {
.menu li .picto{
width: 50px;
}
}

22. Outils

23. Applications riches coté client
Frameworks mobiles insuffisants.
Frameworks MVC :
Découpe du code :
requireJS, LESS
Validation :
JS Hint

24. 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

25. Build to native:
Cordova (Phonegap)

26. Limité aux objets avec navigateurs ?
Faux.

27. Joshfire factory

28. Questions ?

29. templates data
preview deploy