Développement Web et TV connectée Aperçu de l'enfer Jean-pierre VINCENT, Paris JS 7, Mai 2011
Qui ça ? <ul>Jean-pierre VINCENT braincracking.org @theystolemynick Je sers le Web et c'est ma joie : houra.fr, Yahoo!, Ke...
Qui ça ? <ul>Livre HTML5 Juillet 2011 </ul>
TV connectée ?
TV connectée ? <ul><li>40 millions de TV connectables
20% connectées </li></ul>
TV connectée ? <ul><li>40 millions de TV connectables
20% connectées
Google attend 1M de ventes
Apple en a vendu 250k </li></ul>
TV connectée ? <ul><li>40 millions de TV connectables
20% connectées
Google attend 1M de ventes
Apple en a vendu 250k
Prévision 2014 : 250 milliards de $ </li></ul>
Les acteurs
Les acteurs
Les acteurs
Le marché <ul><li>Pas de leader émergent
= être partout </li></ul>
Le marché <ul><li>Pas de leader émergent
= être partout
Plate-formes fermées
= pas de communauté
= environnements de dev spécifique
= distribution type Apple App Store </li></ul>
Un nouvel espoir <ul><li>Seule bonne nouvelle :
JS / CSS / HTML ! </li></ul>
L'expérience Samsung
Sur le papier .. <ul><li>Navigateur interne conforme à : </li><ul><li>HTML5 !
CSS2.1, CSS3
DOM2, DOM3 </li></ul><li>APIs d'accès aux fonctionnalité TV </li></ul>
En pratique
En pratique
En pratique <ul><li>Support partiel de  <video> </li><ul><li>Pas de  source
Pas de  poster
Prochain SlideShare
Chargement dans…5
×

Télés connectées et développement Web

16 879 vues

Publié le

