68 est une expérimentation de l'<a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'> |
68 est une expérimentation de l'<a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'> |
69 Institut de Recherche et d’Innovation </a>", |
69 Institut de Recherche et d’Innovation </a>", |
70 "Déconnexion"=> "Déconnexion", |
70 "Déconnexion"=> "Déconnexion", |
71 |
71 |
72 // ABOUT ############# |
72 // ABOUT ############# |
|
73 "AboutPT" => "À propos de Polemic Tweet", |
73 "1. AboutTitle" => "Polemic Tweet : un dispositif tirant parti des dynamiques sociales", |
74 "1. AboutTitle" => "Polemic Tweet : un dispositif tirant parti des dynamiques sociales", |
74 "1. AboutText" => "<p>Le Web devient de plus en plus audiovisuel, dans ce contexte comment rendre visibles ces contenus avec des métadonnées synchronisées au flux ? Comment faire pointer les moteurs de recherche sur des segments précis et non sur la vidéo complète ? Comment partager des moments favoris sur les réseaux sociaux ? Tout ceci repose en partie sur l’évolution des standards du Web mais avant tout sur la capacité à indexer les contenus audiovisuels dans le flux. |
75 "1. AboutText" => "<p>Le Web devient de plus en plus audiovisuel, dans ce contexte comment rendre visibles ces contenus avec des métadonnées synchronisées au flux ? Comment faire pointer les moteurs de recherche sur des segments précis et non sur la vidéo complète ? Comment partager des moments favoris sur les réseaux sociaux ? Tout ceci repose en partie sur l’évolution des standards du Web mais avant tout sur la capacité à indexer les contenus audiovisuels dans le flux. |
75 Pour cela, aujourd’hui, trois méthodes existent et peuvent cohabiter : |
76 Pour cela, aujourd’hui, trois méthodes existent et peuvent cohabiter : |
76 <ul> |
77 <ul> |
77 <li>L’indexation manuelle qui est couteuse, </li> |
78 <li>L’indexation manuelle qui est couteuse, </li> |
132 Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de |
133 Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de |
133 l'auditoire durant la conférence. |
134 l'auditoire durant la conférence. |
134 <br/><br/> |
135 <br/><br/> |
135 Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : |
136 Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : |
136 <table> |
137 <table> |
137 <tr><td><a id='positive' title='accord' class='tweetButton'>++</a> </td><td>correspond à un tweet d’assentiment</td> |
138 <tr><td><a id='positive' title='accord' class='tweetButton twbGreen'>++</a> </td><td>correspond à un tweet d’assentiment</td> |
138 </tr><tr><td><a id='negative' title='désaccord' class='tweetButton'>--</a></td><td> à un tweet de désaccord,</td> |
139 </tr><tr><td><a id='negative' title='désaccord' class='tweetButton twbRed'>--</a></td><td> à un tweet de désaccord,</td> |
139 </tr><tr><td><a id='reference' title='reference' class='tweetButton'>==</a></td><td> à un tweet de référence</td> |
140 </tr><tr><td><a id='reference' title='reference' class='tweetButton twbYellow'>==</a></td><td> à un tweet de référence</td> |
140 </tr><tr><td><a id='question' title='question' class='tweetButton'> ??</a></td><td> à une question</td> |
141 </tr><tr><td><a id='question' title='question' class='tweetButton twbBlue'> ??</a></td><td> à une question</td> |
141 </tr></table> |
142 </tr></table> |
142 Suite a cette phase d’annotation, vous trouverez à droite de ce texte <b>la version alpha</b> de l'interface de navigation et de représentation de la polémique durant la conférence. |
143 Suite a cette phase d’annotation, vous trouverez à droite de ce texte <b>la version alpha</b> de l'interface de navigation et de représentation de la polémique durant la conférence. |
143 <br/><br/> |
144 <br/><br/> |
144 Ce dispositif, outre qu’il approfondit la dimension critique de la discussion avec la salle et les auditeurs présents ou distants, permet ainsi également de pérenniser et de valoriser les commentaires produits en les rendant accessibles en temps différé lors de tout visionnage ultérieur de la vidéo.", |
145 Ce dispositif, outre qu’il approfondit la dimension critique de la discussion avec la salle et les auditeurs présents ou distants, permet ainsi également de pérenniser et de valoriser les commentaires produits en les rendant accessibles en temps différé lors de tout visionnage ultérieur de la vidéo.", |
145 "changer de contenu" => "Changer de contenu", |
146 "changer de contenu" => "Changer de contenu", |
200 is an expériment of the <a href='http://www.iri.centrepompidou.fr/' class='footerLink'> |
201 is an expériment of the <a href='http://www.iri.centrepompidou.fr/' class='footerLink'> |
201 Institut for Research and Innovation </a>", |
202 Institut for Research and Innovation </a>", |
202 "Déconnexion"=> "Logout", |
203 "Déconnexion"=> "Logout", |
203 |
204 |
204 // ABOUT ############# |
205 // ABOUT ############# |
|
206 "AboutPT" => "About Polemic Tweet", |
205 "1. AboutTitle" => "Polemic Tweet : un dispositif tirant parti des dynamiques sociales", |
207 "1. AboutTitle" => "Polemic Tweet : un dispositif tirant parti des dynamiques sociales", |
206 "1. AboutText" => "<p>The Web becomes largely audiovisual, in this context how to expose these contents with metadata synchronized to the AV stream? How to bring search engines results onto precise AV segments instead on a global audio or video program? How to share time-based favorites on social networks? This rely partly on the evolution of web standards (HTML5, W3C media fragments, …) but above all on our capacity to index and annotate audiovisual content in the streams. |
208 "1. AboutText" => "<p>The Web becomes largely audiovisual, in this context how to expose these contents with metadata synchronized to the AV stream? How to bring search engines results onto precise AV segments instead on a global audio or video program? How to share time-based favorites on social networks? This rely partly on the evolution of web standards (HTML5, W3C media fragments, …) but above all on our capacity to index and annotate audiovisual content in the streams. |
207 Today, three methods can be implemented alone or in combination: |
209 Today, three methods can be implemented alone or in combination: |
208 <ul> |
210 <ul> |
209 <li>Manual human annotation which is expensive,</li> |
211 <li>Manual human annotation which is expensive,</li> |
268 <br/><br/> |
270 <br/><br/> |
269 This controversy tracking syntax enabled you to take position on the |
271 This controversy tracking syntax enabled you to take position on the |
270 speaker or other participants points of view in the debate: |
272 speaker or other participants points of view in the debate: |
271 |
273 |
272 <table> |
274 <table> |
273 <tr><td><a id='positive' title='agree' class='tweetButton'> |
275 <tr><td><a id='positive' title='agree' class='tweetButton twbGreen'> |
274 ++ </a> </td><td>corresponds to a tweet of assent</td> |
276 ++ </a> </td><td>corresponds to a tweet of assent</td> |
275 </tr><tr><td><a id='negative' title='disagree' class='tweetButton'> |
277 </tr><tr><td><a id='negative' title='disagree' class='tweetButton twbRed'> |
276 -- </a> </td><td>to a tweet of disagreement</td> |
278 -- </a> </td><td>to a tweet of disagreement</td> |
277 </tr><tr><td><a id='reference' title='reference' class='tweetButton'> |
279 </tr><tr><td><a id='reference' title='reference' class='tweetButton twbYellow'> |
278 == </a> </td><td>to a tweet of reference</td> |
280 == </a> </td><td>to a tweet of reference</td> |
279 </tr><tr><td><a id='question' title='question' class='tweetButton'> |
281 </tr><tr><td><a id='question' title='question' class='tweetButton twbBlue'> |
280 ?? </a> </td><td>to a question</td> |
282 ?? </a> </td><td>to a question</td> |
281 </tr></table> |
283 </tr></table> |
282 |
284 |
283 Following this annotation phase, you will find right to the present |
285 Following this annotation phase, you will find right to the present |
284 text the alpha version of the browser and controversy representation |
286 text the alpha version of the browser and controversy representation |
349 is an expériment of the <a href='http://www.iri.centrepompidou.fr/' class='footerLink'> |
351 is an expériment of the <a href='http://www.iri.centrepompidou.fr/' class='footerLink'> |
350 Institut for Research and Innovation </a>", |
352 Institut for Research and Innovation </a>", |
351 "Déconnexion"=> "ログアウト", |
353 "Déconnexion"=> "ログアウト", |
352 |
354 |
353 // ABOUT ############# |
355 // ABOUT ############# |
|
356 "AboutPT" => "About Polemic Tweet", |
354 "1. AboutTitle" => "Polemic Tweet : 社会的ダイナミクスに開かれたウェブ", |
357 "1. AboutTitle" => "Polemic Tweet : 社会的ダイナミクスに開かれたウェブ", |
355 "1. AboutText" => "<p>ウェブは、よりオーディオビジュアルな方向へと、日々発展しています。そうした状況の中で、AVストリーミングおよびそれとシンクロしたメタデータを含むようなコンテンツは、どのように表現されるべきなのでしょうか？ サーチエンジンの検索結果を、動画や音声プログラムの全体ではなく、ある特定のセグメントとマッチさせるには、どうしたら良いのでしょうか？ 時間性を持った情報への「お気に入り」は、ソーシャル・ネットワーク上でどうやって共有すれば良いのでしょうか？ 次世代のウェブ標準（HTML5やW3Cのmedia fragments）は、部分的には、こうした要求に応えてくれるでしょう。しかしそれらは、ストリーミング上のAVコンテンツに対してインデキシングやアノテーションをおこなうために必要な機能を、全て満たしてくれものではありません。 |
358 "1. AboutText" => "<p>ウェブは、よりオーディオビジュアルな方向へと、日々発展しています。そうした状況の中で、AVストリーミングおよびそれとシンクロしたメタデータを含むようなコンテンツは、どのように表現されるべきなのでしょうか？ サーチエンジンの検索結果を、動画や音声プログラムの全体ではなく、ある特定のセグメントとマッチさせるには、どうしたら良いのでしょうか？ 時間性を持った情報への「お気に入り」は、ソーシャル・ネットワーク上でどうやって共有すれば良いのでしょうか？ 次世代のウェブ標準（HTML5やW3Cのmedia fragments）は、部分的には、こうした要求に応えてくれるでしょう。しかしそれらは、ストリーミング上のAVコンテンツに対してインデキシングやアノテーションをおこなうために必要な機能を、全て満たしてくれものではありません。 |
356 現在のところ、AVへのインデキシングやアノテーションは、以下の3つのアプローチに大別できます： |
359 現在のところ、AVへのインデキシングやアノテーションは、以下の3つのアプローチに大別できます： |
357 <ul> |
360 <ul> |
358 <li>手動、人力でのアノテーション付与（作成にコストがかかるのが短所です）</li> |
361 <li>手動、人力でのアノテーション付与（作成にコストがかかるのが短所です）</li> |
411 ポレミックツイートは、ポンピドゥーセンターIRI（リサーチ＆イノベーション研究所）が提供する、ツイッター・ベースの議論およびアノテーションツールの試作版です。イベント中に観客がおこなったツイートを分類して、議論上の立場を可視化しながら、タイムライン上に表示させることができます。 |
414 ポレミックツイートは、ポンピドゥーセンターIRI（リサーチ＆イノベーション研究所）が提供する、ツイッター・ベースの議論およびアノテーションツールの試作版です。イベント中に観客がおこなったツイートを分類して、議論上の立場を可視化しながら、タイムライン上に表示させることができます。 |
412 <br/><br/> |
415 <br/><br/> |
413 以下の「ポレミック符号」をツイートに加えることで、登壇者の発表や、他の観客のつぶやきへのあなたの意見を表明することができます。 |
416 以下の「ポレミック符号」をツイートに加えることで、登壇者の発表や、他の観客のつぶやきへのあなたの意見を表明することができます。 |
414 |
417 |
415 <table> |
418 <table> |
416 <tr><td><a id='positive' title='agree' class='tweetButton'> |
419 <tr><td><a id='positive' title='agree' class='tweetButton twbGreen'> |
417 ++ </a> </td><td>賛成する</td> |
420 ++ </a> </td><td>賛成する</td> |
418 </tr><tr><td><a id='negative' title='disagree' class='tweetButton'> |
421 </tr><tr><td><a id='negative' title='disagree' class='tweetButton twbRed'> |
419 -- </a> </td><td>反論する</td> |
422 -- </a> </td><td>反論する</td> |
420 </tr><tr><td><a id='reference' title='reference' class='tweetButton'> |
423 </tr><tr><td><a id='reference' title='reference' class='tweetButton twbYellow'> |
421 == </a> </td><td>参照を挙げる</td> |
424 == </a> </td><td>参照を挙げる</td> |
422 </tr><tr><td><a id='question' title='question' class='tweetButton'> |
425 </tr><tr><td><a id='question' title='question' class='tweetButton twbBlue'> |
423 ?? </a> </td><td>疑問／質問をする</td> |
426 ?? </a> </td><td>疑問／質問をする</td> |
424 </tr></table> |
427 </tr></table> |
425 |
428 |
426 そのようにして集積されたアノテーションは、専用のナビゲーション・インターフェイスとして表現され、そのイベントに関する論争の状態を可視化します。この文の右側→にある動画プレイヤーが、まさにその<b>アルファ版</b>というわけです。 |
429 そのようにして集積されたアノテーションは、専用のナビゲーション・インターフェイスとして表現され、そのイベントに関する論争の状態を可視化します。この文の右側→にある動画プレイヤーが、まさにその<b>アルファ版</b>というわけです。 |
427 <br/><br/> |
430 <br/><br/> |