web/rsln/polemicaltimeline3.php
author Samuel Huron <samuel.huron@centrepompidou.fr>
Wed, 06 Apr 2011 16:26:16 +0200
changeset 99 6cb4d10f0b8b
parent 86 web/rsln/polemicaltimeline.php@8281437aff1f
child 100 32898b2c8e9c
permissions -rw-r--r--
NEW WEBSITE WITH : HOME / ABOUT / CLIENT.PHP
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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>
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
     6
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
     7
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
     8
	<!-- JAVASCRIPT --> 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
     9
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    10
	<script type="text/javascript" src="res/raphael/raphael-min.js"></script>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    11
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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">
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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;}
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    31
		.tooltip{
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    32
			 z-index: 10000000000;
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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;
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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;
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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
  
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    64
  	<script type="text/javascript">	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    75
					}
50
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);
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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);
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    82
		
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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
		
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    87
		var yCoef	  		= 2; 					// coef for height of 1 tweet 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    88
		var frameSize 		= 5; 					// frame size 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    89
		var margin 	  		= 1;					// marge between frame
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    90
		var lineSize  		= 650;				// timeline pixel width 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    91
		var nbrframes 		= lineSize/frameSize; // frame numbers
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    92
		var numberOfTweet 	= 0;				// number of tweet overide later 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
    93
		var duration  		= 4299820 ;			// timescale width 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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(){
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   120
		}
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   121
		Frames.prototype.zoom = function(){
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   122
		}
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   123
		Frames.prototype.inside = function(){
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   124
		}
50
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(){
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   137
		}
50
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;
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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 
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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","");
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   188
													}
50
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
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   200
							}
