Merge with 3af437be7931bf6a5831f253db834827875c0182
authorYves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
Mon, 13 Feb 2012 17:04:35 +0100
changeset 507 7f7fdf4eb06c
parent 487 323b5f770fa0 (current diff)
parent 505 b90c2bd832dd (diff)
child 508 c296bead6659
Merge with 3af437be7931bf6a5831f253db834827875c0182
web/res/fonts/PT_Sans-Narrow-Web-Regular.woff
web/res/fonts/PT_Sans-Web-Regular.woff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/archives-iframe.php	Mon Feb 13 17:04:35 2012 +0100
@@ -0,0 +1,100 @@
+<?php
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
+/**
+ * include some common code (like we did in the 90s)
+ * People still do this? ;)
+ */
+include_once './common.php';
+
+function special_display_archives_list($archives_list, $box_class, $url_root, $basepath, &$translate) {
+    
+    
+    for($i=0;$i<count($archives_list);$i++) {
+        print("             <div class=\"$box_class\">\n");
+        $archive_ref = $archives_list[$i];
+    
+        $archive_name = $archive_ref;
+        $metadata = null;
+        if(is_array($archive_ref)) {
+            $archive_name = $archive_ref[0];
+            $metadata = $archive_ref[1];
+        }
+        print(get_archive_box($archive_name,$metadata, $url_root, $basepath, $translate));
+        print("             </div>\n");
+    }
+}
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="<?php echo($actual); ?>">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Polemic tweet - Live Video and Annotation</title>
+
+    <link rel="stylesheet" href="<?php echo(registry_url('archives-iframe','css'));?>" type="text/css" media="screen, projection"/>
+
+    <!-- JAVASCRIPT -->
+    <script type="text/javascript" src="<?php echo(registry_url('jquery','js'));?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('jquery-tools','js'));?>"></script>
+
+    <!-- FONT -->
+    <link href='<?php echo(registry_url('PT-Sans_Narrow','font'));?>' rel='stylesheet' type='text/css'>
+
+    <script type="text/javascript">
+        var _timerJqScroll;
+        function startTimer() {
+            if (_timerJqScroll) {
+                clearInterval(_timerJqScroll);
+            }
+            _timerJqScroll = setInterval(function() { $(".scrollable").scrollable().next()}, 8000);
+        }
+        $(function() {
+            $(".archivesVideoBox").mouseover(function() {
+                $(this).css({'backgroundColor':'#fff'});
+                $(this).cursor = "pointer";
+            }).mouseout(function() {
+                $(this).css({'backgroundColor':'#f2f2f2'});
+            });
+            $(".scrollable").scrollable({"circular":true});
+            $(".browse, .item").click(function() {
+                startTimer();
+            })
+            startTimer();
+            $("a").attr("target", "_blank");
+        });
+
+        var _gaq = _gaq || [];
+        _gaq.push(['_setAccount', 'UA-23581291-1']);
+        _gaq.push(['_trackPageview']);
+        _gaq.push(['_setAllowAnchor', true]);
+      
+        (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="archivesBoxContainer scrollable">
+            <!-- -->
+            <div class="archivesTitleActionsContainer">
+                <div class="archivesActionsContainer" id="actions">
+                    <a class="prev browse left">&laquo;&nbsp;</a>
+                    <a class="next browse right">&nbsp;&raquo;</a>
+                </div>
+                <h3 class="archivesTitle">Polemic Tweet</h3>
+            </div>
+            
+            <!-- -->
+            <div class="items">
+                <?php
+                $arch_list = array_reverse($archives_list);
+                special_display_archives_list($arch_list, "archive_box_3 item", URL_ROOT, dirname(__FILE__)."/", $translate);
+                ?>
+            </div>
+        </div>
+  </body>
+</html>
\ No newline at end of file
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/bpi-des-livres-aux-machines/config.php	Mon Feb 13 17:04:35 2012 +0100
@@ -0,0 +1,55 @@
+<?php
+
+$config = array(
+    'hashtag'    => '#eBookBpi',
+    'date'   	 => '13.02.2012',
+    'heure'   	 => '19h00',
+    'place'   	 => 'Petite Salle, niv. -1, Centre Pompidou',
+    
+    'title' 	 => "Des livres aux machines",
+    'abstract'   => "<b>&Eacute;clairages sur le XXIè siècle&nbsp;:<br />Des livres aux machines</b><br/>le 13/02/2012 à 19h00<br/>@ Petite Salle (Centre Pompidou)",   
+    'description'=> "<p>Aujourd'hui, le livre n'est plus seulement un objet, c'est aussi une machine électronique.</p>
+<p>Bien sûr, lire c'est encore progresser mot à mot, mais c'est aussi rechercher, surfer, scroller.... Les mots sont aussi des contenus enrichis, des liens, des hypertextes. Nous sortons des mots pour passer aux images et aux sons, nous allons du texte au réel qu'il documente, nous rejoignons l'univers des discussions associées.</p>
+<p>Le numérique a t-il changé la nature même de la lecture&nbsp;? \"Lirons\"-nous encore demain ou faudra-t-il trouver un autre terme&nbsp;?</p>
+<p><strong>Programme&nbsp;:</strong></p>
+<p>Ce débat sera animé par <strong>Hubert Guillaud</strong>, journaliste, rédacteur en chef du site <a href=\"http://www.internetactu.net/\" target=\"_blank\">InternetActu.net</a> et animateur du blog <a href=\"http://lafeuille.blog.lemonde.fr/\" target=\"_blank\">La Feuille</a></p>
+<p><strong>Avec&nbsp;:</strong></p>
+<p><strong>Alain Giffard</strong>&nbsp;: directeur du Groupement d'intérêt scientifique <a href='http://gisnumerique.wordpress.com/' target='_blank'>&laquo;&nbsp;Culture – Médias &amp; Numérique&nbsp;&raquo;</a>. Ses travaux portent sur la lecture numérique. Il a été le concepteur de la bibliothèque numérique de la BNF et président de la mission interministérielle pour l'accès public à l'internet.</p>
+<p><strong>Frédéric Kaplan</strong>&nbsp;: ingénieur et spécialiste de l'intelligence artificielle et des nouvelles interfaces. Après dix ans de recherche au laboratoire Sony, il supervise aujourd'hui une équipe dans le domaine du mobilier interactif et des objets robotiques à l'École Polytechnique Fédérale de Lausanne (EPFL).</p>
+<p><strong>Étienne Mineur</strong>&nbsp;: designer, professeur à l'ENSAD (École Supérieure Nationale des Arts Graphiques), chercheur, cofondateur et directeur de création des <a href='http://www.volumique.com/fr/' target='_blank'>éditions volumiques</a>.</p>",				
+    'link'       => 'http://www.bpi.fr/fr/la_saison_culturelle/conferences_et_debats/des_livres_aux_machines.html',
+    'keywords'   => 'livres, ebook, machines, bpi',
+    'rep' 		 => 'bpi-des-livres-aux-machines',
+    'islive'	 => true,
+    'partenaires'=> "<a href='http://www.bpi.fr/' class='footerLink' target='_blank' > Bibliothèque Publique d'Information </a>
+         |  <a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'> IRI </a>
+         |  <a href='http://chroniquesdelarentreelitteraire.com/' class='footerLink' target='_blank' > Chroniques de la rentrée littéraire.com </a>
+         |  <a href='http://www.franceculture.fr/emission-place-de-la-toile.html-1' class='footerLink' target='_blank' > Place de la Toile (France Culture) </a>
+         |  <a href='http://www.internetactu.net/' class='footerLink' target='_blank' > InternetActu.net </a>",
+    'flv_provider' => 'http',
+    'flv_file' => 'http://flash.live.tv-radio.com/centre_pompidou/all/pompidou-h264-1.flv',
+    // 'flv_file' => 'http://flash.live.tv-radio.com/publicsenat/all/publicsenat-h264.flv',
+    'flv_streamer' => '',
+		 
+	// After the event 
+	'metadata'	 => "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/ae035b2e-dad0-11e0-84af-00145ea49a02",
+    'player'     => "res/metadataplayer/src/js/LdtPlayer.js",  
+	'duration'   => '7778370',
+	'client_visual' => 'images/bgd_player.jpg', // optional - relative path
+   	'head_logo' => 'images/logo_head.png', // optional - relative path
+	'slide_background' => 'images/fond_slide.jpg',
+	'archive_img' => "images/archive.jpg",	
+	'archive_title' => "&Eacute;clairages sur le XXIè siècle&nbsp;: Des livres aux machines",
+	'archive_description' => "à la BPI, petite salle, Centre Pompidou <br/>le lundi 13 février 2012 | 19:00",
+	
+	'div_height' => 680,
+	'player_width' => 650,
+	'player_height' => 480,
+);
+
+?>
+    
+    
+    
+
+
Binary file web/bpi-des-livres-aux-machines/images/archive.jpg has changed
Binary file web/bpi-des-livres-aux-machines/images/bgd_player.jpg has changed
Binary file web/bpi-des-livres-aux-machines/images/fond_slide.jpg has changed
Binary file web/bpi-des-livres-aux-machines/images/logo_head.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/bpi-des-livres-aux-machines/index.php	Mon Feb 13 17:04:35 2012 +0100
@@ -0,0 +1,6 @@
+<?php
+// Permanent redirection
+header("HTTP/1.1 301 Moved Permanently");
+header("Location: client.php");
+exit();
+?>
\ No newline at end of file
--- a/web/client.php	Mon Feb 13 17:03:07 2012 +0100
+++ b/web/client.php	Mon Feb 13 17:04:35 2012 +0100
@@ -39,6 +39,8 @@
     $head_logo = URL_ROOT."$rep/".$translate->_('config__head_logo');
 }
 