Un aperçu pour les développeurs Web de ce qu'est le développement pour les Télé connectées, avec un retour d'expérience sur Samsung

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
16 879
Sur SlideShare
0
Issues des intégrations
0
Intégrations
12 935
Actions
Partages
0
Téléchargements
26
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Télés connectées et développement Web

  1. 1. Développement Web et TV connectée Aperçu de l'enfer Jean-pierre VINCENT, Paris JS 7, Mai 2011
  2. 2. Qui ça ? <ul>Jean-pierre VINCENT braincracking.org @theystolemynick Je sers le Web et c'est ma joie : houra.fr, Yahoo!, Kelkoo, Time of my Life.com Joshfire </ul>
  3. 3. Qui ça ? <ul>Livre HTML5 Juillet 2011 </ul>
  4. 4. TV connectée ?
  5. 5. TV connectée ? <ul><li>40 millions de TV connectables
  6. 6. 20% connectées </li></ul>
  7. 7. TV connectée ? <ul><li>40 millions de TV connectables
  8. 8. 20% connectées
  9. 9. Google attend 1M de ventes
  10. 10. Apple en a vendu 250k </li></ul>
  11. 11. TV connectée ? <ul><li>40 millions de TV connectables
  12. 12. 20% connectées
  13. 13. Google attend 1M de ventes
  14. 14. Apple en a vendu 250k
  15. 15. Prévision 2014 : 250 milliards de $ </li></ul>
  16. 16. Les acteurs
  17. 17. Les acteurs
  18. 18. Les acteurs
  19. 19. Le marché <ul><li>Pas de leader émergent
  20. 20. = être partout </li></ul>
  21. 21. Le marché <ul><li>Pas de leader émergent
  22. 22. = être partout
  23. 23. Plate-formes fermées
  24. 24. = pas de communauté
  25. 25. = environnements de dev spécifique
  26. 26. = distribution type Apple App Store </li></ul>
  27. 27. Un nouvel espoir <ul><li>Seule bonne nouvelle :
  28. 28. JS / CSS / HTML ! </li></ul>
  29. 29. L'expérience Samsung
  30. 30. Sur le papier .. <ul><li>Navigateur interne conforme à : </li><ul><li>HTML5 !
  31. 31. CSS2.1, CSS3
  32. 32. DOM2, DOM3 </li></ul><li>APIs d'accès aux fonctionnalité TV </li></ul>
  33. 33. En pratique
  34. 34. En pratique
  35. 35. En pratique <ul><li>Support partiel de <video> </li><ul><li>Pas de source
  36. 36. Pas de poster
  37. 37. Pas de controls </li></ul></ul>
  38. 38. En pratique <ul><li>Support partiel de <video> </li><ul><li>Pas de source
  39. 39. Pas de poster
  40. 40. Pas de controls
  41. 41. Bugs ! </li></ul></ul>
  42. 42. En pratique <ul><li>Formulaires inutilisables </li><ul><li>Rendu louche : </li></ul><ul><li>Gestion du focus à recoder </li></ul></ul>
  43. 43. En pratique <ul><li>En vrac : </li><ul><li>.innerHTML déconseillé ! </li></ul></ul>
  44. 44. En pratique <ul><li>En vrac : </li><ul><li>.innerHTML déconseillé !
  45. 45. Pas de console.log </li></ul></ul>
  46. 46. En pratique <ul><li>En vrac : </li><ul><li>.innerHTML déconseillé !
  47. 47. Pas de console.log
  48. 48. alert() fait office de log </li></ul></ul>
  49. 49. En pratique <ul><li>En vrac : </li><ul><li>.innerHTML déconseillé !
  50. 50. Pas de console.log
  51. 51. alert() fait office de log
  52. 52. z-index maximum de 99 </li></ul></ul>
  53. 53. En pratique <ul><li>En vrac : </li><ul><li>.innerHTML déconseillé !
  54. 54. Pas de console.log
  55. 55. alert() fait office de log
  56. 56. z-index maximum de 99
  57. 57. Résolution max de 960*540, même sur les TV en 1280*720 </li></ul></ul>
  58. 58. En pratique <ul><li>En vrac : </li><ul><li>.innerHTML déconseillé !
  59. 59. Pas de console.log
  60. 60. alert() fait office de log
  61. 61. z-index maximum de 99
  62. 62. Résolution max de 960*540, même sur les TV en 1280*720
  63. 63. Bugs, bugs, bugs </li></ul></ul>
  64. 64. L'éditeur
  65. 65. L'éditeur <ul><li>Windows only (crash bootcamp)
  66. 66. Eclipse, chemin des fichiers non configurable
  67. 67. perturbe l'émulateur en prenant le CPU
  68. 68. 2mn pour envoyer sur la TV ! </li></ul>
  69. 69. L'émulateur
  70. 70. L'émulateur <ul><li>Pas de DOM inspector
  71. 71. alert() only
  72. 72. Absence de certaines API
  73. 73. Vidéo différente </li></ul>
  74. 74. La doc <ul><li>70 PDFs de 10-200 pages (40 utiles)
  75. 75. Pas toujours à jour
  76. 76. Pas cohérente avec les tutos </li></ul>
  77. 77. La communauté <ul><li>1 seul forum, tenu par Samsung
  78. 78. 10 questions / jours, 0 réponse
  79. 79. Support Samsung privé pour certains partenaires (efficace) </li></ul>
  80. 80. Librairies <ul>Même les librairies bug ! <li>Plusieurs patchs jQuery </li><ul><li>$.ajax()
  81. 81. $.html() </li></ul><li>Patchs EasyXDM </li></ul>
  82. 82. Conclusion <ul><li>Trop de bugs pour une adaptation simple d'une appli web existante
  83. 83. Privilégier 1 app from scratch par TV
  84. 84. Développement très cher
  85. 85. Pas d'équivalent à Sensha Touch </li></ul>
  86. 86. Conclusion <ul><li>Même situation que les mobiles </li><ul><li>Environnement difficile
  87. 87. Beaucoup de plateformes
  88. 88. Marché fragmenté </li></ul><li>Mais pas d'équivalent à
  89. 89. Sensha Touch </li></ul>
  90. 90. Conclusion <ul>Attendre la librairie Joshfire :) P.S. : on recrute </ul>

×