50
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){
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   256
							moy += frames[i].qualifVol[j]
50
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();
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   265
			var TweetHeight = 5;
50
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 () {
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   286
										//this.attr({stroke:"#fff","stroke-width":5});
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   287
										//this.toFront();
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   288
									}).mouseout(function () {
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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 () {
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   291
										__IriSP.MyApiPlayer.seek(this.time/1000)
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   292
									});
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   293
									__IriSP.jQuery(e.node).attr('id', 't'+k+'');
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   294
									__IriSP.jQuery(e.node).attr('title', frames[i].mytweetsID[k].title);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   295
									__IriSP.jQuery(e.node).attr('begin',  frames[i].mytweetsID[k].timeframe);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   296
									var tempPosition = {x:i*frameSize,y:config.heightmax-addEheight}
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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
				}
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   304
				PaperSlider.toFront();
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   305
			}
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   306
				
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   307
		}
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   308
	//
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   309
		PaperSlider.toFront();
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   310
	}
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   311
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   312
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   313
	$(document).mousemove(function(e){
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   314
		if (over){
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   315
			__IriSP.jQuery("#tip").css("left", e.pageX-106).css("top", e.pageY-160);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   316
			__IriSP.jQuery("#tipcolor").css("background-color", tipColor)
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   317
			__IriSP.jQuery("#tiptext").text(tipText);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   318
			__IriSP.jQuery("#tip").show();
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   319
		}else{
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   320
			 __IriSP.jQuery("#tip").css("left", -10000).css("top", -100000);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   321
			 //tweetSelection.attr({x:-100,y:-100});
52
d522fd390921 TEST SUR IE 9
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 50
diff changeset
   322
		}
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   323
	});
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   324
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   325
	var over 	 = false;
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   326
	var tipText  = "";
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   327
	var tipColor = "#efefef";
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   328
	var tweetSelection;
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   329
	var PaperSlider;
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   330
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   331
	// AddTip  ******************************************************************************
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   332
	function addTip(node, txt,color,tempPosition){
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   333
			__IriSP.jQuery(node).mouseover(function(){
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   334
			   tipText = txt;
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   335
			   //tip.hide();//fadeIn(0);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   336
			   tipColor = color;
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   337
			   over = true;
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   338
			   //tweetSelection.attr(tempPosition);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   339
			   //tweetSelection.toFront();
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   340
			}).mouseout(function(){
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   341
			   //tip.show()//tip.fadeOut(0);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   342
			   over = false;
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   343
			});
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   344
			
52
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
	
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   348
		$(document).ready(function() {
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   349
			var tip 	 = __IriSP.jQuery("#tip").hide();
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   350
			//ChartTimeLine();
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   351
			
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   352
		});
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   353
	</script>	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   354
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   355
  <body>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   356
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   357
<!-- SCRIPT RAPHAEL -->
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   358
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   359
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   360
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   361
  <!-- tooltip --> 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   362
  <div id="tip">
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   363
  <div id="tipcolor" style="height:10px;width:10px"></div>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   364
  <div id="tiptext"></div>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   365
  </div>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   366
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   367
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   368
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   369
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   370
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   371
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   372
    <div class="container">
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   373
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   374
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   375
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   376
      <img src="images/ENMI_2010_logo.gif" class="logo">
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   377
	  <ul class="menu"> 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   378
		  <li class="menuUnderline"><a href="index.php" class="menuLink" id="About"> À propos</a></li>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   380
		  <li  ><a href="polemicaltimeline.php" class="menuLink">Lecteur polémique</a></li>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   381
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   382
	  </ul>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   383
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   384
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   385
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   386
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   387
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   388
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   389
	  <div class="tweetExplain"  >
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   390
		<h3 class="tweetWriterTitle">Annotations pol&eacute;mique : </h3><br/>
99
6cb4d10f0b8b NEW WEBSITE WITH : HOME / ABOUT / CLIENT.PHP
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 86
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.
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   392
Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   393
l'auditoire durant la conférence.
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   394
<br/><br/>
50
a1636b31eb98 polemical timeline
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   395
60
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   396
	Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   397
	<table>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   398
	<tr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   399
	<td>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   400
			<a 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   401
					
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   402
					id="positive"
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   403
					title="accord"
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   404
					class="tweetButton">++</a> </td><td>correspond à un tweet d’assentiment</td>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   405
	</tr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   406
	<tr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   407
	<td>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   408
					
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   409
					<a 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   410
					
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   411
					id="negative"
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   412
					title="désaccord"
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   413
					class="tweetButton">--</a></td><td> à un tweet de désaccord,</td>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   414
	</tr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   415
	<tr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   416
	<td>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   417
					<a
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   418
					
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   419
					id="reference"
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   420
					title="reference"
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   421
					class="tweetButton">==</a></td><td> à un tweet de référence</td>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   422
	</tr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   423
	<tr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   424
	<td>			
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   425
					<a 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   426
					
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   427
					id="question"  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   428
					title="question"
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   429
					class="tweetButton"> ??</a></td><td> à une question</td>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   430
	</tr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   431
	</table>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   432
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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.
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   434
		
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   435
		<br/><br/>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   437
		<br/>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   438
		<br/>Merci a RSLN pour cette expérimentation !
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   439
	  </div>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   440
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   441
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   442
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   443
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   444
  
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   445
	  <div class="videoLive" >
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   446
		<div class="videoLivePlayer">
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   447
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   448
		<div id="chartTimeline"> </div>	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   449
		<script type="text/javascript">
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   450
var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   451
			paper.rect(0,20,config.width,config.heightmax-20).attr({fill:"#fff","stroke-width":0.1,opacity: 0.1});	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   452
			paper.rect(0,20,config.width,2).attr({fill:"#fff",stroke: "none",opacity: 1});	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   453
			PaperSlider = paper.rect(0,20,1,50).attr({fill:"#fff",stroke: "none",opacity: 1});	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   454
			// decalage 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   455
			tweetSelection = paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1});	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   456
		</script>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   457
		
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   458
		<script type='text/javascript' src='res/metadataplayer/src/js/LdtPlayer.js'></script>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   459
		<div id="player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed" class="iri_player_embed"> </div>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   460
		
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   461
			<script type="text/javascript">
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   462
				var configMP = {
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   463
						/*metadata:{
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   464
							format:'cinelab',
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   465
							src:'metadata.json',
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   466
							load:'json'},*/
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   467
						metadata:{
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   468
							format:'cinelab',
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   469
							src:'http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02',
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   470
							load:'jsonp'},
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   471
						gui:{
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   472
							width:650,
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   473
							height:480,
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   474
							mode:'video',
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   475
							container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed',
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   476
							debug:false,
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   477
							css:'http://amateur.iri.centrepompidou.fr/live/rsln/res/css/LdtPlayer.css'},
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   478
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   479
						player:{
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   480
							type:'jwplayer',
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   481
							src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'}
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   482
					};
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   483
				__IriSP.init(configMP);     
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   484
			</script>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   485
			
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   486
		</div>	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   487
		
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   488
	  </div>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   489
 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   490
 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   491
 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   492
 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   493
 
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   494
      <div class="footer">
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   495
		<hr>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   496
		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   497
 IRI </a>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   498
		 |  <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN  </a>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   499
		 |  <a href="http://www.slate.fr/" class="footerLink"  target="_blank"> SLATE.fr  </a>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   500
		 |  <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr  </a>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   501
	  </div>   
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   502
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   503
    </div>
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
diff changeset
   504
	
3c280a86e5c1 complete previous merge
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 59
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>