-include dirname(__FILE__). ( ( isset($config['use_tweetcast']) && $config['use_tweetcast'] ) ? '/client_new.php' : '/client_old.php' )
+// include dirname(__FILE__). ( ( isset($config['use_tweetcast']) && $config['use_tweetcast'] ) ? '/client_new.php' : '/client_old.php' )
+
+include dirname(__FILE__).'/client_new.php'
 
 ?>
\ No newline at end of file
--- a/web/common.php	Mon Feb 13 17:03:07 2012 +0100
+++ b/web/common.php	Mon Feb 13 17:04:35 2012 +0100
@@ -13,7 +13,7 @@
 /**
 * Base configuration
 */
-$C_default_rep = 'edito-intelligence';
+$C_default_rep = 'bpi-des-livres-aux-machines';
 $C_feedback_form_url = 'https://spreadsheets.google.com/spreadsheet/viewform?hl=en_US&formkey=dDZILVdXVHRzd0xhWGVZXzkweHN2RGc6MQ#gid=0';
 
 $archives_list = array(
@@ -238,6 +238,7 @@
 		'tabs-slideshow' => URL_ROOT.'res/css/tabs-slideshow.css',
 		'tweetcast' => URL_ROOT.'res/css/tweetcast.css',
 		'semanticboard' =>  URL_ROOT.'res/css/semanticboard.css',
+        'archives-iframe' => URL_ROOT.'res/css/archives-iframe.css',
 	),
 	'cdn' => array(
 		'blueprint-screen' => URL_ROOT.'res/blueprint/screen.css',
@@ -250,6 +251,7 @@
 		'tabs-slideshow' => URL_ROOT.'res/css/tabs-slideshow.css',
         'tweetcast' => URL_ROOT.'res/css/tweetcast.css',
         'semanticboard' =>  URL_ROOT.'res/css/semanticboard.css',
+        'archives-iframe' => URL_ROOT.'res/css/archives-iframe.css',
 	)
 );
 
