L'Open Web en tant que pierre angulaire du développement multi-objets
1. L'Open Web en tant que
pierre angulaire du
développement multi-objets
@tbassetto
2. Mon parcours
• Développeur Front-End chez
• Développeur JavaScript chez
• Paris Hackers, ParisJS, PhoneGap Paris
• Représentant français pour Mozilla
WebFWD
31. Feature detection
• Par exemple, pour navigateur “moderne” :
if('querySelector' in document
&& 'localStorage' in window
&& 'addEventListener' in window) {
// victoire
} else {
// ...
}
32. Feature detection:
Modernizr
if (Modernizr.localstorage) {
// localstorage disponible
} else {
// on doit faire sans
}
33. Les limites
• Pas toujours suffisant
• Pas de dégradation possible, expérience
complète
• Utilisation du RWD par type de familles
39. Créer son framework
• “Joshfire Framework 2”
• Basé sur Backbone.js + Require.js
• Sur GitHub, dans une branche (pas master)
mais sans documentation
43. Principe
• Même APIs pour accéder aux capteurs
quelque soit le matériel
• Système de plugin qui permet quand même
d’appeler toutes les fonctions du SDK
officiel
52. En commun
• Un paradigme entièrement différent
• Contexte connu (contrairement aux
téléphones)
• La télécommande s’utilise comme un
clavier moins souvent comme une souris
• Domaine des jeux et des médias vidéos
53. Problèmes
<link rel="stylesheet" media="screen" href="...">
<link rel="stylesheet" media="tv" href="...">
User Agent String d’une LG Smart TV 2012:
Mozilla/5.0 (DirectFB; Linux; ko-KR)
AppleWebKit/534.26+ (KHTML, like
Gecko) Version/5.0 Safari/534.26+
54. Samsung
• SDK Windows
• Leader incontesté
• Basé sur un vieux Firefox (peut-être plus
vrai en 2012)