tweet_live: web/rsln/polemicaltimeline.php@162c1de6545a (annotated)

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

author	Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
	Fri, 11 Mar 2011 15:05:35 +0100
changeset 64	162c1de6545a
parent 62	669463794f93
child 86	8281437aff1f
permissions	-rw-r--r--