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