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

Embed Size (px)

DESCRIPTION

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

Citation preview

  • 1. Dveloppement Web et TV connecte Aperu de l'enfer Jean-pierre VINCENT, Paris JS 7, Mai 2011

2. Qui a ?

  • 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

3. Qui a ?

  • Livre HTML5 Juillet 2011

4. TV connecte ? 5. TV connecte ?

  • 40 millions de TV connectables 6. 20% connectes

7. TV connecte ?

  • 40 millions de TV connectables 8. 20% connectes 9. Google attend 1M de ventes 10. Apple en a vendu 250k

11. TV connecte ?

  • 40 millions de TV connectables 12. 20% connectes 13. Google attend 1M de ventes 14. Apple en a vendu 250k 15. Prvision 2014 : 250 milliards de $

16. Les acteurs 17. Les acteurs 18. Les acteurs 19. Le march

  • Pas de leader mergent 20. = tre partout

21. Le march

  • Pas de leader mergent 22. = tre partout 23. Plate-formes fermes 24. = pas de communaut 25. = environnements de dev spcifique 26. = distribution type Apple App Store

27. Un nouvel espoir

  • Seule bonne nouvelle : 28. JS / CSS / HTML !

29. L'exprience Samsung 30. Sur le papier ..

  • Navigateur interne conforme :
    • HTML5 ! 31. CSS2.1, CSS3 32. DOM2, DOM3
  • APIs d'accs aux fonctionnalit TV

33. En pratique 34. En pratique 35. En pratique

  • Support partiel de
    • Pas desource 36. Pas deposter 37. Pas decontrols

38. En pratique

  • Support partiel de
    • Pas desource 39. Pas deposter 40. Pas decontrols 41. Bugs !

42. En pratique

  • Formulaires inutilisables
    • Rendu louche :
    • Gestion du focus recoder

43. En pratique

  • En vrac :
    • .innerHTMLdconseill !

44. En pratique

  • En vrac :
    • .innerHTMLdconseill ! 45. Pas deconsole.log

46. En pratique

  • En vrac :
    • .innerHTMLdconseill ! 47. Pas deconsole.log 48. alert()fait office de log

49. En pratique

  • En vrac :
    • .innerHTMLdconseill ! 50. Pas deconsole.log 51. alert()fait office de log 52. z-indexmaximum de 99

53. En pratique

  • En vrac :
    • .innerHTMLdconseill ! 54. Pas deconsole.log 55. alert()fait office de log 56. z-indexmaximum de 99 57. Rsolution max de 960*540, mme sur les TV en 1280*720

58. En pratique

  • En vrac :
    • .innerHTMLdconseill ! 59. Pas deconsole.log 60. alert()fait office de log 61. z-indexmaximum de 99 62. Rsolution max de 960*540, mme sur les TV en 1280*720 63. Bugs, bugs, bugs

64. L'diteur 65. L'diteur

  • Windows only (crash bootcamp) 66. Eclipse, chemin des fichiers non configurable 67. perturbe l'mulateur en prenant le CPU 68. 2mn pour envoyer sur la TV !

69. L'mulateur 70. L'mulateur

  • Pas de DOM inspector 71. alert() only 72. Absence de certaines API 73. Vido diffrente

74. La doc

  • 70 PDFs de 10-200 pages (40 utiles) 75. Pas toujours jour 76. Pas cohrente avec les tutos

77. La communaut

  • 1 seul forum, tenu par Samsung 78. 10 questions / jours, 0 rponse 79. Support Samsung priv pour certains partenaires (efficace)

80. Librairies

  • Mme les librairies bug !
  • Plusieurs patchs jQuery
    • $.ajax() 81. $.html()
  • Patchs EasyXDM

82. Conclusion

  • Trop de bugs pour une adaptation simple d'une appli web existante 83. Privilgier 1 app from scratch par TV 84. Dveloppement trs cher 85. Pas d'quivalent Sensha Touch

86. Conclusion

  • Mme situation que les mobiles
    • Environnement difficile 87. Beaucoup de plateformes 88. March fragment
  • Mais pas d'quivalent 89. Sensha Touch

90. Conclusion

  • Attendre la librairie Joshfire :) P.S. : on recrute