--- a/web/polemicaltimeline.php	Mon Feb 13 17:03:07 2012 +0100
+++ b/web/polemicaltimeline.php	Mon Feb 13 17:04:35 2012 +0100
@@ -31,7 +31,7 @@
     <title>Polemic tweet - <?php echo($translate->_('config__title')); ?></title>
 	<meta name="keywords" content="<?php echo($translate->_('config__keywords')); ?>"><!-- add timestampedmetadata -->
 	<!--<meta name="description" content="PoelmicTweet.fr : debate mapping, opinion, conference, video">-->
-	<meta name="description" content="<?php echo($translate->_('config__description')); ?>">
+	<meta name="description" content="<?php echo(strip_tags($translate->_('config__description'))); ?>">
 	<meta name="robots" content="index, follow">
 	
 	<!-- ICI : <?php echo($_SERVER['DOCUMENT_ROOT']); ?> -->
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/res/css/archives-iframe.css	Mon Feb 13 17:04:35 2012 +0100
@@ -0,0 +1,84 @@
+body {
+    background: #ffffff;
+    padding: 0;
+    margin: 0;
+    font-family: Georgia;
+}
+div, p, img {
+    margin: 0;
+    padding: 0;
+    border: none;
+}
+a img {
+    border: none;
+    display: block;
+    max-width: 266px;
+    text-align: center;
+}
+.archivesTitleContainer {
+    width: 270px;
+    padding: 0;
+    margin: 0;
+}
+.archivesTitle {
+    color: #4b4b4b;
+    font-size: 18px;
+    margin: 0;
+    font-weight: normal;
+}
+.archivesBoxContainer {
+    width: 270px;
+    padding: 0;
+    margin: 0;
+    height: 230px;
+}
+.archivesActionsContainer {
+    float: right;
+    font-size: 16px;
+    font-weight: bold;
+    padding-top: 2px;
+}
+.archivesActionsContainer a {
+    color: #2C80AF;
+    text-decoration: none;
+    cursor: pointer;
+}
+.archivesActionsContainer a:hover {
+    text-decoration: underline;
+    color: #000;
+}
+.archivesVideoBox {
+    position: relative;
+    display: inline-block;
+    float: left;
+    background: #f2f2f2;
+    cursor: pointer;
+    width: 266px;
+    padding: 2px;
+    overflow: hidden;
+}
+.AVBtitle {
+    font-weight: bold;
+    font-size: 14px;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.AVBtext {
+    font-size: 11px;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.scrollable {
+    position: relative;
+    overflow: hidden;
+    /*    width: 660px;*/
+}
+.scrollable .items {
+    /* this cannot be too large */
+    position: absolute;
+    top: 22px;
+    width: 20000em;
+}
+.item {
+    float: left;
+}
--- a/web/res/css/tweetcast.css	Mon Feb 13 17:03:07 2012 +0100
+++ b/web/res/css/tweetcast.css	Mon Feb 13 17:04:35 2012 +0100
@@ -42,7 +42,7 @@
     font-size: 12px;
 }
 
-b {
+b, strong {
     font-weight: bold;
 }
 
@@ -298,7 +298,7 @@
 #tweetlist {
 	float: left; width: 280px; height: 480px; list-style: none; border-right: 1px solid #999;
 	color: #585858; cursor: pointer; cursor: hand; background: #ffffff;
-	font-family: Arial, Helvetica, sans-serif; /* Quick Fix */
+	/* font-family: Arial, Helvetica, sans-serif; /* Quick Fix */
 }
 
 #tweetlist a {
@@ -544,6 +544,10 @@
     list-style: disc; font-size: 12px; padding-left: 1em;
 }
 
