{"id":8319,"date":"2013-04-01T10:27:49","date_gmt":"2013-04-01T08:27:49","guid":{"rendered":"http:\/\/flaven.fr\/?p=8319"},"modified":"2026-09-16T11:49:39","modified_gmt":"2026-09-16T09:49:39","slug":"smarttv-secondscreen-hybridtv-introduction-technique-a-la-hbbtv-wireframing-dapplications-de-hbbtv","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2013\/04\/smarttv-secondscreen-hybridtv-introduction-technique-a-la-hbbtv-wireframing-dapplications-de-hbbtv\/","title":{"rendered":"SmartTV, SecondScreen, HybridTV  &#8211; Introduction technique \u00e0 la HbbTV &#038; wireframing d&#8217;applications de HbbTV"},"content":{"rendered":"<p>\t<!-- SmartTV, SecondScreen, HybridTV  - Introduction technique \u00e0 la HbbTV &  wireframing d'applications de HbbTV --><\/p>\n<p>\t<!--  SmartTV, SecondScreen, HybridTV, Hybrides, t\u00e9l\u00e9vision, transparent, TV connect\u00e9e, set-top boxes, normes et technologies web, fabricants, appareils, compatibles,ARD, ZDF, RTL, Pro7Sat1, Arte, France T\u00e9l\u00e9vision, Open HBB, AT&T, Ericsson, France Telecom, Panasonic, Philips, Samsung, Siemens, Sony Corporation, Telecom Italia --><\/p>\n<p>\t<a title=\"SmartTV, SecondScreen, HybridTV  - Introduction technique \u00e0 la HbbTV &#038;  wireframing d'applications de HbbTV\" class=\"bigpic\" href=\"#\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/introducing_to_HbbTV_b.jpg\" width=\"600\" height=\"235\" alt=\"SmartTV, SecondScreen, HybridTV  - Introduction technique \u00e0 la HbbTV &#038;  wireframing d'applications de HbbTV\" \/><\/a><em>Copyright &copy; IRT GmbH<\/em><\/p>\n<p>\tChez 3WDOC, nous continuons d&#8217;explorer les potentialit\u00e9s en terme de services \u00e0 valeur ajout\u00e9e sur ce nouveau support qu&#8217;est la T\u00e9l\u00e9vision connect\u00e9e, il en va de m\u00eame pour la Radio car elle est connect\u00e9e elle-aussi. La maturit\u00e9 de cette convergence tant attendue semble en partie achev\u00e9e, c&#8217;est donc une nouvelle \u00e8re qui commence vraiment, celle o\u00f9 les m\u00e9dias historiques (Radio, T\u00e9l\u00e9vision, Presse)  doivent se r\u00e9inventer sur des plates-formes Web, Mobile et TV connect\u00e9e liant les pratiques sociales du Web que sont le partage, la prescription et la recherche avec le m\u00e9tier historique de diffusion qui f\u00fbt le leur. Cette m\u00e9tamorphose est un &#8220;mal&#8221; ou un &#8220;bien&#8221;, en tous les cas, elle est in\u00e9luctable pour tous ces m\u00e9dias. Chronologiquement, la t\u00e9l\u00e9vision est le dernier m\u00e9dia \u00e0 subir ce &#8220;tsunami num\u00e9rique&#8221; suite \u00e0 un processus long mais inexorable, tant du point de technologique que des usages. Processus \u00e9maill\u00e9e en vrac par l&#8217;apparition du haut-d\u00e9bit, l&#8217;\u00e9mergence des codecs de compression de plus en plus performants, la mobilit\u00e9 et ses nouveaux terminaux, de l&#8217;\u00e9mergence du HTML5 et du navigateur moderne &#8220;ROI&#8221;, du Cloud et de la virtualisation des services et des contenus (d\u00e9sinterm\u00e9diation)&#8230; Bref d&#8217;une mutation profonde et tout azimuts dans l&#8217;\u00e9cosyst\u00e8me de la diffusion et de la production d&#8217;images anim\u00e9es&#8230; Esp\u00e9rons juste que cette mutation qui a eu lieu sur d&#8217;autres march\u00e9s (t\u00e9l\u00e9phonie, finance) ne provoque ni catastrophe avec une concurrence acharn\u00e9e entre producteurs coupl\u00e9 \u00e0 une offre de contenus pl\u00e9thorique de qualit\u00e9 m\u00e9diocre, ni <code>choice fatigue<\/code>*, cette sorte d&#8217;\u00e9puisement du consommateur, du t\u00e9l\u00e9spectateur, constamment connect\u00e9e et sollicit\u00e9e donc finalement d\u00e9boussol\u00e9.<\/p>\n<ul>\n<li><i>* Source : <a href=\"http:\/\/www.stanford.edu\/~ned789\/Choice_Fatigue.pdf\" target=\"_blank\">http:\/\/www.stanford.edu\/~ned789\/Choice_Fatigue.pdf<\/a><\/i><\/li>\n<li><i>* Source : <a href=\"http:\/\/www.marketresearch.com\/Style-Vision-v2610\/Mega-Trend-Choice-Fatigue-Creative-1063598\/\" target=\"_blank\">http:\/\/www.marketresearch.com\/Style-Vision-v2610\/Mega-Trend-Choice-Fatigue-Creative-1063598\/<\/a><\/i><\/li>\n<\/ul>\n<p><b>Mais, la tendance \u00e0 venir n&#8217;est pas notre propos du moment, tout \u00e0 la joie que nous sommes \u00e0 d\u00e9couvrir le nouveau d\u00e9fi enfin tangible que repr\u00e9sente la t\u00e9l\u00e9vision connect\u00e9e en terme d&#8217;enjeux UX, de services \u00e0 valeur ajout\u00e9e, de design, d&#8217;exp\u00e9rience et de technologie. Ces propos sont tout aussi applicables \u00e0 la radio comme \u00e0 la presse, mais chez 3WDOC, on se concentre depuis longtemps sur l&#8217;\u00e9volution de la t\u00e9l\u00e9vision et de ses usages.<\/b><\/p>\n<ul>\n\t\tOn continue dans cette voie ou ce sillon, apr\u00e8s avoir abord\u00e9, dans un article pr\u00e9c\u00e9dent, la question de mani\u00e8re tr\u00e8s pragmatique, agile en quelque sorte : <\/p>\n<li><a href=\"https:\/\/flaven.fr\/2013\/03\/20\/ux-television-google-tv-design-introduction-au-design-de-creations-pour-la-television-connectee\/\" target=\"_blank\">UX, T\u00e9l\u00e9vision, Google TV, Design \u2013 Introduction au design de cr\u00e9ations pour la t\u00e9l\u00e9vision connect\u00e9e<\/a><\/li>\n<\/ul>\n<h4>Exp\u00e9dions la d\u00e9finition de la HbbTV<\/h4>\n<p>\t&#8230;Ou plut\u00f4t r\u00e9sumons-l\u00e0 en des termes <code>human-readable<\/code>, ni trop <code>verbose<\/code>,  ni dans un <code>franglish<\/code> de bonne aloi, non de pr\u00e9f\u00e9rence tout simplement dans des mots bien compr\u00e9hensibles.<\/p>\n<p>\tD&#8217;abord, tous les mots qui interpellent : <code>Hybrid, TV, seamlessly, connected TVs, set-top boxes, standards & web technologies, manufacturers, compliant, devices<\/code> que l&#8217;on traduit sans pr\u00e9tention par <code>Hybrides, t\u00e9l\u00e9vision, transparent, TV connect\u00e9e, set-top boxes, normes et technologies web, fabricants, appareils, compatibles<\/code><br \/>\n\tPuis, une forme de d\u00e9finition plus conforme \u00e0 l&#8217;usage (dans les 2 sens du terme) et par la n\u00e9gative, en pensant services ou produit fini comme dans un processus agile ou tout simplement intelligible :<\/p>\n<blockquote><p>\n\tHbbTV est une norme qui techniquement homog\u00e9n\u00e9ise les supports (TV, Radio et Web) afin de rendre possible l&#8217;introduction des usages li\u00e9s au Web, notamment sociaux, que sont : la prescription, le partage et la recherche.<br \/>\n\tToutefois, son av\u00e8nement est tributaire de l&#8217;\u00e9mergence d&#8217;un parc d&#8217;appareils (devices) compatibles. Pour le moment, ces appareils sont assez atomis\u00e9s technologiquement parlant or comme la norme HbbTV,  ces derniers sont un pr\u00e9-requis \u00e0 l&#8217;\u00e9mergence de nouveaux services.<\/p><\/blockquote>\n<p>\t<b>Le texte original de d\u00e9finition de la HbbTV<\/b><\/p>\n<blockquote><p>\n\t\tHbbTV (Hybrid Broadcast Broadband TV) is a new industry standard providing an open and business neutral technology platform that seamlessly combines TV services delivered via broadcast with services delivered via broadband and also enables access to Internet only services for consumers using connected TVs and set-top boxes. The founding members of the HbbTV consortium together with a large group of supporters jointly developed the HbbTV specification to create a global standard for hybrid entertainment services. Version 1.2.1 of this specification has been approved by ETSI as ETSI TS 102 796 in November 2012.<\/p>\n<p>\t\tThe HbbTV specification is based on existing standards and web technologies including OIPF (Open IPTV Forum), CEA, DVB and W3C. The standard provides the features and functionality required to deliver feature rich broadcast and internet services. Utilizing standard Internet technology it enables rapid application development. It defines minimum requirements simplifying the implementation in devices and leaving room for differentiation, this limits the investment required by CE manufacturers to build compliant devices.\n\t<\/p><\/blockquote>\n<p>\t<i>Source : <a href=\"http:\/\/www.hbbtv.org\/pages\/about_hbbtv\/introduction.php\" target=\"_blank\">http:\/\/www.hbbtv.org\/pages\/about_hbbtv\/introduction.php<\/a><\/i><\/p>\n<h4><\/h4>\n<p>\tL\u00e0 encore tout est une question de recherche, \u00e0 n&#8217;en pas douter, pour ceux d&#8217;entre vous que la technique ne rebute pas&#8230; Ils sont plus nombreux qu&#8217;on le croit, voici des fragments d&#8217;un excellent article, de 2010, sur la HbbTV de Klaus Merkel de l&#8217;IRT (Institut f\u00fcr Rundfunktechnik) de Munich. Article dont nous nous sommes largement inspir\u00e9s pour savoir de quoi il en retourne techniquement sur la HbbTV.<\/p>\n<ul>\n<li>HbbTV de Klaus Merkel, IRT, Munich, HbbTV\u2014 a hybrid broadcast-broadband system for the living room<br \/>\n\t<a href=\"http:\/\/tech.ebu.ch\/docs\/techreview\/trev_2010-Q1_HbbTV.pdf\" target=\"_blank\">http:\/\/tech.ebu.ch\/docs\/techreview\/trev_2010-Q1_HbbTV.pdf<\/a><\/li>\n<\/ul>\n<p>Selon les termes m\u00eames de Klaus Merkel, les sp\u00e9cifications techniques de la HbbTV n&#8217;introduisent que peu de nouveaux \u00e9l\u00e9ments techniques. Ces sp\u00e9cifications sont d&#8217;ailleurs bas\u00e9es sur des normes d\u00e9j\u00e0 existantes.<\/p>\n<p>\tCe qui d&#8217;\u00e9vidence pr\u00e9sente, toujours selon cet article, l&#8217;avantage ind\u00e9niable d&#8217;\u00eatre \u00e9conomique en termes de co\u00fbt de d\u00e9veloppement et donc de r\u00e9duire consid\u00e9rablement le d\u00e9lai de mise sur le march\u00e9 (time-to-market). L&#8217;article est \u00e9crit en 2010, nous sommes en 2013 et nous voyons fleurir chaque jour des services de t\u00e9l\u00e9vision connect\u00e9e !<\/p>\n<p>\tPlus pr\u00e9cis\u00e9ment, la HbbTV se base sur les 3 normes suivantes : <\/p>\n<ul>\n<li>Le CE-HTML<\/li>\n<li>Un &#8220;navigateur HbbTV&#8221; dont les sp\u00e9cifications inclues les recommandations de l&#8217;Open IPTV Forum<\/li>\n<li>Les normes de la DVB (Diffusion Vid\u00e9o Num\u00e9rique)<\/li>\n<\/ul>\n<h4>Les 3 fondamentaux techniques ou normes techniques de la HbbTV<\/h4>\n<p>\tPassons en revue rapidement, les 3 piliers techniques de la HbbTV<\/p>\n<ul>\n<li>\n<h4>CE-HTML<\/h4>\n<p>\tTout d&#8217;abord, le <code>CE-HTML<\/code>, c&#8217;est le langage pour cr\u00e9er des IHM ou interfaces utilisateurs pour l&#8217;\u00e9lectronique grand public, traduction assez fid\u00e8le de <code>user interface pages for Consumer Electronics (CE)<\/code>.<br \/>\n\tC&#8217;est en en pratique, un des points de convergence entre Web et TV, puisque le <code>CE-HTML<\/code> s&#8217;appuie sur les normes d\u00e9finies par le W3C et d\u00e9finit le  corpus HTML (profile) pour tous les appareils \u00e9lectroniques grand public (CE devices). On y retrouve donc les \u00e9l\u00e9ments bien connus du d\u00e9veloppement web : XHTML 1.0, DOM 2, CSS TV profile 1.0 et bien s\u00fbr la norme dont les sp\u00e9cifications sont connus sous le nom de <code>ECMAScript-262<\/code>, plus connu sous le nom de <code>JavaScript<\/code>. Ce <code>CE-HTML<\/code> est tout particuli\u00e8rement optimis\u00e9 pour le rendu de pages web HTML\/JavaScript sur des appareils \u00e9lectroniques grand public (CE devices), notamment les \u00e9crans TV.<\/p>\n<p>\t\tCela va plus loin encore dans l&#8217;utilisation des technologies Web, ainsi l&#8217;objet <code>XMLhttpRequest<\/code> est implement\u00e9 dans le CE-HTML. Il est donc tout \u00e0 fait possible de d\u00e9velopper des applications HTML tr\u00e8s similaires techniquement \u00e0 celle du Web, truff\u00e9 d&#8217;AJAX, s&#8217;appuyant sur JSON, bref ce qui fait grosso modo le web 2.0. <\/p>\n<p>\t\t<b>Tout naturellement, toute l&#8217;exp\u00e9rience de d\u00e9veloppement acquises sur le Web ainsi que les bonnes pratiques d&#8217;ergonomie ou de <code>UX experience<\/code> sont donc approximativement transposables sur le HbbTV. On ne doit donc pas s&#8217;\u00e9tonner de voir d\u00e9sormais l&#8217;arriv\u00e9e en force de poids-lourds de la diffusion web sur la t\u00e9l\u00e9vision, ces derniers y font offrent pratiquement la m\u00eame exp\u00e9rience. On veut parler de Youtube et Google ou Orange et Dailymotion. On est donc bien dans entr\u00e9 dans la consommation ou l&#8217;exp\u00e9rience audiovisuelle multi-canal (web, mobile, TV connect\u00e9e), car techniquement ce qui est vrai pour la t\u00e9l\u00e9vision, l&#8217;est aussi pour les autres plate-formes.<\/b><\/p>\n<p>\t\tPlus prosa\u00efquement, un dernier point d&#8217;importance sur le CE-HTML, il contient \u00e9galement les param\u00e8tres susceptibles de manipuler les touches des principales des t\u00e9l\u00e9commandes de t\u00e9l\u00e9viseur comme Flash en son temps pouvait pour permettre d&#8217;interagir avec les touches d&#8217;un clavier d&#8217;ordinateur mais c&#8217;est du pass\u00e9 maintenant !<\/p>\n<\/li>\n<li>\n<h4>Le navigateur de l&#8217;Open IPTV Forum (Open IPTV Forum browser profile)<\/h4>\n<p>\tIl existe tout de m\u00eame un hic, le <code>CE-HTML<\/code> ne convient pas n\u00e9cessairement \u00e0 tout les interfaces du monde de <code>DVB<\/code> (Digital Video Broadcast ou Diffusion Vid\u00e9o Num\u00e9rique en langue fran\u00e7aise). C&#8217;est l\u00e0 que rentre en sc\u00e8ne l&#8217;Open IPTV Forum, qui en Janvier 2009, a publi\u00e9 les sp\u00e9cifications d&#8217;un navigateur HbbTV. En substance, ces sp\u00e9cifications ont donn\u00e9 naissance \u00e0 un navigateur qui convient pour des syst\u00e8mes DVB sur IPTV mais aussi pour des syst\u00e8mes DVB hybrides via des APIs. <\/p>\n<p>Ces API \u00e9tayent des fonctions qui permettent une meilleure combinaison de l&#8217;image du t\u00e9l\u00e9viseur avec des pages HTML, pour syntoniser* (tune) la DVB pour la t\u00e9l\u00e9vision ou pour des services de Radio afin d&#8217;ajouter des \u00e9v\u00e9nements \u00e0 la &#8220;timer list&#8221;, de lire les m\u00e9tadonn\u00e9es DVB et toutes autres informations li\u00e9es \u00e0 la DVB.<\/p>\n<p><b>En conclusion, l&#8217;\u00e9quation est simple : <code>CE-HTML + le navigateur Open IPTV navigateur = le navigateur HbbTV<\/code><\/b><\/p>\n<p><i>syntoniser : r\u00e9aliser une syntonie; accorder deux circuits oscillant sur une m\u00eame fr\u00e9quence. A comprendre dans un sens moins technique d&#8217;harmoniser.<\/i>\t<\/p>\n<p>\t<i>Source : <a href=\"http:\/\/www.oipf.tv\/\" target=\"_blank\">http:\/\/www.oipf.tv\/<\/a><\/i><\/p>\n<p><i>Pour m\u00e9moire, les principaux fabricants et op\u00e9rateurs, acteurs de la &#8220;r\u00e9volution num\u00e9rique&#8221; sont membres l&#8217;Open IPTV Forum : Samsung, Ericsson, Sony Corporation, France Telecom, Telecom Italia, Philips ainsi que Abox42, Accenture Global Services Limited, Alcatel-Lucent, BBC, BluFocus, Broadpeak, DCC Labs, Deutsch Telekom, D-Link, Digitsoft.tv, Digital TV Labs, Dolby, DTG Testing Limited, DTS, DotScreen, Espial, Fraunhofer, Huawei, Humax, HwaCom, IRT, ITRI, KDDI, Mistserver.org, Motorola Mobility, Mstar Semiconductor, Nagra, Opera Software, PCCW, Penki Kontinentai, Perpetual Solutions, RAI, Rovi, Rogers, SES, STC, Stingray Digital Group, Testronics, The Weather Network, 3 Screen Solutions, TNO, Toshiba, TP Vision,  UXP Systems, Verimatrix, WMC Global, Zenterio, Zyxel. Ce qui est plutot bien pour un organisme de normalisation !<\/i><\/p>\n<\/li>\n<li>\n<h4>La DVB (Diffusion Vid\u00e9o Num\u00e9rique)<\/h4>\n<p>\tL&#8217;existence d&#8217;un navigateur est certes la condition sine qua non, mais en mati\u00e8re de DVB (Diffusion Vid\u00e9o Num\u00e9rique), il en faut en plus notamment en terme de capacit\u00e9 d&#8217;int\u00e9gration, afin de renforcer le mod\u00e8le \u00e9conomique du diffuseur (publicit\u00e9) ou de garantir la qualit\u00e9 de service aupr\u00e8s du consommateur\/utilisateur.    <\/p>\n<p>\tCes gages de qualit\u00e9 sont d\u00e9taill\u00e9s dans la norme DVB d\u00e9crite dans &#8220;Signalling and carriage of interactive applications and services in hybrid broadcast\/broadband environments&#8221; compl\u00e9t\u00e9e en Mars 2009 et publi\u00e9e par l&#8217;ETSI en F\u00e9vrier 2010.  <\/p>\n<p>Comme le titre l&#8217;indique, cette norme DVB d\u00e9finit la signalisation des applications qui seront ex\u00e9cut\u00e9es dans un contexte de diffusion DVB multiplexes de services de T\u00e9l\u00e9vision ou de Radio. Cette signalisation est rendue possible via la table AIT (Application Information Table), diffus\u00e9e pour chaque service du r\u00e9seau qui v\u00e9hicule une ou plusieurs applications interactives, et qui renseigne les caract\u00e9ristiques de ces applications. Cette table AIT est renseign\u00e9e elle-m\u00eame par la table PMT (Programme Map Table) du service. <em>(Il faut suivre&#8230;)<\/em><\/p>\n<p>Voyons plut\u00f4t maintenant ce qu&#8217;implique dans la fait, ce &#8220;jargon&#8221; un peu technique.<br \/>\nL&#8217;AIT transporte la signalisation de toutes les applications qui sont cens\u00e9es fonctionner dans le cadre de ce programme\/service. D&#8217;autres applications peuvent \u00eatre autoris\u00e9es \u00e0 s&#8217;ex\u00e9cuter \u00e0 ce programme\/service, mais elles sont arr\u00eat\u00e9es, sauf si elles sont r\u00e9f\u00e9renc\u00e9es dans l&#8217;AIT du programme\/service. Concr\u00e8tement, il est ainsi possible d&#8217;\u00e9viter, par exemple, que les programmes de t\u00e9l\u00e9vision sont &#8220;hack\u00e9s&#8221; par des applications tierces transportant de la publicit\u00e9 ou d&#8217;autres &#8220;overlays&#8221; &#8211; donc menacer \u00e0 la fois le mod\u00e8le \u00e9conomique du diffuseur (en interdisant sa publicit\u00e9 par exemple) et d&#8217;\u00e9branler la confiance du spectateur dans l&#8217;int\u00e9grit\u00e9 de ce qui est vu sur l&#8217;\u00e9cran .  <\/p>\n<p>Une des applications signal\u00e9e dans la table AIT peut \u00eatre marqu\u00e9e comme &#8220;autostart&#8221;, ce qui signifie que cette application se lance automatiquement apr\u00e8s le r\u00e9glage du service correspondant.<\/p>\n<p>Afin de ne pas agacer le t\u00e9l\u00e9spectateur avec des &#8220;overlays&#8221; ind\u00e9sirables et autoriser une exp\u00e9rience uniforme pour le d\u00e9marrage de l&#8217;application, l&#8217;application dessine une petite ic\u00f4ne comportant un bouton rouge (Red Button) au d\u00e9marrage puis qui dispara\u00eet au bout de quelques secondes.<\/p>\n<p>C&#8217;est sans doute la raison pour laquelle, la BBC a nomm\u00e9 ses services de t\u00e9l\u00e9vision interactive : <code>BBC Red Button<\/code> et <code>BBC Connected Red Button<\/code> !<\/p>\n<p><i>Source : <a href=\"http:\/\/www.bbc.co.uk\/aboutthebbc\/insidethebbc\/whatwedo\/redbutton\/\" target=\"_blank\">http:\/\/www.bbc.co.uk\/aboutthebbc\/insidethebbc\/whatwedo\/redbutton\/<\/a><\/i><\/p>\n<p>Bien que l&#8217;application est active du point de vue technique, il ne se passe rien \u00e0 l&#8217;\u00e9cran jusqu&#8217;\u00e0 ce que l&#8217;utilisateur appuie sur ce fameux bouton rouge (Red Button).<\/p>\n<\/li>\n<\/ul>\n<h4>Table de rappel des acronymes de la HbbTV<\/h4>\n<p>\tUne table des abr\u00e9viations, un viatique indispensable pour naviguer dans les concepts de la HbbTV, cit\u00e9s plus haut et pas toujours expliqu\u00e9s in-situ.<\/p>\n<table border=\"0\" cellpadding=\"0\" cellspacing=\"3\">\n<tr>\n<td width=\"25%\"><b>Abr\u00e9viations<\/b><\/td>\n<td><b>D\u00e9finitions<\/b><\/td>\n<\/tr>\n<tr>\n<td>AIT<\/td>\n<td>\n\tApplication Information Table\n\t<\/td>\n<\/tr>\n<tr>\n<td>\n\tAPI<\/td>\n<td>\n\tApplication Programming Interface\n\t<\/td>\n<\/tr>\n<tr>\n<td>\n\tCE<\/td>\n<td>\n\tConsumer Electronics\n\t<\/td>\n<\/tr>\n<tr>\n<td>\n\tCSS<\/td>\n<td>\n\tCascading Style Sheets\n\t<\/td>\n<\/tr>\n<tr>\n<td>\n\tDOM<\/td>\n<td>\n\tDocument Object Model\n\t<\/td>\n<\/tr>\n<tr>\n<td>\n\tDSM-CC<\/td>\n<td>\n\tDigital Storage Media \u2013 Command and Control\n\t<\/td>\n<\/tr>\n<tr>\n<td>\n\tDVB<\/td>\n<td>\n\tDigital Video Broadcasting<br \/>\n\t<a href=\"http:\/\/www.dvb.org\/\" target=\"_blank\">http:\/\/www.dvb.org\/<\/a><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n\tECMA<\/td>\n<td>\n\tEuropean Computer Manufacturers Association\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tEPG<\/td>\n<td>\n\tElectronic Programme Guide\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tETSI<\/td>\n<td>\n\tEuropean Telecommunication Standards Institute<br \/>\n\t<a href=\"http:\/\/pda.etsi.org\/pda\/queryform.asp\" target=\"_blank\">http:\/\/pda.etsi.org\/pda\/queryform.asp<\/a>\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tHBB<\/td>\n<td>\n\tHybrid Broadband\/Broadcast\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tMHEG<\/td>\n<td>\n\tMultimedia and Hypermedia information coding Expert Group<\/p>\n<p>\t<a href=\"http:\/\/www.impala.org\/\" target=\"_blank\">http:\/\/www.impala.org\/<\/a>\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tHTML<\/td>\n<td>\n\tHyperText Markup Language\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tIBC<\/td>\n<td>\n\tInternational Broadcasting Convention<\/p>\n<p>\t<a href=\"http:\/\/www.ibc.org\/\" target=\"_blank\">http:\/\/www.ibc.org\/<\/a><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tIFA<\/td>\n<td>\n\tInternationale Funkausstellung (Berlin consumer electronics exhibition)\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tIPTV<\/td>\n<td>\n\tInternet Protocol Televison\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tIRT<\/td>\n<td>\n\tInstitut f\u00fcr Rundfunktechnik GmbH (German broadcast technology research centre)<\/p>\n<p>\t<a href=\"http:\/\/www.irt.de\/\" target=\"_blank\">http:\/\/www.irt.de\/<\/a>\n<\/td>\n<\/tr>\n<tr>\n<td>MHP<\/td>\n<td>\n\t\t(DVB) Multimedia Home Platform\n\t<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\tMPEG<\/td>\n<td>\n\tMoving Picture Experts Group<\/p>\n<p>\t<a href=\"http:\/\/www.chiariglione.org\/mpeg\/\" target=\"_blank\">http:\/\/www.chiariglione.org\/mpeg\/<\/a><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tPMT<\/td>\n<td>\n\t(MPEG) Programme Map Table\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tW3C<\/td>\n<td>\n\tWorld Wide Web Consortium<\/p>\n<p>\t<a href=\"http:\/\/www.w3.org\/\" target=\"_blank\">http:\/\/www.w3.org\/<\/a><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tXHTML<\/td>\n<td>\n\teXtensible HyperText Markup Language\n<\/td>\n<\/tr>\n<tr>\n<td>\n\t\tXML<\/td>\n<td>\n\teXtensible Markup Language\n<\/td>\n<\/tr>\n<\/table>\n<p>\t<i>Source : <a href=\"http:\/\/tech.ebu.ch\/docs\/techreview\/trev_2010-Q1_HbbTV.pdf\" target=\"_blank\">http:\/\/tech.ebu.ch\/docs\/techreview\/trev_2010-Q1_HbbTV.pdf<\/a><\/i><\/p>\n<p>\t<!-- Developing and testing HbbTV --><\/p>\n<h4>Le d\u00e9calogue des bonnes pratiques dans la cr\u00e9ation d&#8217;un service de &#8220;Connected TV&#8221; par <a href=\"https:\/\/twitter.com\/javier_lasa\" target=\"_blank\">@javier_lasa<\/a><\/h4>\n<p>\tComme il a \u00e9t\u00e9 dit dans un article pr\u00e9c\u00e8dent Cf voir ci-dessus, quelques bonnes pratiques \u00e0 privil\u00e9gier dans la conception d&#8217;application pour la t\u00e9l\u00e9vision connect\u00e9e. Les sources sont si rares que nous pr\u00e9f\u00e9rons les citer in-extenso&#8230;<\/p>\n<p>\tCette liste, sans \u00eatre sans doute exhaustive, a le m\u00e9rite d&#8217;\u00eatre extr\u00eamement synth\u00e9tique et parlante.<\/p>\n<blockquote><p>\n<strong>10 Rules for Connected TV development<\/strong><\/p>\n<ol>\n<li>Rule 1 # Define a strategy<\/li>\n<li>Rule 2 # Tv isnt a PC neither a mobile<\/li>\n<li>Rule 3 # Tech specs matter<\/li>\n<li>Rule 4 # Flattern information hyerachy<\/li>\n<li>Rule 5 # Navigation is key<\/li>\n<li>Rule 6 # Simplify user interface controls<\/li>\n<li>Rule 7 # Enable interaction and conversation<\/li>\n<li>Rule 8 # Testing and performance<\/li>\n<li>Rule 9 # Define advertising strategy and analytics<\/li>\n<li>Rule 10 # Enhance your project manager skills<\/li>\n<\/ol>\n<\/blockquote>\n<p><i>Source : <a href=\"http:\/\/fr.slideshare.net\/JavierLasa\/10-rules-for-connected-tv-apps-development\" target=\"_blank\">http:\/\/fr.slideshare.net\/JavierLasa\/10-rules-for-connected-tv-apps-development<\/a><\/i>\t<\/p>\n<p>Il est temps de passer de la th\u00e9orie \u00e0 la pratique&#8230;. Et de proposer une librairie de wireframing comme dans notre article pr\u00e9c\u00e8dent sur la Google TV afin que chacun puisse s&#8217;approprier autant que faire se peut ces nouvelles interfaces.<\/p>\n<h4>Quelques \u00e9crans des applications de HbbTV en Europe<\/h4>\n<p>Un petit benchmark des applications disponibles en Europe qui nous servons de source d&#8217;inspiration.<\/p>\n<div id='gallery-1' class='gallery galleryid-8319 gallery-columns-1 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/introducing_to_HbbTV_b_bf.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"225\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/introducing_to_HbbTV_b_bf-300x225.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/introducing_to_HbbTV_b_bf-300x225.jpg 300w, https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/introducing_to_HbbTV_b_bf-94x70.jpg 94w, https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/introducing_to_HbbTV_b_bf-420x315.jpg 420w, https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/introducing_to_HbbTV_b_bf.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<h4>Notre &#8220;mockup&#8221; d&#8217;application pour la HbbTV<\/h4>\n<p><b>Le seul \u00e9cran de notre application HbbTV<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/HbbTV_treets.jpg\" width=\"600\" height=\"383\" alt=\"SmartTV, SecondScreen, HybridTV  - Introduction technique \u00e0 la HbbTV &#038;  wireframing d'applications de HbbTV\"><\/p>\n<p><b>La librairie compl\u00e8te sous Balsamiq Mockup<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/HbbTV_treets_full.jpg\" width=\"600\" height=\"700\" alt=\"SmartTV, SecondScreen, HybridTV  - Introduction technique \u00e0 la HbbTV &#038;  wireframing d'applications de HbbTV\"><\/p>\n<p><b>La librairie compl\u00e8te sous Balsamiq Mockup \u00e0 t\u00e9l\u00e9charger<\/b><\/p>\n<blockquote><p>\nLa version de cette librairie est \u00e0 t\u00e9l\u00e9charger au format <code>.zip<\/code> ici. Pour fonctionner, elle n\u00e9cessite d&#8217;utiliser Balsamiq Mockups 2.1.11 ou +. <a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/05\/HbbTV_TV-screen-v5_0.zip\" target=\"_blank\">T\u00e9l\u00e9charger HbbTV_TV-screen-v5.zip<\/a>\n<\/p><\/blockquote>\n<h4>Plus d&#8217;informations<\/h4>\n<ul>\n<li>Le site officiel de la HbbTV (Hybrid Broadcast Broadband TV)<br \/>\n\t<a href=\"http:\/\/www.hbbtv.org\/\" target=\"_blank\">http:\/\/www.hbbtv.org\/<\/a><\/li>\n<li>HbbTV de Klaus Merkel, IRT, Munich, HbbTV\u2014 a hybrid broadcast-broadband system for the living room<br \/>\n\t<a href=\"http:\/\/tech.ebu.ch\/docs\/techreview\/trev_2010-Q1_HbbTV.pdf\" target=\"_blank\">http:\/\/tech.ebu.ch\/docs\/techreview\/trev_2010-Q1_HbbTV.pdf<\/a><\/li>\n<li>EBU Technology &amp; Innovation &#8211; Welcome to tech.ebu.ch<br \/>\n\t<a href=\"http:\/\/tech.ebu.ch\/\" target=\"_blank\">http:\/\/tech.ebu.ch\/<\/a><\/li>\n<li>Les perspectives du secteur audiovisuel \u00e0 l&#8217;horizon 2015<br \/>\n\t<a href=\"http:\/\/www.ladocumentationfrancaise.fr\/rapports-publics\/114000258\/index.shtml\" target=\"_blank\">http:\/\/www.ladocumentationfrancaise.fr\/rapports-publics\/114000258\/index.shtml<\/a><\/li>\n<li>&#8220;How to Make TV Apps Work&#8221; 10 rules for Connected Tv apps development de Javier Lasa<br \/>\n\t<a href=\"http:\/\/fr.slideshare.net\/JavierLasa\/10-rules-for-connected-tv-apps-development\" target=\"_blank\">http:\/\/fr.slideshare.net\/JavierLasa\/10-rules-for-connected-tv-apps-development<\/a><\/li>\n<li>Web television de Javier Lasa<br \/>\n\t<a href=\"http:\/\/fr.slideshare.net\/JavierLasa\/web-television\" target=\"_blank\">http:\/\/fr.slideshare.net\/JavierLasa\/web-television<\/a><\/li>\n<li>Javier Lasa<br \/>\n\t<a href=\"http:\/\/fr.slideshare.net\/JavierLasa\" target=\"_blank\">http:\/\/fr.slideshare.net\/JavierLasa<\/a><\/li>\n<li>The future of television<br \/>\n\t<a href=\"http:\/\/fr.slideshare.net\/veroziz\/the-future-of-television-ppt\" target=\"_blank\">http:\/\/fr.slideshare.net\/veroziz\/the-future-of-television-ppt<\/a><\/li>\n<li>Thesis: Shifting Power: How Google TV entered the living room<br \/>\n\t<a href=\"http:\/\/www.theendoftelevision.com\/other-writing\/thesis-shifting-power-how-google-tv-entered-the-living-room\/\" target=\"_blank\">http:\/\/www.theendoftelevision.com\/other-writing\/thesis-shifting-power-how-google-tv-entered-the-living-room\/<\/a><\/li>\n<li>HbbTV : petit tour d\u2019horizon du nouveau standard disponible sur plusieurs cha\u00eenes de la TNT<br \/>\n\t<a href=\"http:\/\/www.hdfever.fr\/2011\/12\/03\/hbbtv-hybrid-broadcast-broadband-tv\/\" target=\"_blank\">http:\/\/www.hdfever.fr\/2011\/12\/03\/hbbtv-hybrid-broadcast-broadband-tv\/<\/a><\/li>\n<li>Avec la HbbTV, les webdocs pleine d\u00e9f. sur votre t\u00e9l\u00e9 d&#8217;Olivier Crous sur Webdocu.fr<br \/>\n\t<a href=\"http:\/\/webdocu.fr\/web-documentaire\/2011\/07\/08\/avec-la-hbbtv-les-webdocs-pleine-def-sur-votre-tele\/\" target=\"_blank\">http:\/\/webdocu.fr\/web-documentaire\/2011\/07\/08\/avec-la-hbbtv-les-webdocs-pleine-def-sur-votre-tele\/<\/a><\/li>\n<li>Le compte Twitter de @geertfaber derri\u00e8re le blog &#8220;The End of Televisions&#8221; o\u00f9 il est beaucoup question de #SmartTV et de #SecondScreen<br \/>\n\t<a href=\"https:\/\/twitter.com\/endoftelevision\" target=\"_blank\">https:\/\/twitter.com\/endoftelevision<\/a><\/li>\n<li>Javier Lasa, an interactive media &#038; digital innovation. R&#038;D Manager at Prisa digital, Grupo Prisa Media Group. Since 1992 working in interactive multimedia Industry.<br \/>\n\t<a href=\"https:\/\/twitter.com\/javier_lasa\" target=\"_blank\">https:\/\/twitter.com\/javier_lasa<\/a><\/li>\n<li>Canvas-HbbTV-TV Everywhere<br \/>\n\t<a href=\"http:\/\/www.v-net.tv\/canvas-hbbtv-tv-everywhere-2\/\" target=\"_blank\">http:\/\/www.v-net.tv\/canvas-hbbtv-tv-everywhere-2\/<\/a><\/li>\n<li>BBC iPlayer Beta: Less is More, mine d&#8217;informations sur la &#8220;user experience &#038; design&#8221;<br \/>\n\t<a href=\"http:\/\/www.bbc.co.uk\/blogs\/bbcinternet\/2010\/09\/bbc_iplayer_beta_less_is_more.html\" target=\"_blank\">http:\/\/www.bbc.co.uk\/blogs\/bbcinternet\/2010\/09\/bbc_iplayer_beta_less_is_more.html<\/a><\/li>\n<li>Connecting TV to the future &#8211; Open IPTV Forum<br \/>\n\t<a href=\"http:\/\/www.oipf.tv\/\" target=\"_blank\">http:\/\/www.oipf.tv\/<\/a><\/li>\n<li>Services et  profil de signalisation  pour la diffusion  de la TV num\u00e9rique de terre<br \/><a href=\"http:\/\/www.tvnt.net\/V2\/pages\/341\/medias\/pro-bo-doc-reglement-csa-specmatos.pdf\" target=\"_blank\">http:\/\/www.tvnt.net\/V2\/pages\/341\/medias\/pro-bo-doc-reglement-csa-specmatos.pdf<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Chez 3WDOC, nous continuons d\u2019explorer les potentialit\u00e9s en terme de services \u00e0 valeur ajout\u00e9e sur ce nouveau support qu\u2019est la T\u00e9l\u00e9vision connect\u00e9e, il en va de m\u00eame pour la Radio car elle est connect\u00e9e elle-aussi. La maturit\u00e9 de cette convergence tant attendue semble en partie achev\u00e9e, c\u2019est donc une nouvelle \u00e8re qui commence vraiment, celle o\u00f9 les m\u00e9dias historiques (Radio, T\u00e9l\u00e9vision, Presse) doivent se r\u00e9inventer sur des plates-formes Web, Mobile et TV connect\u00e9e liant les pratiques sociales du Web que sont le partage, la prescription et la recherche avec le m\u00e9tier historique de diffusion qui f\u00fbt le leur. [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":9623,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"HbbTV et wireframing d'applications : ma\u00eetrisez les outils et techniques pour des services \u00e0 valeur ajout\u00e9e sur TV connect\u00e9e.","bf_ai_og_title":"HbbTV : Introduction technique","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3436,3454,3443,3446,3447,3451],"tags":[3503,3510],"class_list":["post-8319","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-journalism-writing","category-multimedia-video","category-social-media-community","category-technology-trends","category-web-design-front-end","tag-at-internet","tag-canva"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-2ab","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/04\/introducing_to_HbbTV_b_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/8319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=8319"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/8319\/revisions"}],"predecessor-version":[{"id":9624,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/8319\/revisions\/9624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9623"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=8319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=8319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=8319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}