web/rsln/polemicaltimeline.php
author Samuel Huron <samuel.huron@centrepompidou.fr>
Tue, 08 Mar 2011 10:57:18 +0100
changeset 52 d522fd390921
parent 50 a1636b31eb98
child 53 e9f4dc2d3fc4
permissions -rw-r--r--
TEST SUR IE 9 ( changer le host de la library tooltip pour optimisation maximum)
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     2
   "http://www.w3.org/TR/html4/strict.dtd">
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     3
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     4
<html lang="en">
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     5
  <head>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     6
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     7
    <title>RSLN  - Live Video and Annotation</title>
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
     8
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
     9
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    10
	<!-- JAVASCRIPT --> 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    11
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    12
	<script type="text/javascript" src="res/raphael/raphael-min.js"></script>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    13
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    14
	<!-- Framework CSS -->
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    15
    <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    16
    <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    17
	<link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    18
	<link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    19
	
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    20
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    21
	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    22
	<!-- FONT -->
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    23
	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    24
	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    25
	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    26
	<style type="text/css"> 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    27
		.tweetButton{float:left;margin-right:5px;}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    28
		.videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:638px;}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    29
		.videoLive{width:650px;height:640px;background:#fff;float:right;margin-top:20px;padding:5px;}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    30
					
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    31
					.tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:250px;height:640px;padding:10px;position:absolute; margin-top:70px;}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    32
		.footer{margin-top:740px;width:960px;height:20px;position:absolute;text-align:center;}
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    33
		.tooltip{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    34
			 z-index: 10000000000;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    35
		}
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    36
		#tip{
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    37
			 position : absolute;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    38
			 padding : 3px;
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    39
			 z-index: 10000000000;
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    40
			 max-width: 200px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    41
		}	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    42
		#tip {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    43
				display: none;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    44
				background: transparent url("images/white_arrow_long.png");
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    45
				font-size: 12px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    46
				height: 125px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    47
				width: 180px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    48
				padding: 10px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    49
				padding-left: 15px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    50
				padding-top: 15px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    51
				padding-right: 15px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    52
				color: black;
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    53
				z-index: 10000000000;
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    54
				font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    55
				overflow:hidden;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    56
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    57
		#chartTimeline{
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    58
			padding-top: 410px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    59
			z-index: 100000;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    60
			position : absolute;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    61
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    62
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    63
	</style>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    64
  </head>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    65
  
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    66
  	<script type="text/javascript">	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    67
	// CHART TIMELINE / VERSION PROTOTYPE  ::
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    68
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    69
	// configuration 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    70
	var config = {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    71
					target:"chartTimeline",
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    72
					x:8,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    73
					y:418,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    74
					width:650,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    75
					height:70,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    76
					heightmax:70
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    77
					}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    78
	// Make and define the Raphael area
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    79
	//var paper = Raphael(document.getElementById(config.target),config.width, config.height);
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    80
		
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    81
	function ChartTimeLine (){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    82
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    83
		//var paper = Raphael(config.x, config.y,config.width, config.height);
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    84
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    85
		//paper.rect(0,20,1,1).attr({fill:"#fff",stroke: "none"});	
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    86
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    87
		// variable 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    88
		
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    89
		var yCoef	  		= 2; 					// coef for height of 1 tweet 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    90
		var frameSize 		= 5; 					// frame size 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    91
		var margin 	  		= 1;					// marge between frame
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    92
		var lineSize  		= 650;				// timeline pixel width 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    93
		var nbrframes 		= lineSize/frameSize; // frame numbers
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    94
		var numberOfTweet 	= 0;				// number of tweet overide later 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    95
		var duration  		= 4299820 ;			// timescale width 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    96
		var frameLenght 	= lineSize/frameSize;// frame timescale	
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    97
		var timeline;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    98
		var colors  = new Array("","#1D973D","#C5A62D","#CE0A15","#036AAE","#585858");
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    99
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   100
		// array 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   101
		var tweets  = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   102
		var element = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   103
		var cluster = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   104
		var frames  = new Array(frameLenght);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   105
		var slices  = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   106
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   107
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   108
		// Classes =======================================================================
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   109
		var Frames = function(){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   110
			
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   111
			var Myclusters;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   112
			var x;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   113
			var y;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   114
			var width;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   115
			var height;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   116
		};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   117
		Frames = function(json){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   118
			// make my clusters
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   119
			// ou Frame vide 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   120
		};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   121
		Frames.prototype.draw = function(){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   122
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   123
		Frames.prototype.zoom = function(){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   124
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   125
		Frames.prototype.inside = function(){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   126
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   127
		var Clusters = function(){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   128
			var Object;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   129
			var yDist;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   130
			var x;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   131
			var y;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   132
			var width;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   133
			var height;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   134
		};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   135
		Clusters = function(json){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   136
			// make my object
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   137
		};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   138
		var Tweet = function(){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   139
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   140
		// Classes =======================================================================
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   141
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   142
		// trace function 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   143
		var traceNum = 0;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   144
		function trace(msg,value){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   145
			traceNum += 1;
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   146
			__IriSP.jQuery("<div>"+traceNum+" - "+msg+" : "+value+"</div>").appendTo("#output");
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   147
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   148
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   149
		// Refactoring (parametere) ************************************************************
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   150
		// color translastion
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   151
		function colorTranslation(value){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   152
			if(value == "Q"){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   153
				return 2;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   154
			}else if(value =="REF"){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   155
				return 4;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   156
			}else if(value =="OK"){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   157
				return 1;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   158
			}else if(value =="KO"){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   159
				return 3;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   160
			}else if(value ==""){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   161
				return 5;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   162
			}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   163
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   164
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   165
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   166
		// Refactoring (parametere) ************************************************************
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   167
		// load tweets send in parameters 
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   168
		__IriSP.jQuery.ajax({
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   169
		  dataType: "jsonp",
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   170
		  url:"http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02",
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   171
		  success : function(json){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   172
			trace("load","");
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   173
				__IriSP.jQuery.each(json.annotations, function(i,item) {
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   174
					
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   175
					var MyTime  = Math.floor(item.begin/duration*lineSize);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   176
					var Myframe = Math.floor(MyTime/lineSize*frameLenght);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   177
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   178
					if (item.content['polemics'] != undefined) {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   179
						if (item.content['polemics'][0] != null) {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   180
							
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   181
								for(var j=0; j<item.content['polemics'].length; j++){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   182
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   183
										tweets[numberOfTweet] = {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   184
													id:i,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   185
													qualification:colorTranslation(item.content['polemics'][j]),
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   186
													yIndicator:MyTime,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   187
													yframe:Myframe,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   188
													title:item.content['title'],
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   189
													timeframe:item.begin
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   190
													}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   191
										numberOfTweet+=1;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   192
								}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   193
						}else{
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   194
							//trace("k = ",i);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   195
							tweets[numberOfTweet] = {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   196
										id:i,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   197
										qualification:colorTranslation(""),
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   198
										yIndicator:MyTime,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   199
										yframe:Myframe,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   200
										title:item.content['title'],
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   201
										timeframe:item.begin
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   202
							}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   203
							numberOfTweet+=1;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   204
						}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   205
						
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   206
					} else {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   207
						//trace("tweet qualification = ","null");
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   208
					}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   209
				});	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   210
			trace("======= ",numberOfTweet);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   211
		   DrawTweets ();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   212
		   
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   213
		  }
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   214
		 });
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   215
			
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   216
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   217
		// tweet Drawing (in raphael) 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   218
		function DrawTweets (){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   219
		// GROUPES TWEET ============================================
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   220
		// Count nbr of cluster and tweet in a frame an save int in "frames"
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   221
			numberOfTweet = tweets.length;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   222
			for(var i=0; i<nbrframes; i++) {	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   223
				for(var j=0; j<numberOfTweet; j++) {	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   224
				
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   225
					if (i==tweets[j].yframe){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   226
						
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   227
						var k = tweets[j].qualification;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   228
						
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   229
						// make array for frame cluster
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   230
						if(frames[i]==undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   231
							frames[i] = {id:i,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   232
										 qualifVol:new Array(),
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   233
										 mytweetsID:new Array()
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   234
										};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   235
						}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   236
						// add my tweet to frame
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   237
						frames[i].mytweetsID.push(tweets[j]);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   238
						
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   239
						// count opinion by frame
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   240
						if( frames[i].qualifVol[k] == undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   241
							frames[i].qualifVol[k] = 1;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   242
						}else{
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   243
							frames[i].qualifVol[k] += 1;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   244
						}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   245
						
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   246
					}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   247
				}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   248
			}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   249
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   250
		// GROUPES TWEET ============================================		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   251
		// max of tweet by Frame 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   252
			var max = 0; 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   253
			for(var i=0; i<nbrframes; i++) {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   254
				var moy	= 0;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   255
				for (var j=0; j<6; j++){		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   256
					if (frames[i]!=undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   257
						if (frames[i].qualifVol[j]!=undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   258
							moy += frames[i].qualifVol[j]
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   259
						}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   260
					}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   261
				}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   262
				//trace("frame "+i,moy);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   263
				if (moy>max){max=moy;}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   264
			}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   265
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   266
			var tweetDrawed = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   267
			var TweetHeight = 5;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   268
			// DRAW  TWEETS ============================================
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   269
			for(var i=0; i<nbrframes;i++) {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   270
				var addEheight = 5;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   271
				if (frames[i]!=undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   272
					trace (i+" k=",frames[i].mytweetsID.length);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   273
					// by type 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   274
					for (var j=6; j>-1; j--){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   275
						if (frames[i].qualifVol[j]!=undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   276
							// show tweet by type 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   277
							for (var k=0; k<frames[i].mytweetsID.length; k++){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   278
								if (frames[i].mytweetsID[k].qualification==j){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   279
									e = paper.rect( i*frameSize, 					// x
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   280
													config.heightmax-addEheight,	// y
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   281
													frameSize-margin,				// width
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   282
													TweetHeight						// height
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   283
													).attr({stroke:"#00","stroke-width":0.1,  fill: colors[j]});	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   284
									addEheight +=TweetHeight;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   285
									e.time= frames[i].mytweetsID[k].timeframe;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   286
									e.title= frames[i].mytweetsID[k].title;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   287
									e.mouseover(function () {
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   288
										//this.attr({stroke:"#fff","stroke-width":5});
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   289
										//this.toFront();
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   290
									}).mouseout(function () {
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   291
										//this.attr({stroke:"#00","stroke-width":0.1});	
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   292
									}).mousedown(function () {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   293
										__IriSP.MyApiPlayer.seek(this.time/1000)
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   294
									});
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   295
									__IriSP.jQuery(e.node).attr('id', 't'+k+'');
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   296
									__IriSP.jQuery(e.node).attr('title', frames[i].mytweetsID[k].title);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   297
									__IriSP.jQuery(e.node).attr('begin',  frames[i].mytweetsID[k].timeframe);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   298
									var tempPosition = {x:i*frameSize,y:config.heightmax-addEheight}
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   299
									addTip(e.node, frames[i].mytweetsID[k].title,colors[j],tempPosition);
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   300
									//frames[i].mytweetsID.pop();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   301
								}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   302
							}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   303
						}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   304
					}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   305
				}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   306
			}
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   307
				
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   308
		}
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   309
	//
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   310
		PaperSlider.toFront();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   311
	}
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   312
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   313
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   314
	$(document).mousemove(function(e){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   315
		if (over){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   316
			__IriSP.jQuery("#tip").css("left", e.pageX-106).css("top", e.pageY-160);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   317
			__IriSP.jQuery("#tipcolor").css("background-color", tipColor)
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   318
			__IriSP.jQuery("#tiptext").text(tipText);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   319
			__IriSP.jQuery("#tip").show();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   320
		}else{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   321
			 __IriSP.jQuery("#tip").css("left", -10000).css("top", -100000);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   322
			 //tweetSelection.attr({x:-100,y:-100});
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   323
		}
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   324
	});
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   325
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   326
	var over 	 = false;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   327
	var tipText  = "";
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   328
	var tipColor = "#efefef";
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   329
	var tweetSelection;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   330
	var PaperSlider;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   331
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   332
	// AddTip  ******************************************************************************
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   333
	function addTip(node, txt,color,tempPosition){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   334
			__IriSP.jQuery(node).mouseover(function(){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   335
			   tipText = txt;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   336
			   //tip.hide();//fadeIn(0);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   337
			   tipColor = color;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   338
			   over = true;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   339
			   //tweetSelection.attr(tempPosition);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   340
			   //tweetSelection.toFront();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   341
			}).mouseout(function(){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   342
			   //tip.show()//tip.fadeOut(0);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   343
			   over = false;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   344
			});
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   345
			
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   346
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   347
	}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   348
	
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   349
		$(document).ready(function() {
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   350
			var tip 	 = __IriSP.jQuery("#tip").hide();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   351
			//ChartTimeLine();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   352
			
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   353
		});
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   354
	</script>	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   355
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   356
  <body>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   357
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   358
<!-- SCRIPT RAPHAEL -->
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   359
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   360
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   361
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   362
  <!-- tooltip --> 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   363
  <div id="tip">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   364
  <div id="tipcolor" style="height:10px;width:10px"></div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   365
  <div id="tiptext"></div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   366
  </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   367
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   368
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   369
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   370
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   371
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   372
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   373
    <div class="container">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   374
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   375
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   376
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   377
      <img src="images/ENMI_2010_logo.gif" class="logo">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   378
	  <ul class="menu"> 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   379
		  <li class="menuUnderline"><a href="index.php" class="menuLink" id="About"> À propos</a></li>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   380
		  <li class="menuUnderline" ><a href="http://www.rslnmag.fr/blog/2011/1/17/clay-shirky_-personne-n-est-titulaire-du-code-source-de-la-democratie_/" class="menuLink" target="_blank"> Programme</a></li>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   381
		  <li  ><a href="polemicaltimeline.php" class="menuLink">Lecteur polémique</a></li>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   382
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   383
	  </ul>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   384
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   385
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   386
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   387
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   388
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   389
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   390
	  <div class="tweetExplain"  >
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   391
		<h3 class="tweetWriterTitle">Annotations pol&eacute;mique : </h3><br/>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   392
		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.
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   393
Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   394
l'auditoire durant la conférence.
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   395
<br/><br/>
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   396
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   397
	Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   398
	<table>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   399
	<tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   400
	<td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   401
			<a 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   402
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   403
					id="positive"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   404
					title="accord"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   405
					class="tweetButton">++</a> </td><td>correspond à un tweet d’assentiment</td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   406
	</tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   407
	<tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   408
	<td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   409
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   410
					<a 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   411
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   412
					id="negative"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   413
					title="désaccord"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   414
					class="tweetButton">--</a></td><td> à un tweet de désaccord,</td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   415
	</tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   416
	<tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   417
	<td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   418
					<a
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   419
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   420
					id="reference"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   421
					title="reference"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   422
					class="tweetButton">==</a></td><td> à un tweet de référence</td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   423
	</tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   424
	<tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   425
	<td>			
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   426
					<a 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   427
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   428
					id="question"  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   429
					title="question"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   430
					class="tweetButton"> ??</a></td><td> à une question</td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   431
	</tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   432
	</table>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   433
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   434
	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.
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   435
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   436
		<br/><br/>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   437
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 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   438
		<br/>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   439
		<br/>Merci a RSLN pour cette expérimentation !
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   440
	  </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   441
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   442
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   443
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   444
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   445
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   446
	  <div class="videoLive" >
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   447
		<div class="videoLivePlayer">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   448
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   449
		<div id="chartTimeline"> </div>	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   450
		<script type="text/javascript">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   451
var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   452
			paper.rect(0,20,config.width,config.heightmax-20).attr({fill:"#fff","stroke-width":0.1,opacity: 0.1});	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   453
			paper.rect(0,20,config.width,2).attr({fill:"#fff",stroke: "none",opacity: 1});	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   454
			PaperSlider = paper.rect(0,20,1,50).attr({fill:"#fff",stroke: "none",opacity: 1});	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   455
			// decalage 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   456
			tweetSelection = paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1});	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   457
		</script>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   458
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   459
		<script type='text/javascript' src='res/metadataplayer/src/js/LdtPlayer.js'></script>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   460
		<div id="player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed" class="iri_player_embed"> </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   461
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   462
			<script type="text/javascript">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   463
				var configMP = {
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   464
						/*metadata:{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   465
							format:'cinelab',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   466
							src:'metadata.json',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   467
							load:'json'},*/
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   468
						metadata:{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   469
							format:'cinelab',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   470
							src:'http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   471
							load:'jsonp'},
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   472
						gui:{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   473
							width:650,
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   474
							height:480,
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   475
							mode:'video',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   476
							container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   477
							debug:false,
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   478
							css:'http://amateur.iri.centrepompidou.fr/live/rsln/res/css/LdtPlayer.css'},
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   479
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   480
						player:{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   481
							type:'jwplayer',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   482
							src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'}
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   483
					};
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   484
				__IriSP.init(configMP);     
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   485
			</script>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   486
			
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   487
		</div>	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   488
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   489
	  </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   490
 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   491
 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   492
 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   493
 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   494
 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   495
      <div class="footer">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   496
		<hr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   497
		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   498
 IRI </a>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   499
		 |  <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN  </a>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   500
		 |  <a href="http://www.slate.fr/" class="footerLink"  target="_blank"> SLATE.fr  </a>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   501
		 |  <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr  </a>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   502
	  </div>   
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   503
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   504
    </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   505
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   506
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   507
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   508
	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   509
	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   510
  </body>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   511
</html>