+.acctexte ol {
+    list-style: decimal; font-size: 12px; padding-left: 1.5em;
+}
+
 .acctexte li {
     margin: 4px 0;
 }
@@ -586,4 +590,61 @@
     color: #0099FF;
 }
 
+/* TWEET WALL */
 
+.tweetwall #tweetviz {
+    width: 800px; height: 770px;
+}
+
+.tweetwall #tweetlist {
+    width: 490px; height: 770px;
+}
+
+.tweetwall #timeline {
+    width: 280px; height: 770px; background: #efefef;
+}
+
+.tweetwall li.full {
+    width: 475px; height: 140px; border-right: 15px solid #ff0;
+}
+
+.tweetwall li.half {
+    width: 490px; height: 80px;
+}
+
+.tweetwall li.icons {
+    width: 35px; height: 35px; border: none;
+}
+
+.tweetwall .full p.tweet_text {
+    font-weight: bold; font-size: 18px; margin: 10px 0 10px 100px;
+    height: 120px; width: 365px; color: #000000; line-height: 22px;
+}
+
+.tweetwall .half p.tweet_text {
+    font-weight: bold; font-size: 16px; margin: 10px 0 10px 70px; height: 60px; line-height: 20px; width: 410px;
+}
+
+.tweetwall .full .profile_image {
+    margin: 10px 10px 0 10px; width: 80px; height: 80px;
+}
+
+.tweetwall .half .profile_image {
+    margin: 10px; width: 60px; height: 60px;
+}
+
+.tweetwall .icons .profile_image {
+    margin: 5px; width: 25px; height: 25px;
+}
+
+.tweetwall .icons .annotations {
+    position: absolute; width: 30px; height: 8px; left: 0; top: 22px; z-index: 3;
+}
+
+.tweetwall p.created_at {
+    font-size: 18px; text-align: center; font-style: italic; color: #999999; width: 90px; overflow: hidden;
+}
+
+.tweetwall .tweet_actions {
+    display: none;
+}
Binary file web/res/fonts/PT_Sans-Narrow-Web-Bold.ttf has changed
--- a/web/res/fonts/PT_Sans-Narrow-Web-Regular.css	Mon Feb 13 17:03:07 2012 +0100
+++ b/web/res/fonts/PT_Sans-Narrow-Web-Regular.css	Mon Feb 13 17:04:35 2012 +0100
@@ -1,6 +1,13 @@
 @font-face {
-  font-family: 'PT Sans Narrow';
-  font-style: normal;
-  font-weight: normal;
-  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('PT_Sans-Narrow-Web-Regular.woff') format('woff');
+    font-family: "PT Sans Narrow";
+    font-weight: normal;
+    font-style: normal;
+    src: url("PT_Sans-Narrow-Web-Regular.ttf");
 }
