--- a/web/2011-2012-museo-audiovisuel/config.php Mon May 21 12:16:03 2012 +0200
+++ b/web/2011-2012-museo-audiovisuel/config.php Mon May 21 18:18:08 2012 +0200
@@ -42,10 +42,5 @@
'archive_description' => "par <a href=\"http://www.iri.centrepompidou.fr/\" target=\"_blank\">IRI</a> au Centre Pompidou<br/> le mardi 10 avril 2012 | 17:00 - 20:00",
// After the event
- 'metadata' => "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/321ae0b0-ff2c-11e0-95c2-00145ea49a02",
- 'duration' => 10876600,
- 'player' => "res/metadataplayer/src/js/LdtPlayer.js",
- 'div_height' => 740,
- 'player_width' => 650,
- 'player_height' => 500,
+ 'metadata' => "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/ea0d4aa8-8962-11e1-9ee2-00145ea4a2be",
);
\ No newline at end of file
--- a/web/client.php Mon May 21 12:16:03 2012 +0200
+++ b/web/client.php Mon May 21 18:18:08 2012 +0200
@@ -2,7 +2,7 @@
header('P3P:CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"');
if(!isset($_REQUEST['rep'])) {
include_once dirname(__FILE__).'/common.php';
- header('Location: ' . URL_ROOT . "$C_default_rep/client.php" );
+ header('Location: ' . URL_ROOT . "$C_default_rep/client_pad.php" );
exit();
}
@@ -126,7 +126,7 @@
"s" : .8
}
}
- }
+ }
</script>
<script type="text/javascript" src="<?php echo(registry_url('twcx-main','js'))?>"></script>
@@ -317,7 +317,7 @@
/>
</object>
<?php elseif(isset($config['islive_embed']) && $config['islive_embed']):?>
- <?php echo str_replace(array('{{width}}','{{height}}'), array($videoWidth, $videoHeight), $translate->_($config['islive_embed'])); ?>
+ <?php echo str_replace(array('{{width}}','{{height}}'), array($videoWidth, $videoHeight), $translate->_('config__islive_embed')); ?>
<?php else: ?>
<img class="live-thumbnail" src="<?php echo($big_visual_url); ?>" />
<?php endif; ?>
@@ -326,14 +326,11 @@
<div class="ifwrap hidden" id="iframeWrap">
<iframe id="graphFrame"></iframe>
</div>
- <div id="out_fleche">
- <!-- <div id="in_fleche"></div> -->
- </div>
- <ul id="accordeon">
+ <ul class="accordeon">
<li class="acctitre">
<h3><?php echo($translate->_('config__title')); ?></h3>
</li>
- <li class="acctexte">
+ <li class="acctexte acclimited">
<p><?php echo($translate->_('config__description')); ?></p>
</li>
<li class="acctitre">
@@ -477,6 +474,19 @@
</div>
</div>
</div>
+ <?php $pad_url = $translate->_('config__pad_url');?>
+ <?php if ($pad_url !== "config__pad_url"):?>
+ <ul class="accordeon">
+ <li class="acctitre">
+ <h3><?php echo $translate->_('CollaborativePad');?></h3>
+ </li>
+ <li class="acctexte">
+ <?php echo $translate->_('ThisIsTheCollaborativePad');?>
+ <iframe src='<?php echo($pad_url); ?>' width='100%' height=400></iframe>
+ </li>
+ </ul>
+ </div>
+ <?php endif;?>
<div class="footer">
<hr />
<?php
@@ -497,4 +507,3 @@
<li><a id="hkwtweet" href="#"><?php echo $translate->_('addToTweet'); ?></a></li>
</ul>
</body>
-</html>
\ No newline at end of file
--- a/web/client_pad.php Mon May 21 12:16:03 2012 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,506 +0,0 @@
-<?php
-header('P3P:CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"');
-if(!isset($_REQUEST['rep'])) {
- include_once dirname(__FILE__).'/common.php';
- header('Location: ' . URL_ROOT . "$C_default_rep/client_pad.php" );
- exit();
-}
-
-$rep = $_REQUEST['rep'];
-include_once dirname(__FILE__).'/'.$rep.'/config.php';
-
-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();
-} else {
- if (isset($_SESSION['TWITTER_REDIRECT_URL'])) {
- unset($_SESSION['TWITTER_REDIRECT_URL']);
- }
-}
-
-
-$big_visual_url = URL_ROOT."/$rep/images/big_visuel_rsln_mb.jpg";
-if($translate->_('config__client_visual') != 'config__client_visual' && $translate->_('config__client_visual') != null ) {
- $big_visual_url = URL_ROOT."$rep/".$translate->_('config__client_visual');
-}
-
-$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');
-}
-
-$embed = (isset($_REQUEST['embed']) && $_REQUEST['embed']);
-$videoWidth = ( $embed ? 412 : 480 );
-$videoHeight = ( $embed ? 280 : 320 );
-if ($embed && !isset($_SESSION['TWITTER_ACCESS_TOKEN']) && (isset($_REQUEST['auth_redirect']) || isset($_SERVER['HTTP_REFERER']))) {
- $_SESSION['TWITTER_REDIRECT_URL'] = isset($_REQUEST['auth_redirect']) ? $_REQUEST['auth_redirect'] : $_SERVER['HTTP_REFERER'];
-};
-
-?>
-<!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>Live Video and Annotation</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('fancybox','css'));?>" type="text/css" media="screen">
- <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" src="<?php echo(registry_url('fancybox','js'))?>"></script>
-
- <script type="text/javascript">
- <?php
- if (isset($config['tracking_keywords']) && count($config['tracking_keywords'])) {
- echo "var tracking_keywords = ".json_encode($config['tracking_keywords']).';';
- } elseif (isset($config['hashtag'])) {
- echo "var tracking_keywords = ".json_encode(array($config['hashtag'])).";";
- }
- ?>
- <?php if (isset($config['suggested_keywords'])) echo "var suggested_keywords = ".json_encode($config['suggested_keywords']).";"; ?>
- <?php if (isset($config['js_config'])) echo $config['js_config']; ?>
- l10n = { "rechercher" : "<?php echo $translate->_('Rechercher'); ?>" }
- var annotations = {
- "default" : {
- "colors" : {
- "h" : 0,
- "s" : 0
- }
- },
- "positive" : {
- "display_name" : "++ | <?php echo $translate->_('Agree'); ?>",
- "keywords" : [ /\+\+/ ],
- "colors" : {
- "h" : .3,
- "s" : .65
- }
- },
- "negative" : {
- "display_name" : "-- | <?php echo $translate->_('Disagree'); ?>",
- "keywords" : [ /\-\-/ ],
- "colors" : {
- "h" : 0,
- "s" : .8
- }
- },
- "reference" : {
- "display_name" : "== | <?php echo $translate->_('Reference'); ?>",
- "keywords" : [ /\=\=/ ],
- "colors" : {
- "h" : .16,
- "s" : .8
- }
- },
- "question" : {
- "display_name" : "?? | <?php echo $translate->_('Question'); ?>",
- "keywords" : [ /\?\?/ ],
- "colors" : {
- "h" : .6,
- "s" : .8
- }
- }
- }
- </script>
- <script type="text/javascript" src="<?php echo(registry_url('twcx-main','js'))?>"></script>
-
- <script type="text/javascript">
-
- function add_grammar(value) {
- var _st = $('#status'),
- _val = _st.val();
- _st.val( _val + ( _val[_val.length - 1] == " " ? "" : " " ) + value ).change();
- }
-
- $(document).ready(function() {
-
-
- function updateCounter() {
- var _v = $("#status").val();
- if (_v.length > 140) {
- _v = _v.substr(0,140);
- $("#status").val(_v);
- }
- $('#tweetCounter').html(140-_v.length);
- if(140-_v.length < 0) {
- $('#tweetCounter').addClass("tweetCounterNegative");
- }
- else {
- $('#tweetCounter').removeClass("tweetCounterNegative");
- }
- $(".tweetButton").each(function(_i, _e) {
- if (_v.search($(_e).find('span.twbSyntax').text().replace(/(\W)/g, '\\$1')) > -1) {
- $(_e).addClass('selected');
- } else {
- $(_e).removeClass('selected');
- }
- });
- }
-
- // BUTTONS
- $(".tweetButton").click(function() {
- add_grammar($(this).find('span.twbSyntax').text());
- updateCounter();
- })
-
- // SEND TWEETS
- $("#sendTweet").click(function(){
- var MyStatus = $('#status').val();
- $.post('tweet_ajax.php', {status:MyStatus}
- ,function(data) {
-
- if(data=="true"){
- $("#messageSuccess").show('fast');
- $("#messageSuccess").delay(800).hide('slow');
- $('#status').val("<?php echo($config['hashtag']); ?>");
- $('#status').change();
- }else{
- $("#error").text(data);
- $("#messageFailed").show('fast');
- $("#messageFailed").delay(800).hide('slow');
- }
-
- });
-
- });
-
-
- $("#status").bind("change keyup paste blur focus",updateCounter);
-
-
- $("#Program").fancybox({
- 'width' : '75%',
- 'height' : '75%',
- 'autoScale' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
- $(".embedbutton").fancybox({
- 'width' : 360,
- 'height' : 360,
- 'autoDimensions' : false,
- 'transitionIn' : 'none',
- 'transitionOut' : 'none',
- 'type' : 'iframe'
- });
-
- $("#onglets a").click(function() {
- $("div.ifwrap").hide();
- $("#onglets li").removeClass("selected");
- $(this).parent().addClass("selected");
- var hr = $(this).attr("href");
- if (hr[0] == '#') {
- $(hr).show();
- } else {
- $("#iframeWrap").show();
- $("#graphFrame").attr("src", hr);
- }
- return false;
- });
-
-
- });
-
- //<!-- LIMIT TEXTAREA:
- // End -->
-
- </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<?php if ($embed) { echo ' class="embed"'; } ?>>
- <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 id="coldroite">
-
- <div class="embedbar">
- <a class="embedbutton" href="<?php echo(URL_ROOT.$rep)?>/live_embed_form.php">Intégrer</a>
- <!-- AddThis Button BEGIN -->
- <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
- <a class="addthis_button_facebook"></a>
- <a class="addthis_button_twitter"></a>
- <a class="addthis_button_email"></a>
- <a class="addthis_button_compact"></a>
- </div>
- <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
- <!-- AddThis Button END -->
- </div>
- <ul id="onglets">
-<?php if (isset($config['semantic_board']) or isset($config['knowtex_url'])) { ?>
- <li class="selected">
- <a href="#vlWrap"><?php echo($translate->_('Video')); ?></a>
- </li>
-<?php } ?>
-<?php if (isset($config['semantic_board']) and $config['semantic_board']) { ?>
- <li>
- <a href="semanticboard.php?small=1&theme=jour"><?php echo($translate->_('SemanticBoard')); ?></a>
- </li>
-<?php } ?>
-<?php if (isset($config['knowtex_url'])) { ?>
- <li>
- <a href="<?php echo $config['knowtex_url'] ?>"><?php echo($translate->_('SocialGraph')); ?></a>
- </li>
-<?php } ?>
- </ul>
- <div class="ifwrap" id="vlWrap">
- <div id="videoLivePlayer">
- <?php if (isset($config['islive']) && $config['islive']):?>
- <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="<?php echo $videoWidth; ?>" height="<?php echo $videoHeight; ?>">
- <param name="movie" value="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf" />
- <param name="allowfullscreen" value="true" />
- <param name="allowscriptaccess" value="always" />
- <param name="wmode" value="transparent" />
- <?php
-
-function flv_param($name,$default) {
- global $config;
- return ( isset($config["flv_$name"]) ? ( $config["flv_$name"] ? "&$name=".$config["flv_$name"] : "" ) : "&$name=$default" );
-}
-
-$flashvars = "autostart=true&live=true".flv_param("provider", "rtmp").flv_param("streamer", "rtmp://media.iri.centrepompidou.fr/ddc_player/").flv_param("file", "livestream")."&image=$big_visual_url&controlbar=none&autostart=true";
- ?>
- <param name="flashvars" value="<?php echo $flashvars; ?>" />
- <embed
- type="application/x-shockwave-flash"
- id="player2"
- name="player2"
- src="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf"
- width="<?php echo $videoWidth; ?>"
- height="<?php echo $videoHeight; ?>"
- allowscriptaccess="always"
- allowfullscreen="true"
- wmode="transparent"
- flashvars="<?php echo $flashvars; ?>"
- />
- </object>
- <?php elseif(isset($config['islive_embed']) && $config['islive_embed']):?>
- <?php echo str_replace(array('{{width}}','{{height}}'), array($videoWidth, $videoHeight), $config['islive_embed']); ?>
- <?php else: ?>
- <img class="live-thumbnail" src="<?php echo($big_visual_url); ?>" />
- <?php endif; ?>
- </div>
- </div>
- <div class="ifwrap hidden" id="iframeWrap">
- <iframe id="graphFrame"></iframe>
- </div>
- <div id="out_fleche">
- <!-- <div id="in_fleche"></div> -->
- </div>
- <ul id="accordeon">
- <li class="acctitre">
- <h3><?php echo($translate->_('config__title')); ?></h3>
- </li>
- <li class="acctexte">
- <p><?php echo($translate->_('config__description')); ?></p>
- </li>
- <li class="acctitre">
- <h3><?php echo($translate->_('keywords')); ?></h3>
- </li>
- <li>
- <ul>
- <li class="acctexte">
- <div class="accsubtitle">
- <div class="aroundsubtitle">
- <h4><?php echo($translate->_('suggested')); ?></h4>
- </div>
- </div>
- <div class="tagcloud" id="suggkw">
- <div class="clearer"></div>
- </div>
- </li>
- <li class="acctexte">
- <div class="accsubtitle">
- <div class="aroundsubtitle">
- <h4><?php echo($translate->_('contextual')); ?></h4>
- </div>
- </div>
- <div class="tagcloud" id="motscles">
- <div class="clearer"></div>
- </div>
- </li>
- </ul>
- </li>
- </ul>
- </div>
- <div id="colgauche">
- <div class="barre">
- <img id="headlogo" src="<?php echo($head_logo); ?>" width="171" height="63" />
- <div id="minilogo"></div>
- <ul class="menu">
- <li>
- <a href="<?php echo(URL_ROOT); ?>" class="menuLink">
- <?php print $translate->_("Accueil"); ?>
- </a>
- </li>
- <li>
- <a href="<?php echo($translate->_('config__link')); ?>" class="menuLink" target="_blank" id='Program'>
- <?php print $translate->_("Programme"); ?>
- </a>
- </li>
- <li>
- <a href="../about.php" class="menuLink" >
- <?php print $translate->_("A propos"); ?>
- </a>
- </li>
- </ul>
- <ul class="menu">
- <li>
- <a href="<?php URL_ROOT ?>client.php?lang=ja_JP" class="menuLink" >
- <img src='<?php echo(URL_ROOT); ?>images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
- <?php print $translate->_("Japonais"); ?>
- </a></li>
- <li>
- <a href="<?php URL_ROOT ?>client.php?lang=fr" class="menuLink">
- <img src='<?php echo(URL_ROOT); ?>images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
- <?php print $translate->_("Français"); ?>
- </a>
- </li>
- <li>
- <a href="<?php URL_ROOT ?>client.php?lang=en" class="menuLink">
- <img src='<?php echo(URL_ROOT); ?>images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
- <?php print $translate->_("Anglais"); ?>
- </a>
- </li>
- </ul>
- </div>
- <div id="twwWrap">
- <div id="tweetWriter">
- <?php if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])): ?>
- <div id="tweetCounter"><?php echo(140-strlen($config['hashtag']));?></div>
- <?php endif;?>
- <h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?></h3>
- <form action="tweet.php" method="post" id="statusform" >
- <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("<div class='loginbutton'><a href='".URL_ROOT."$rep/client.php?CONNECT=true' target='_top' class='loginlink'>".$translate->_("Vous n'êtes pas connecté.")."</a></div>");
- } else {
- echo("<textarea name='status' id='status' rows='3' cols='50'>$config[hashtag]</textarea>");
- }
- ?>
- <div id="messageSuccess" style="background-color:lightgreen; display: none;">
- <?php print $translate->_("Envoyé"); ?><br/><br/>
- </div>
- <div id="messageFailed" style="background-color:red; display: none;">
- <?php print $translate->_("Erreur1"); ?><div id="error"> </div><br/><br/>
- </div>
- <a href="#" id="sendTweet" >
- <span><?php print $translate->_("Envoyer"); ?></span>
- </a>
- <a id="positive" title="++ | <?php echo $translate->_('Agree'); ?>" class="tweetButton twbGreen">
- <span class="twbSyntax">++</span>
- <span class="twbSeparator">|</span>
- <span class="twbLabel"><?php echo $translate->_('Agree'); ?></span>
- </a>
- <a id="negative" title="-- | <?php echo $translate->_('Disagree'); ?>" class="tweetButton twbRed">
- <span class="twbSyntax">--</span>
- <span class="twbSeparator">|</span>
- <span class="twbLabel"><?php echo $translate->_('Disagree'); ?></span>
- </a>
- <a id="reference" title="== | <?php echo $translate->_('Reference'); ?>" class="tweetButton twbYellow">
- <span class="twbSyntax">==</span>
- <span class="twbSeparator">|</span>
- <span class="twbLabel"><?php echo $translate->_('Reference'); ?></span>
- </a>
- <a id="question" title="?? | <?php echo $translate->_('Question'); ?>" class="tweetButton twbBlue">
- <span class="twbSyntax">??</span>
- <span class="twbSeparator">|</span>
- <span class="twbLabel"><?php echo $translate->_('Question'); ?></span>
- </a>
-
- <div style="clear: both;"></div>
- </form>
- </div>
- </div>
- <div id="tweetviz">
- <div class="barre">
- <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>
- <ul id="tweetlist"></ul>
- <div id="timeline"></div>
- <div id="scrollcont">
- <div id="scrollin"></div>
- </div>
- </div>
- </div>
- <?php $pad_url = $translate->_('config__pad_url');?>
- <?php if ($pad_url !== "config__pad_url"):?>
- <div id="pad">
- <iframe src='<?php echo($pad_url); ?>' width='100%' height=400></iframe>
- </div>
- <?php endif;?>
- <div class="footer">
- <hr />
- <?php
- echo($translate->_('config__partenaires'));
-
- if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
- echo("| <a href='clear.php' class='footerLink'>".$translate->_("Déconnexion")."</a>");
- }
- ?>
- </div>
- </div>
- <div id="hovertweet">
- <div id="hovercontent"></div>
- <div id="hoverarrow"></div>
- </div>
- <ul id="hoverkw">
- <li><a id="hkwsearch" href="#"><?php echo $translate->_('Rechercher'); ?></a></li>
- <li><a id="hkwtweet" href="#"><?php echo $translate->_('addToTweet'); ?></a></li>
- </ul>
- </body>
-</html>
\ No newline at end of file
--- a/web/common.php Mon May 21 12:16:03 2012 +0200
+++ b/web/common.php Mon May 21 18:18:08 2012 +0200
@@ -13,7 +13,7 @@
/**
* Base configuration
*/
-$C_default_rep = 'jenkins';
+$C_default_rep = 'edito-arts-numeriques';
$C_feedback_form_url = 'https://spreadsheets.google.com/spreadsheet/viewform?hl=en_US&formkey=dDZILVdXVHRzd0xhWGVZXzkweHN2RGc6MQ#gid=0';
$archives_list = array(
@@ -23,7 +23,7 @@
"sig-chi-paris-2011", "rwd-meetup-patrimoine", "2011-2012-museo-ouverture"/*, "JaneMcGonigal-gameDesign"*/,
"iii-catastrophe", "edito-inaugurale", "enmi2011", "2011-2012-museo-structured-data",
"edito-webdoc","edito-intelligence", "2011-2012-museo-contribution",
- "2011-2012-museo-ingenierie", "edito-serious-games", "enmi2012-seminaire-1", "edito-reseaux-sociaux"
+ "2011-2012-museo-ingenierie", "edito-serious-games", "enmi2012-seminaire-1", "2011-2012-museo-audiovisuel", "edito-reseaux-sociaux"
);
@@ -215,7 +215,6 @@
'semanticboard' => URL_ROOT.'res/js/semanticboard.js' ,
'metadataplayer'=> URL_ROOT.'res/metadataplayer/LdtPlayer-core.js' ,
'ldtwidgets' => URL_ROOT.'res/metadataplayer/' ,
-
)
);
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/edito-arts-numeriques/config.php Mon May 21 18:18:08 2012 +0200
@@ -0,0 +1,51 @@
+<?php
+$config = array(
+ 'hashtag' => '#edito11',
+ 'date' => '24.05.2012',
+ 'heure' => '17h30-19h30',
+ 'place' => 'Salle Triangle - Centre Pompidou',
+
+ 'title' => "Nouvelles formes d'éditorialisation",
+ 'abstract' => "Séminaire « nouvelles formes d'éditorialisation » :<br /><b>L'apport des arts numériques : données et créativité.</b><br/>le 24/05/2012 de 17h30 à 19h30<br/>@ Salle Triangle (Centre Pompidou) - entrée libre et gratuite",
+ 'description'=> "<h3>L'apport des arts numériques : données et créativité.</h3>
+<p>le 24/05/2012 de 17h30 à 19h30<br/>@ Salle Triangle (Centre Pompidou) - entrée libre et gratuite</p>
+<p>Le numérique modifie le sens des pratiques créatives : de quelle manière ? Quel est le rapport entre l'outil et les pratiques ? En particulier que devient l'écriture à l'époque du numérique ? Et comment changent les supports ? Et comment ce changement touche aux pratiques de créations ?</p>
+<p>Le séminaire accueille cette semaine Etienne Mineur des éditions volumiques et Cécile Portier de la Bibliothèque nationale de France.</p>
+<ul>
+ <li>
+ <p><b>Etienne Mineur</b></p>
+ <p>Co-fondateur et directeur artistique de l’atelier de création Incandescences en 2000. Co-fondateur des <a href=\"http://www.volumique.com/fr/\" target=\"_blank\">éditions volumiques</a>. Professeur à l’ENSAD de Paris, à la HEAD de Genève. </p>
+ </li>
+</ul>
+<ul>
+ <li>
+ <p><b>Cécile Portier</b></p>
+ <p>Cécile Portier est née en 1968. Elle a occupé différents postes au ministère de la culture et travaille actuellement à la Bibliothèque nationale de France.</p>
+ <p>Parallèlement, elle mène une activité d’écriture, a écrit des textes courts dans différentes revues littéraires ainsi que deux ouvrages. Elle tient un blog, <a href=\"http://petiteracine.net/\" target=\"_blank\">petiteracine.net</a>, où, à travers différents projets conçus comme des chroniques où images et textes se répondent, elle s’attache à explorer comment s’articulent aujourd’hui le social et l’intime.</p>
+ </li>
+</ul>",
+ 'link' => 'http://seminaire.sens-public.org',
+ 'islive' => true,
+ //'flv_provider' => 'rtmp',
+ //'flv_file' => 'livestream',
+ //'flv_streamer' => 'rtmp://media.iri.centrepompidou.fr/ddc-player',
+ 'use_tweetcast' => true,
+ 'keywords' => 'editorialisation, iri, arts numériques, créativité, édition',
+ 'rep' => basename(__DIR__),
+ 'partenaires'=> "<a href='http://www.sens-public.org' class='footerLink' target='_blank'>Sens Public</a> | <a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'>IRI</a>",
+
+ 'client_visual' => 'images/big_visuel_edito.jpg',// 501 × 376 pixels
+
+ 'head_logo' => 'images/head_logo.gif', // 171 × 63 pixels
+
+ 'slide_background' => 'images/slide4-editorialisation.jpg', // 606 × 282 pixels
+
+ 'archive_img' => 'images/archive-editorialisation.jpg', // 270 × 150 pixels
+
+ 'archive_title' => "L'apport des arts numériques : données et créativité.",
+ 'archive_description' => 'par <a href="http://www.sens-public.org" target="_blank">Sens Public</a> et l\'<a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a><br/>au Centre Pompidou le jeudi 24 mai 2012 17:30 - 19:30',
+
+ // After the event
+ 'metadata' => "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/99d311d0-8d5e-11e1-aa20-00145ea4a2be",
+ 'pad_url' => 'http://pads.iri-research.org/p/edito-arts-numeriques?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false'
+);
\ No newline at end of file
Binary file web/edito-arts-numeriques/images/archive-editorialisation.jpg has changed
Binary file web/edito-arts-numeriques/images/big_visuel_edito.jpg has changed
Binary file web/edito-arts-numeriques/images/head_logo.gif has changed
Binary file web/edito-arts-numeriques/images/slide4-editorialisation.jpg has changed
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/edito-arts-numeriques/index.php Mon May 21 18:18:08 2012 +0200
@@ -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/edito-serious-games/config.php Mon May 21 12:16:03 2012 +0200
+++ b/web/edito-serious-games/config.php Mon May 21 18:18:08 2012 +0200
@@ -7,7 +7,7 @@
'title' => "Nouvelles formes d'éditorialisation",
'abstract' => "Séminaire « nouvelles formes d'éditorialisation » :<br /><b>Serious Games</b><br/>le 22/03/2012 de 17h30 à 19h30<br/>@ Salle Triangle (Centre Pompidou) - entrée libre et gratuite",
- 'description'=> "<h3>Datacuration, agrégation, et moteurs de recherche</h3>
+ 'description'=> "<h3>Serious Games</h3>
<p>le 22/03/2012 de 17h30 à 19h30<br/>@ Salle Triangle (Centre Pompidou) - entrée libre et gratuite</p>
<p>Invités : <b>Catherine Rolland</b>, du <a href=\"http://seriousgamelab.org/\" target=\"_blank\">Serious Game Lab</a> et <b>Stéphanie Mader</b>, doctorante au CNAM (<a href=\"http://cedric.cnam.fr/\" target=\"_blank\">CEDRIC</a>). La séance sera modérée par <b>Simon Bachelier</b>.</p>
--- a/web/embed_form.php Mon May 21 12:16:03 2012 +0200
+++ b/web/embed_form.php Mon May 21 18:18:08 2012 +0200
@@ -36,6 +36,7 @@
padding:5px;
background-image:none;
border:solid 1px #ccc;
+ font-size: 12px;
}
</style>
<script type="text/javascript">
@@ -58,8 +59,7 @@
<h1 class="tweetWriterTitle" style="width:300px;" > <?php print $translate->_("EmbedTitle"); ?></h1>
<p style="font-size:12px;width:300px;"><?php print $translate->_("EmbedText"); ?> </p>
- <textarea cols="10" rows="10"><iframe src="<?php echo(URL_ROOT.$rep); ?>/player_embed.php<?php echo(array_key_exists("metadata",$_GET)?"?metadata=".$_GET["metadata"]:""); ?>" width="<?php echo($config['player_width']); ?>" height="<?php echo($config['player_height']); ?>" frameborder="0"></iframe><p><a href="<?php echo(URL_ROOT.$rep); ?>/polemicaltimeline.php<?php echo(array_key_exists("metadata",$_GET)?"#metadata=".$_GET["metadata"]:""); ?>">Source</a> on <a href="<?php echo(URL_ROOT); ?>">PolemicTweet</a>.</p>
- </textarea>
+ <textarea cols="10" rows="10"><div id="metadataplayer_embed"></div><script type="text/javascript" src="<?php echo(URL_ROOT.$rep); ?>/embedscript.php<?php echo(array_key_exists("metadata",$_GET)?"?metadata=".$_GET["metadata"]:""); ?>"></script></textarea>
</body>
</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/embedscript.php Mon May 21 18:18:08 2012 +0200
@@ -0,0 +1,82 @@
+<?php
+header("Content-type: text/javascript; charset=utf-8");
+$rep = $_REQUEST['rep'];
+include_once dirname(__FILE__).'/'.$rep.'/config.php';
+include_once 'common.php';
+
+if (is_array($config['metadata']) && array_key_exists("metadata",$_GET) && array_key_exists($_GET['metadata'], $config['metadata'])) {
+ $media_title = $config['metadata'][$_GET['metadata']]['display'];
+} else {
+ $media_title = $config['title'];
+}
+
+?>
+(function(_containerId, _iframeUrl, _mediaUrl, _platformUrl, _mediaTitle, _platformTitle, _width, _height) {
+
+ var _messages = {
+ en: {
+ watch: "Watch",
+ on: "on"
+ },
+ fr: {
+ watch: "Regarder",
+ on: "sur"
+ }
+ },
+ _lang = ( navigator.language ? navigator.language : ( navigator.userLanguage ? navigator.userLanguage : "en" ) ).substr(0,2).toLowerCase();
+ _lang = (_messages[_lang] ? _lang : "en");
+
+ var _container = document.getElementById(_containerId),
+ _frame = document.createElement("iframe");
+
+ _frame.width = _width;
+ _frame.height = _height;
+ _frame.frameBorder = 0;
+ _frame.src = _iframeUrl;
+
+ _container.appendChild(_frame);
+
+ var _p = document.createElement("p");
+ _p.innerHTML = _messages[_lang].watch
+ + ' <a href="'
+ + _mediaUrl
+ + '" target="_blank">'
+ + _mediaTitle
+ + '</a> '
+ + _messages[_lang].on
+ + ' <a href="'
+ + _platformUrl
+ + '" target="_blank">'
+ + _platformTitle
+ + '</a>';
+ _container.appendChild(_p);
+
+ var _blocked = false,
+ _updater = function() {
+ _blocked = true;
+ window.setTimeout(function() {
+ _blocked = false;
+ }, 1000);
+ _frame.contentWindow.postMessage({type: "hashchange", hash: document.location.hash}, "*");
+ };
+
+ window.onhashchange = _updater;
+
+ window.addEventListener('message', function(_e) {
+ if (_e.data.type === "hashchange" && !_blocked) {
+ document.location.hash = _e.data.hash;
+ }
+ });
+
+ window.setTimeout(_updater, 2000);
+
+})(
+ 'metadataplayer_embed',
+ '<?php echo(URL_ROOT.$rep); ?>/player_embed.php<?php echo(array_key_exists("metadata",$_GET)?"?metadata=".$_GET["metadata"]:""); ?>',
+ '<?php echo(URL_ROOT.$rep); ?>/polemicaltimeline.php<?php echo(array_key_exists("metadata",$_GET)?"#metadata=".$_GET["metadata"]:""); ?>',
+ '<?php echo URL_ROOT; ?>',
+ '<?php echo $media_title; ?>',
+ 'Polemic Tweet',
+ 650,
+ 500
+);
\ No newline at end of file
--- a/web/jenkins/config.php Mon May 21 12:16:03 2012 +0200
+++ b/web/jenkins/config.php Mon May 21 18:18:08 2012 +0200
@@ -36,7 +36,7 @@
'archive_title' => "WWW 2012",
'archive_description' => 'par <a href="http://www.univ-paris3.fr/" target="_blank">Univ. Sorbonne Nouvelle</a> au Centre Pompidou<br/>le 25 mai 2012',
- 'islive_embed' => 'jenkins_multilingual_embedcode', /* See ../traduction.php */
+ 'islive_embed' => '<iframe src="http://epresence.univ-paris3.fr/1/embed.aspx?eventId=127&embedded=true&clickToGoHome=true&templateType=Live" width="{{width}}" height="{{height}}" frameborder="0"></iframe>',
// After the event
'metadata' => "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/cljson/id/5510ecc4-5565-11e1-ac23-00145ea49a02",
'duration' => 6640378,
--- a/web/player_embed.php Mon May 21 12:16:03 2012 +0200
+++ b/web/player_embed.php Mon May 21 18:18:08 2012 +0200
@@ -54,66 +54,45 @@
var metadatas = { metadata: {url: "<?php echo($translate->_('config__metadata'));?>", duration: <?php echo($translate->_('config__duration'))?>} };
var metadata_key = "metadata";
<?php endif;?>
- IriSP.libdir = "<?php echo(registry_url('libdir','js'));?>";
+ IriSP.libFiles.defaultDir = "<?php echo(registry_url('libdir','js'));?>";
+ IriSP.widgetsDir = "<?php echo(registry_url('ldtwidgets','js'));?>";
IriSP.jwplayer_swf_path = "<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf";
- IriSP.platform_url = "http://ldt.iri.centrepompidou.fr/";
- var json_url = metadatas[metadata_key].url;
-
- var config = {
- gui:{
- width:650,
- height:800,
- container:'LdtPlayer',
+ IriSP.language = "<?php echo($actual) ?>";
+
+ var _metadata = {
+ url: metadatas[metadata_key].url + '?callback=?',
+ format: 'ldt'
+ };
+ var _config = {
+ gui: {
+ width: 630,
+ container: 'LdtPlayer',
+ default_options: {
+ metadata: _metadata
+ },
css:'<?php echo(registry_url('metadataplayer','css'));?>',
- default_options : {
- metadata:{
- format:'cinelab',
- src: json_url,
- type:'json'},
- width: 650
- },
widgets: [
- {type: "PolemicWidget",
- requires: [{
- type: "TooltipWidget",
- width: 180,
- height: 160,
- metadata : {type:'empty'
- }
- }],
- height: 75
- },
- {type: "SliderWidget"},
- {type: "PlayerWidget", // please note that type refers directly to the constructor of the widget.
- mode: "radio"},
- {type: "SegmentsWidget",
- requires: [{
- type: "TooltipWidget",
- width: 180,
- height: 160,
- }],
- width: 650
- },
- {type: "ArrowWidget"},
- {type: "TweetsWidget"},
- {type: "AnnotationsWidget"}
+ { type: "Polemic" },
+ { type: "Slider" },
+ {
+ type: "Controller",
+ disable_annotate_btn: true
+ },
+ { type: "Segments" },
+ { type: "Arrow" },
+ { type: "Annotation" },
+ { type: "Tweet" },
+ { type: "Mediafragment"}
]
},
- player:{
- type:'jwplayer',
- live: true,
- height: 400,
- width: 650,
- provider: "rtmp"
- },
- modules: [
- { type: "MediaFragment",
- metadata:{
- format:'cinelab',
- src:json_url,
- type:'json'}
- }]
-
+ player:{
+ type:'jwplayer', // player type
+ live: true,
+ height: 300,
+ width: 630,
+ provider: "rtmp",
+ autostart: true
+ }
};
</script>
<script type="text/javascript">
@@ -133,7 +112,9 @@
padding:0px;
margin:0px;
}
-
+ #LdtPlayer {
+ margin-bottom: 2px;
+ }
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
@@ -151,7 +132,7 @@
<div id="LdtPlayer"></div>
<script type="text/javascript">
- IriSP.initPlayer(config, json_url);
+ var _myPlayer = new IriSP.Metadataplayer(_config, _metadata);
</script>
</body>
</html>
--- a/web/polemicaltimeline.php Mon May 21 12:16:03 2012 +0200
+++ b/web/polemicaltimeline.php Mon May 21 18:18:08 2012 +0200
@@ -121,7 +121,7 @@
//foreign_url : "http://ldt.iri.centrepompidou.fr/ldtplatform/ldt/front/player/{{media}}/{{project}}/{{annotationType}}#id={{annotation}}",
container: "AnnotationsListContainer"
},
- { type: "Mediafragment"},
+ { type: "Mediafragment"}
]
},
player:{
@@ -251,37 +251,28 @@
<!-- EXPLICATION -->
<div id="mdpgauche">
- <div id="out_fleche"></div>
- <ul id="accordeon">
+ <ul class="accordeon">
<li class="acctitre">
<h3><?php echo($translate->_('config__title')); ?></h3>
</li>
- <li class="acctexte">
+ <li class="acctexte mdpacclimited">
<p><?php echo($translate->_('config__description')); ?></p>
</li>
<li class="acctitre">
<h3>Liste des Annotations</h3>
</li>
- <li class="acctexte" style="display: none;">
+ <li class="acctexte mdpacclimited" style="display: none;">
<div id="AnnotationsListContainer"></div>
</li>
<li class="acctitre">
<h3>Mots-clés</h3>
</li>
- <li class="acctexte" style="display: none;">
+ <li class="acctexte mdpacclimited" style="display: none;">
<div id="TagcloudContainer"></div>
</li>
</ul>
</div>
-
-
- <!-- INFOS SUR LA CONF
- <div class="tweetExplain" >
- <h3 class="tweetWriterTitle"></h3><br/>
-
- </div>
- -->
--- a/web/res/css/tweetcast.css Mon May 21 12:16:03 2012 +0200
+++ b/web/res/css/tweetcast.css Mon May 21 18:18:08 2012 +0200
@@ -554,44 +554,49 @@
max-width: 412px; max-height: 280px;
}
-#out_fleche {
- float: left; position: relative; width: 100%; height: 14px; background: url(twcx-img/bgnoarrow.png);
-}
-
-#in_fleche {
- position: absolute; left: 10px; width: 27px; height: 15px; background: url(twcx-img/arrowtop.png);
-}
-
-#accordeon {
- float: left; width: 100%; list-style: none; background: #999999;
+ul.accordeon {
+ float: left; width: 100%; margin: 10px 0 5px 0; padding: 1px 0 0; list-style: none; background: #999999;
}
.embed #out_fleche, .embed #accordeon {
/* display: none; */
}
-#mdpgauche #accordeon {
- width: 350px;
-}
-
-#accordeon h3 {
+.acctitre h3 {
font-size: 16px; font-weight: bold; color: #555555;
}
-#accordeon h3 a {
+.acctitre h3 a {
color: #555555; text-decoration: none;
}
-#accordeon h3:hover, #accordeon h3 a:hover {
+.acctitre h3:hover, .acctitre h3 a:hover {
color: #0099ff;
}
-#accordeon p {
+.acctexte p {
margin: 5px 0; line-height: 1.5em;
}
li.acctitre, li.acctexte {
- margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff; position: relative;
+ margin: 0 1px 1px 1px; padding: 4px; border: 1px solid #ffffff; position: relative; list-style: none;
+}
+
+li.acctitre {
+ background: #efefef; cursor: pointer; cursor: hand;
+}
+
+li.acctexte {
+ background: url(twcx-img/bgdeplie.png) top repeat-x #efefef;
+ font-size: 12px;
+}
+
+li.acctexte.acclimited {
+ max-height: 228px; overflow: auto;
+}
+
+li.acctexte.mdpacclimited {
+ max-height: 450px; overflow: auto;
}
div.accsubtitle {
@@ -614,20 +619,6 @@
padding: 2px; cursor: pointer; cursor: hand;
}
-li.acctitre {
- background: #efefef; cursor: pointer; cursor: hand;
-}
-
-li.acctexte {
- background: url(twcx-img/bgdeplie.png) top repeat-x #efefef;
- max-height: 228px; overflow: auto;
- font-size: 12px;
-}
-
-#mdpgauche li.acctexte {
- max-height: 450px;
-}
-
.acctexte ul {
list-style: disc; font-size: 12px; padding-left: 1.5em;
}
--- a/web/res/metadataplayer/Mediafragment.js Mon May 21 12:16:03 2012 +0200
+++ b/web/res/metadataplayer/Mediafragment.js Mon May 21 18:18:08 2012 +0200
@@ -76,7 +76,7 @@
window.parent.postMessage({
type: "hashchange",
hash: _hash
- })
+ },"*")
}
this.block();
}
--- a/web/traduction.php Mon May 21 12:16:03 2012 +0200
+++ b/web/traduction.php Mon May 21 18:18:08 2012 +0200
@@ -162,9 +162,9 @@
"SemanticBoard" => "Semantic Board",
"SocialGraph" => "Graphe des contributeurs",
- /* Jenkins Multilingual */
-
- 'jenkins_multilingual_embedcode' => '<iframe src="http://epresence.univ-paris3.fr/2/embed.aspx?eventId=128&embedded=true&clickToGoHome=true&templateType=Live" width="{{width}}" height="{{height}}" frameborder="0"></iframe>',
+ "CollaborativePad" => "Pad Collaboratif",
+ "ThisIsTheCollaborativePad" => "<p>Le pad ci-dessous est dédié à la présente séance et est ouvert à tous. Véritable éditeur collectif, il peut-être utilisé pour structurer une prise de note collaborative, poser et répondre à des questions, enrichir et référencer les interventions, etc.</p>
+ <p>Le pad sera ultérieurement associé et synchronisé à la vidéo de la conférence, accessible dans les archives de <a href='http://polemictweet.com/' target='_blank'>polemictweet.com</a>.</p>",
);
$english = array(
@@ -314,9 +314,9 @@
"SemanticBoard" => "Semantic Board",
"SocialGraph" => "Contributors Graph",
- /* Jenkins Multilingual */
-
- 'jenkins_multilingual_embedcode' => '<iframe src="http://epresence.univ-paris3.fr/1/embed.aspx?eventId=128&embedded=true&clickToGoHome=true&templateType=Live" width="{{width}}" height="{{height}}" frameborder="0"></iframe>',
+ "CollaborativePad" => "Collaborative pad",
+ "ThisIsTheCollaborativePad" => "<p>The pad below is dedicated to the current event and open to everyone. As a collective editing interface, it can be used to structure collective note-taking, ask and answer questions, enrich and reference speeches, etc.</p>
+ <p>The pad will subsequently be associated and synchronized with the video recording and published in the archives of <a href='http://polemictweet.com/' target='_blank'>polemictweet.com</a>.</p>",
);
$japan = array(
@@ -458,8 +458,8 @@
"SemanticBoard" => "Semantic Board",
"SocialGraph" => "Contributors Graph",
- /* Jenkins Multilingual */
-
- 'jenkins_multilingual_embedcode' => '<iframe src="http://epresence.univ-paris3.fr/1/embed.aspx?eventId=128&embedded=true&clickToGoHome=true&templateType=Live" width="{{width}}" height="{{height}}" frameborder="0"></iframe>',
-);
+ "CollaborativePad" => "Collaborative pad",
+ "ThisIsTheCollaborativePad" => "<p>The pad below is dedicated to the current event and open to everyone. As a collective editing interface, it can be used to structure collective note-taking, ask and answer questions, enrich and reference speeches, etc.</p>
+ <p>The pad will subsequently be associated and synchronized with the video recording and published in the archives of <a href='http://polemictweet.com/' target='_blank'>polemictweet.com</a>.</p>",
+ );
?>
\ No newline at end of file
