# HG changeset patch # User Samuel Huron # Date 1299578238 -3600 # Node ID d522fd3909219b4d45e638828c453960b677f34a # Parent 342bfbe0bbd859187a24eae4e55c7fd126e0318b TEST SUR IE 9 ( changer le host de la library tooltip pour optimisation maximum) diff -r 342bfbe0bbd8 -r d522fd390921 web/rsln/polemicaltimeline.php --- a/web/rsln/polemicaltimeline.php Fri Feb 18 19:42:34 2011 +0100 +++ b/web/rsln/polemicaltimeline.php Tue Mar 08 10:57:18 2011 +0100 @@ -1,30 +1,3 @@ -getRequestToken(); - $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token); - - /** - * Now redirect user to Twitter site so they can log in and - * approve our access - */ - $consumer->redirect(); -} - -?> - @@ -32,27 +5,19 @@ RSLN - Live Video and Annotation - - - + + + + + + + - - - - - - + - - - - - - - @@ -65,11 +30,13 @@ .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;} - + .tooltip{ + z-index: 10000000000; + } #tip{ position : absolute; padding : 3px; - z-index: 1000000; + z-index: 10000000000; max-width: 200px; } #tip { @@ -83,7 +50,7 @@ padding-top: 15px; padding-right: 15px; color: black; - z-index: 1000000; + z-index: 10000000000; font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; overflow:hidden; } @@ -94,339 +61,10 @@ } - - - - -
- - - -
- - - - -
-

Annotations polémique :


- l’Institut de recherche et d’innovation (Iri) vous a proposer 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. -

- - Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : - - - - - - - - - - - - - -
- ++ correspond à un tweet d’assentiment
- - -- à un tweet de désaccord,
- == à un tweet de complément
- ?? à une question
- - Suite a cette phase d’annotation, vous trouverez à droite de ce texte la version alpha de l'interface de navigation et de représentation de la polémique durant la conférence. - -

-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  -
-
Merci a RSLN pour cette expérimentation ! -
- -
-
- -
- -
- - - -
- -
- -
-
- - IRI - | RSLN - | SLATE.fr - | MICROSOFT.fr - Déconnexion"); - } - ?> - -
- -
- - -
-
-
-
 
-
Annotation polémique par tweet
-
Lors de la conférence du 31 janvier 2011 organiser par RSLN vous avez expérimenté une syntaxe polémique pour "tweeter". Cette qualification de vos tweets nous a permis de créer une timeline polemique. Cette timeline vous permet de naviguer dans la vidéo
tout en représentant les positions de
l'auditoire durant la conférence. -
-
-
- - voir la vidéo - -
-
-
-
- - - - + + + + + + + + +
+
+
+
+ + + + + + +
+ + + + + + + + + + + +
+

Annotations polémique :


+ l’Institut de recherche et d’innovation (Iri) vous a proposer 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. +

- + Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : + + + + + + + + + + + + + +
+ ++ correspond à un tweet d’assentiment
+ + -- à un tweet de désaccord,
+ == à un tweet de référence
+ ?? à une question
+ + Suite a cette phase d’annotation, vous trouverez à droite de ce texte la version alpha de l'interface de navigation et de représentation de la polémique durant la conférence. + +

+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  +
+
Merci a RSLN pour cette expérimentation ! +
+ + + + + +
+
+ +
+ + + +
+ + + +
+ +
+ + + + + +
+
+ + IRI + | RSLN + | SLATE.fr + | MICROSOFT.fr +
+ +
+ + diff -r 342bfbe0bbd8 -r d522fd390921 web/rsln/res/metadataplayer/src/js/LdtPlayer.js --- a/web/rsln/res/metadataplayer/src/js/LdtPlayer.js Fri Feb 18 19:42:34 2011 +0100 +++ b/web/rsln/res/metadataplayer/src/js/LdtPlayer.js Tue Mar 08 10:57:18 2011 +0100 @@ -317,7 +317,7 @@ } }); - + ChartTimeLine(); }); } @@ -443,11 +443,11 @@ }; __IriSP.Media = function (id,url,duration,title,description){ - this.id = id; - this.url = url; - this.title = title; + this.id = id; + this.url = url; + this.title = title; this.description = description; - this.duration = duration; + this.duration = duration; this.lignes = new Array(); __IriSP.trace("__IriSP.Media","Media ID : "+id); @@ -994,7 +994,8 @@ if(obj.newstate == 'PAUSED') { __IriSP.trace("__IriSP.stateMonitor","PAUSE"); - __IriSP.MyApiPlayer.changePageUrlOffset(__IriSP.currentPosition); + __IriSP.MyApiPlayer.changePageUrlOffset(__IriSP.currentPosition); + //PaperSlider.attr({x:-100,y:-100}); __IriSP.jQuery(".ui-icon-play").css("background-position","0px -160px"); } else if (obj.newstate == 'PLAYING'){ @@ -1013,10 +1014,12 @@ __IriSP.positionListener = function(obj) { //__IriSP.trace("__IriSP.positionListener",obj.position); __IriSP.currentPosition = obj.position; - var tmp = document.getElementById("posit"); - if (tmp) { tmp.innerHTML = "position: " + __IriSP.currentPosition; } + //var tmp = document.getElementById("posit"); + //if (tmp) { tmp.innerHTML = "position: " + __IriSP.currentPosition; } __IriSP.jQuery("#slider-range-min").slider("value", obj.position); - __IriSP.jQuery("#amount").val(obj.position+" s"); + PaperSlider.attr({x:obj.position/500*750/10,y:20}); + + //__IriSP.jQuery("#amount").val(obj.position+" s"); // afficher annotation __IriSP.MyLdt.checkTime(__IriSP.currentPosition); @@ -1197,9 +1200,9 @@ __IriSP.jQuery(""+__IriSP.jQueryAnnotationTemplate+"").appendTo("#Ldt-Annotations"); // TOOLTIP BUG ! - //__IriSP.jQuery("#"+this.id).tooltip({ effect: 'slide'}); + __IriSP.jQuery("#"+this.id).tooltip({ effect: 'slide'}); //var thisNode = __IriSP.jQuery(); - addTip("#"+this.id, __IriSP.stripHtml(titleForDiv),"#000"); + //addTip("#"+this.id, __IriSP.stripHtml(titleForDiv),"#000"); __IriSP.jQuery("#"+this.id).fadeTo(0,0.3); __IriSP.jQuery("#"+this.id).mouseover(function() {