--- a/web/rsln-opendata/custom.css Wed Apr 06 17:53:16 2011 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,95 +0,0 @@
-/* -----------------------------------------------------------------------
-
-
- IRI - Live tweet annotation CSS
- http://www.iri.centrepompidou.fr
-
- * Copyright (c) 2010-Present. See LICENSE for more info. (cecill-C)
- * Contributor : Samuel Huron
-
------------------------------------------------------------------------ */
-
-body {background-image:url(images/bgd.jpg);background-repeat:repeat-x;background-color:#f7f6f6;font-family: 'PT Sans', arial, serif; }
-textarea {margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(images/tweetWriterBgdTxtArea.gif);background-repeat:no-repeat;border: none;}
-.loginbutton{margin-left:3px;height: 60px;width: 330px;padding:5px;background-image:url(images/tweetWriterBgdUnconnect.gif);background-repeat:no-repeat;border: none;margin-bottom:10px;color:#fff;}
-.loginlink{text-decoration:none;color:#fff;}
-.menuLink:active {text-decoration:none;}
-.menuLink:visited {text-decoration:none;}
-h3{font-size: 1.5em;line-height: 1;margin-bottom: 0.3em;}
-
-#Aboutbox{background-image:url(images/about_bgd.jpg);background-repeat:no-repeat;width:600px;height:360px;overflow:auto; border:1px solid #fff;}
-.lightBorder{padding:20px;}
-.lightTitle{font-size: 48px;font-weight:900;color:#e6e6e6;font-family: 'Geo', arial, serif;line-height:80%}
-.lightSubTitle{font-size: 24px;font-weight:bold;color:#262626; width:250px;line-height:80%}
-.lightDescription{font-size: 12px;color:#000; width:288px;text-align:justify;margin-top:15px;}
-.lightButton{width:134px;height:22px;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;}
-.lightButton:active{width:134px;height:22px;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;}
-.lightButton:over{text-decoration:none;background-image:url(images/bt_bgd_grey.jpg);background-repeat:no-repeat;}
-
-
-.logo{padding-right:10px;float:left;}
-.menu{float:left;height:62px;border-left:1px solid #c3c3c3;list-style-type:none;padding:0px;margin:0px;}
-.menuUnderline{margin-left:0px;padding-left:0px;background-image:url(images/menu_underline.gif);background-repeat:no-repeat;background-position:left bottom; width:205px;margin-top:3px;}
-.menuLink{text-decoration:none; margin:5px; color:#000}
-.menuLink:active {text-decoration:none;}
-.menuLink:visited {text-decoration:none;}
-
-.tweetContainer{position:absolute; margin-top:70px;}
-.tweetWriter{background-image:url(images/tweetWriterBgd.gif);width:359px;height:136px;padding:10px;position:absolute; margin-top:70px;}
-.tweetWriterTitle{color:4b4b4b;font-family: 'PT Sans Narrow', arial, serif;}
-.tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:359px;height:510px;padding:10px;position:absolute; margin-top:70px;}
-
-.tweetReader{width:377px;height:450px;position:absolute; margin-top:225px;border:1px solid #c3c3c3;background:#ffffff;}
-.tweetButton{float:right;margin-right:5px;}
-
-.timelinePlayer{border:1px solid #c3c3c3;width:650px;height:650px;}
-.videoLivePlayer{border:1px solid #c3c3c3;width:500px;height:375px;}
-.videoLive{width:500px;height:378px;background:#fff;float:left;margin-top:20px;padding:5px;}
-.videoLiveProgram{width:500px;margin-top:425px;margin-left:392px;position:absolute;}
-.videoLiveProgram2{width:500px;margin-top:470px;margin-left:392px;position:absolute;}
-
-.videoLiveProgramTitle{color:#4b4b4b;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.5em;padding:5px;border:1px solid #c3c3c3;background-color:#efefef;background-image:url(images/bgdTitle.jpg);background-repeat:no-repeat;}
-.videoLiveProgramDescription{padding:5px;border:1px solid #c3c3c3;padding:5px;border-top:none;background-color:#fff;background-image:url(images/bgdDescription.jpg);background-repeat:no-repeat;height:163px;overflow:scroll;}
-
-
-.footer{margin-top:700px;width:960px;height:20px;position:absolute;text-align:center;}
-.footerLink{text-decoration:none; margin:5px; color:#000;font-family: 'PT Sans Narrow', arial, serif;font-size: 1.1em;}
-.footerLink:active {text-decoration:none;}
-.footerLink:visited {text-decoration:none;}
-
-.tooltip {display:none;background:transparent url(images/white_arrow.png);font-size:12px;height:70px;width:160px;padding:25px;color:#000;}
-
-.timeline{height:28px;border: 1px solid #ccc;}
-.timeFragment {float:left;position:relative;float:left;}
-.timeFrame {border-left: 1px solid #AAA;border-right: 1px solid #AAA;height:10px;float:left;position:relative;}
-.bigTimeFrame {border-right: 1px solid #ccc;float:left;position:relative;}
-
-.arrowContainer{height:10px;width:100%;}
-
-.cleaner {clear:both;}
-.txt{visibility:hidden;}
-
-
-.clear { /* generic container (i.e. div) for floating buttons */
- overflow: hidden;
- width: 100%;
-}
-
-a.button_w { background: transparent url('images/bg_button_a_w.png') no-repeat scroll top right; color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;}
-a.button_w span { background: transparent url('images/bg_button_span_w.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;}
-
-a.button_b { background: transparent url('images/bg_button_a_b.png') no-repeat scroll top right; color: #fff;display: block;float: left;font: bold 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;}
-a.button_b span { background: transparent url('images/bg_button_span_b.png') no-repeat; display: block;line-height: 14px; padding: 5px 0 5px 18px;}
-
-#question{background: transparent url('images/bt_blue.png') no-repeat; width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
-#question:active {text-decoration:none;}
-#question:visited {text-decoration:none;}
-#reference{background: transparent url('images/bt_yellow.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
-#reference:active {text-decoration:none;}
-#reference:visited {text-decoration:none;}
-#positive{background: transparent url('images/bt_green.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
-#positive:active {text-decoration:none;}
-#positive:visited {text-decoration:none;}
-#negative{background: transparent url('images/bt_red.png') no-repeat;width:32px;height:20px;text-decoration: none;font: normal 12px;color: #444;text-align:center; }
-#negative:active {text-decoration:none;}
-#negative:visited {text-decoration:none;}
--- a/web/rsln-opendata/index - Copie.php Wed Apr 06 17:53:16 2011 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,540 +0,0 @@
-<?php
-
-/**
- * include some common code (like we did in the 90s)
- * People still do this? ;)
- */
-include_once './common.php';
-
-/**
- * Do we already have a valid Access Token or need to go get one?
- */
-if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
- /**
- * Guess we need to go get one!
- */
- $token = $consumer->getRequestToken();
- $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
-
- /**
- * Now redirect user to Twitter site so they can log in and
- * approve our access
- */
- $consumer->redirect();
-}
-
-?>
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>RSLN - Live Video and Annotation</title>
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
-
- <!-- Framework CSS -->
- <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
- <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
-
- <!-- Import fancy-type plugin for the sample page. -->
-
- <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
- <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript" src="res/metadataplayer/res/js/jquery.tools.min.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
- <script type="text/javascript" src="res/niceforms/niceforms.js"></script>
- <script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
- <!-- FONT -->
- <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
-
- <script type="text/javascript">
- $(document).ready(function() {
-
- doTimer();
- //$("txt").hide();
- $(".loginbutton").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
- $("#IDENTIFIER").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
-
- $("#messageSuccess").hide();
- $("#messageFailed").hide();
- $("#txt").hide();
-
- // BUTTONS
- $("#positive").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"++ ");
- });
- $("#negative").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"-- ");
- });
- $("#reference").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"== ");
- });
- $("#question").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"?? ");
- });
-
- // SEND TWEETS
- $("#sendTweet").click(function(){
- var MyStatus = $('#status').attr("value");
- $.post('tweet_ajax.php', {status:MyStatus}
- ,function(data) {
-
- if(data=="true"){
- $("#messageSuccess").show('fast');
- $("#messageSuccess").delay(800).hide('slow');
- $('#status').attr("value","#opendata");
- //$('#status').css("background-image","images/greenTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }else{
- $("#error").text(data);
- $("#messageFailed").show('fast');
- $("#messageFailed").delay(800).hide('slow');
- //$('#status').css("background-image","images/redTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }
-
- });
-
- });
-
- $(".timeFrame").tooltip();
- /*
- * Lightbox button
- */
- $("#About").fancybox({
- 'titlePosition' : 'inside',
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'enableEscapeButton': 'none',
- 'margin' : 1,
- 'padding' : 0
- }<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){echo(").trigger('click');");}else{echo(");");} ?>
-
-
- $("#Program").fancybox({
- 'width' : '75%',
- 'height' : '75%',
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#Video_ldt").fancybox({
- 'width' : 1021,
- 'height' : 661,
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#ACCES").click(function() {
- $.fancybox.close();
- });
-
- // Buttons
- $("#tf0").click(function() {
-
- $(".videoLiveProgramTitle").html("<b>9h30- 13h00 :</b> Imaginaires Industriels et hyperminiaturisation");
- $(".videoLiveProgramDescription").html("En partant de la Loi de Moore, premier story-telling mondial, on analysera comment les road-maps, et notamment celles des entreprises liées aux nanotechnologies, structurent le temps de l’innovation en construisant des récits du futur. On examinera dans quelle mesure ces récits font émerger un nouvel imaginaire industriel.<br><br><b>9h30-12h30</b><br>Introduction de Bernard Stiegler (IRI)<br>Intervenants : Sacha Loeve (Paris I),<br>Françoise Roure (Ministère de l’Industrie)<br><b>12h30-13h00</b><br>Table ronde animée par Sacha Loeve (Paris I)");
- });
-
- $("#tf1").click(function() {
- $(".videoLiveProgramTitle").html("<b>13h00- 14h30 :</b> Pause déjeuner");
- $(".videoLiveProgramDescription").html("");
- });
-
- $("#tf2").click(function() {
- $(".videoLiveProgramTitle").html("<b>14h30- 16h50 :</b> Imaginaires Scientifiques");
- $(".videoLiveProgramDescription").html("Les imaginaires scientifiques sont, dans le champ des nanotechnologies, une composante en soi de la recherche et héritent de généalogies différentes. Ces imaginaires ne sont pas qu’une affaire de « perception » des sciences et des technologies : ils s’élaborent dès le laboratoire par l’invention de nouvelles manières de produire des images de l’invisible. Nous proposons d’appréhender ces imaginaires : d’une part, par le truchement des objets de laboratoire, médiateurs obligés de nos rapports au « nanomonde » ; d’autre part, par le vecteur de la production/diffusion des images.<br><br><b>Introduction : </b><br> Sacha Loeve (Paris I),<br><br><b>Dialogues : </b><br>Andrew Mayne (Univ. Paris Sud) et Catherine AllamelRaffin (Univ. de Strasbourg)<br>Christian Joachim (CEMES) et Sacha Loeve (Paris I)<br>Laurent Gouzènes (Consultant) et Jean-Luc Beylat (Alcatel Bell)");
- });
-
- $("#tf3").click(function() {
- $(".videoLiveProgramTitle").html("<b>17h00- 19h00 :</b> Imaginaires Anthropologiques");
- $(".videoLiveProgramDescription").html("L’homme est un être prothétique : il s’est humanisé en se projetant dans des outils. Son évolution s’est faite dans le sens d’une extériorisation de ses différentes fonctions biologiques. Or, les nanobiotechnologies – vecteurs médicamenteux, nanodispositifs de type biopuce, nanoimplants – nous confrontent à une situation inédite : qu’en est-il du sens de l’évolution humaine dès lors que les artefacts investissent le corps ? On s’appuiera sur des recherches en cours pour interroger les représentations de l’homme futur et la prothéticité.<br><br><b>17h00-18h30</b><br>Introduction & Modération par Xavier Guchet (Paris I)<br>Intervenants : Daniela Cerqui (Univ. de Lausanne), José-Alain <br>Sahel (Institut de la vision), Patrick Couvreur (Collège de France)<br><br><b>18h30-19h00</b><br>Table-ronde animée par Xavier Guchet et Bernard Stiegler");
-
- });
-
- $("#tf4").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
- $(".videoLiveProgramDescription").html("<b>19h00</b><br>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
-
- });
-
- // ----
- // day 2
-
- $("#tf5").click(function() {
- $(".videoLiveProgramTitle").html("<b>9h30- 12h30 :</b> Design et outils de représentation");
- $(".videoLiveProgramDescription").html("Les nanos posent des questions inédites aux designers. Ceux-ci sont confrontés, d’une part, à un renouvellement des rapports habituels entre forme et matière : en effet, si le design est l’art et la manière de donner forme aux objets, à la nano-échelle, la matière se présente comme un ensemble de formes, d’information et de processus qu’il faut associer à la démarche désignante. D’autre part, les nanos posent à nouveau frais la question des usages : en effet, le nanomonde ne s’appréhende que par des outils de médiation du réel (instrumentation, discrétisation, représentation de données, simulation, transmodalité). Or, s’il ne peut pas y avoir, à proprement parler, de design d’objets nanométriques, mais de design d’objets intégrant des nanos, comment les designers donnent-ils sens à l’intégration de cette nouvelle dimension ? <br><br><b>9h30-10h45</b><br><br>Introduction de Alain Cadix (ENSCI)<br>Intervenants : Patrick Pajon (Centre de Recherche sur l’Imaginaire), Sylvie Tissot (Quantum design)<br><b>11h00-12h00</b><br><br>Projection du film Puissances de dix (1977) de Charles et Ray Eames <br>Modération par Jean-Louis Fréchin (ENSCI)<br>Intervenants : Gilles Belley et Jean-François Dingjian, Designers<br><b>12h00-12h30</b><br>Modération par Marie-Virginie Berbet, designer<br>Présentation du travail des élèves designers sur design/nano et <br>biotechnologies dans le cadre d’un studio expérimental à l’ENSCILes Ateliers");
-
- });
-
- $("#tf6").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 14h00 :</b> Repas");
- $(".videoLiveProgramDescription").html("");
-
- });
-
- $("#tf7").click(function() {
- $(".videoLiveProgramTitle").html("<b>14h00- 19h00 :</b> Imaginaire politique et ingénierie du débat public");
- $(".videoLiveProgramDescription").html("On analysera ici la façon dont les recherches en nanotechnologies sont devenues un « terrain d’expérimentation » pour construire de nouveaux rapports entre science et société et faire émerger une « société de la connaissance ». Or, Cap Digital a mis en place un groupe de travail sur l’innovation sociale et se mobilise sur le développement d’outils de gestion et d’échange de connaissances et de débat. Au-delà de la manière dont le débat sur les nanotechnologies a été géré (sur laquelle on pourra revenir), cette session vise à interroger en quoi le débat sur les nanos, mais, plus largement, la question du principe de précaution, nous obligent à repenser les outils de gestion de crise et de débat public ainsi qu’à poser à nouveaux frais la question fondamentale de la confiance (trust). <br><br><b>14h00-16h00 </b><br>Introduction de Bernard Stiegler<br>Intervenants : Brice Laurent (Commission Européenne), <br>Ermelinde Malcotte (Paris X), Philippe Aigrain (Sopinspace)<br><br><b>16h30-18h30</b><br>Intervenants : Dominique Boullier (Sciences-Po), Jean Sallantin <br>(LIRM), Dorothée Benoit (VivAgora)<br><b>18h30-19h00</b><br>Débat animé par Jean Sallantin");
-
- });
-
- $("#tf8").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
- $(".videoLiveProgramDescription").html("<b>19h00</b>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
-
- });
-
-
- });
-
-
- <!-- LIMIT TEXTAREA:
- function imposemax(Object)
- {
- return (Object.value.length <= 140);
- }
- // End -->
-
- <!-- TIMER
- var c=0;
- var t;
- var timer_is_on=0;
-
- function timedCount()
- {
- document.getElementById('txt').value=c;
- c = c+1;
- t = window.setTimeout("timedCount()",1000);
- $(".twtr-ft").hide();
- $(".twtr-hd").hide();
-
- //twtr-tweet
- $(".twtr-tweet").each(colorTweetings);
-
- }
-
- function colorTweetings (){
- /*
- efc1f0 > violet
- c5e7cd > vert
- f6ced0 > rouge
- bfdbec > blue
- ecedc1 > yellow
- */
- var tweettemp = $(this).html();
- //alert(tweettemp);
- //$(".videoLiveProgramDescription").text(tweettemp);
- //$(".videoLiveProgramTitle").text(tweettemp.search(/\x2D\x2D/));
-
- /*
- <a target="_blank" class="twtr-reply" href="http://twitter.com/?status=@LaurentChic%20&in_reply_to_status_id=12411225795198976&in_reply_to=LaurentChic">reply</a>
- */ //alert("tweettemp");
-
- if (tweettemp.search(/\x3F\x3F/)!=-1){
-
- $(this).css({'background-color': '#bfdbec','color':"#000"});
- }
-
- if (tweettemp.search(/\x2B\x2B/)!=-1){
- $(this).css({'background-color': '#c5e7cd','color':"#fff"});
- }
-
- if (tweettemp.search(/\x2D\x2D/)!=-1){
- $(this).css({'background-color': '#f6ced0','color':"#fff"});
- }
-
- if (tweettemp.search(/\x3D\x3D/)!=-1){
- $(this).css({'background-color': '#ecedc1','color':"#000"});
- }
- };
-
-
-
- function doTimer()
- {
- if (!timer_is_on)
- {
- timer_is_on=1;
- timedCount();
- }
- }
-
- function stopCount()
- {
- clearTimeout(t);
- timer_is_on=0;
- }
- //
-
- //-->
-
-
- </script>
- <script type="text/javascript">
-
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-9955524-3']);
- _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
-
- </script>
-
- </head>
- <body>
- <div class="container">
- <img src="images/ENMI_2010_logo.gif" class="logo">
- <ul class="menu">
- <li class="menuUnderline"><a href="../" class="menuLink" id="About"> Accueil</a></li>
- <li class="menuUnderline" ><a href="http://www.rslnmag.fr/blog/2011/3/13/_nous-en-sommes-2020_toutes-les-donnees-sont-liberees_/" class="menuLink" target="_blank"> Programme</a>
- <li ><a href="polemicaltimeline.php" class="menuLink" >Lecteur polémique</a></li>
-
- </ul>
-
-
- <div class="videoLive">
- <div class="videoLivePlayer">
- <img src="images/bgd_player.jpg" width="500" height="375" />
- </div>
-
- </div>
-
- <div class="videoLiveProgram">
-
- <!--<div class="timeline" style="width:499px;">
-
- <div class="bigTimeFrame"
-
- style="width:253px;">
- <div style="padding-left:5px;">14 dec 2010</div>
- </div>
-
- <div class="bigTimeFrame"
- title="The tooltip text #1"
- style="border-right:none;">
- <div style="padding-left:5px;">15 dec 2010</div>
- </div>
-
- <div class="timeFragment" style="width:253px;">
-
- <div id="tf0"
- class="timeFrame"
- title="<b>9h30- 13h00 :</b><br> Imaginaires Industriels et hyperminiaturisation"
- style="width:27%;background-color:#29b8ed;"></div>
-
- <div id="tf1"
- class="timeFrame"
- title="<b>13h00- 14h30 :</b><br> Repas"
- style="width:13%;background-color:#959595;"></div>
-
- <div id="tf2"
- class="timeFrame"
- title="<b>14h30- 16h50 :</b><br> Imaginaires Scientifiques"
- style="width:14%;background-color:#29b8ed;"></div>
-
- <div id="tf3"
- class="timeFrame"
- title="<b>17h00- 19h00 :</b><br>Imaginaires Anthropologique"
- style="width:17%;background-color:#959595;"></div>
-
- <div id="tf4"
- class="timeFrame"
- title="<b>19h00- 22h00 :</b><br> Soirée"
- style="width:25%;background-color:#29b8ed;"></div>
-
- </div>
- <div class="timeFragment" style="width:245px;">
-
- <div id="tf5"
- class="timeFrame"
- title="<b>9h30-12h30</b> <br>Design et outils de représentation"
- style="width:35%;background-color:#29b8ed;"></div>
-
- <div id="tf6"
- class="timeFrame"
- title="<b>12h30-14h00</b> <br>Repas"
- style="width:10%;background-color:#959595;"></div>
-
- <div id="tf7"
- class="timeFrame"
- title="<b>14h00-19h00</b> <br>Imaginaire politique et ingénierie du débat public"
- style="width:50%;background-color:#29b8ed;"></div>
-
-
- </div>
-
- </div>-->
-
- <div class="arrowContainer">
- <div class="arrow"> </div>
- </div>
-
-
- <!-- -->
-
- <!-- -->
- <div class="videoLiveProgramTitle"><b>L’Open Data, et nous, et nous, et nous ?</b></div>
- <div class="videoLiveProgramDescription">
- <br>
-De quoi le mouvement Open Data est-il le nom ? Et quelles conditions réunir pour enclencher un cercle vertueux autour de cette évolution structurelle du web, qui dessine un monde où la donnée retrouve une valeur, et peut fonder de nouvelles activités, de nouveaux secteurs économiques ?
-
-Microsoft France, avec RSLN et le World e.gov Forum, organisent un atelier de réflexion autour du phénomène Open Data, pendant une demi-journée, le jeudi 17 mars, à partir de 14h30, pour comprendre, et imaginer, ensemble, le monde de l’abondance des données.
-
- </div>
-
-
- </div>
-
- <div class="tweetWriter">
- <h3 class="tweetWriterTitle">Annotations polémique : </h3>
- <form action="tweet.php" method="post" id="statusform" >
- <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'>
- Vous n'êtes pas connecté.<br>
- Pour participer, veuillez vous identifier en cliquant ici. </a></div>");
- }else{
- echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>#opendata</textarea>");
- }
- ?>
-
-
- <div id="messageSuccess" style="background-color:lightgreen;">
- Votre tweet a bien été envoyé !<br><br>
- </div>
-
- <div id="messageFailed" style="background-color:red;">
- Ooups! il y a une erreur vous avez le droit de frapper le developpeur :<div id="error"> </div><br/><br>
- </div>
-
-
-
- <a class="button_w" href="#" id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" ><span>Envoyer</span></a>
- <!--<button name="s" type="button" id="sendTweet"
- style="float:right;margin-right:15px;margin-left:35px;width:70px;" >Envoyer</button>-->
- <a
-
- id="positive"
- title="accord"
- class="tweetButton">++</a>
- <a
-
- id="negative"
- title="désaccord"
- class="tweetButton">--</a>
- <a
-
- id="reference"
- title="reference"
- class="tweetButton">==</a>
- <a
-
- id="question"
- title="question"
- class="tweetButton"> ??</a>
- </form>
- </div>
-
- <div class="tweetReader">
- <script>
- new TWTR.Widget({
- version: 2,
- type: 'search',
- search: '#rsln OR #opendata',
- interval: 1000,
- title: '',
- subject: '',
- width: 377,
- height: 450,
- theme: {
- shell: {
- background: '#ffffff',
- color: '#ffffff'
- },
- tweets: {
- background: '#ffffff',
- color: '#444444',
- links: '#1985b5'
- }
- },
- features: {
- scrollbar: false,
- loop: true,
- live: true,
- hashtags: true,
- timestamp: true,
- avatars: true,
- toptweets: true,
- behavior: 'default'
- }
- }).render().start();
- </script>
- </div>
-
- <div class="footer">
- <hr>
- <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
- IRI </a>
- | <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN </a>
- | <a href="http://wegf.org/" class="footerLink" target="_blank"> World e.gov Forum </a>
- | <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr </a>
- <?php
- if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("| <a href='clear.php' class='footerLink'>Déconnexion</a>");
- }
- ?>
- <input type="text" id="txt" size="3"/>
- </div>
-
-
- </div>
-
- <!-- LIGHTBOX -->
- <div style="display:none;">
- <div id="Aboutbox" >
- <div class="lightBorder">
- <div class="lightTitle" style="height:45px;"> </div>
- <div class="lightSubTitle">Annotation polémique par tweet </div>
- <div class="lightDescription">À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre. <a href="http://amateur.iri.centrepompidou.fr/live/rsln/polemicaltimeline.php" target="_blank"> Voir l'exemple sur la conférence de clay Shirky.</a>
- </div>
- <div>
- <br/>
- <a class="button_b" href="#" id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
- <a class="button_w" href="#" id="ACCES"><span>Libre accès</span></a>
- </div>
- </div>
- </div>
- </div>
-
-
- </body>
-</html>
--- a/web/rsln-opendata/index.php Wed Apr 06 17:53:16 2011 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,540 +0,0 @@
-<?php
-
-/**
- * include some common code (like we did in the 90s)
- * People still do this? ;)
- */
-include_once './common.php';
-
-/**
- * Do we already have a valid Access Token or need to go get one?
- */
-if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
- /**
- * Guess we need to go get one!
- */
- $token = $consumer->getRequestToken();
- $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
-
- /**
- * Now redirect user to Twitter site so they can log in and
- * approve our access
- */
- $consumer->redirect();
-}
-
-?>
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>RSLN - Live Video and Annotation</title>
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
-
- <!-- Framework CSS -->
- <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
- <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
-
- <!-- Import fancy-type plugin for the sample page. -->
-
- <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
- <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript" src="res/metadataplayer/res/js/jquery.tools.min.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
- <script type="text/javascript" src="res/niceforms/niceforms.js"></script>
- <script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
- <!-- FONT -->
- <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
-
- <script type="text/javascript">
- $(document).ready(function() {
-
- doTimer();
- //$("txt").hide();
- $(".loginbutton").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
- $("#IDENTIFIER").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
-
- $("#messageSuccess").hide();
- $("#messageFailed").hide();
- $("#txt").hide();
-
- // BUTTONS
- $("#positive").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"++ ");
- });
- $("#negative").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"-- ");
- });
- $("#reference").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"== ");
- });
- $("#question").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"?? ");
- });
-
- // SEND TWEETS
- $("#sendTweet").click(function(){
- var MyStatus = $('#status').attr("value");
- $.post('tweet_ajax.php', {status:MyStatus}
- ,function(data) {
-
- if(data=="true"){
- $("#messageSuccess").show('fast');
- $("#messageSuccess").delay(800).hide('slow');
- $('#status').attr("value","#opendata");
- //$('#status').css("background-image","images/greenTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }else{
- $("#error").text(data);
- $("#messageFailed").show('fast');
- $("#messageFailed").delay(800).hide('slow');
- //$('#status').css("background-image","images/redTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }
-
- });
-
- });
-
- $(".timeFrame").tooltip();
- /*
- * Lightbox button
- */
- $("#About").fancybox({
- 'titlePosition' : 'inside',
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'enableEscapeButton': 'none',
- 'margin' : 1,
- 'padding' : 0
- }<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){echo(").trigger('click');");}else{echo(");");} ?>
-
-
- $("#Program").fancybox({
- 'width' : '75%',
- 'height' : '75%',
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#Video_ldt").fancybox({
- 'width' : 1021,
- 'height' : 661,
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#ACCES").click(function() {
- $.fancybox.close();
- });
-
- // Buttons
- $("#tf0").click(function() {
-
- $(".videoLiveProgramTitle").html("<b>9h30- 13h00 :</b> Imaginaires Industriels et hyperminiaturisation");
- $(".videoLiveProgramDescription").html("En partant de la Loi de Moore, premier story-telling mondial, on analysera comment les road-maps, et notamment celles des entreprises liées aux nanotechnologies, structurent le temps de l’innovation en construisant des récits du futur. On examinera dans quelle mesure ces récits font émerger un nouvel imaginaire industriel.<br><br><b>9h30-12h30</b><br>Introduction de Bernard Stiegler (IRI)<br>Intervenants : Sacha Loeve (Paris I),<br>Françoise Roure (Ministère de l’Industrie)<br><b>12h30-13h00</b><br>Table ronde animée par Sacha Loeve (Paris I)");
- });
-
- $("#tf1").click(function() {
- $(".videoLiveProgramTitle").html("<b>13h00- 14h30 :</b> Pause déjeuner");
- $(".videoLiveProgramDescription").html("");
- });
-
- $("#tf2").click(function() {
- $(".videoLiveProgramTitle").html("<b>14h30- 16h50 :</b> Imaginaires Scientifiques");
- $(".videoLiveProgramDescription").html("Les imaginaires scientifiques sont, dans le champ des nanotechnologies, une composante en soi de la recherche et héritent de généalogies différentes. Ces imaginaires ne sont pas qu’une affaire de « perception » des sciences et des technologies : ils s’élaborent dès le laboratoire par l’invention de nouvelles manières de produire des images de l’invisible. Nous proposons d’appréhender ces imaginaires : d’une part, par le truchement des objets de laboratoire, médiateurs obligés de nos rapports au « nanomonde » ; d’autre part, par le vecteur de la production/diffusion des images.<br><br><b>Introduction : </b><br> Sacha Loeve (Paris I),<br><br><b>Dialogues : </b><br>Andrew Mayne (Univ. Paris Sud) et Catherine AllamelRaffin (Univ. de Strasbourg)<br>Christian Joachim (CEMES) et Sacha Loeve (Paris I)<br>Laurent Gouzènes (Consultant) et Jean-Luc Beylat (Alcatel Bell)");
- });
-
- $("#tf3").click(function() {
- $(".videoLiveProgramTitle").html("<b>17h00- 19h00 :</b> Imaginaires Anthropologiques");
- $(".videoLiveProgramDescription").html("L’homme est un être prothétique : il s’est humanisé en se projetant dans des outils. Son évolution s’est faite dans le sens d’une extériorisation de ses différentes fonctions biologiques. Or, les nanobiotechnologies – vecteurs médicamenteux, nanodispositifs de type biopuce, nanoimplants – nous confrontent à une situation inédite : qu’en est-il du sens de l’évolution humaine dès lors que les artefacts investissent le corps ? On s’appuiera sur des recherches en cours pour interroger les représentations de l’homme futur et la prothéticité.<br><br><b>17h00-18h30</b><br>Introduction & Modération par Xavier Guchet (Paris I)<br>Intervenants : Daniela Cerqui (Univ. de Lausanne), José-Alain <br>Sahel (Institut de la vision), Patrick Couvreur (Collège de France)<br><br><b>18h30-19h00</b><br>Table-ronde animée par Xavier Guchet et Bernard Stiegler");
-
- });
-
- $("#tf4").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
- $(".videoLiveProgramDescription").html("<b>19h00</b><br>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
-
- });
-
- // ----
- // day 2
-
- $("#tf5").click(function() {
- $(".videoLiveProgramTitle").html("<b>9h30- 12h30 :</b> Design et outils de représentation");
- $(".videoLiveProgramDescription").html("Les nanos posent des questions inédites aux designers. Ceux-ci sont confrontés, d’une part, à un renouvellement des rapports habituels entre forme et matière : en effet, si le design est l’art et la manière de donner forme aux objets, à la nano-échelle, la matière se présente comme un ensemble de formes, d’information et de processus qu’il faut associer à la démarche désignante. D’autre part, les nanos posent à nouveau frais la question des usages : en effet, le nanomonde ne s’appréhende que par des outils de médiation du réel (instrumentation, discrétisation, représentation de données, simulation, transmodalité). Or, s’il ne peut pas y avoir, à proprement parler, de design d’objets nanométriques, mais de design d’objets intégrant des nanos, comment les designers donnent-ils sens à l’intégration de cette nouvelle dimension ? <br><br><b>9h30-10h45</b><br><br>Introduction de Alain Cadix (ENSCI)<br>Intervenants : Patrick Pajon (Centre de Recherche sur l’Imaginaire), Sylvie Tissot (Quantum design)<br><b>11h00-12h00</b><br><br>Projection du film Puissances de dix (1977) de Charles et Ray Eames <br>Modération par Jean-Louis Fréchin (ENSCI)<br>Intervenants : Gilles Belley et Jean-François Dingjian, Designers<br><b>12h00-12h30</b><br>Modération par Marie-Virginie Berbet, designer<br>Présentation du travail des élèves designers sur design/nano et <br>biotechnologies dans le cadre d’un studio expérimental à l’ENSCILes Ateliers");
-
- });
-
- $("#tf6").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 14h00 :</b> Repas");
- $(".videoLiveProgramDescription").html("");
-
- });
-
- $("#tf7").click(function() {
- $(".videoLiveProgramTitle").html("<b>14h00- 19h00 :</b> Imaginaire politique et ingénierie du débat public");
- $(".videoLiveProgramDescription").html("On analysera ici la façon dont les recherches en nanotechnologies sont devenues un « terrain d’expérimentation » pour construire de nouveaux rapports entre science et société et faire émerger une « société de la connaissance ». Or, Cap Digital a mis en place un groupe de travail sur l’innovation sociale et se mobilise sur le développement d’outils de gestion et d’échange de connaissances et de débat. Au-delà de la manière dont le débat sur les nanotechnologies a été géré (sur laquelle on pourra revenir), cette session vise à interroger en quoi le débat sur les nanos, mais, plus largement, la question du principe de précaution, nous obligent à repenser les outils de gestion de crise et de débat public ainsi qu’à poser à nouveaux frais la question fondamentale de la confiance (trust). <br><br><b>14h00-16h00 </b><br>Introduction de Bernard Stiegler<br>Intervenants : Brice Laurent (Commission Européenne), <br>Ermelinde Malcotte (Paris X), Philippe Aigrain (Sopinspace)<br><br><b>16h30-18h30</b><br>Intervenants : Dominique Boullier (Sciences-Po), Jean Sallantin <br>(LIRM), Dorothée Benoit (VivAgora)<br><b>18h30-19h00</b><br>Débat animé par Jean Sallantin");
-
- });
-
- $("#tf8").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
- $(".videoLiveProgramDescription").html("<b>19h00</b>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
-
- });
-
-
- });
-
-
- <!-- LIMIT TEXTAREA:
- function imposemax(Object)
- {
- return (Object.value.length <= 140);
- }
- // End -->
-
- <!-- TIMER
- var c=0;
- var t;
- var timer_is_on=0;
-
- function timedCount()
- {
- document.getElementById('txt').value=c;
- c = c+1;
- t = window.setTimeout("timedCount()",1000);
- $(".twtr-ft").hide();
- $(".twtr-hd").hide();
-
- //twtr-tweet
- $(".twtr-tweet").each(colorTweetings);
-
- }
-
- function colorTweetings (){
- /*
- efc1f0 > violet
- c5e7cd > vert
- f6ced0 > rouge
- bfdbec > blue
- ecedc1 > yellow
- */
- var tweettemp = $(this).html();
- //alert(tweettemp);
- //$(".videoLiveProgramDescription").text(tweettemp);
- //$(".videoLiveProgramTitle").text(tweettemp.search(/\x2D\x2D/));
-
- /*
- <a target="_blank" class="twtr-reply" href="http://twitter.com/?status=@LaurentChic%20&in_reply_to_status_id=12411225795198976&in_reply_to=LaurentChic">reply</a>
- */ //alert("tweettemp");
-
- if (tweettemp.search(/\x3F\x3F/)!=-1){
-
- $(this).css({'background-color': '#bfdbec','color':"#000"});
- }
-
- if (tweettemp.search(/\x2B\x2B/)!=-1){
- $(this).css({'background-color': '#c5e7cd','color':"#fff"});
- }
-
- if (tweettemp.search(/\x2D\x2D/)!=-1){
- $(this).css({'background-color': '#f6ced0','color':"#fff"});
- }
-
- if (tweettemp.search(/\x3D\x3D/)!=-1){
- $(this).css({'background-color': '#ecedc1','color':"#000"});
- }
- };
-
-
-
- function doTimer()
- {
- if (!timer_is_on)
- {
- timer_is_on=1;
- timedCount();
- }
- }
-
- function stopCount()
- {
- clearTimeout(t);
- timer_is_on=0;
- }
- //
-
- //-->
-
-
- </script>
- <script type="text/javascript">
-
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-9955524-3']);
- _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
-
- </script>
-
- </head>
- <body>
- <div class="container">
- <img src="images/ENMI_2010_logo.gif" class="logo">
- <ul class="menu">
- <li class="menuUnderline"><a href="../" class="menuLink" id="About"> Accueil</a></li>
- <li class="menuUnderline" ><a href="http://www.rslnmag.fr/blog/2011/3/13/_nous-en-sommes-2020_toutes-les-donnees-sont-liberees_/" class="menuLink" target="_blank"> Programme</a>
- <li ><a href="polemicaltimeline.php" class="menuLink" >Lecteur polémique</a></li>
-
- </ul>
-
-
- <div class="videoLive">
- <div class="videoLivePlayer">
- <img src="images/bgd_player.jpg" width="500" height="375" />
- </div>
-
- </div>
-
- <div class="videoLiveProgram">
-
- <!--<div class="timeline" style="width:499px;">
-
- <div class="bigTimeFrame"
-
- style="width:253px;">
- <div style="padding-left:5px;">14 dec 2010</div>
- </div>
-
- <div class="bigTimeFrame"
- title="The tooltip text #1"
- style="border-right:none;">
- <div style="padding-left:5px;">15 dec 2010</div>
- </div>
-
- <div class="timeFragment" style="width:253px;">
-
- <div id="tf0"
- class="timeFrame"
- title="<b>9h30- 13h00 :</b><br> Imaginaires Industriels et hyperminiaturisation"
- style="width:27%;background-color:#29b8ed;"></div>
-
- <div id="tf1"
- class="timeFrame"
- title="<b>13h00- 14h30 :</b><br> Repas"
- style="width:13%;background-color:#959595;"></div>
-
- <div id="tf2"
- class="timeFrame"
- title="<b>14h30- 16h50 :</b><br> Imaginaires Scientifiques"
- style="width:14%;background-color:#29b8ed;"></div>
-
- <div id="tf3"
- class="timeFrame"
- title="<b>17h00- 19h00 :</b><br>Imaginaires Anthropologique"
- style="width:17%;background-color:#959595;"></div>
-
- <div id="tf4"
- class="timeFrame"
- title="<b>19h00- 22h00 :</b><br> Soirée"
- style="width:25%;background-color:#29b8ed;"></div>
-
- </div>
- <div class="timeFragment" style="width:245px;">
-
- <div id="tf5"
- class="timeFrame"
- title="<b>9h30-12h30</b> <br>Design et outils de représentation"
- style="width:35%;background-color:#29b8ed;"></div>
-
- <div id="tf6"
- class="timeFrame"
- title="<b>12h30-14h00</b> <br>Repas"
- style="width:10%;background-color:#959595;"></div>
-
- <div id="tf7"
- class="timeFrame"
- title="<b>14h00-19h00</b> <br>Imaginaire politique et ingénierie du débat public"
- style="width:50%;background-color:#29b8ed;"></div>
-
-
- </div>
-
- </div>-->
-
- <div class="arrowContainer">
- <div class="arrow"> </div>
- </div>
-
-
- <!-- -->
-
- <!-- -->
- <div class="videoLiveProgramTitle"><b>L’Open Data, et nous, et nous, et nous ?</b></div>
- <div class="videoLiveProgramDescription">
- <br>
-De quoi le mouvement Open Data est-il le nom ? Et quelles conditions réunir pour enclencher un cercle vertueux autour de cette évolution structurelle du web, qui dessine un monde où la donnée retrouve une valeur, et peut fonder de nouvelles activités, de nouveaux secteurs économiques ?
-
-Microsoft France, avec RSLN et le World e.gov Forum, organisent un atelier de réflexion autour du phénomène Open Data, pendant une demi-journée, le jeudi 17 mars, à partir de 14h30, pour comprendre, et imaginer, ensemble, le monde de l’abondance des données.
-
- </div>
-
-
- </div>
-
- <div class="tweetWriter">
- <h3 class="tweetWriterTitle">Annotations polémique : </h3>
- <form action="tweet.php" method="post" id="statusform" >
- <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'>
- Vous n'êtes pas connecté.<br>
- Pour participer, veuillez vous identifier en cliquant ici. </a></div>");
- }else{
- echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>#opendata</textarea>");
- }
- ?>
-
-
- <div id="messageSuccess" style="background-color:lightgreen;">
- Votre tweet a bien été envoyé !<br><br>
- </div>
-
- <div id="messageFailed" style="background-color:red;">
- Ooups! il y a une erreur vous avez le droit de frapper le developpeur :<div id="error"> </div><br/><br>
- </div>
-
-
-
- <a class="button_w" href="#" id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" ><span>Envoyer</span></a>
- <!--<button name="s" type="button" id="sendTweet"
- style="float:right;margin-right:15px;margin-left:35px;width:70px;" >Envoyer</button>-->
- <a
-
- id="positive"
- title="accord"
- class="tweetButton">++</a>
- <a
-
- id="negative"
- title="désaccord"
- class="tweetButton">--</a>
- <a
-
- id="reference"
- title="reference"
- class="tweetButton">==</a>
- <a
-
- id="question"
- title="question"
- class="tweetButton"> ??</a>
- </form>
- </div>
-
- <div class="tweetReader">
- <script>
- new TWTR.Widget({
- version: 2,
- type: 'search',
- search: '#rsln OR #opendata',
- interval: 1000,
- title: '',
- subject: '',
- width: 377,
- height: 450,
- theme: {
- shell: {
- background: '#ffffff',
- color: '#ffffff'
- },
- tweets: {
- background: '#ffffff',
- color: '#444444',
- links: '#1985b5'
- }
- },
- features: {
- scrollbar: false,
- loop: true,
- live: true,
- hashtags: true,
- timestamp: true,
- avatars: true,
- toptweets: true,
- behavior: 'default'
- }
- }).render().start();
- </script>
- </div>
-
- <div class="footer">
- <hr>
- <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
- IRI </a>
- | <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN </a>
- | <a href="http://wegf.org/" class="footerLink" target="_blank"> World e.gov Forum </a>
- | <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr </a>
- <?php
- if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("| <a href='clear.php' class='footerLink'>Déconnexion</a>");
- }
- ?>
- <input type="text" id="txt" size="3"/>
- </div>
-
-
- </div>
-
- <!-- LIGHTBOX -->
- <div style="display:none;">
- <div id="Aboutbox" >
- <div class="lightBorder">
- <div class="lightTitle" style="height:45px;"> </div>
- <div class="lightSubTitle">Annotation polémique par tweet </div>
- <div class="lightDescription">À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre. <a href="http://amateur.iri.centrepompidou.fr/live/rsln/polemicaltimeline.php" target="_blank"> Voir l'exemple sur la conférence de clay Shirky.</a>
- </div>
- <div>
- <br/>
- <a class="button_b" href="#" id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
- <a class="button_w" href="#" id="ACCES"><span>Libre accès</span></a>
- </div>
- </div>
- </div>
- </div>
-
-
- </body>
-</html>
--- a/web/rsln-opendata/polemicaltimeline.php Wed Apr 06 17:53:16 2011 +0200
+++ b/web/rsln-opendata/polemicaltimeline.php Wed Apr 06 18:07:17 2011 +0200
@@ -13,7 +13,7 @@
<link rel="stylesheet" href="../res/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="../res/blueprint/print.css" type="text/css" media="print">
<link rel="stylesheet" href="../res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="../custom.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="../res/css/custom.css" type="text/css" media="screen, projection">
--- a/web/rsln/index.php Wed Apr 06 17:53:16 2011 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,570 +0,0 @@
-<?php
-
-/**
- * include some common code (like we did in the 90s)
- * People still do this? ;)
- */
-include_once './common.php';
-
-/**
- * Do we already have a valid Access Token or need to go get one?
- */
-if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
- /**
- * Guess we need to go get one!
- */
- $token = $consumer->getRequestToken();
- $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
-
- /**
- * Now redirect user to Twitter site so they can log in and
- * approve our access
- */
- $consumer->redirect();
-}
-
-?>
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>RSLN - Live Video and Annotation</title>
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
-
- <!-- Framework CSS -->
- <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
- <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
-
- <!-- Import fancy-type plugin for the sample page. -->
-
- <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
- <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript" src="res/metadataplayer/res/js/jquery.tools.min.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
- <script type="text/javascript" src="res/niceforms/niceforms.js"></script>
- <script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
- <!-- FONT -->
- <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
-
- <script type="text/javascript">
- $(document).ready(function() {
-
- doTimer();
- //$("txt").hide();
- $(".loginbutton").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
- $("#IDENTIFIER").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
-
- $("#messageSuccess").hide();
- $("#messageFailed").hide();
- $("#txt").hide();
-
- // BUTTONS
- $("#positive").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"++ ");
- });
- $("#negative").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"-- ");
- });
- $("#reference").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"== ");
- });
- $("#question").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"?? ");
- });
-
- // SEND TWEETS
- $("#sendTweet").click(function(){
- var MyStatus = $('#status').attr("value");
- $.post('tweet_ajax.php', {status:MyStatus}
- ,function(data) {
-
- if(data=="true"){
- $("#messageSuccess").show('fast');
- $("#messageSuccess").delay(800).hide('slow');
- $('#status').attr("value","#rsln");
- //$('#status').css("background-image","images/greenTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }else{
- $("#error").text(data);
- $("#messageFailed").show('fast');
- $("#messageFailed").delay(800).hide('slow');
- //$('#status').css("background-image","images/redTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }
-
- });
-
- });
-
- $(".timeFrame").tooltip();
- /*
- * Lightbox button
- */
- $("#About").fancybox({
- 'titlePosition' : 'inside',
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'enableEscapeButton': 'none',
- 'margin' : 1,
- 'padding' : 0
- }<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){echo(").trigger('click');");}else{echo(");");} ?>
-
-
- $("#Program").fancybox({
- 'width' : '75%',
- 'height' : '75%',
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#Video_ldt").fancybox({
- 'width' : 1021,
- 'height' : 661,
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#ACCES").click(function() {
- $.fancybox.close();
- });
-
- // Buttons
- $("#tf0").click(function() {
-
- $(".videoLiveProgramTitle").html("<b>9h30- 13h00 :</b> Imaginaires Industriels et hyperminiaturisation");
- $(".videoLiveProgramDescription").html("En partant de la Loi de Moore, premier story-telling mondial, on analysera comment les road-maps, et notamment celles des entreprises liées aux nanotechnologies, structurent le temps de l’innovation en construisant des récits du futur. On examinera dans quelle mesure ces récits font émerger un nouvel imaginaire industriel.<br><br><b>9h30-12h30</b><br>Introduction de Bernard Stiegler (IRI)<br>Intervenants : Sacha Loeve (Paris I),<br>Françoise Roure (Ministère de l’Industrie)<br><b>12h30-13h00</b><br>Table ronde animée par Sacha Loeve (Paris I)");
- });
-
- $("#tf1").click(function() {
- $(".videoLiveProgramTitle").html("<b>13h00- 14h30 :</b> Pause déjeuner");
- $(".videoLiveProgramDescription").html("");
- });
-
- $("#tf2").click(function() {
- $(".videoLiveProgramTitle").html("<b>14h30- 16h50 :</b> Imaginaires Scientifiques");
- $(".videoLiveProgramDescription").html("Les imaginaires scientifiques sont, dans le champ des nanotechnologies, une composante en soi de la recherche et héritent de généalogies différentes. Ces imaginaires ne sont pas qu’une affaire de « perception » des sciences et des technologies : ils s’élaborent dès le laboratoire par l’invention de nouvelles manières de produire des images de l’invisible. Nous proposons d’appréhender ces imaginaires : d’une part, par le truchement des objets de laboratoire, médiateurs obligés de nos rapports au « nanomonde » ; d’autre part, par le vecteur de la production/diffusion des images.<br><br><b>Introduction : </b><br> Sacha Loeve (Paris I),<br><br><b>Dialogues : </b><br>Andrew Mayne (Univ. Paris Sud) et Catherine AllamelRaffin (Univ. de Strasbourg)<br>Christian Joachim (CEMES) et Sacha Loeve (Paris I)<br>Laurent Gouzènes (Consultant) et Jean-Luc Beylat (Alcatel Bell)");
- });
-
- $("#tf3").click(function() {
- $(".videoLiveProgramTitle").html("<b>17h00- 19h00 :</b> Imaginaires Anthropologiques");
- $(".videoLiveProgramDescription").html("L’homme est un être prothétique : il s’est humanisé en se projetant dans des outils. Son évolution s’est faite dans le sens d’une extériorisation de ses différentes fonctions biologiques. Or, les nanobiotechnologies – vecteurs médicamenteux, nanodispositifs de type biopuce, nanoimplants – nous confrontent à une situation inédite : qu’en est-il du sens de l’évolution humaine dès lors que les artefacts investissent le corps ? On s’appuiera sur des recherches en cours pour interroger les représentations de l’homme futur et la prothéticité.<br><br><b>17h00-18h30</b><br>Introduction & Modération par Xavier Guchet (Paris I)<br>Intervenants : Daniela Cerqui (Univ. de Lausanne), José-Alain <br>Sahel (Institut de la vision), Patrick Couvreur (Collège de France)<br><br><b>18h30-19h00</b><br>Table-ronde animée par Xavier Guchet et Bernard Stiegler");
-
- });
-
- $("#tf4").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
- $(".videoLiveProgramDescription").html("<b>19h00</b><br>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
-
- });
-
- // ----
- // day 2
-
- $("#tf5").click(function() {
- $(".videoLiveProgramTitle").html("<b>9h30- 12h30 :</b> Design et outils de représentation");
- $(".videoLiveProgramDescription").html("Les nanos posent des questions inédites aux designers. Ceux-ci sont confrontés, d’une part, à un renouvellement des rapports habituels entre forme et matière : en effet, si le design est l’art et la manière de donner forme aux objets, à la nano-échelle, la matière se présente comme un ensemble de formes, d’information et de processus qu’il faut associer à la démarche désignante. D’autre part, les nanos posent à nouveau frais la question des usages : en effet, le nanomonde ne s’appréhende que par des outils de médiation du réel (instrumentation, discrétisation, représentation de données, simulation, transmodalité). Or, s’il ne peut pas y avoir, à proprement parler, de design d’objets nanométriques, mais de design d’objets intégrant des nanos, comment les designers donnent-ils sens à l’intégration de cette nouvelle dimension ? <br><br><b>9h30-10h45</b><br><br>Introduction de Alain Cadix (ENSCI)<br>Intervenants : Patrick Pajon (Centre de Recherche sur l’Imaginaire), Sylvie Tissot (Quantum design)<br><b>11h00-12h00</b><br><br>Projection du film Puissances de dix (1977) de Charles et Ray Eames <br>Modération par Jean-Louis Fréchin (ENSCI)<br>Intervenants : Gilles Belley et Jean-François Dingjian, Designers<br><b>12h00-12h30</b><br>Modération par Marie-Virginie Berbet, designer<br>Présentation du travail des élèves designers sur design/nano et <br>biotechnologies dans le cadre d’un studio expérimental à l’ENSCILes Ateliers");
-
- });
-
- $("#tf6").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 14h00 :</b> Repas");
- $(".videoLiveProgramDescription").html("");
-
- });
-
- $("#tf7").click(function() {
- $(".videoLiveProgramTitle").html("<b>14h00- 19h00 :</b> Imaginaire politique et ingénierie du débat public");
- $(".videoLiveProgramDescription").html("On analysera ici la façon dont les recherches en nanotechnologies sont devenues un « terrain d’expérimentation » pour construire de nouveaux rapports entre science et société et faire émerger une « société de la connaissance ». Or, Cap Digital a mis en place un groupe de travail sur l’innovation sociale et se mobilise sur le développement d’outils de gestion et d’échange de connaissances et de débat. Au-delà de la manière dont le débat sur les nanotechnologies a été géré (sur laquelle on pourra revenir), cette session vise à interroger en quoi le débat sur les nanos, mais, plus largement, la question du principe de précaution, nous obligent à repenser les outils de gestion de crise et de débat public ainsi qu’à poser à nouveaux frais la question fondamentale de la confiance (trust). <br><br><b>14h00-16h00 </b><br>Introduction de Bernard Stiegler<br>Intervenants : Brice Laurent (Commission Européenne), <br>Ermelinde Malcotte (Paris X), Philippe Aigrain (Sopinspace)<br><br><b>16h30-18h30</b><br>Intervenants : Dominique Boullier (Sciences-Po), Jean Sallantin <br>(LIRM), Dorothée Benoit (VivAgora)<br><b>18h30-19h00</b><br>Débat animé par Jean Sallantin");
-
- });
-
- $("#tf8").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
- $(".videoLiveProgramDescription").html("<b>19h00</b>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
-
- });
-
-
- });
-
-
- <!-- LIMIT TEXTAREA:
- function imposemax(Object)
- {
- return (Object.value.length <= 140);
- }
- // End -->
-
- <!-- TIMER
- var c=0;
- var t;
- var timer_is_on=0;
-
- function timedCount()
- {
- document.getElementById('txt').value=c;
- c = c+1;
- t = window.setTimeout("timedCount()",1000);
- $(".twtr-ft").hide();
- $(".twtr-hd").hide();
-
- //twtr-tweet
- $(".twtr-tweet").each(colorTweetings);
-
- }
-
- function colorTweetings (){
- /*
- efc1f0 > violet
- c5e7cd > vert
- f6ced0 > rouge
- bfdbec > blue
- ecedc1 > yellow
- */
- var tweettemp = $(this).html();
- //alert(tweettemp);
- //$(".videoLiveProgramDescription").text(tweettemp);
- //$(".videoLiveProgramTitle").text(tweettemp.search(/\x2D\x2D/));
-
- /*
- <a target="_blank" class="twtr-reply" href="http://twitter.com/?status=@LaurentChic%20&in_reply_to_status_id=12411225795198976&in_reply_to=LaurentChic">reply</a>
- */ //alert("tweettemp");
-
- if (tweettemp.search(/\x3F\x3F/)!=-1){
-
- $(this).css({'background-color': '#ecedc1','color':"#000"});
- }
-
- if (tweettemp.search(/\x2B\x2B/)!=-1){
- $(this).css({'background-color': '#c5e7cd','color':"#fff"});
- }
-
- if (tweettemp.search(/\x2D\x2D/)!=-1){
- $(this).css({'background-color': '#f6ced0','color':"#fff"});
- }
-
- if (tweettemp.search(/\x3D\x3D/)!=-1){
- $(this).css({'background-color': '#bfdbec','color':"#000"});
- }
- };
-
-
-
- function doTimer()
- {
- if (!timer_is_on)
- {
- timer_is_on=1;
- timedCount();
- }
- }
-
- function stopCount()
- {
- clearTimeout(t);
- timer_is_on=0;
- }
- //
-
- //-->
-
-
- </script>
- <script type="text/javascript">
-
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-9955524-3']);
- _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
-
- </script>
-
- </head>
- <body>
- <div class="container">
- <img src="images/ENMI_2010_logo.gif" class="logo">
- <ul class="menu">
- <li class="menuUnderline"><a href="../" class="menuLink" id="About"> Accueil</a></li>
- <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 ><a href="polemicaltimeline.php" class="menuLink" >Lecteur polémique</a></li>
-
- </ul>
-
-
- <div class="videoLive">
- <div class="videoLivePlayer">
-
- <!--
- <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="500" height="375">
- <param name="movie" value="res/mediaplayer/player.swf" />
- <param name="allowfullscreen" value="true" />
- <param name="allowscriptaccess" value="always" />
- <param name="wmode" value="transparent" />
- <param name="flashvars" value="autostart=true&live=true&image=images/bgd_player.jpg&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&controlbar=none&autostart=true" />
- <embed
- type="application/x-shockwave-flash"
- id="player2"
- name="player2"
- src="res/mediaplayer/player.swf"
- width="500"
- height="375"
- allowscriptaccess="always"
- allowfullscreen="true"
- wmode="transparent"
- flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=images/bgd_player.jpg&controlbar=none&autostart=true"
-
- />
- </object>
- -->
- <img src="images/bgd_player.jpg" width="500" height="375" />
- </div>
-
- </div>
-
- <div class="videoLiveProgram">
-
- <!--<div class="timeline" style="width:499px;">
-
- <div class="bigTimeFrame"
-
- style="width:253px;">
- <div style="padding-left:5px;">14 dec 2010</div>
- </div>
-
- <div class="bigTimeFrame"
- title="The tooltip text #1"
- style="border-right:none;">
- <div style="padding-left:5px;">15 dec 2010</div>
- </div>
-
- <div class="timeFragment" style="width:253px;">
-
- <div id="tf0"
- class="timeFrame"
- title="<b>9h30- 13h00 :</b><br> Imaginaires Industriels et hyperminiaturisation"
- style="width:27%;background-color:#29b8ed;"></div>
-
- <div id="tf1"
- class="timeFrame"
- title="<b>13h00- 14h30 :</b><br> Repas"
- style="width:13%;background-color:#959595;"></div>
-
- <div id="tf2"
- class="timeFrame"
- title="<b>14h30- 16h50 :</b><br> Imaginaires Scientifiques"
- style="width:14%;background-color:#29b8ed;"></div>
-
- <div id="tf3"
- class="timeFrame"
- title="<b>17h00- 19h00 :</b><br>Imaginaires Anthropologique"
- style="width:17%;background-color:#959595;"></div>
-
- <div id="tf4"
- class="timeFrame"
- title="<b>19h00- 22h00 :</b><br> Soirée"
- style="width:25%;background-color:#29b8ed;"></div>
-
- </div>
- <div class="timeFragment" style="width:245px;">
-
- <div id="tf5"
- class="timeFrame"
- title="<b>9h30-12h30</b> <br>Design et outils de représentation"
- style="width:35%;background-color:#29b8ed;"></div>
-
- <div id="tf6"
- class="timeFrame"
- title="<b>12h30-14h00</b> <br>Repas"
- style="width:10%;background-color:#959595;"></div>
-
- <div id="tf7"
- class="timeFrame"
- title="<b>14h00-19h00</b> <br>Imaginaire politique et ingénierie du débat public"
- style="width:50%;background-color:#29b8ed;"></div>
-
-
- </div>
-
- </div>-->
-
- <div class="arrowContainer">
- <div class="arrow"> </div>
- </div>
-
-
- <!-- -->
-
- <!-- -->
- <div class="videoLiveProgramTitle"><b>Clay Shirky : « Personne n'est titulaire du code source de la démocratie »</b> <a id="Video_ldt" href="http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/space/ldt/indexproject/13b0aa52-336b-11e0-b233-00145ea49a02">La vidéo sous Lignes de Temps</a></div>
- <div class="videoLiveProgramDescription">
- <br>
- Journaliste américain spécialiste des nouvelles technologies de l'information et de la communication - NTIC, Clay Shirky est aussi consultant, écrivain, professeur.<br/><br/>
-
-Diplômé de l'Université de New York il écrit et enseigne, entre autres, sur les effets de corrélation de la topologie sociale et technologique de réseau, où comment nos réseaux forment la culture et inversement.<br/><br/>
-<br/><b> Dernier ouvrages :</b> <ul>
-<li> <a href="http://isbn.nu/9781594202537?asim" target="_blank">2010 : Cognitive Surplus: Creativity and Generosity in a Connected Age </a></li>
-<li> <a href="http://isbn.nu/9781594201530" target="_blank">2008 : Here Comes Everybody: The Power of Organizing Without Organizations</a></li>
-</ul>
-<b>Source :</b> <a href="http://fr.wikipedia.org/wiki/Clay_Shirky" target="_blank"> Wikipedia.fr</a>
-<br/> <b>Plus d'information : </b> <a href="http://www.shirky.com/" target="_blank">www.shirky.com</a>
-<br/> <b>Crédit photo : </b> <a href="http://www.flickr.com/photos/poptech2006/2969510044/" target="_blank"> CC BY NA - Pop!Tech 2008</a>
-
- </div>
-
-
- </div>
-
- <div class="tweetWriter">
- <h3 class="tweetWriterTitle">Annotations polémique : </h3>
- <form action="tweet.php" method="post" id="statusform" >
- <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'>
- Vous n'êtes pas connecté.<br>
- Pour participer, veuillez vous identifier en cliquant ici. </a></div>");
- }else{
- echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>#rsln</textarea>");
- }
- ?>
-
-
- <div id="messageSuccess" style="background-color:lightgreen;">
- Votre tweet a bien été envoyé !<br><br>
- </div>
-
- <div id="messageFailed" style="background-color:red;">
- Ooups! il y a une erreur vous avez le droit de frapper le developpeur :<div id="error"> </div><br/><br>
- </div>
-
-
-
- <a class="button_w" href="#" id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" ><span>Envoyer</span></a>
- <!--<button name="s" type="button" id="sendTweet"
- style="float:right;margin-right:15px;margin-left:35px;width:70px;" >Envoyer</button>-->
- <a
-
- id="positive"
- title="accord"
- class="tweetButton">++</a>
- <a
-
- id="negative"
- title="désaccord"
- class="tweetButton">--</a>
- <a
-
- id="reference"
- title="reference"
- class="tweetButton">==</a>
- <a
-
- id="question"
- title="question"
- class="tweetButton"> ??</a>
- </form>
- </div>
-
- <div class="tweetReader">
- <script>
- new TWTR.Widget({
- version: 2,
- type: 'search',
- search: '#rsln',
- interval: 1000,
- title: '',
- subject: '',
- width: 377,
- height: 450,
- theme: {
- shell: {
- background: '#ffffff',
- color: '#ffffff'
- },
- tweets: {
- background: '#ffffff',
- color: '#444444',
- links: '#1985b5'
- }
- },
- features: {
- scrollbar: false,
- loop: true,
- live: true,
- hashtags: true,
- timestamp: true,
- avatars: true,
- toptweets: true,
- behavior: 'default'
- }
- }).render().start();
- </script>
- </div>
-
- <div class="footer">
- <hr>
- <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
- IRI </a>
- | <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN </a>
- | <a href="http://www.slate.fr/" class="footerLink" target="_blank"> SLATE.fr </a>
- | <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr </a>
- <?php
- if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("| <a href='clear.php' class='footerLink'>Déconnexion</a>");
- }
- ?>
- <input type="text" id="txt" size="3"/>
- </div>
-
-
- </div>
-
- <!-- LIGHTBOX -->
- <div style="display:none;">
- <div id="Aboutbox" >
- <div class="lightBorder">
- <div class="lightTitle" style="height:45px;"> </div>
- <div class="lightSubTitle">Annotation polémique par tweet </div>
- <div class="lightDescription">À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre.
- </div>
- <div>
- <br/>
- <a class="button_b" href="#" id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
- <a class="button_w" href="#" id="ACCES"><span>Libre accès</span></a>
- </div>
- </div>
- </div>
- </div>
-
-
- </body>
-</html>
--- a/web/rsln/index.php.orig Wed Apr 06 17:53:16 2011 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,506 +0,0 @@
-<?php
-
-/**
- * include some common code (like we did in the 90s)
- * People still do this? ;)
- */
-include_once './common.php';
-
-/**
- * Do we already have a valid Access Token or need to go get one?
- */
-if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
- /**
- * Guess we need to go get one!
- */
- $token = $consumer->getRequestToken();
- $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
-
- /**
- * Now redirect user to Twitter site so they can log in and
- * approve our access
- */
- $consumer->redirect();
-}
-
-?>
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>RSLN - Live Video and Annotation</title>
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
-
- <!-- Framework CSS -->
- <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
- <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
-
- <!-- Import fancy-type plugin for the sample page. -->
-
- <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
- <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript" src="res/metadataplayer/res/js/jquery.tools.min.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
- <script type="text/javascript" src="res/niceforms/niceforms.js"></script>
- <script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
- <!-- FONT -->
- <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
-
- <script type="text/javascript">
- $(document).ready(function() {
-
- doTimer();
- //$("txt").hide();
- $(".loginbutton").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
- $("#IDENTIFIER").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
-
- $("#messageSuccess").hide();
- $("#messageFailed").hide();
- $("#txt").hide();
-
- // BUTTONS
- $("#positive").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"++ ");
- });
- $("#negative").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"-- ");
- });
- $("#reference").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"== ");
- });
- $("#question").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"?? ");
- });
-
- // SEND TWEETS
- $("#sendTweet").click(function(){
- var MyStatus = $('#status').attr("value");
- $.post('tweet_ajax.php', {status:MyStatus}
- ,function(data) {
-
- if(data=="true"){
- $("#messageSuccess").show('fast');
- $("#messageSuccess").delay(800).hide('slow');
- $('#status').attr("value","#rsln");
- //$('#status').css("background-image","images/greenTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }else{
- $("#error").text(data);
- $("#messageFailed").show('fast');
- $("#messageFailed").delay(800).hide('slow');
- //$('#status').css("background-image","images/redTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }
-
- });
-
- });
-
- $(".timeFrame").tooltip();
- /*
- * Lightbox button
- */
- $("#About").fancybox({
- 'titlePosition' : 'inside',
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'enableEscapeButton': 'none',
- 'margin' : 1,
- 'padding' : 0
- }<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){echo(").trigger('click');");}else{echo(");");} ?>
-
-
- $("#Program").fancybox({
- 'width' : '75%',
- 'height' : '75%',
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#Video_ldt").fancybox({
- 'width' : 1021,
- 'height' : 661,
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#ACCES").click(function() {
- $.fancybox.close();
- });
-
- // Buttons
- $("#tf0").click(function() {
-
- $(".videoLiveProgramTitle").html("<b>9h30- 13h00 :</b> Imaginaires Industriels et hyperminiaturisation");
- $(".videoLiveProgramDescription").html("En partant de la Loi de Moore, premier story-telling mondial, on analysera comment les road-maps, et notamment celles des entreprises liées aux nanotechnologies, structurent le temps de l’innovation en construisant des récits du futur. On examinera dans quelle mesure ces récits font émerger un nouvel imaginaire industriel.<br><br><b>9h30-12h30</b><br>Introduction de Bernard Stiegler (IRI)<br>Intervenants : Sacha Loeve (Paris I),<br>Françoise Roure (Ministère de l’Industrie)<br><b>12h30-13h00</b><br>Table ronde animée par Sacha Loeve (Paris I)");
- });
-
- $("#tf1").click(function() {
- $(".videoLiveProgramTitle").html("<b>13h00- 14h30 :</b> Pause déjeuner");
- $(".videoLiveProgramDescription").html("");
- });
-
- $("#tf2").click(function() {
- $(".videoLiveProgramTitle").html("<b>14h30- 16h50 :</b> Imaginaires Scientifiques");
- $(".videoLiveProgramDescription").html("Les imaginaires scientifiques sont, dans le champ des nanotechnologies, une composante en soi de la recherche et héritent de généalogies différentes. Ces imaginaires ne sont pas qu’une affaire de « perception » des sciences et des technologies : ils s’élaborent dès le laboratoire par l’invention de nouvelles manières de produire des images de l’invisible. Nous proposons d’appréhender ces imaginaires : d’une part, par le truchement des objets de laboratoire, médiateurs obligés de nos rapports au « nanomonde » ; d’autre part, par le vecteur de la production/diffusion des images.<br><br><b>Introduction : </b><br> Sacha Loeve (Paris I),<br><br><b>Dialogues : </b><br>Andrew Mayne (Univ. Paris Sud) et Catherine AllamelRaffin (Univ. de Strasbourg)<br>Christian Joachim (CEMES) et Sacha Loeve (Paris I)<br>Laurent Gouzènes (Consultant) et Jean-Luc Beylat (Alcatel Bell)");
- });
-
- $("#tf3").click(function() {
- $(".videoLiveProgramTitle").html("<b>17h00- 19h00 :</b> Imaginaires Anthropologiques");
- $(".videoLiveProgramDescription").html("L’homme est un être prothétique : il s’est humanisé en se projetant dans des outils. Son évolution s’est faite dans le sens d’une extériorisation de ses différentes fonctions biologiques. Or, les nanobiotechnologies – vecteurs médicamenteux, nanodispositifs de type biopuce, nanoimplants – nous confrontent à une situation inédite : qu’en est-il du sens de l’évolution humaine dès lors que les artefacts investissent le corps ? On s’appuiera sur des recherches en cours pour interroger les représentations de l’homme futur et la prothéticité.<br><br><b>17h00-18h30</b><br>Introduction & Modération par Xavier Guchet (Paris I)<br>Intervenants : Daniela Cerqui (Univ. de Lausanne), José-Alain <br>Sahel (Institut de la vision), Patrick Couvreur (Collège de France)<br><br><b>18h30-19h00</b><br>Table-ronde animée par Xavier Guchet et Bernard Stiegler");
-
- });
-
- $("#tf4").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
- $(".videoLiveProgramDescription").html("<b>19h00</b><br>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
-
- });
-
- // ----
- // day 2
-
- $("#tf5").click(function() {
- $(".videoLiveProgramTitle").html("<b>9h30- 12h30 :</b> Design et outils de représentation");
- $(".videoLiveProgramDescription").html("Les nanos posent des questions inédites aux designers. Ceux-ci sont confrontés, d’une part, à un renouvellement des rapports habituels entre forme et matière : en effet, si le design est l’art et la manière de donner forme aux objets, à la nano-échelle, la matière se présente comme un ensemble de formes, d’information et de processus qu’il faut associer à la démarche désignante. D’autre part, les nanos posent à nouveau frais la question des usages : en effet, le nanomonde ne s’appréhende que par des outils de médiation du réel (instrumentation, discrétisation, représentation de données, simulation, transmodalité). Or, s’il ne peut pas y avoir, à proprement parler, de design d’objets nanométriques, mais de design d’objets intégrant des nanos, comment les designers donnent-ils sens à l’intégration de cette nouvelle dimension ? <br><br><b>9h30-10h45</b><br><br>Introduction de Alain Cadix (ENSCI)<br>Intervenants : Patrick Pajon (Centre de Recherche sur l’Imaginaire), Sylvie Tissot (Quantum design)<br><b>11h00-12h00</b><br><br>Projection du film Puissances de dix (1977) de Charles et Ray Eames <br>Modération par Jean-Louis Fréchin (ENSCI)<br>Intervenants : Gilles Belley et Jean-François Dingjian, Designers<br><b>12h00-12h30</b><br>Modération par Marie-Virginie Berbet, designer<br>Présentation du travail des élèves designers sur design/nano et <br>biotechnologies dans le cadre d’un studio expérimental à l’ENSCILes Ateliers");
-
- });
-
- $("#tf6").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 14h00 :</b> Repas");
- $(".videoLiveProgramDescription").html("");
-
- });
-
- $("#tf7").click(function() {
- $(".videoLiveProgramTitle").html("<b>14h00- 19h00 :</b> Imaginaire politique et ingénierie du débat public");
- $(".videoLiveProgramDescription").html("On analysera ici la façon dont les recherches en nanotechnologies sont devenues un « terrain d’expérimentation » pour construire de nouveaux rapports entre science et société et faire émerger une « société de la connaissance ». Or, Cap Digital a mis en place un groupe de travail sur l’innovation sociale et se mobilise sur le développement d’outils de gestion et d’échange de connaissances et de débat. Au-delà de la manière dont le débat sur les nanotechnologies a été géré (sur laquelle on pourra revenir), cette session vise à interroger en quoi le débat sur les nanos, mais, plus largement, la question du principe de précaution, nous obligent à repenser les outils de gestion de crise et de débat public ainsi qu’à poser à nouveaux frais la question fondamentale de la confiance (trust). <br><br><b>14h00-16h00 </b><br>Introduction de Bernard Stiegler<br>Intervenants : Brice Laurent (Commission Européenne), <br>Ermelinde Malcotte (Paris X), Philippe Aigrain (Sopinspace)<br><br><b>16h30-18h30</b><br>Intervenants : Dominique Boullier (Sciences-Po), Jean Sallantin <br>(LIRM), Dorothée Benoit (VivAgora)<br><b>18h30-19h00</b><br>Débat animé par Jean Sallantin");
-
- });
-
- $("#tf8").click(function() {
- $(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
- $(".videoLiveProgramDescription").html("<b>19h00</b>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
-
- });
-
-
- });
-
-
- <!-- LIMIT TEXTAREA:
- function imposemax(Object)
- {
- return (Object.value.length <= 140);
- }
- // End -->
-
- <!-- TIMER
- var c=0;
- var t;
- var timer_is_on=0;
-
- function timedCount()
- {
- document.getElementById('txt').value=c;
- c = c+1;
- t = window.setTimeout("timedCount()",1000);
- $(".twtr-ft").hide();
- $(".twtr-hd").hide();
-
- //twtr-tweet
- $(".twtr-tweet").each(colorTweetings);
-
- }
-
- function colorTweetings (){
- /*
- efc1f0 > violet
- c5e7cd > vert
- f6ced0 > rouge
- bfdbec > blue
- ecedc1 > yellow
- */
- var tweettemp = $(this).html();
- //alert(tweettemp);
- //$(".videoLiveProgramDescription").text(tweettemp);
- //$(".videoLiveProgramTitle").text(tweettemp.search(/\x2D\x2D/));
-
- /*
- <a target="_blank" class="twtr-reply" href="http://twitter.com/?status=@LaurentChic%20&in_reply_to_status_id=12411225795198976&in_reply_to=LaurentChic">reply</a>
- */ //alert("tweettemp");
-
- if (tweettemp.search(/\x3F\x3F/)!=-1){
-
- $(this).css({'background-color': '#ecedc1','color':"#000"});
- }
-
- if (tweettemp.search(/\x2B\x2B/)!=-1){
- $(this).css({'background-color': '#c5e7cd','color':"#fff"});
- }
-
- if (tweettemp.search(/\x2D\x2D/)!=-1){
- $(this).css({'background-color': '#f6ced0','color':"#fff"});
- }
-
- if (tweettemp.search(/\x3D\x3D/)!=-1){
- $(this).css({'background-color': '#bfdbec','color':"#000"});
- }
- };
-
-
-
- function doTimer()
- {
- if (!timer_is_on)
- {
- timer_is_on=1;
- timedCount();
- }
- }
-
- function stopCount()
- {
- clearTimeout(t);
- timer_is_on=0;
- }
- //
-
- //-->
-
-
- </script>
- <script type="text/javascript">
-
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-9955524-3']);
- _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
-
- </script>
-
- </head>
- <body>
- <div class="container">
- <img src="images/ENMI_2010_logo.gif" class="logo">
- <ul class="menu">
- <li class="menuUnderline"><a href="#Aboutbox" class="menuLink" id="About"> À propos</a></li>
- <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 ><a href="polemicaltimeline.php" class="menuLink" >Lecteur polémique</a></li>
-
- </ul>
-
-
- <div class="videoLive">
- <div class="videoLivePlayer">
-
- <!--
- <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="500" height="375">
- <param name="movie" value="res/mediaplayer/player.swf" />
- <param name="allowfullscreen" value="true" />
- <param name="allowscriptaccess" value="always" />
- <param name="wmode" value="transparent" />
- <param name="flashvars" value="autostart=true&live=true&image=images/bgd_player.jpg&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&controlbar=none&autostart=true" />
- <embed
- type="application/x-shockwave-flash"
- id="player2"
- name="player2"
- src="res/mediaplayer/player.swf"
- width="500"
- height="375"
- allowscriptaccess="always"
- allowfullscreen="true"
- wmode="transparent"
- flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=images/bgd_player.jpg&controlbar=none&autostart=true"
-
- />
- </object>
- -->
- <img src="images/bgd_player.jpg" width="500" height="375" />
- </div>
-
- </div>
-
-
-
- <div class="arrowContainer">
- <div class="arrow"> </div>
- </div>
-
-
- <!-- -->
-
- <!-- -->
- <div class="videoLiveProgramTitle"><b>Clay Shirky : « Personne n'est titulaire du code source de la démocratie »</b> <a id="Video_ldt" href="http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/space/ldt/indexproject/13b0aa52-336b-11e0-b233-00145ea49a02">La vidéo sous Lignes de Temps</a></div>
- <div class="videoLiveProgramDescription">
- <br>
- Journaliste américain spécialiste des nouvelles technologies de l'information et de la communication - NTIC, Clay Shirky est aussi consultant, écrivain, professeur.<br/><br/>
-
-Diplômé de l'Université de New York il écrit et enseigne, entre autres, sur les effets de corrélation de la topologie sociale et technologique de réseau, où comment nos réseaux forment la culture et inversement.<br/><br/>
-<br/><b> Dernier ouvrages :</b> <ul>
-<li> <a href="http://isbn.nu/9781594202537?asim" target="_blank">2010 : Cognitive Surplus: Creativity and Generosity in a Connected Age </a></li>
-<li> <a href="http://isbn.nu/9781594201530" target="_blank">2008 : Here Comes Everybody: The Power of Organizing Without Organizations</a></li>
-</ul>
-<b>Source :</b> <a href="http://fr.wikipedia.org/wiki/Clay_Shirky" target="_blank"> Wikipedia.fr</a>
-<br/> <b>Plus d'information : </b> <a href="http://www.shirky.com/" target="_blank">www.shirky.com</a>
-<br/> <b>Crédit photo : </b> <a href="http://www.flickr.com/photos/poptech2006/2969510044/" target="_blank"> CC BY NA - Pop!Tech 2008</a>
-
- </div>
-
-
- </div>
-
- <div class="tweetWriter">
- <h3 class="tweetWriterTitle">Annotations polémique : </h3>
- <form action="tweet.php" method="post" id="statusform" >
- <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'>
- Vous n'êtes pas connecté.<br>
- Pour participer, veuillez vous identifier en cliquant ici. </a></div>");
- }else{
- echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>#rsln</textarea>");
- }
- ?>
-
-
- <div id="messageSuccess" style="background-color:lightgreen;">
- Votre tweet a bien été envoyé !<br><br>
- </div>
-
- <div id="messageFailed" style="background-color:red;">
- Ooups! il y a une erreur vous avez le droit de frapper le developpeur :<div id="error"> </div><br/><br>
- </div>
-
-
-
- <a class="button_w" href="#" id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" ><span>Envoyer</span></a>
- <!--<button name="s" type="button" id="sendTweet"
- style="float:right;margin-right:15px;margin-left:35px;width:70px;" >Envoyer</button>-->
- <a
-
- id="positive"
- title="accord"
- class="tweetButton">++</a>
- <a
-
- id="negative"
- title="désaccord"
- class="tweetButton">--</a>
- <a
-
- id="reference"
- title="reference"
- class="tweetButton">==</a>
- <a
-
- id="question"
- title="question"
- class="tweetButton"> ??</a>
- </form>
- </div>
-
- <div class="tweetReader">
- <script>
- new TWTR.Widget({
- version: 2,
- type: 'search',
- search: '#rsln',
- interval: 1000,
- title: '',
- subject: '',
- width: 377,
- height: 450,
- theme: {
- shell: {
- background: '#ffffff',
- color: '#ffffff'
- },
- tweets: {
- background: '#ffffff',
- color: '#444444',
- links: '#1985b5'
- }
- },
- features: {
- scrollbar: false,
- loop: true,
- live: true,
- hashtags: true,
- timestamp: true,
- avatars: true,
- toptweets: true,
- behavior: 'default'
- }
- }).render().start();
- </script>
- </div>
-
- <div class="footer">
- <hr>
- <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
- IRI </a>
- | <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN </a>
- | <a href="http://www.slate.fr/" class="footerLink" target="_blank"> SLATE.fr </a>
- | <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr </a>
- <?php
- if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("| <a href='clear.php' class='footerLink'>Déconnexion</a>");
- }
- ?>
- <input type="text" id="txt" size="3"/>
- </div>
-
-
- </div>
-
- <!-- LIGHTBOX -->
- <div style="display:none;">
- <div id="Aboutbox" >
- <div class="lightBorder">
- <div class="lightTitle" style="height:45px;"> </div>
- <div class="lightSubTitle">Annotation polémique par tweet </div>
- <div class="lightDescription">À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre.
- </div>
- <div>
- <br/>
- <a class="button_b" href="#" id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
- <a class="button_w" href="#" id="ACCES"><span>Libre accès</span></a>
- </div>
- </div>
- </div>
- </div>
-
-
- </body>
-</html>
--- a/web/rsln/polemicaltimeline2.php Wed Apr 06 17:53:16 2011 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,667 +0,0 @@
-<?php
-
-/**
- * include some common code (like we did in the 90s)
- * People still do this? ;)
- */
-include_once './common.php';
-
-/**
- * Do we already have a valid Access Token or need to go get one?
- */
-if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
- /**
- * Guess we need to go get one!
- */
- $token = $consumer->getRequestToken();
- $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
-
- /**
- * Now redirect user to Twitter site so they can log in and
- * approve our access
- */
- $consumer->redirect();
-}
-
-?>
-
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-
-<html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>RSLN - Live Video and Annotation</title>
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
-
- <!-- Framework CSS -->
- <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
- <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
-
- <!-- Import fancy-type plugin for the sample page. -->
-
- <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
- <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
- <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
- <script type="text/javascript" src="res/niceforms/niceforms.js"></script>
- <script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
- <!-- FONT -->
- <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
- <style type="text/css">
- .tweetButton{float:left;margin-right:5px;}
- .videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:638px;}
- .videoLive{width:650px;height:640px;background:#fff;float:right;margin-top:20px;padding:5px;}
-
- .tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:250px;height:640px;padding:10px;position:absolute; margin-top:70px;}
- .footer{margin-top:740px;width:960px;height:20px;position:absolute;text-align:center;}
-
- #tip{
- position : absolute;
- padding : 3px;
- z-index: 1000000;
- max-width: 200px;
- }
- #tip {
- display: none;
- background: transparent url("images/white_arrow_long.png");
- font-size: 12px;
- height: 125px;
- width: 180px;
- padding: 10px;
- padding-left: 15px;
- padding-top: 15px;
- padding-right: 15px;
- color: black;
- z-index: 1000000;
- font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
- overflow:hidden;
- }
- #chartTimeline{
- padding-top: 410px;
- z-index: 100000;
- position : absolute;
- }
-
- </style>
- <script type="text/javascript">
- $(document).ready(function() {
-
- doTimer();
- //$("txt").hide();
- $(".loginbutton").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
- $("#IDENTIFIER").click(function() {
- document.location.href="<?php URL_ROOT ?>?CONNECT=true";
- });
-
- $("#messageSuccess").hide();
- $("#messageFailed").hide();
- $("#txt").hide();
-
- // BUTTONS
- $("#positive").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"++ ");
- });
- $("#negative").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"-- ");
- });
- $("#reference").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"== ");
- });
- $("#question").click(function(){
- var MyValue = $('#status').attr("value");
- $('#status').attr("value",MyValue+"?? ");
- });
-
- // SEND TWEETS
- $("#sendTweet").click(function(){
- var MyStatus = $('#status').attr("value");
- $.post('tweet_ajax.php', {status:MyStatus}
- ,function(data) {
-
- if(data=="true"){
- $("#messageSuccess").show('fast');
- $("#messageSuccess").delay(800).hide('slow');
- $('#status').attr("value","#rsln");
- //$('#status').css("background-image","images/greenTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }else{
- $("#error").text(data);
- $("#messageFailed").show('fast');
- $("#messageFailed").delay(800).hide('slow');
- //$('#status').css("background-image","images/redTweet.png");
- //$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
- }
-
- });
-
- });
-
-
- });
-
-
- <!-- LIMIT TEXTAREA:
- function imposemax(Object)
- {
- return (Object.value.length <= 140);
- }
- // End -->
-
- <!-- TIMER
- var c=0;
- var t;
- var timer_is_on=0;
-
- function timedCount()
- {
- document.getElementById('txt').value=c;
- c = c+1;
- t = window.setTimeout("timedCount()",1000);
- $(".twtr-ft").hide();
- $(".twtr-hd").hide();
-
- //twtr-tweet
- $(".twtr-tweet").each(colorTweetings);
-
- }
-
- function colorTweetings (){
- var tweettemp = $(this).html();
- if (tweettemp.search(/\x3F\x3F/)!=-1){
- $(this).css({'background-color': '#ecedc1','color':"#000"});
- }
- if (tweettemp.search(/\x2B\x2B/)!=-1){
- $(this).css({'background-color': '#c5e7cd','color':"#fff"});
- }
- if (tweettemp.search(/\x2D\x2D/)!=-1){
- $(this).css({'background-color': '#f6ced0','color':"#fff"});
- }
- if (tweettemp.search(/\x3D\x3D/)!=-1){
- $(this).css({'background-color': '#bfdbec','color':"#000"});
- }
- };
-
-
-
- function doTimer()
- {
- if (!timer_is_on)
- {
- timer_is_on=1;
- timedCount();
- }
- }
-
- function stopCount()
- {
- clearTimeout(t);
- timer_is_on=0;
- }
- //
-
- //-->
-
-
- </script>
-
-
- </head>
- <body>
-
- <div id="tip">
- <div id="tipcolor" style="height:10px;width:10px"></div>
- <div id="tiptext"></div>
- </div>
- <script type="text/javascript">
- $(document).mousemove(function(e){
- if (over){
- tip.css("left", e.pageX-106).css("top", e.pageY-160);
- $("#tipcolor").css("background-color", tipColor)
- $("#tiptext").text(tipText);
- $("#tip").show();
- }else{
- tip.css("left", -10000).css("top", -100000);
- tweetSelection.attr({x:-100,y:-100});
- }
- });
- var over = false;
- var tip = $("#tip").hide();
- var tipText = "";
- var tipColor = "#efefef";
- var tweetSelection;
-
- // AddTip ******************************************************************************
- function addTip(node, txt,color,tempPosition){
- $(node).mouseover(function(){
- tipText = txt;
- //tip.hide();//fadeIn(0);
- tipColor = color;
- over = true;
- //tweetSelection.attr(tempPosition);
- //tweetSelection.toFront();
- }).mouseout(function(){
- //tip.show()//tip.fadeOut(0);
- over = false;
- });
-
-
- }
- </script>
-
-
- <div class="container">
- <img src="images/ENMI_2010_logo.gif" class="logo">
- <ul class="menu">
- <li class="menuUnderline"><a href="index.php" class="menuLink" id="About"> À propos</a></li>
- <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>
- <li ><a href="polemicaltimeline.php" class="menuLink">Lecteur polémique</a></li>
-
- </ul>
-
-
- <div class="tweetExplain" >
- <h3 class="tweetWriterTitle">Annotations polémique : </h3><br/>
- 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.
-Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de
-l'auditoire durant la conférence.
-<br/><br/>
-
- Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat :
- <table>
- <tr>
- <td>
- <a
-
- id="positive"
- title="accord"
- class="tweetButton">++</a> </td><td>correspond à un tweet d’assentiment</td>
- </tr>
- <tr>
- <td>
-
- <a
-
- id="negative"
- title="désaccord"
- class="tweetButton">--</a></td><td> à un tweet de désaccord,</td>
- </tr>
- <tr>
- <td>
- <a
-
- id="reference"
- title="reference"
- class="tweetButton">==</a></td><td> à un tweet de complément</td>
- </tr>
- <tr>
- <td>
- <a
-
- id="question"
- title="question"
- class="tweetButton"> ??</a></td><td> à une question</td>
- </tr>
- </table>
-
- 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.
-
- <br/><br/>
-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
- <br/>
- <br/>Merci a RSLN pour cette expérimentation !
- </div>
-
- <div class="videoLive" >
- <div class="videoLivePlayer">
-
- <div id="chartTimeline"> </div>
- <script type='text/javascript' src='res/metadataplayer/src/js/LdtPlayer.js'></script>
- <div id="player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed" class="iri_player_embed"> </div>
-
- <script type="text/javascript">
- var configMP = {
- /*metadata:{
- format:'cinelab',
- src:'metadata.json',
- load:'json'},*/
- metadata:{
- format:'cinelab',
- src:'http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02',
- load:'jsonp'},
- gui:{
- width:650,
- height:480,
- mode:'video',
- container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed',
- debug:true,
- css:'http://amateur.iri.centrepompidou.fr/live/rsln/res/css/LdtPlayer.css'},
-
- player:{
- type:'jwplayer',
- src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'}
- };
- __IriSP.init(configMP);
- </script>
-
- </div>
-
- </div>
-
- <div class="footer">
- <hr>
- <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
- IRI </a>
- | <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN </a>
- | <a href="http://www.slate.fr/" class="footerLink" target="_blank"> SLATE.fr </a>
- | <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr </a>
- <?php
- if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("| <a href='clear.php' class='footerLink'>Déconnexion</a>");
- }
- ?>
- <input type="text" id="txt" size="3"/>
- </div>
-
- </div>
-
- <!-- LIGHTBOX -->
- <div style="display:none;">
- <div id="Aboutbox" >
- <div class="lightBorder">
- <div class="lightTitle" style="height:45px;"> </div>
- <div class="lightSubTitle">Annotation polémique par tweet </div>
- <div class="lightDescription">Lors de la conférence du 31 janvier 2011 organiser par RSLN vous avez expérimenté une syntaxe polémique pour "tweeter". Cette qualification de vos tweets nous a permis de créer une timeline polemique. Cette timeline vous permet de naviguer dans la vidéo <br/>tout en représentant les positions de <br/>l'auditoire durant la conférence.
- </div>
- <br/>
- <div>
- <!--
- <br/>
- <a class="button_b" href="#" id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
- -->
- <a class="button_w" href="#" id="ACCES"><span>voir la vidéo</span></a>
-
- </div>
- </div>
- </div>
- </div>
-
-
-<script type="text/javascript" src="res/raphael/raphael-min.js"></script>
-<script type="text/javascript">
-
-// CHART TIMELINE / VERSION PROTOTYPE ::
-
- // configuration
- var config = {
- target:"chartTimeline",
- x:8,
- y:418,
- width:650,
- height:70,
- heightmax:70
- }
- // Make and define the Raphael area
- //var paper = Raphael(document.getElementById(config.target),config.width, config.height);
-
-
- function ChartTimeLine (){
-
- //var paper = Raphael(config.x, config.y,config.width, config.height);
- var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
- paper.rect(0,20,config.width,config.heightmax-20).attr({fill:"#fff","stroke-width":0.1,opacity: 0.1});
- //paper.rect(0,20,1,1).attr({fill:"#fff",stroke: "none"});
-
- // variable
-
- var yCoef = 2; // coef for height of 1 tweet
- var frameSize = 5; // frame size
- var margin = 1; // marge between frame
- var lineSize = 650; // timeline pixel width
- var nbrframes = lineSize/frameSize; // frame numbers
- var numberOfTweet = 0; // number of tweet overide later
- var duration = 4299820 ; // timescale width
- var frameLenght = lineSize/frameSize;// frame timescale
- var timeline;
- var colors = new Array("","#1D973D","#C5A62D","#CE0A15","#036AAE","#585858");
-
- // array
- var tweets = new Array();
- var element = new Array();
- var cluster = new Array();
- var frames = new Array(frameLenght);
- var slices = new Array();
-
-
- // Classes =======================================================================
- var Frames = function(){
-
- var Myclusters;
- var x;
- var y;
- var width;
- var height;
- };
- Frames = function(json){
- // make my clusters
- // ou Frame vide
- };
- Frames.prototype.draw = function(){
- }
- Frames.prototype.zoom = function(){
- }
- Frames.prototype.inside = function(){
- }
- var Clusters = function(){
- var Object;
- var yDist;
- var x;
- var y;
- var width;
- var height;
- };
- Clusters = function(json){
- // make my object
- };
- var Tweet = function(){
- }
- // Classes =======================================================================
-
- // trace function
- var traceNum = 0;
- function trace(msg,value){
- traceNum += 1;
- $("<div>"+traceNum+" - "+msg+" : "+value+"</div>").appendTo("#output");
- }
-
- // Refactoring (parametere) ************************************************************
- // color translastion
- function colorTranslation(value){
- if(value == "Q"){
- return 2;
- }else if(value =="REF"){
- return 4;
- }else if(value =="OK"){
- return 1;
- }else if(value =="KO"){
- return 3;
- }else if(value ==""){
- return 5;
- }
- }
-
-
- // Refactoring (parametere) ************************************************************
- // load tweets send in parameters
- $.ajax({
- dataType: "jsonp",
- url:"http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02",
- success : function(json){
- trace("load","");
- $.each(json.annotations, function(i,item) {
-
- var MyTime = Math.floor(item.begin/duration*lineSize);
- var Myframe = Math.floor(MyTime/lineSize*frameLenght);
-
- if (item.content['polemics'] != undefined) {
- if (item.content['polemics'][0] != null) {
-
- for(var j=0; j<item.content['polemics'].length; j++){
-
- tweets[numberOfTweet] = {
- id:i,
- qualification:colorTranslation(item.content['polemics'][j]),
- yIndicator:MyTime,
- yframe:Myframe,
- title:item.content['title'],
- timeframe:item.begin
- }
- numberOfTweet+=1;
- }
- }else{
- //trace("k = ",i);
- tweets[numberOfTweet] = {
- id:i,
- qualification:colorTranslation(""),
- yIndicator:MyTime,
- yframe:Myframe,
- title:item.content['title'],
- timeframe:item.begin
- }
- numberOfTweet+=1;
- }
-
- } else {
- //trace("tweet qualification = ","null");
- }
- });
- trace("======= ",numberOfTweet);
- DrawTweets ();
-
- }
- });
-
-
- // tweet Drawing (in raphael)
- function DrawTweets (){
- // GROUPES TWEET ============================================
- // Count nbr of cluster and tweet in a frame an save int in "frames"
- numberOfTweet = tweets.length;
- for(var i=0; i<nbrframes; i++) {
- for(var j=0; j<numberOfTweet; j++) {
-
- if (i==tweets[j].yframe){
-
- var k = tweets[j].qualification;
-
- // make array for frame cluster
- if(frames[i]==undefined){
- frames[i] = {id:i,
- qualifVol:new Array(),
- mytweetsID:new Array()
- };
- }
- // add my tweet to frame
- frames[i].mytweetsID.push(tweets[j]);
-
- // count opinion by frame
- if( frames[i].qualifVol[k] == undefined){
- frames[i].qualifVol[k] = 1;
- }else{
- frames[i].qualifVol[k] += 1;
- }
-
- }
- }
- }
-
- // GROUPES TWEET ============================================
- // max of tweet by Frame
- var max = 0;
- for(var i=0; i<nbrframes; i++) {
- var moy = 0;
- for (var j=0; j<6; j++){
- if (frames[i]!=undefined){
- if (frames[i].qualifVol[j]!=undefined){
- moy += frames[i].qualifVol[j]
- }
- }
- }
- //trace("frame "+i,moy);
- if (moy>max){max=moy;}
- }
-
- var tweetDrawed = new Array();
- var TweetHeight = 5;
- // DRAW TWEETS ============================================
- for(var i=0; i<nbrframes;i++) {
- var addEheight = 5;
- if (frames[i]!=undefined){
- trace (i+" k=",frames[i].mytweetsID.length);
- // by type
- for (var j=6; j>-1; j--){
- if (frames[i].qualifVol[j]!=undefined){
- // show tweet by type
- for (var k=0; k<frames[i].mytweetsID.length; k++){
- if (frames[i].mytweetsID[k].qualification==j){
- e = paper.rect( i*frameSize, // x
- config.heightmax-addEheight, // y
- frameSize-margin, // width
- TweetHeight // height
- ).attr({stroke:"#00","stroke-width":0.1, fill: colors[j]});
- addEheight +=TweetHeight;
- e.time= frames[i].mytweetsID[k].timeframe;
- e.title= frames[i].mytweetsID[k].title;
- e.mouseover(function () {
- //this.attr({stroke:"#fff","stroke-width":5});
- //this.toFront();
- }).mouseout(function () {
- //this.attr({stroke:"#00","stroke-width":0.1});
- }).mousedown(function () {
- __IriSP.MyApiPlayer.seek(this.time/1000)
- });
- $(e.node).attr('id', 't'+k+'');
- $(e.node).attr('title', frames[i].mytweetsID[k].title);
- $(e.node).attr('begin', frames[i].mytweetsID[k].timeframe);
- var tempPosition = {x:i*frameSize,y:config.heightmax-addEheight}
- addTip(e.node, frames[i].mytweetsID[k].title,colors[j],tempPosition);
- //frames[i].mytweetsID.pop();
- }
- }
- }
- }
- }
- }
-
- }
- //
- paper.rect(0,20,config.width,2).attr({fill:"#fff",stroke: "none",opacity: 1});
- PaperSlider = paper.rect(0,20,2,40).attr({fill:"#d232d4",stroke: "none",opacity: 1});
-
- // decalage
- tweetSelection = paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1});
- }
-
- //ChartTimeLine();
-
-</script>
-
-
-
- </body>
-</html>
--- a/web/rsln/polemicaltimeline3.php Wed Apr 06 17:53:16 2011 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,510 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>RSLN - Live Video and Annotation</title>
-
-
- <!-- JAVASCRIPT -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script type="text/javascript" src="res/raphael/raphael-min.js"></script>
-
- <!-- Framework CSS -->
- <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
- <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
- <link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
-
-
-
- <!-- FONT -->
- <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
- <style type="text/css">
- .tweetButton{float:left;margin-right:5px;}
- .videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:638px;}
- .videoLive{width:650px;height:640px;background:#fff;float:right;margin-top:20px;padding:5px;}
-
- .tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:250px;height:640px;padding:10px;position:absolute; margin-top:70px;}
- .footer{margin-top:740px;width:960px;height:20px;position:absolute;text-align:center;}
- .tooltip{
- z-index: 10000000000;
- }
- #tip{
- position : absolute;
- padding : 3px;
- z-index: 10000000000;
- max-width: 200px;
- }
- #tip {
- display: none;
- background: transparent url("images/white_arrow_long.png");
- font-size: 12px;
- height: 125px;
- width: 180px;
- padding: 10px;
- padding-left: 15px;
- padding-top: 15px;
- padding-right: 15px;
- color: black;
- z-index: 10000000000;
- font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
- overflow:hidden;
- }
- #chartTimeline{
- padding-top: 410px;
- z-index: 100000;
- position : absolute;
- }
-
- </style>
- </head>
-
- <script type="text/javascript">
- // CHART TIMELINE / VERSION PROTOTYPE ::
-
- // configuration
- var config = {
- target:"chartTimeline",
- x:8,
- y:418,
- width:650,
- height:70,
- heightmax:70
- }
- // Make and define the Raphael area
- //var paper = Raphael(document.getElementById(config.target),config.width, config.height);
-
- function ChartTimeLine (){
-
- //var paper = Raphael(config.x, config.y,config.width, config.height);
-
- //paper.rect(0,20,1,1).attr({fill:"#fff",stroke: "none"});
-
- // variable
-
- var yCoef = 2; // coef for height of 1 tweet
- var frameSize = 5; // frame size
- var margin = 1; // marge between frame
- var lineSize = 650; // timeline pixel width
- var nbrframes = lineSize/frameSize; // frame numbers
- var numberOfTweet = 0; // number of tweet overide later
- var duration = 4299820 ; // timescale width
- var frameLenght = lineSize/frameSize;// frame timescale
- var timeline;
- var colors = new Array("","#1D973D","#C5A62D","#CE0A15","#036AAE","#585858");
-
- // array
- var tweets = new Array();
- var element = new Array();
- var cluster = new Array();
- var frames = new Array(frameLenght);
- var slices = new Array();
-
-
- // Classes =======================================================================
- var Frames = function(){
-
- var Myclusters;
- var x;
- var y;
- var width;
- var height;
- };
- Frames = function(json){
- // make my clusters
- // ou Frame vide
- };
- Frames.prototype.draw = function(){
- }
- Frames.prototype.zoom = function(){
- }
- Frames.prototype.inside = function(){
- }
- var Clusters = function(){
- var Object;
- var yDist;
- var x;
- var y;
- var width;
- var height;
- };
- Clusters = function(json){
- // make my object
- };
- var Tweet = function(){
- }
- // Classes =======================================================================
-
- // trace function
- var traceNum = 0;
- function trace(msg,value){
- traceNum += 1;
- __IriSP.jQuery("<div>"+traceNum+" - "+msg+" : "+value+"</div>").appendTo("#output");
- }
-
- // Refactoring (parametere) ************************************************************
- // color translastion
- function colorTranslation(value){
- if(value == "Q"){
- return 2;
- }else if(value =="REF"){
- return 4;
- }else if(value =="OK"){
- return 1;
- }else if(value =="KO"){
- return 3;
- }else if(value ==""){
- return 5;
- }
- }
-
-
- // Refactoring (parametere) ************************************************************
- // load tweets send in parameters
- __IriSP.jQuery.ajax({
- dataType: "jsonp",
- url:"http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02",
- success : function(json){
- trace("load","");
- __IriSP.jQuery.each(json.annotations, function(i,item) {
-
- var MyTime = Math.floor(item.begin/duration*lineSize);
- var Myframe = Math.floor(MyTime/lineSize*frameLenght);
-
- if (item.content['polemics'] != undefined) {
- if (item.content['polemics'][0] != null) {
-
- for(var j=0; j<item.content['polemics'].length; j++){
-
- tweets[numberOfTweet] = {
- id:i,
- qualification:colorTranslation(item.content['polemics'][j]),
- yIndicator:MyTime,
- yframe:Myframe,
- title:item.content['title'],
- timeframe:item.begin
- }
- numberOfTweet+=1;
- }
- }else{
- //trace("k = ",i);
- tweets[numberOfTweet] = {
- id:i,
- qualification:colorTranslation(""),
- yIndicator:MyTime,
- yframe:Myframe,
- title:item.content['title'],
- timeframe:item.begin
- }
- numberOfTweet+=1;
- }
-
- } else {
- //trace("tweet qualification = ","null");
- }
- });
- trace("======= ",numberOfTweet);
- DrawTweets ();
-
- }
- });
-
-
- // tweet Drawing (in raphael)
- function DrawTweets (){
- // GROUPES TWEET ============================================
- // Count nbr of cluster and tweet in a frame an save int in "frames"
- numberOfTweet = tweets.length;
- for(var i=0; i<nbrframes; i++) {
- for(var j=0; j<numberOfTweet; j++) {
-
- if (i==tweets[j].yframe){
-
- var k = tweets[j].qualification;
-
- // make array for frame cluster
- if(frames[i]==undefined){
- frames[i] = {id:i,
- qualifVol:new Array(),
- mytweetsID:new Array()
- };
- }
- // add my tweet to frame
- frames[i].mytweetsID.push(tweets[j]);
-
- // count opinion by frame
- if( frames[i].qualifVol[k] == undefined){
- frames[i].qualifVol[k] = 1;
- }else{
- frames[i].qualifVol[k] += 1;
- }
-
- }
- }
- }
-
- // GROUPES TWEET ============================================
- // max of tweet by Frame
- var max = 0;
- for(var i=0; i<nbrframes; i++) {
- var moy = 0;
- for (var j=0; j<6; j++){
- if (frames[i]!=undefined){
- if (frames[i].qualifVol[j]!=undefined){
- moy += frames[i].qualifVol[j]
- }
- }
- }
- //trace("frame "+i,moy);
- if (moy>max){max=moy;}
- }
-
- var tweetDrawed = new Array();
- var TweetHeight = 5;
- // DRAW TWEETS ============================================
- for(var i=0; i<nbrframes;i++) {
- var addEheight = 5;
- if (frames[i]!=undefined){
- trace (i+" k=",frames[i].mytweetsID.length);
- // by type
- for (var j=6; j>-1; j--){
- if (frames[i].qualifVol[j]!=undefined){
- // show tweet by type
- for (var k=0; k<frames[i].mytweetsID.length; k++){
- if (frames[i].mytweetsID[k].qualification==j){
- e = paper.rect( i*frameSize, // x
- config.heightmax-addEheight, // y
- frameSize-margin, // width
- TweetHeight // height
- ).attr({stroke:"#00","stroke-width":0.1, fill: colors[j]});
- addEheight +=TweetHeight;
- e.time= frames[i].mytweetsID[k].timeframe;
- e.title= frames[i].mytweetsID[k].title;
- e.mouseover(function () {
- //this.attr({stroke:"#fff","stroke-width":5});
- //this.toFront();
- }).mouseout(function () {
- //this.attr({stroke:"#00","stroke-width":0.1});
- }).mousedown(function () {
- __IriSP.MyApiPlayer.seek(this.time/1000)
- });
- __IriSP.jQuery(e.node).attr('id', 't'+k+'');
- __IriSP.jQuery(e.node).attr('title', frames[i].mytweetsID[k].title);
- __IriSP.jQuery(e.node).attr('begin', frames[i].mytweetsID[k].timeframe);
- var tempPosition = {x:i*frameSize,y:config.heightmax-addEheight}
- addTip(e.node, frames[i].mytweetsID[k].title,colors[j],tempPosition);
- //frames[i].mytweetsID.pop();
- }
- }
- }
- }
- }
- PaperSlider.toFront();
- }
-
- }
- //
- PaperSlider.toFront();
- }
-
-
- $(document).mousemove(function(e){
- if (over){
- __IriSP.jQuery("#tip").css("left", e.pageX-106).css("top", e.pageY-160);
- __IriSP.jQuery("#tipcolor").css("background-color", tipColor)
- __IriSP.jQuery("#tiptext").text(tipText);
- __IriSP.jQuery("#tip").show();
- }else{
- __IriSP.jQuery("#tip").css("left", -10000).css("top", -100000);
- //tweetSelection.attr({x:-100,y:-100});
- }
- });
-
- var over = false;
- var tipText = "";
- var tipColor = "#efefef";
- var tweetSelection;
- var PaperSlider;
-
- // AddTip ******************************************************************************
- function addTip(node, txt,color,tempPosition){
- __IriSP.jQuery(node).mouseover(function(){
- tipText = txt;
- //tip.hide();//fadeIn(0);
- tipColor = color;
- over = true;
- //tweetSelection.attr(tempPosition);
- //tweetSelection.toFront();
- }).mouseout(function(){
- //tip.show()//tip.fadeOut(0);
- over = false;
- });
-
-
- }
-
- $(document).ready(function() {
- var tip = __IriSP.jQuery("#tip").hide();
- //ChartTimeLine();
-
- });
- </script>
-
- <body>
-
-<!-- SCRIPT RAPHAEL -->
-
-
-
- <!-- tooltip -->
- <div id="tip">
- <div id="tipcolor" style="height:10px;width:10px"></div>
- <div id="tiptext"></div>
- </div>
-
-
-
-
-
-
- <div class="container">
-
-
-
- <img src="images/ENMI_2010_logo.gif" class="logo">
- <ul class="menu">
- <li class="menuUnderline"><a href="index.php" class="menuLink" id="About"> À propos</a></li>
- <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>
- <li ><a href="polemicaltimeline.php" class="menuLink">Lecteur polémique</a></li>
-
- </ul>
-
-
-
-
-
-
- <div class="tweetExplain" >
- <h3 class="tweetWriterTitle">Annotations polémique : </h3><br/>
- 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.
-Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de
-l'auditoire durant la conférence.
-<br/><br/>
-
- Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat :
- <table>
- <tr>
- <td>
- <a
-
- id="positive"
- title="accord"
- class="tweetButton">++</a> </td><td>correspond à un tweet d’assentiment</td>
- </tr>
- <tr>
- <td>
-
- <a
-
- id="negative"
- title="désaccord"
- class="tweetButton">--</a></td><td> à un tweet de désaccord,</td>
- </tr>
- <tr>
- <td>
- <a
-
- id="reference"
- title="reference"
- class="tweetButton">==</a></td><td> à un tweet de référence</td>
- </tr>
- <tr>
- <td>
- <a
-
- id="question"
- title="question"
- class="tweetButton"> ??</a></td><td> à une question</td>
- </tr>
- </table>
-
- 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.
-
- <br/><br/>
-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
- <br/>
- <br/>Merci a RSLN pour cette expérimentation !
- </div>
-
-
-
-
-
- <div class="videoLive" >
- <div class="videoLivePlayer">
-
- <div id="chartTimeline"> </div>
- <script type="text/javascript">
-var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
- paper.rect(0,20,config.width,config.heightmax-20).attr({fill:"#fff","stroke-width":0.1,opacity: 0.1});
- paper.rect(0,20,config.width,2).attr({fill:"#fff",stroke: "none",opacity: 1});
- PaperSlider = paper.rect(0,20,1,50).attr({fill:"#fff",stroke: "none",opacity: 1});
- // decalage
- tweetSelection = paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1});
- </script>
-
- <script type='text/javascript' src='res/metadataplayer/src/js/LdtPlayer.js'></script>
- <div id="player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed" class="iri_player_embed"> </div>
-
- <script type="text/javascript">
- var configMP = {
- /*metadata:{
- format:'cinelab',
- src:'metadata.json',
- load:'json'},*/
- metadata:{
- format:'cinelab',
- src:'http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/13b0aa52-336b-11e0-b233-00145ea49a02',
- load:'jsonp'},
- gui:{
- width:650,
- height:480,
- mode:'video',
- container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed',
- debug:false,
- css:'http://amateur.iri.centrepompidou.fr/live/rsln/res/css/LdtPlayer.css'},
-
- player:{
- type:'jwplayer',
- src:'http://www.iri.centrepompidou.fr//dev/ldt/static/ldt/swf/player.swf'}
- };
- __IriSP.init(configMP);
- </script>
-
- </div>
-
- </div>
-
-
-
-
-
- <div class="footer">
- <hr>
- <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
- IRI </a>
- | <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN </a>
- | <a href="http://www.slate.fr/" class="footerLink" target="_blank"> SLATE.fr </a>
- | <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr </a>
- </div>
-
- </div>
-
-
-
-
-
- </body>
-</html>