+
+@font-face {
+    font-family: "PT Sans Narrow";
+    font-weight: bold;
+    font-style: normal;
+    src: url("PT_Sans-Narrow-Web-Bold.ttf");
+}
\ No newline at end of file
Binary file web/res/fonts/PT_Sans-Narrow-Web-Regular.ttf has changed
Binary file web/res/fonts/PT_Sans-Narrow-Web-Regular.woff has changed
Binary file web/res/fonts/PT_Sans-Web-Bold.ttf has changed
Binary file web/res/fonts/PT_Sans-Web-BoldItalic.ttf has changed
Binary file web/res/fonts/PT_Sans-Web-Italic.ttf has changed
--- a/web/res/fonts/PT_Sans-Web-Regular.css	Mon Feb 13 17:03:07 2012 +0100
+++ b/web/res/fonts/PT_Sans-Web-Regular.css	Mon Feb 13 17:04:35 2012 +0100
@@ -1,6 +1,27 @@
 @font-face {
-  font-family: 'PT Sans';
-  font-style: normal;
-  font-weight: normal;
-  src: local('PT Sans'), local('PTSans-Regular'), url('PT_Sans-Web-Regular.woff') format('woff');
+    font-family: "PT Sans";
+    font-weight: normal;
+    font-style: normal;
+    src: url("PT_Sans-Web-Regular.ttf");
+}
+
+@font-face {
+    font-family: "PT Sans";
+    font-weight: bold;
+    font-style: normal;
+    src: url("PT_Sans-Web-Bold.ttf");
 }
+
+@font-face {
+    font-family: "PT Sans";
+    font-weight: normal;
+    font-style: italic;
+    src: url("PT_Sans-Web-Italic.ttf");
+}
+
+@font-face {
+    font-family: "PT Sans";
+    font-weight: bold;
+    font-style: italic;
+    src: url("PT_Sans-Web-BoldItalic.ttf");
+}
\ No newline at end of file
Binary file web/res/fonts/PT_Sans-Web-Regular.ttf has changed
Binary file web/res/fonts/PT_Sans-Web-Regular.woff has changed
--- a/web/res/js-tweetcast/live-polemic.js	Mon Feb 13 17:03:07 2012 +0100
+++ b/web/res/js-tweetcast/live-polemic.js	Mon Feb 13 17:04:35 2012 +0100
@@ -49,6 +49,10 @@
     max_pages = 5;
 }
 
