web/rsln/polemicaltimeline.php
author Samuel Huron <samuel.huron@centrepompidou.fr>
Tue, 08 Mar 2011 11:20:30 +0100
changeset 53 e9f4dc2d3fc4
parent 52 d522fd390921
child 59 9266a28107b3
permissions -rw-r--r--
SAM BIDOUILLAGE DE RENAME BONNE VERSION
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
53
e9f4dc2d3fc4 SAM BIDOUILLAGE DE RENAME BONNE VERSION
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 52
diff changeset
     1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     2
<html lang="en">
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     3
  <head>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     4
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     5
    <title>RSLN  - Live Video and Annotation</title>
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
     6
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
     7
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
     8
	<!-- JAVASCRIPT --> 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
     9
	<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
    10
	<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
    11
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    12
	<!-- Framework CSS -->
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    13
    <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
    14
    <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
    15
	<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
    16
	<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
    17
	
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    18
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    19
	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    20
	<!-- FONT -->
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    21
	<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
    22
	<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
    23
	<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
    24
	<style type="text/css"> 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    25
		.tweetButton{float:left;margin-right:5px;}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    26
		.videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:638px;}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    27
		.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
    28
					
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    29
					.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
    30
		.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
    31
		.tooltip{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    32
			 z-index: 10000000000;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    33
		}
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    34
		#tip{
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    35
			 position : absolute;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    36
			 padding : 3px;
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    37
			 z-index: 10000000000;
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    38
			 max-width: 200px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    39
		}	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    40
		#tip {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    41
				display: none;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    42
				background: transparent url("images/white_arrow_long.png");
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    43
				font-size: 12px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    44
				height: 125px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    45
				width: 180px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    46
				padding: 10px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    47
				padding-left: 15px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    48
				padding-top: 15px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    49
				padding-right: 15px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    50
				color: black;
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    51
				z-index: 10000000000;
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    52
				font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    53
				overflow:hidden;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    54
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    55
		#chartTimeline{
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    56
			padding-top: 410px;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    57
			z-index: 100000;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    58
			position : absolute;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    59
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    60
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    61
	</style>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    62
  </head>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    63
  
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    64
  	<script type="text/javascript">	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    65
	// CHART TIMELINE / VERSION PROTOTYPE  ::
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    66
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    67
	// configuration 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    68
	var config = {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    69
					target:"chartTimeline",
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    70
					x:8,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    71
					y:418,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    72
					width:650,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    73
					height:70,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    74
					heightmax:70
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    75
					}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    76
	// Make and define the Raphael area
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    77
	//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
    78
		
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    79
	function ChartTimeLine (){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    80
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    81
		//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
    82
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    83
		//paper.rect(0,20,1,1).attr({fill:"#fff",stroke: "none"});	
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    84
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    85
		// variable 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    86
		
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    87
		var yCoef	  		= 2; 					// coef for height of 1 tweet 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    88
		var frameSize 		= 5; 					// frame size 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    89
		var margin 	  		= 1;					// marge between frame
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    90
		var lineSize  		= 650;				// timeline pixel width 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    91
		var nbrframes 		= lineSize/frameSize; // frame numbers
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    92
		var numberOfTweet 	= 0;				// number of tweet overide later 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    93
		var duration  		= 4299820 ;			// timescale width 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
    94
		var frameLenght 	= lineSize/frameSize;// frame timescale	
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    95
		var timeline;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    96
		var colors  = new Array("","#1D973D","#C5A62D","#CE0A15","#036AAE","#585858");
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    97
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    98
		// array 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    99
		var tweets  = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   100
		var element = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   101
		var cluster = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   102
		var frames  = new Array(frameLenght);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   103
		var slices  = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   104
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   105
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   106
		// Classes =======================================================================
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   107
		var Frames = function(){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   108
			
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   109
			var Myclusters;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   110
			var x;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   111
			var y;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   112
			var width;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   113
			var height;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   114
		};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   115
		Frames = function(json){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   116
			// make my clusters
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   117
			// ou Frame vide 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   118
		};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   119
		Frames.prototype.draw = function(){
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.zoom = 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.inside = 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
		var Clusters = function(){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   126
			var Object;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   127
			var yDist;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   128
			var x;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   129
			var y;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   130
			var width;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   131
			var height;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   132
		};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   133
		Clusters = function(json){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   134
			// make my object
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   135
		};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   136
		var Tweet = function(){
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
		// Classes =======================================================================
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
		// trace function 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   141
		var traceNum = 0;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   142
		function trace(msg,value){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   143
			traceNum += 1;
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   144
			__IriSP.jQuery("<div>"+traceNum+" - "+msg+" : "+value+"</div>").appendTo("#output");
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   145
		}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   146
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   147
		// Refactoring (parametere) ************************************************************
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   148
		// color translastion
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   149
		function colorTranslation(value){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   150
			if(value == "Q"){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   151
				return 2;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   152
			}else if(value =="REF"){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   153
				return 4;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   154
			}else if(value =="OK"){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   155
				return 1;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   156
			}else if(value =="KO"){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   157
				return 3;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   158
			}else if(value ==""){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   159
				return 5;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   160
			}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   161
		}
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
		// Refactoring (parametere) ************************************************************
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   165
		// load tweets send in parameters 
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   166
		__IriSP.jQuery.ajax({
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   167
		  dataType: "jsonp",
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   168
		  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
   169
		  success : function(json){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   170
			trace("load","");
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   171
				__IriSP.jQuery.each(json.annotations, function(i,item) {
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   172
					
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   173
					var MyTime  = Math.floor(item.begin/duration*lineSize);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   174
					var Myframe = Math.floor(MyTime/lineSize*frameLenght);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   175
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   176
					if (item.content['polemics'] != undefined) {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   177
						if (item.content['polemics'][0] != null) {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   178
							
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   179
								for(var j=0; j<item.content['polemics'].length; j++){
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
										tweets[numberOfTweet] = {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   182
													id:i,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   183
													qualification:colorTranslation(item.content['polemics'][j]),
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   184
													yIndicator:MyTime,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   185
													yframe:Myframe,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   186
													title:item.content['title'],
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   187
													timeframe:item.begin
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   188
													}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   189
										numberOfTweet+=1;
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
						}else{
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   192
							//trace("k = ",i);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   193
							tweets[numberOfTweet] = {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   194
										id:i,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   195
										qualification:colorTranslation(""),
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   196
										yIndicator:MyTime,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   197
										yframe:Myframe,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   198
										title:item.content['title'],
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   199
										timeframe:item.begin
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   200
							}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   201
							numberOfTweet+=1;
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
						
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   204
					} else {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   205
						//trace("tweet qualification = ","null");
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   206
					}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   207
				});	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   208
			trace("======= ",numberOfTweet);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   209
		   DrawTweets ();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   210
		   
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   211
		  }
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
		// tweet Drawing (in raphael) 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   216
		function DrawTweets (){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   217
		// GROUPES TWEET ============================================
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   218
		// 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
   219
			numberOfTweet = tweets.length;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   220
			for(var i=0; i<nbrframes; i++) {	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   221
				for(var j=0; j<numberOfTweet; j++) {	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   222
				
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   223
					if (i==tweets[j].yframe){
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
						var k = tweets[j].qualification;
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
						// make array for frame cluster
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   228
						if(frames[i]==undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   229
							frames[i] = {id:i,
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   230
										 qualifVol:new Array(),
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   231
										 mytweetsID:new Array()
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   232
										};
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   233
						}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   234
						// add my tweet to frame
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   235
						frames[i].mytweetsID.push(tweets[j]);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   236
						
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   237
						// count opinion by frame
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   238
						if( frames[i].qualifVol[k] == undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   239
							frames[i].qualifVol[k] = 1;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   240
						}else{
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
						}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   243
						
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
		// GROUPES TWEET ============================================		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   249
		// max of tweet by Frame 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   250
			var max = 0; 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   251
			for(var i=0; i<nbrframes; i++) {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   252
				var moy	= 0;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   253
				for (var j=0; j<6; j++){		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   254
					if (frames[i]!=undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   255
						if (frames[i].qualifVol[j]!=undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   256
							moy += frames[i].qualifVol[j]
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   257
						}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   258
					}
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
				//trace("frame "+i,moy);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   261
				if (moy>max){max=moy;}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   262
			}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   263
		
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   264
			var tweetDrawed = new Array();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   265
			var TweetHeight = 5;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   266
			// DRAW  TWEETS ============================================
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   267
			for(var i=0; i<nbrframes;i++) {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   268
				var addEheight = 5;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   269
				if (frames[i]!=undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   270
					trace (i+" k=",frames[i].mytweetsID.length);
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   271
					// by type 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   272
					for (var j=6; j>-1; j--){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   273
						if (frames[i].qualifVol[j]!=undefined){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   274
							// show tweet by type 
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   275
							for (var k=0; k<frames[i].mytweetsID.length; k++){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   276
								if (frames[i].mytweetsID[k].qualification==j){
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   277
									e = paper.rect( i*frameSize, 					// x
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   278
													config.heightmax-addEheight,	// y
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   279
													frameSize-margin,				// width
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   280
													TweetHeight						// height
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   281
													).attr({stroke:"#00","stroke-width":0.1,  fill: colors[j]});	
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   282
									addEheight +=TweetHeight;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   283
									e.time= frames[i].mytweetsID[k].timeframe;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   284
									e.title= frames[i].mytweetsID[k].title;
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   285
									e.mouseover(function () {
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   286
										//this.attr({stroke:"#fff","stroke-width":5});
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   287
										//this.toFront();
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   288
									}).mouseout(function () {
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   289
										//this.attr({stroke:"#00","stroke-width":0.1});	
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   290
									}).mousedown(function () {
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   291
										__IriSP.MyApiPlayer.seek(this.time/1000)
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   292
									});
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   293
									__IriSP.jQuery(e.node).attr('id', 't'+k+'');
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   294
									__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
   295
									__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
   296
									var tempPosition = {x:i*frameSize,y:config.heightmax-addEheight}
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   297
									addTip(e.node, frames[i].mytweetsID[k].title,colors[j],tempPosition);
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   298
									//frames[i].mytweetsID.pop();
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   299
								}
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   300
							}
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
				}
53
e9f4dc2d3fc4 SAM BIDOUILLAGE DE RENAME BONNE VERSION
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 52
diff changeset
   304
				PaperSlider.toFront();
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   305
			}
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   306
				
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
		PaperSlider.toFront();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   310
	}
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
	$(document).mousemove(function(e){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   314
		if (over){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   315
			__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
   316
			__IriSP.jQuery("#tipcolor").css("background-color", tipColor)
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   317
			__IriSP.jQuery("#tiptext").text(tipText);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   318
			__IriSP.jQuery("#tip").show();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   319
		}else{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   320
			 __IriSP.jQuery("#tip").css("left", -10000).css("top", -100000);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   321
			 //tweetSelection.attr({x:-100,y:-100});
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   322
		}
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   323
	});
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
	var over 	 = false;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   326
	var tipText  = "";
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   327
	var tipColor = "#efefef";
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   328
	var tweetSelection;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   329
	var PaperSlider;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   330
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   331
	// AddTip  ******************************************************************************
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   332
	function addTip(node, txt,color,tempPosition){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   333
			__IriSP.jQuery(node).mouseover(function(){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   334
			   tipText = txt;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   335
			   //tip.hide();//fadeIn(0);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   336
			   tipColor = color;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   337
			   over = true;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   338
			   //tweetSelection.attr(tempPosition);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   339
			   //tweetSelection.toFront();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   340
			}).mouseout(function(){
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   341
			   //tip.show()//tip.fadeOut(0);
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   342
			   over = false;
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   343
			});
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   344
			
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   345
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
	
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   348
		$(document).ready(function() {
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   349
			var tip 	 = __IriSP.jQuery("#tip").hide();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   350
			//ChartTimeLine();
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   351
			
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
	</script>	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   354
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   355
  <body>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   356
  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   357
<!-- SCRIPT RAPHAEL -->
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   358
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
  <!-- tooltip --> 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   362
  <div id="tip">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   363
  <div id="tipcolor" style="height:10px;width:10px"></div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   364
  <div id="tiptext"></div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   365
  </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   366
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
    <div class="container">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   373
	
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
      <img src="images/ENMI_2010_logo.gif" class="logo">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   377
	  <ul class="menu"> 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   378
		  <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
   379
		  <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
   380
		  <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
   381
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   382
	  </ul>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   383
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
	  <div class="tweetExplain"  >
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   390
		<h3 class="tweetWriterTitle">Annotations pol&eacute;mique : </h3><br/>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   391
		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
   392
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
   393
l'auditoire durant la conférence.
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   394
<br/><br/>
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   395
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   396
	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
   397
	<table>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   398
	<tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   399
	<td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   400
			<a 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   401
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   402
					id="positive"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   403
					title="accord"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   404
					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
   405
	</tr>
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
	<td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   408
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   409
					<a 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   410
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   411
					id="negative"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   412
					title="désaccord"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   413
					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
   414
	</tr>
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
	<td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   417
					<a
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   418
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   419
					id="reference"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   420
					title="reference"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   421
					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
   422
	</tr>
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
	<td>			
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   425
					<a 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   426
					
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   427
					id="question"  
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   428
					title="question"
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   429
					class="tweetButton"> ??</a></td><td> à une question</td>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   430
	</tr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   431
	</table>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   432
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   433
	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
   434
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   435
		<br/><br/>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   436
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
   437
		<br/>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   438
		<br/>Merci a RSLN pour cette expérimentation !
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   439
	  </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   440
  
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
	  <div class="videoLive" >
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   446
		<div class="videoLivePlayer">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   447
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   448
		<div id="chartTimeline"> </div>	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   449
		<script type="text/javascript">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   450
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
   451
			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
   452
			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
   453
			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
   454
			// decalage 
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   455
			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
   456
		</script>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   457
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   458
		<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
   459
		<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
   460
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   461
			<script type="text/javascript">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   462
				var configMP = {
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   463
						/*metadata:{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   464
							format:'cinelab',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   465
							src:'metadata.json',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   466
							load:'json'},*/
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   467
						metadata:{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   468
							format:'cinelab',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   469
							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
   470
							load:'jsonp'},
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   471
						gui:{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   472
							width:650,
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   473
							height:480,
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   474
							mode:'video',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   475
							container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   476
							debug:false,
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   477
							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
   478
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   479
						player:{
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   480
							type:'jwplayer',
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   481
							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
   482
					};
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   483
				__IriSP.init(configMP);     
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   484
			</script>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   485
			
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   486
		</div>	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   487
		
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   488
	  </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   489
 
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
      <div class="footer">
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   495
		<hr>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   496
		 <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
   497
 IRI </a>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   498
		 |  <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
   499
		 |  <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
   500
		 |  <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
   501
	  </div>   
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   502
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   503
    </div>
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   504
	
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   505
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   506
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
  </body>
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   510
</html>