--- a/web/common.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/common.php Mon Jul 18 10:42:35 2011 +0200
@@ -12,6 +12,9 @@
include_once dirname(__FILE__).'/traduction.php';
+if(isset($config) && isset($config['rep']) && file_exists(dirname(__FILE__).'/'.$config['rep'].'/traduction.php')) {
+ include_once dirname(__FILE__).'/'.$config['rep'].'/traduction.php';
+}
/**
--- a/web/enmi/config.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/enmi/config.php Mon Jul 18 10:42:35 2011 +0200
@@ -5,7 +5,7 @@
*
*/
-define('URL_ROOT', 'http://amateur.iri.centrepompidou.fr/live/enmi');
+define('URL_ROOT', 'http://polemictweet.com/enmi/');
$configuration = array(
'callbackUrl' => 'http://amateur.iri.centrepompidou.fr/live/enmi/callback.php',
--- a/web/fens_FabLab_Design_Metadata/config.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/fens_FabLab_Design_Metadata/config.php Mon Jul 18 10:42:35 2011 +0200
@@ -5,28 +5,29 @@
* Please edit the conférence details
*
*/
-
+define('URL_ROOT', 'http://polemictweet.com/fens_FabLab_Design_Metadata/polemicaltimeline.php');
$config = array(
'root' => 'http://polemictweet.com/',
- 'hashtag' => '#rsln',
- 'date' => '07.04.2011',
- 'heure' => '19h30-21h00',
- 'place' => 'Microsoft France',
- 'duration' => '4026000',
+ 'hashtag' => '#fens',
+ 'date' => '21.06.2011',
+ 'heure' => '17h30-19h30',
+ 'place' => 'IRI - Salle Piazza - Centre Pompidou',
+ 'duration' => '5628200',
- 'title' => "Mercedes Bunz : Les algorithmes ne remplaceront jamais les journalistes",
- 'description'=> "",
+ 'title' => "Futur en Sine : Design Metadata",
+ 'description'=> "Cette conférence coordonnée par l’Institut de Recherche et d’innovation du Centre Pompidou a présenté les travaux réalisés lors de deux ateliers, un avec les étudiants de l’ENSCI sur les interfaces de production de méta données et un avec Strate Collège et l’ESILV sur l’utilisation d’interface sans contact dans l’espace urbain. Ces ateliers ont eu pour but d’accompagner concrètement le maquettage et le prototypage des projets des élèves en mettant en place une méthodologie d’open innovation dans un contexte interdisciplinaire.",
- 'link' => 'http://www.rslnmag.fr/blog/2011/4/9/mercedes-bunz_les-algorithmes-ne-remplaceront-jamais-les-journalistes_/',
- 'keywords' => 'algorithme, data journalisme, presse, mercedes bunz, rsln, iri',
- 'rep' => 'rsln-mercedes-bunz',
+ 'link' => 'http://www.iri.centrepompidou.fr/futur-en-seine-2011/design-metadata-2/',
+ 'keywords' => 'design, metadata, iri, futur en seine, ensci, strate, esilv',
+ 'rep' => 'fens_FabLab_Design_Metadata',
'partenaires'=> "<a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'> IRI </a>
- | <a href='http://www.rslnmag.fr/' class='footerLink' target='_blank' > RSLN </a>
- | <a href='http://www.microsoft.fr/' class='footerLink' target='_blank'> MICROSOFT.fr </a>",
+ | <a href='http://www.ensci.com/' class='footerLink' target='_blank'> ENSCI </a>
+ | <a href='http://www.esilv.fr/' class='footerLink' target='_blank' > ESILV </a>
+ | <a href='http://www.stratecollege.fr/' class='footerLink' target='_blank'> Strate Collège </a>",
// After the event
- 'metadata' => "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/843fff80-6b50-11e0-8aef-00145ea49a02",
+ 'metadata' => "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/69e7b3e4-a8ae-11e0-85c5-00145ea49a02",
'player' => "res/metadataplayer/src/js/LdtPlayer.js"
);
Binary file web/fens_FabLab_Design_Metadata/images/tweetExplainBgd.gif has changed
--- a/web/fens_FabLab_Design_Metadata/polemicaltimeline.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/fens_FabLab_Design_Metadata/polemicaltimeline.php Mon Jul 18 10:42:35 2011 +0200
@@ -4,10 +4,12 @@
* include some common code (like we did in the 90s)
* People still do this? ;)
*/
+include_once 'config.php';
// configuration
include 'common.php';
// objet actuel
-include_once 'config.php';
+
+$url = (!empty($_SERVER['HTTPS'])) ? "https://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'] : "http://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
@@ -23,9 +25,14 @@
<!-- ICI : <?php echo($_SERVER['DOCUMENT_ROOT']); ?> -->
<!-- JAVASCRIPT -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+ <script type="text/javascript">
+ $.noConflict();
+ </script>
<script type="text/javascript" src="../res/raphael/raphael-min.js"></script>
<script type="text/javascript" src="../res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="../res/niceforms/niceforms.js"></script>
+ <script type="text/javascript" src="../res/jquery.url/jquery.url.js"></script>
+ <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script>
<!-- Framework CSS -->
<link rel="stylesheet" href="../res/blueprint/screen.css" type="text/css" media="screen, projection">
@@ -41,11 +48,10 @@
<style type="text/css">
.tweetButton{float:left;margin-right:5px;}
- .videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:638px;}
- .videoLive{width:650px;height:640px;background:#fff;float:right;margin-top:20px;padding:5px;}
-
- .tweetExplain{background-image:url(../images/tweetExplainBgd.gif);width:250px;height:640px;padding:10px;position:absolute; margin-top:70px;}
- .footer{margin-top:740px;width:960px;height:20px;position:absolute;text-align:center;}
+ .videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:748px;}
+ .videoLive{width:650px;height:750px;background:#fff;float:right;margin-top:20px;padding:5px;}
+ .tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:250px;height:750px;padding:10px;position:absolute; margin-top:70px;}
+ .footer{margin-top:850px;width:960px;height:20px;position:absolute;text-align:center;}
.tooltip{
z-index: 10000000000;
}
@@ -76,24 +82,54 @@
position : absolute;
}
- </style>
+ </style>
<script type="text/javascript">
-
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-23581291-1']);
- _gaq.push(['_trackPageview']);
+ // Configuration Polemical Timeline
+ <?php
+ if(is_array($config['metadata'])):
+ reset($config['metadata']);
+ $first_key = key($config['metadata']);
+ ?>
+ var metadatas = jQuery.parseJSON('<?php echo(json_encode($config['metadata'])); ?>');
+ var url = jQuery.url();
+ var metadata_key = url.fparam('metadata');
+ if(typeof metadata_key === "undefined" || metadata_key.length === 0) {
+ metadata_key = "<?php echo($first_key);?>";
+ }
+ <?php else: ?>
+ var metadatas = { metadata: {url: "<?php echo($config['metadata'])?>", duration: <?php echo($config['duration'])?>} };
+ var metadata_key = "metadata";
+ <?php endif;?>
+
+ var config = {
+ target:"chartTimeline",
+ x:8,
+ y:418,
+ width:<?php echo($player_width); ?>,
+ height:<?php echo($player_height); ?>,
+ heightmax:<?php echo($player_height); ?>,
+ duration:metadatas[metadata_key].duration,
+ metadata:metadatas[metadata_key].url
+ };
+ </script>
+ <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script>
+ <script type="text/javascript">
+ jQuery.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"});
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
-
- </script>
- <script type="text/javascript">
- $(document).ready(function() {
-
- $("#Embeded").fancybox({
+ jQuery(document).ready(function() {
+
+ jQuery("#mdselect_"+metadata_key).attr("selected","selected");
+ jQuery("#mdselect").change(function() {
+ var metadata_key = this.options[this.selectedIndex].value;
+ window.location.hash = "#metadata="+metadata_key;
+ window.location.href = window.location.href;
+ window.location.reload(true);
+ jQuery("#Embeded").attr('href','embed_form.php?metadata='+metadata_key);
+ });
+ if(metadata_key !== "metadata") {
+ jQuery("#Embeded").attr('href','embed_form.php?metadata='+metadata_key);
+ }
+ jQuery("#Embeded").fancybox({
'width' : 360,
'height' : 360,
'autoDimensions' : false,
@@ -103,23 +139,19 @@
});
});
+ </script>
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-23581291-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
</script>
-
</head>
- <script type="text/javascript">
- // Configuration Polemical Timeline
- var config = {
- target:"chartTimeline",
- x:8,
- y:418,
- width:650,
- height:480,
- heightmax:480,
- duration:<?php echo($config['duration']); ?>,
- metadata:"<?php echo($config['metadata']); ?>"
- };
- </script>
- <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script>
<body>
@@ -138,8 +170,19 @@
<?php print $translate->_("Partager"); ?></a></li>
<li > </li>
</ul>
-
- <ul class="menu lang" >
+ <?php if(is_array($config['metadata'])):?>
+ <ul id="content_select_ul" class="menu mdselect">
+ <?php print $translate->_("changer de contenu"); ?><br/>
+ <select id="mdselect">
+ <?php foreach ($config['metadata'] as $key => $value):?>
+ <option value="<?php echo($key); ?>" id="mdselect_<?php echo($key); ?>" ><?php echo($value['display']); ?></option>
+ <?php endforeach;?>
+ </select>
+ </ul>
+ <ul class="menu shortlang" >
+ <?php else:?>
+ <ul class="menu lang" >
+ <?php endif;?>
<li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" >
<img src='../images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
<?php print $translate->_("Japonais"); ?></a></li>
@@ -170,43 +213,32 @@
<div class="videoLive" >
<div class="videoLivePlayer">
-
- <div id="chartTimeline"> </div>
- <script type="text/javascript">
- var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
- </script>
-
- <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script>
- <script type="text/javascript">
- $.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"});
- </script>
-
- <div id="player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed" class="iri_player_embed"> </div>
+ <div id="chartTimeline"> </div>
+ <script type="text/javascript">
+ var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
+ </script>
+ <div id="player_project_embed" class="iri_player_embed"></div>
<script type="text/javascript">
var configMP = {
- /*metadata:{
- format:'cinelab',
- src:'metadata.json',
- load:'json'},*/
metadata:{
format:'cinelab',
- src:'<?php echo($config['metadata']); ?>',
+ src:config.metadata,
load:'jsonp'},
gui:{
- width:650,
- height:480,
+ width:config.width,
+ height:config.height,
mode:'video',
- container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed',
+ container:'player_project_embed',
debug:false,
css:'../res/css/LdtPlayer.css'},
-
+
player:{
type:'jwplayer',
- src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'}
+ src:'../res/metadataplayer/res/swf/player.swf'}
};
- __IriSP.init(configMP);
+ __IriSP.init(configMP);
</script>
- </div>
+ </div>
</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/fens_FabLab_Design_Metadata/traduction.php Mon Jul 18 10:42:35 2011 +0200
@@ -0,0 +1,82 @@
+<?php
+
+$french['ExplicationPT'] = "
+ l’Institut de recherche et d’innovation (Iri) vous a proposé une expérimentation et une démonstration d’un dispositif d’annotation polémique basé sur twitter.
+ Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de
+ l'auditoire durant la conférence.
+ <br/><br/>
+ Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat :
+ <table>
+ <tr><td><a id='positive' title='accord' class='tweetButton'>++</a> </td><td>correspond à un tweet d’assentiment</td></tr>
+ <tr><td><a id='negative' title='désaccord' class='tweetButton'>--</a></td><td> à un tweet de désaccord,</td></tr>
+ <tr><td><a id='reference' title='reference' class='tweetButton'>==</a></td><td> à un tweet de référence</td></tr>
+ <tr><td><a id='question' title='question' class='tweetButton'> ??</a></td><td> à une question</td></tr>
+ </table>
+ 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.
+ <br/>
+ 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
+ ";
+
+$english['ExplicationPT'] = "
+ Institute for Research and Innovation (IRI) proposed to you an
+ experiment and a demonstration of a controversial annotation device
+ based on twitter. Classifying your tweets allowed us to create a
+ timeline representing the polemical positions of the audience during
+ the conference.
+ <br/><br/>
+ This controversy tracking syntax enabled you to take position on the
+ speaker or other participants points of view in the debate:
+
+ <table>
+ <tr><td><a id='positive' title='agree' class='tweetButton'>
+ ++ </a> </td><td>corresponds to a tweet of assent</td>
+ </tr><tr><td><a id='negative' title='disagree' class='tweetButton'>
+ -- </a> </td><td>to a tweet of disagreement,</td>
+ </tr><tr><td><a id='reference' title='reference' class='tweetButton'>
+ == </a> </td><td>to a tweet of reference</td>
+ </tr><tr><td><a id='question' title='question' class='tweetButton'>
+ ?? </a> </td><td>to a question</td>
+ </tr></table>
+
+ Following this annotation phase, you will find right to the present
+ text the alpha version of the browser and controversy representation
+ interface.
+ <br/><br/>
+ This device, in addition to deepening the critical dimension of the
+ discussion with the present or distant audience, allows also to
+ perpetuate and promote the published comments by making them
+ accessible at any time deferred later viewing of the video
+ ";
+
+$japan["ExplicationPT"] = "
+ Institute for Research and Innovation (IRI) proposed to you an
+ experiment and a demonstration of a controversial annotation device
+ based on twitter. Classifying your tweets allowed us to create a
+ timeline representing the polemical positions of the audience during
+ the conference.
+ <br/><br/>
+ This controversy tracking syntax enabled you to take position on the
+ speaker or other participants points of view in the debate:
+
+ <table>
+ <tr><td><a id='positive' title='agree' class='tweetButton'>
+ ++ </a> </td><td>corresponds to a tweet of assent</td>
+ </tr><tr><td><a id='negative' title='disagree' class='tweetButton'>
+ -- </a> </td><td>to a tweet of disagreement,</td>
+ </tr><tr><td><a id='reference' title='reference' class='tweetButton'>
+ == </a> </td><td>to a tweet of reference</td>
+ </tr><tr><td><a id='question' title='question' class='tweetButton'>
+ ?? </a> </td><td>to a question</td>
+ </tr></table>
+
+ Following this annotation phase, you will find right to the present
+ text the alpha version of the browser and controversy representation
+ interface.
+ <br/><br/>
+ This device, in addition to deepening the critical dimension of the
+ discussion with the present or distant audience, allows also to
+ perpetuate and promote the published comments by making them
+ accessible at any time deferred later viewing of the video
+ ";
+
+?>
\ No newline at end of file
--- a/web/mashup/config.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/mashup/config.php Mon Jul 18 10:42:35 2011 +0200
@@ -6,6 +6,8 @@
*
*/
+define('URL_ROOT', 'http://polemictweet.com/enmi/polemicaltimeline.php');
+
$config = array(
'root' => 'http://polemictweet.com/',
--- a/web/mashup/polemicaltimeline.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/mashup/polemicaltimeline.php Mon Jul 18 10:42:35 2011 +0200
@@ -4,10 +4,9 @@
* include some common code (like we did in the 90s)
* People still do this? ;)
*/
+include_once 'config.php';
// configuration
include 'common.php';
- // objet actuel
-include_once 'config.php';
$url = (!empty($_SERVER['HTTPS'])) ? "https://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'] : "http://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
@@ -16,7 +15,7 @@
<html lang="<?php echo($actual); ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Polemic tweet - <?php echo($config['title']); ?> - <?php echo($url); ?></title>
+ <title>Polemic tweet - <?php echo($config['title']); ?></title>
<meta name="keywords" content="<?php echo($config['keywords']); ?>"><!-- add timestampedmetadata -->
<!--<meta name="description" content="PoelmicTweet.fr : debate mapping, opinion, conference, video">-->
<meta name="description" content="<?php echo($config['description']); ?>">
--- a/web/rsln-mercedes-bunz/config.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/rsln-mercedes-bunz/config.php Mon Jul 18 10:42:35 2011 +0200
@@ -4,7 +4,7 @@
* Please edit the conférence details
*
*/
-
+define('URL_ROOT', 'http://polemictweet.com/rsln-mercedes-bunz/polemicaltimeline.php');
$config = array(
'root' => 'http://polemictweet.com/',
--- a/web/rsln-opendata/config.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/rsln-opendata/config.php Mon Jul 18 10:42:35 2011 +0200
@@ -4,7 +4,7 @@
* Please edit the conférence details
*
*/
-
+define('URL_ROOT', 'http://polemictweet.com/rsln-opendata/polemicaltimeline.php');
$config = array(
'root' => 'http://polemictweet.com/',
--- a/web/rsln/config.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/rsln/config.php Mon Jul 18 10:42:35 2011 +0200
@@ -4,7 +4,7 @@
* Please edit the conférence details
*
*/
-
+define('URL_ROOT', 'http://polemictweet.com/rsln/polemicaltimeline.php');
$config = array(
'root' => 'http://polemictweet.com/',
--- a/web/sig-chi-paris-2011/config.php Thu Jul 07 16:40:17 2011 +0200
+++ b/web/sig-chi-paris-2011/config.php Mon Jul 18 10:42:35 2011 +0200
@@ -4,28 +4,43 @@
* Please edit the conférence details
*
*/
-
+define('URL_ROOT', 'http://polemictweet.com/sig-chi-paris-2011/polemicaltimeline.php');
$config = array(
'root' => 'http://polemictweet.com/',
- 'hashtag' => '#rsln',
- 'date' => '07.04.2011',
- 'heure' => '19h30-21h00',
- 'place' => 'Microsoft France',
- 'duration' => '4026000',
+ 'hashtag' => '#chi07',
+ 'date' => '07.07.2011',
+ 'heure' => '19h00-21h00',
+ 'place' => 'IRI - Salle Piazza - Centre Pompidou',
+ 'duration' => '4678200',
- 'title' => "Mercedes Bunz : Les algorithmes ne remplaceront jamais les journalistes",
- 'description'=> "",
+ 'title' => "Interfaces de demain",
+ 'description'=> "VIDEO SHOWCASE Interfaces de demain: Du sol à la table interactive en passant par le mur…<br/>
+
+ 7th July 2011, 7:00 – 9:00 pm : Salle Piazza au Centre Pompidou <br/>
+ ACM SigCHI Paris vous propose un panorama des dernières recherches en interaction homme-machine le 7 juillet 2011, de 19h à 21h au Centre Pompidou (salle Piazza). Des chercheurs vous présenteront les dernières avancées sous forme d’une diffusion vidéo organisée en 5 thèmes :
+ <ul>
+ <li> nouvelles technologies</li>
+ <li> tables interactives</li>
+ <li> interaction tactile</li>
+ <li> interaction gestuelle</li>
+ <li> visualisation d’informations</li>
+ </ul>
+ La diffusion sera suivie d’une discussion informelle autour d’un apéritif.
+ Cet événement est organisé par le LRI (Université Paris-Sud et CNRS), l’INRIA, Telecom ParisTech et l’IRI. ",
- 'link' => 'http://www.rslnmag.fr/blog/2011/4/9/mercedes-bunz_les-algorithmes-ne-remplaceront-jamais-les-journalistes_/',
- 'keywords' => 'algorithme, data journalisme, presse, mercedes bunz, rsln, iri',
- 'rep' => 'rsln-mercedes-bunz',
+ 'link' => 'http://www.iri.centrepompidou.fr/evenement/interfaces-de-demain/',
+ 'keywords' => 'algorithme, interface, futur, iri',
+ 'rep' => 'sig-chi-paris-2011',
'partenaires'=> "<a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'> IRI </a>
- | <a href='http://www.rslnmag.fr/' class='footerLink' target='_blank' > RSLN </a>
- | <a href='http://www.microsoft.fr/' class='footerLink' target='_blank'> MICROSOFT.fr </a>",
+ | <a href='http://www.lri.fr/' class='footerLink' target='_blank' > LRI </a>
+ | <a href='http://www.inria.fr/' class='footerLink' target='_blank' > INRIA</a>
+ | <a href='http://www.cnrs.fr/telecom' class='footerLink' target='_blank' > CNRS</a>
+ | <a href='http://www.telecom-paristech.fr/' class='footerLink' target='_blank' > telecom paris tech</a>
+ | <a href='http://www.inflammableproductions.com/' class='footerLink' target='_blank'> Inflammable </a>",
// After the event
- 'metadata' => "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/843fff80-6b50-11e0-8aef-00145ea49a02",
+ 'metadata' => "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/1c764b02-abc9-11e0-b488-00145ea49a02",
'player' => "res/metadataplayer/src/js/LdtPlayer.js"
);
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/sig-chi-paris-2011/embed_form.php Mon Jul 18 10:42:35 2011 +0200
@@ -0,0 +1,99 @@
+<?php
+
+/**
+ * include some common code (like we did in the 90s)
+ * People still do this? ;)
+ */
+include_once '../common.php';
+include_once 'config.php';
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="<?php echo($actual); ?>">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>embed Configuration</title>
+
+ <!-- JAVASCRIPT -->
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
+ <script type="text/javascript" src="res/raphael/raphael-min.js"></script>
+
+ <link rel="stylesheet" href="../res/css/custom.css" type="text/css" media="screen, projection">
+
+ <!-- FONT -->
+ <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
+ <style type="text/css">
+ body{
+ padding:0px;
+ margin:0px;
+ background-image:none;
+ width:300px;
+ padding:5px; }
+ .tooltip{
+ z-index: 10000000000;
+ }
+ #tip{
+ position : absolute;
+ padding : 3px;
+ z-index: 10000000000;
+ max-width: 200px;
+ }
+ #tip {
+ display: none;
+ background: transparent url("../images/white_arrow_long.png");
+ font-size: 12px;
+ height: 125px;
+ width: 180px;
+ padding: 10px;
+ padding-left: 15px;
+ padding-top: 15px;
+ padding-right: 15px;
+ color: black;
+ z-index: 10000000000;
+ font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+ overflow:hidden;
+ }
+ #chartTimeline{
+ padding-top: <?php echo($player_height-70); ?>px;
+ z-index: 100000;
+ position : absolute;
+ }
+ textarea {
+ margin-left:3px;
+ height: 150px;
+ width: 330px;
+ padding:5px;
+ background-image:none;
+ border:solid 1px #ccc;
+ /*background-image:url(images/tweetWriterBgdTxtArea.gif);
+ background-repeat:no-repeat;
+ border: none;*/
+ }
+
+ </style>
+ <script type="text/javascript">
+
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-23581291-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+ </script>
+ </head>
+
+ <h1 class="tweetWriterTitle" style="width:300px;" > <?php print $translate->_("EmbedTitle"); ?></h1>
+
+ <p style="font-size:12px;width:300px;"><?php print $translate->_("EmbedText"); ?> </p>
+ <textarea cols="10" rows="10"><iframe src="<?php echo($config['root'].$config['rep']); ?>/player_embed.php" width="<?php echo($player_width); ?>" height="<?php echo($player_height); ?>" frameborder="0"></iframe><p><a href="<?php echo($config['root'].$config['rep']); ?>"><?php echo($config['title']); ?></a> from <a href="<?php echo($config['link']); ?>">RSLN</a>on <a href="<?php echo($config['root']); ?>">Polemical Tweet</a>.</p>
+ </textarea>
+
+ </body>
+</html>
Binary file web/sig-chi-paris-2011/images/tweetExplainBgd.gif has changed
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/sig-chi-paris-2011/index.php Mon Jul 18 10:42:35 2011 +0200
@@ -0,0 +1,6 @@
+<?php
+// Permanent redirection
+header("HTTP/1.1 301 Moved Permanently");
+header("Location: polemicaltimeline.php");
+exit();
+?>
\ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/sig-chi-paris-2011/player_embed.php Mon Jul 18 10:42:35 2011 +0200
@@ -0,0 +1,137 @@
+<?php
+
+/**
+ * include some common code (like we did in the 90s)
+ * People still do this? ;)
+ */
+include_once 'config.php';
+
+// todo :
+// - gestion du parent.document.location mediafragment
+// - limite taille vertical embed
+// - ajouter la polemic timline en dessous de la video
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>RSLN - Polemic player embed page</title>
+
+ <!-- JAVASCRIPT -->
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
+ <script type="text/javascript" src="../res/raphael/raphael-min.js"></script>
+
+ <!-- FONT -->
+ <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
+ <style type="text/css">
+ body{
+ padding:0px;
+ margin:0px;
+ }
+ .tooltip{
+ z-index: 10000000000;
+ }
+ #tip{
+ position : absolute;
+ padding : 3px;
+ z-index: 10000000000;
+ max-width: 200px;
+ }
+ #tip {
+ display: none;
+ background: transparent url("../images/white_arrow_long.png");
+ font-size: 12px;
+ height: 125px;
+ width: 180px;
+ padding: 10px;
+ padding-left: 15px;
+ padding-top: 15px;
+ padding-right: 15px;
+ color: black;
+ z-index: 10000000000;
+ font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+ overflow:hidden;
+ }
+ #chartTimeline{
+ z-index: 9;
+ position : absolute;
+ }
+
+ </style>
+ <script type="text/javascript">
+
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-23581291-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+ </script>
+ </head>
+
+ <script type="text/javascript">
+ // Configuration Polemical Timeline
+ var config = {
+ target:"chartTimeline",
+ x:8,
+ y:418,
+ width:<?php echo($player_width); ?>,
+ height:<?php echo($player_height); ?>,
+ heightmax:<?php echo($player_height); ?>,
+ duration:<?php echo($config['duration']); ?>,
+ metadata:"<?php echo($config['metadata']); ?>"
+ }
+ </script>
+ <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script>
+
+ <body>
+ <!-- tooltip -->
+ <div id="tip">
+ <div id="tipcolor" style="height:10px;width:10px"></div>
+ <div id="tiptext"></div>
+ </div>
+
+ <div class="root" >
+ <div class="videoLivePlayer">
+ <div id="chartTimeline"> </div>
+ <script type="text/javascript">
+ var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
+ </script>
+ <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script>
+ <script type="text/javascript">
+ $.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"});
+ </script>
+ <div id="player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed" class="iri_player_embed"> </div>
+
+ <script type="text/javascript">
+ var configMP = {
+ metadata:{
+ format:'cinelab',
+ src:'<?php echo($config['metadata']); ?>',
+ load:'jsonp'},
+ gui:{
+ width:<?php echo($player_width); ?>,
+ height:<?php echo($player_height); ?>,
+ mode:'video',
+ container:'player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed',
+ debug:false,
+ css:'../res/css/LdtPlayer.css'},
+
+ player:{
+ type:'jwplayer',
+ src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'}
+ };
+ __IriSP.init(configMP);
+ </script>
+ </div>
+ </div>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/sig-chi-paris-2011/polemicaltimeline.php Mon Jul 18 10:42:35 2011 +0200
@@ -0,0 +1,254 @@
+<?php
+
+/**
+ * include some common code (like we did in the 90s)
+ * People still do this? ;)
+ */
+include_once 'config.php';
+// configuration
+include 'common.php';
+ // objet actuel
+
+
+$url = (!empty($_SERVER['HTTPS'])) ? "https://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'] : "http://".$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="<?php echo($actual); ?>">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>Polemic tweet - <?php echo($config['title']); ?></title>
+ <meta name="keywords" content="<?php echo($config['keywords']); ?>"><!-- add timestampedmetadata -->
+ <!--<meta name="description" content="PoelmicTweet.fr : debate mapping, opinion, conference, video">-->
+ <meta name="description" content="<?php echo($config['description']); ?>">
+ <meta name="robots" content="index, follow">
+
+ <!-- ICI : <?php echo($_SERVER['DOCUMENT_ROOT']); ?> -->
+ <!-- JAVASCRIPT -->
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+ <script type="text/javascript">
+ $.noConflict();
+ </script>
+ <script type="text/javascript" src="../res/raphael/raphael-min.js"></script>
+ <script type="text/javascript" src="../res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
+ <script type="text/javascript" src="../res/niceforms/niceforms.js"></script>
+ <script type="text/javascript" src="../res/jquery.url/jquery.url.js"></script>
+ <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script>
+
+ <!-- Framework CSS -->
+ <link rel="stylesheet" href="../res/blueprint/screen.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="../res/blueprint/print.css" type="text/css" media="print">
+ <link rel="stylesheet" href="../res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="../res/css/custom.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="../res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
+
+ <!-- FONT -->
+ <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
+ <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
+
+ <style type="text/css">
+ .tweetButton{float:left;margin-right:5px;}
+ .videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:738px;}
+ .videoLive{width:650px;height:740px;background:#fff;float:right;margin-top:20px;padding:5px;}
+ .tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:250px;height:740px;padding:10px;position:absolute; margin-top:70px;}
+ .footer{margin-top:840px;width:960px;height:20px;position:absolute;text-align:center;}
+ .tooltip{
+ z-index: 10000000000;
+ }
+ #tip{
+ position : absolute;
+ padding : 3px;
+ z-index: 10000000000;
+ max-width: 200px;
+ }
+ #tip {
+ display: none;
+ background: transparent url("../images/white_arrow_long.png");
+ font-size: 12px;
+ height: 125px;
+ width: 180px;
+ padding: 10px;
+ padding-left: 15px;
+ padding-top: 15px;
+ padding-right: 15px;
+ color: black;
+ z-index: 10000000000;
+ font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
+ overflow:hidden;
+ }
+ #chartTimeline{
+ padding-top: 0px;
+ z-index: 9;
+ position : absolute;
+ }
+
+ </style>
+ <script type="text/javascript">
+ // Configuration Polemical Timeline
+ <?php
+ if(is_array($config['metadata'])):
+ reset($config['metadata']);
+ $first_key = key($config['metadata']);
+ ?>
+ var metadatas = jQuery.parseJSON('<?php echo(json_encode($config['metadata'])); ?>');
+ var url = jQuery.url();
+ var metadata_key = url.fparam('metadata');
+ if(typeof metadata_key === "undefined" || metadata_key.length === 0) {
+ metadata_key = "<?php echo($first_key);?>";
+ }
+ <?php else: ?>
+ var metadatas = { metadata: {url: "<?php echo($config['metadata'])?>", duration: <?php echo($config['duration'])?>} };
+ var metadata_key = "metadata";
+ <?php endif;?>
+
+ var config = {
+ target:"chartTimeline",
+ x:8,
+ y:418,
+ width:<?php echo($player_width); ?>,
+ height:<?php echo($player_height); ?>,
+ heightmax:<?php echo($player_height); ?>,
+ duration:metadatas[metadata_key].duration,
+ metadata:metadatas[metadata_key].url
+ };
+ </script>
+ <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script>
+ <script type="text/javascript">
+ jQuery.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"});
+
+ jQuery(document).ready(function() {
+
+ jQuery("#mdselect_"+metadata_key).attr("selected","selected");
+ jQuery("#mdselect").change(function() {
+ var metadata_key = this.options[this.selectedIndex].value;
+ window.location.hash = "#metadata="+metadata_key;
+ window.location.href = window.location.href;
+ window.location.reload(true);
+ jQuery("#Embeded").attr('href','embed_form.php?metadata='+metadata_key);
+ });
+ if(metadata_key !== "metadata") {
+ jQuery("#Embeded").attr('href','embed_form.php?metadata='+metadata_key);
+ }
+ jQuery("#Embeded").fancybox({
+ 'width' : 360,
+ 'height' : 360,
+ 'autoDimensions' : false,
+ 'transitionIn' : 'none',
+ 'transitionOut' : 'none',
+ 'type' : 'iframe'
+ });
+
+ });
+ </script>
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-23581291-1']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+ </head>
+ <body>
+
+
+ <!-- tooltip -->
+ <div id="tip">
+ <div id="tipcolor" style="height:10px;width:10px"></div>
+ <div id="tiptext"></div>
+ </div>
+
+ <div class="container">
+ <img src="../images/ENMI_2010_logo.gif" class="logo">
+ <ul class="menu">
+ <li class="menuUnderline"><a href="../" class="menuLink" id="Accueil">
+ <?php print $translate->_("Accueil"); ?></a></li>
+ <li class="menuUnderline"><a href="embed_form.php" class="menuLink" id="Embeded">
+ <?php print $translate->_("Partager"); ?></a></li>
+ <li > </li>
+ </ul>
+ <?php if(is_array($config['metadata'])):?>
+ <ul id="content_select_ul" class="menu mdselect">
+ <?php print $translate->_("changer de contenu"); ?><br/>
+ <select id="mdselect">
+ <?php foreach ($config['metadata'] as $key => $value):?>
+ <option value="<?php echo($key); ?>" id="mdselect_<?php echo($key); ?>" ><?php echo($value['display']); ?></option>
+ <?php endforeach;?>
+ </select>
+ </ul>
+ <ul class="menu shortlang" >
+ <?php else:?>
+ <ul class="menu lang" >
+ <?php endif;?>
+ <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" >
+ <img src='../images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
+ <?php print $translate->_("Japonais"); ?></a></li>
+ <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=fr" class="menuLink">
+ <img src='../images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
+ <?php print $translate->_("Français"); ?></a></li>
+ <li ><a href="<?php URL_ROOT ?>?lang=en" class="menuLink">
+ <img src='../images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
+ <?php print $translate->_("Anglais"); ?></a></li>
+ </ul>
+
+ <!-- EXPLICATION -->
+ <div class="tweetExplain" >
+ <h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?> </h3><br/>
+ <?php print $translate->_("ExplicationPT"); ?>
+ </div>
+
+
+ <!-- INFOS SUR LA CONF
+ <div class="tweetExplain" >
+ <h3 class="tweetWriterTitle"><?php echo($config['title']); ?></h3><br/>
+ <?php echo($config['description']); ?>
+ </div>
+ -->
+
+
+
+
+ <div class="videoLive" >
+ <div class="videoLivePlayer">
+ <div id="chartTimeline"> </div>
+ <script type="text/javascript">
+ var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
+ </script>
+ <div id="player_project_embed" class="iri_player_embed"></div>
+ <script type="text/javascript">
+ var configMP = {
+ metadata:{
+ format:'cinelab',
+ src:config.metadata,
+ load:'jsonp'},
+ gui:{
+ width:config.width,
+ height:config.height,
+ mode:'video',
+ container:'player_project_embed',
+ debug:false,
+ css:'../res/css/LdtPlayer.css'},
+
+ player:{
+ type:'jwplayer',
+ src:'../res/metadataplayer/res/swf/player.swf'}
+ };
+ __IriSP.init(configMP);
+ </script>
+ </div>
+ </div>
+
+
+ <div class="footer">
+ <hr>
+ <?php echo($config['partenaires']); ?>
+ </div>
+
+ </div>
+
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/sig-chi-paris-2011/traduction.php Mon Jul 18 10:42:35 2011 +0200
@@ -0,0 +1,82 @@
+<?php
+
+$french['ExplicationPT'] = "
+ l’Institut de recherche et d’innovation (Iri) vous a proposé une expérimentation et une démonstration d’un dispositif d’annotation polémique basé sur twitter.
+ Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de
+ l'auditoire durant la conférence.
+ <br/><br/>
+ Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat :
+ <table>
+ <tr><td><a id='positive' title='accord' class='tweetButton'>++</a> </td><td>correspond à un tweet d’assentiment</td></tr>
+ <tr><td><a id='negative' title='désaccord' class='tweetButton'>--</a></td><td> à un tweet de désaccord,</td></tr>
+ <tr><td><a id='reference' title='reference' class='tweetButton'>==</a></td><td> à un tweet de référence</td></tr>
+ <tr><td><a id='question' title='question' class='tweetButton'> ??</a></td><td> à une question</td></tr>
+ </table>
+ 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.
+ <br/>
+ 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
+ ";
+
+$english['ExplicationPT'] = "
+ Institute for Research and Innovation (IRI) proposed to you an
+ experiment and a demonstration of a controversial annotation device
+ based on twitter. Classifying your tweets allowed us to create a
+ timeline representing the polemical positions of the audience during
+ the conference.
+ <br/><br/>
+ This controversy tracking syntax enabled you to take position on the
+ speaker or other participants points of view in the debate:
+
+ <table>
+ <tr><td><a id='positive' title='agree' class='tweetButton'>
+ ++ </a> </td><td>corresponds to a tweet of assent</td>
+ </tr><tr><td><a id='negative' title='disagree' class='tweetButton'>
+ -- </a> </td><td>to a tweet of disagreement,</td>
+ </tr><tr><td><a id='reference' title='reference' class='tweetButton'>
+ == </a> </td><td>to a tweet of reference</td>
+ </tr><tr><td><a id='question' title='question' class='tweetButton'>
+ ?? </a> </td><td>to a question</td>
+ </tr></table>
+
+ Following this annotation phase, you will find right to the present
+ text the alpha version of the browser and controversy representation
+ interface.
+ <br/><br/>
+ This device, in addition to deepening the critical dimension of the
+ discussion with the present or distant audience, allows also to
+ perpetuate and promote the published comments by making them
+ accessible at any time deferred later viewing of the video
+ ";
+
+$japan["ExplicationPT"] = "
+ Institute for Research and Innovation (IRI) proposed to you an
+ experiment and a demonstration of a controversial annotation device
+ based on twitter. Classifying your tweets allowed us to create a
+ timeline representing the polemical positions of the audience during
+ the conference.
+ <br/><br/>
+ This controversy tracking syntax enabled you to take position on the
+ speaker or other participants points of view in the debate:
+
+ <table>
+ <tr><td><a id='positive' title='agree' class='tweetButton'>
+ ++ </a> </td><td>corresponds to a tweet of assent</td>
+ </tr><tr><td><a id='negative' title='disagree' class='tweetButton'>
+ -- </a> </td><td>to a tweet of disagreement,</td>
+ </tr><tr><td><a id='reference' title='reference' class='tweetButton'>
+ == </a> </td><td>to a tweet of reference</td>
+ </tr><tr><td><a id='question' title='question' class='tweetButton'>
+ ?? </a> </td><td>to a question</td>
+ </tr></table>
+
+ Following this annotation phase, you will find right to the present
+ text the alpha version of the browser and controversy representation
+ interface.
+ <br/><br/>
+ This device, in addition to deepening the critical dimension of the
+ discussion with the present or distant audience, allows also to
+ perpetuate and promote the published comments by making them
+ accessible at any time deferred later viewing of the video
+ ";
+
+?>
\ No newline at end of file