+tracking_keywords = _(tracking_keywords).map(function(_w) {
+    return _w.toLowerCase();
+});
+
 var twCx = {
         tlPaper : null,
         followLast : true,
@@ -1041,6 +1045,8 @@
 }
 
 $(document).ready(function() {
+    twCx.tlWidth = $("#timeline").width();
+    twCx.tlHeight = $("#timeline").height();
     twCx.tlPaper = Raphael("timeline", twCx.tlWidth, twCx.tlHeight);
     
     connectTweets();
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/rwd-meetup-visualisation/config.php	Mon Feb 13 17:04:35 2012 +0100
@@ -0,0 +1,59 @@
+<?php
+
+$config = array(
+    'hashtag'    => '#LRWD',
+    'date'   	 => '20.01.2012',
+    'heure'   	 => '17h00',
+    'place'   	 => 'Salle Triangle - Centre Pompidou',
+    
+    'title' 	 => "Visualisation d'information",
+    'abstract'   => "<b>Meetup Web de données&nbsp;:<br />Visualisation d'information,</b><br/>le 20/01/2012 de 17h00 à 20h00<br/>@ Salle Triangle (Centre Pompidou)",   
+    'description'=> "Nous vous proposons une rencontre autour de la visualisation d'information co-organis&eacute;e par&nbsp;<strong>Metacarto&nbsp;</strong>(<a href=\"http://www.metacarto.fr/\" target=\"_blank\">http://www.metacarto.fr/</a>).<br />
+Cet &eacute;v&eacute;nement r&eacute;unira Christophe Tricot (MetaCarto), Yves Rinato (Intactile Design/ENSCI), Samuel Huron (IRI) et Rapha&euml;l Velt (IRI) ainsi que plusieurs concurrents du r&eacute;cent concours Google DataViz.<br />
+Pour comprendre l&rsquo;int&eacute;r&ecirc;t et les usages de la visualisation d&rsquo;informations, nous vous proposons une rencontre en trois temps :<br />
+</p>
+<ol>
+<li>Les enjeux de la visualisation d&rsquo;informations &agrave; l&rsquo;heure du Web (design des donn&eacute;es vs. design des interfaces, acc&egrave;s aux donn&eacute;es et partage de leur signification)</li>
+<li>Les outils disponibles pour mettre en oeuvre des visualisations (le Web, le Web S&eacute;mantique, les frameworks de visualisation, les API pour analyser les donn&eacute;es)</li>
+<li>Retours d&rsquo;exp&eacute;rience et d&eacute;bat avec des finalistes du concours concours Google DataViz</li>
+</ol>
+<p>La rencontre sera suivie d'un petit cocktail.&nbsp;<br />
+<strong>Christophe Tricot</strong> :&nbsp;Depuis 2003, Christophe Tricot travaille sur la mod&eacute;lisation et la cartographie des connaissances et a obtenu un doctorant sur la cartographie s&eacute;mantique en 2006.<br />
+Fin 2009, il a co-fond&eacute; Onomia, soci&eacute;t&eacute; sp&eacute;cialis&eacute;e en cartographie des savoirs. En 2011, il a &eacute;galement co-fond&eacute; MetaCarto, association qui a pour objet de d&eacute;velopper la connaissance et la pratique de la cartographie et la mise en sc&egrave;ne de l'information.<br />
+<strong>Yves Rinato</strong> : Pr&eacute;sident d'Intactile Design et enseignant &agrave; l'ENSCI.<br />
+<strong>Samuel Huron</strong> :&nbsp;Samuel Huron est designer et chercheur dans le domaine des nouveaux m&eacute;dias.<br />
+Il est actuellement, responsable du design et des interfaces &agrave; <a href=\"http://www.iri.centrepompidou.fr/\" target=\"_blank\">l'Institut de Recherche et d'Innovation du Centre Pompidou (IRI)</a>, et en th&egrave;se d'informatique dans l'&eacute;quipe <a href=\"http://aviz.fr/\" target=\"_blank\">AVIZ / INRIA</a> &agrave; <a href=\"http://www.u-psud.fr/\" target=\"_blank\">l'universit&eacute; Paris sud Orsay</a> et co-fondateur de <a href=\"http://fabelier.org/\" target=\"_blank\">Fabelier</a>.<br/>
+En 2009, il est diplom&eacute; du Master 2 Recherche <em>Arts et M&eacute;dias Num&eacute;riques</em> de l'Universit&eacute; de <a href=\"http://www.univ-paris1.fr/\" target=\"_blank\">Paris I Panth&eacute;on-Sorbonne</a>. Il a &eacute;t&eacute; promu major de promotion pour ses recherches concernant le design d'information appliqu&eacute; &agrave; la presse en ligne. En tant que plasticien et programmeur il a particip&eacute; durant 2 ans &agrave; des travaux d'exp&eacute;rimentations et de recherche sur les m&eacute;taverses et les installations interactives &agrave; l'<a href=\"http://www.ensad.fr/\" target=\"_blank\">ENSAD Lab</a>.<br />
+Depuis plus de 10 ans il participe en agence ou en freelance &agrave; la conception et r&eacute;alisation de multiples projets web (Air France, Ebay, Bouygues Telecom). Ces exp&eacute;riences et comp&eacute;tences professionnelle a &eacute;t&eacute; valid&eacute;e au titre d'une Validation d'Acquis de l'Exp&eacute;rience (VAE) par une Maitrise en Science de l'Information et de la Communication &agrave; l' Universit&eacute; <a href=\"http://www.univ-paris8.fr/\" target=\"_blank\">Paris VIII</a>.<br>
+Plus d'information sur <a href=\"http://www.cybunk.com/\" target=\"_blank\">http://www.cybunk.com</a><br />
+<strong>Rapha&euml;l Velt</strong> : Apr&egrave;s avoir travaill&eacute; comme technicien de maintenance dans la t&eacute;l&eacute;vision, Rapha&euml;l Velt a suivi un Master Cr&eacute;ation et Edition Num&eacute;riques, au cours duquel il s'est particuli&egrave;rement int&eacute;ress&eacute; aux questions de repr&eacute;sentation visuelle interactive des donn&eacute;es. Il travaille aujourd'hui &agrave; l'IRI comme charg&eacute; de conception et d&eacute;veloppeur.<br />
+",
+					
+    'link'       => 'http://www.meetup.com/paris-web-of-data/events/43967882/',
+    'keywords'   => 'meetup, données, linked data, web sémantique, visualisation, information, infoviz, dataviz',
+    'rep' 		 => 'rwd-meetup-visualisation',
+    'islive'	 => true,
+    'partenaires'=> "",
+		 
+	// After the event 
+	'metadata'	 => "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/ae035b2e-dad0-11e0-84af-00145ea49a02",
+    'player'     => "res/metadataplayer/src/js/LdtPlayer.js",  
+	'duration'   => '7778370',
+	'client_visual' => 'images/bgd_player.png', // optional - relative path
+   	'head_logo' => 'images/sw-horz-w3c_head.png', // optional - relative path
+	'slide_background' => 'images/slide_background.png',
+	'archive_img' => "images/tail_patrimoine.png",	
+	'archive_title' => "Meetup Web de Données: Visualisation d'Information",
+	'archive_description' => "à l'IRI, salle Triangle, Centre Pompidou <br/>le vendredi 20 janvier 2012 | 17:00 - 20:00",
+	
+	'div_height' => 680,
+	'player_width' => 650,
+	'player_height' => 480,
+);
+
+?>
+    
+    
+    
+
+
Binary file web/rwd-meetup-visualisation/images/bgd_player.png has changed
Binary file web/rwd-meetup-visualisation/images/slide_background.png has changed
Binary file web/rwd-meetup-visualisation/images/sw-horz-w3c_head.png has changed
Binary file web/rwd-meetup-visualisation/images/tail_patrimoine.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/rwd-meetup-visualisation/index.php	Mon Feb 13 17:04:35 2012 +0100
@@ -0,0 +1,6 @@
+<?php
+// Permanent redirection
+header("HTTP/1.1 301 Moved Permanently");
+header("Location: client.php");
+exit();
+?>
\ No newline at end of file
--- a/web/traduction.php	Mon Feb 13 17:03:07 2012 +0100
+++ b/web/traduction.php	Mon Feb 13 17:04:35 2012 +0100
@@ -54,7 +54,7 @@
                 '1. TextSlide'  	=> '3. TitreSlide',
                 '1.1 TextSlide' 	=> 'S&apos;Identifier',
                 '1.2 TextSlide' 	=> 'sur l&apos;application de tweet polemic,',
-                '1.3 TextSlide' 	=> 'ou accèder lecture seul.',
+                '1.3 TextSlide' 	=> 'ou accéder en lecture seule.',
                 '2. TextSlide'  	=> 'Utilise la syntaxe polémique en ajoutant<br/>
 				les caractères suivants  ("??", "++", "--", "==") <br/>
 				afin de te positionner par rapport aux propos de la conférence.',
@@ -62,10 +62,11 @@
                 '4. TextSlide'  	=> 'RSLN vous invite Jeudi 7 avril à 19h30, à une rencontre avec Mercedes Bunz sur le thème :
 										"Comment les algorithmes ont fini par devenir des producteurs d&apos;infos et pourquoi ils ne remplaceront pour autant jamais les journalistes."',
 				'4. Button'			=> 'Cliquez ici pour aller sur la page de live',
-				"Archive Title :" 		=> 'Les derniers événements qui ont utilisé le tweet polemic :',
-				"footer text home" 	=> "<a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'> Tweet polemic </a>
+				"Archive Title :" 		=> 'Les derniers événements qui ont utilisé Polemic Tweet :',
+				"shortArchive" => 'Derniers événements Polemic Tweet',
+				"footer text home" 	=> "<a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'> Polemic Tweet </a>
 										est une expérimentation de l&apos;<a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'>
-										Institut de recherche et d’innovation </a>",
+										Institut de Recherche et d’Innovation </a>",
 				"D&eacute;connexion"=> "D&eacute;connexion",
 										
 				// ABOUT #############
@@ -194,6 +195,7 @@
                 '4. Button'			=> 'Click here to access the live page',
                 '4. TextSlide'  	=> 'RSLN invites you on April 7 at 7.30 PM for a meeting with Mercedes Bunz on the topic “How algorythms became info producers and why they wont replace journalist',
 				"Archive Title :" 	=> 'Last events using Polemic Tweet :',
+                "shortArchive" => 'Last Polemic Tweet events',
 				"footer text home" 	=> "<a href='http://www.iri.centrepompidou.fr/' class='footerLink'> Tweet polemic </a>
 										is an expériment of the <a href='http://www.iri.centrepompidou.fr/' class='footerLink'>
 										Institut for Research and Innovation </a>",
@@ -342,6 +344,7 @@
                 '4. TextSlide'  	=> 'RSLN invites you on April 7 at 7.30 PM for a meeting with Mercedes Bunz on the topic “How algorythms became info producers and why they wont replace journalist',
                 '4. Button'			=> 'ライブ中継ページへは、このボタンをクリック',
 				"Archive Title :" 	=> 'これまでのイベント',
+                "shortArchive" => 'これまでのイベント',
 				"footer text home" 	=> "<a href='http://www.iri.centrepompidou.fr/' class='footerLink'> Tweet polemic </a>
 										is an expériment of the <a href='http://www.iri.centrepompidou.fr/' class='footerLink'>
 										Institut for Research and Innovation </a>",
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/tweetwall.php	Mon Feb 13 17:04:35 2012 +0100
@@ -0,0 +1,102 @@
+<?php
+
+if(!isset($_REQUEST['rep'])) {
+    include_once dirname(__FILE__).'/common.php';
+    header('Location: ' . URL_ROOT . "$C_default_rep/tweetwall.php" );
+    exit();
+}
+
+$rep = $_REQUEST['rep'];
+include_once dirname(__FILE__).'/'.$rep.'/config.php';
+
+include_once 'common.php';
+
+$head_logo = URL_ROOT."$rep/images/head_logo.gif";
+if($translate->_('config__head_logo') != 'config__head_logo' && $translate->_('config__head_logo') != null ) {
+    $head_logo = URL_ROOT."$rep/".$translate->_('config__head_logo');
+}
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+   "http://www.w3.org/TR/html4/strict.dtd">
+
+<html lang="<?php echo($actual); ?>">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Tweet Wall</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=9" />
+
+    <!-- FONT -->
+    <link href='<?php echo(registry_url('PT-Sans_Narrow','font'))?>' rel='stylesheet' type='text/css'>
+    <link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'>
+    
+    <!-- CSS -->
+    <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>" type="text/css" media="screen, projection"/>
+
+    <!-- JAVASCRIPT -->
+    <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
+    <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
+    
+    <script type="text/javascript">
+        <?php if (isset($config['hashtag'])) echo "var tracking_keywords = ".json_encode(array($config['hashtag'])).";"; ?>
+
+        <?php if (isset($config['js_config'])) echo $config['js_config']; ?>
+    </script>
+    <script type="text/javascript" src="<?php echo(registry_url('twcx-main','js'))?>"></script>
+
+    <script type="text/javascript">
+    
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-23581291-1']);
+      _gaq.push(['_trackPageview']);
+      _gaq.push(['_setAllowAnchor', true]);
+    
+      (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 class="tweetwall">
+    <div id="sendUsFeedBack"><a href="<?php echo($C_feedback_form_url); ?>" target="_blank"><img src="<?php echo(URL_ROOT); ?>images/sendusfeedback.png"></a></div>
+
+        <div id="container">
+
+                    <div class="barre">
+                <img src="<?php echo($head_logo); ?>" width="171" height="63" />
+                        <form id="recherche">
+                            <input autocomplete="off" class="greyed" id="inp_q" value="<?php echo $translate->_('Rechercher'); ?>" />
+                            <input id="inp_submit" type="submit" />
+                            <input id="inp_reset" type="reset" />
+                            <div id="time_controls">
+                                <div id="time_legende"></div>
+                                <div id="time_scale"></div>
+                                <a href="#" id="time_zoomout"></a>
+                                <a href="#" id="time_zoomin"></a>
+                            </div>
+                            <div id="recherche_annot">
+                                <?php echo $translate->_('SearchByPolemic'); ?> : <span id="rech_list_annot"></span><br />
+                            </div>
+                        </form>
+                    </div>
+            
+                <div id="tweetviz">
+                    <ul id="tweetlist"></ul>
+                    <div id="timeline"></div>
+                    <div id="scrollcont">
+                        <div id="scrollin"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+<!--        <div id="hovertweet">
+            <div id="hovercontent"></div>
+            <div id="hoverarrow"></div>
+</div> -->
+  </body>
+</html>
\ No newline at end of file