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