| author | Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com> |
| Thu, 23 Jun 2011 10:31:59 +0200 | |
| changeset 197 | 77e3207456b7 |
| parent 196 | 7f67e3814555 |
| child 198 | 249867084b9f |
--- a/web/common.php Thu Jun 23 10:26:01 2011 +0200 +++ b/web/common.php Thu Jun 23 10:31:59 2011 +0200 @@ -84,12 +84,12 @@ /* CLIENT VAR LIVE */ $C_hashtag = "#mashup"; -$C_link = "http://www.forumdesimages.fr/fdi/Festivals-et-evenements/MashUp-Film-Festival/Mashup-remix-detournements-nouveaux-usages-des-images-sur-les-reseaux-sociaux"; +$C_link = "http://www.forumdesimages.fr/fdi/Festivals-et-evenements/mashup-Film-Festival/Mashup-remix-detournements-nouveaux-usages-des-images-sur-les-reseaux-sociaux"; $C_title = "Mashup, remix, détournements : nouveaux usages des images sur les réseaux sociaux"; $C_abstract = "Mashup, remix, détournements Conférence Laurence Allard 25 Juin à 15h Salle Piazza au Forum des Images"; -$C_REP = "MashUp/"; +$C_REP = "mashup/"; $C_description = " Par le biais d'internet, les individus expriment, à leurs proches ou à des publics lointains,
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/mashup/config.php Thu Jun 23 10:31:59 2011 +0200 @@ -0,0 +1,56 @@ +<?php + +/** + * FAKE ONE + * Please edit the conférence details + * + */ + +$config = array( + 'root' => 'http://polemictweet.com/', + + 'hashtag' => '#mashup', + 'date' => '25.06.2011', + 'heure' => '15h00', + 'place' => 'Forum des images', + 'duration' => '', + + 'title' => "Mashup, remix, détournements : nouveaux usages des images sur les réseaux sociaux", + 'description'=> " + Par le biais d'internet, les individus expriment, + à leurs proches ou à des publics lointains, + leurs opinions ou leurs goûts en faisant leurs des contenus qu'ils apprécient ou qui les révoltent. + Quelques uns vont s'exprimer en partageant ou commentant ces contenus tandis que d'autres + iront plus loin dans l'appropriation en transformant à des degrés divers + des images sons ou textes à travers lesquels ils vont dire quelque chose + d'eux-mêmes et de leurs relations au monde. Ce sont de telles pratiques de remixes + qui seront présentées pour comprendre ce qui se dit ainsi sur Internet. + Détourner pour protester ou au contraire exprimer une passion ; + re-créer pour raconter autrement des événements ou les mashuper pour en montrer le non sens... + Différents procédés et différents discours que cette conférence nourrie de nombreux exemples historiques et contemporains, + issus d'artistes ou d'internautes ordinaires, se proposent de mettre en lumière. + <br/><br/> + Laurence Allard, sociologue et sémiologue est maître de conférences à l'université de Lille III, UFR Arts et Culture. + Elle s'intéresse particulièrement aux relations entre culture, politique et technique (p2p, blogs, creative commons, artivisme...) en mobilisant les apports des gender, cultural et post colonial studies. + ", + + 'link' => 'http://www.forumdesimages.fr/fdi/Festivals-et-evenements/MashUp-Film-Festival/Mashup-remix-detournements-nouveaux-usages-des-images-sur-les-reseaux-sociaux', + 'keywords' => 'mashup, film, festival, forum des images ', + 'rep' => 'rsln-mercedes-bunz', + 'partenaires'=> "<a href='http://www.iri.centrepompidou.fr/' class='footerLink' target='_blank'> IRI </a> + | <a href='http://www.forumdesimages.fr/' class='footerLink' target='_blank' > Forum des images </a> + | <a href='http://www.inflammableproductions.com/' class='footerLink' target='_blank'> Inflammable </a>", + + // After the event + 'metadata' => "", + 'player' => "res/metadataplayer/src/js/LdtPlayer.js" +); + +$player_width = 600; +$player_height = 480; +?> + + + + +
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/mashup/embed_form.php Thu Jun 23 10:31:59 2011 +0200 @@ -0,0 +1,100 @@ +<?php + +/** + * include some common code (like we did in the 90s) + * People still do this? ;) + */ +include_once '../common.php'; +include_once 'config.php'; + +?> +<!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>embed Configuration</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="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> + <script type="text/javascript" src="res/raphael/raphael-min.js"></script> + + <link rel="stylesheet" href="../res/css/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"> + body{ + padding:0px; + margin:0px; + background-image:none; + width:300px; + padding:5px; } + .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: <?php echo($player_height-70); ?>px; + z-index: 100000; + position : absolute; + } + textarea { + margin-left:3px; + height: 150px; + width: 330px; + padding:5px; + background-image:none; + border:solid 1px #ccc; + /*background-image:url(images/tweetWriterBgdTxtArea.gif); + background-repeat:no-repeat; + border: none;*/ + } + + </style> + <script type="text/javascript"> + + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23581291-1']); + _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> + + <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($config['root'].$config['rep']); ?>/player_embed.php" width="<?php echo($player_width); ?>" height="<?php echo($player_height); ?>" frameborder="0"></iframe><p><a href="<?php echo($config['root'].$config['rep']); ?>"><?php echo($config['title']); ?></a> from <a href="<?php echo($config['link']); ?>">RSLN</a>on <a href="<?php echo($config['root']); ?>">Polemical Tweet</a>.</p> + </textarea> + + </body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/mashup/index.php Thu Jun 23 10:31:59 2011 +0200 @@ -0,0 +1,6 @@ +<?php +// Permanent redirection +header("HTTP/1.1 301 Moved Permanently"); +header("Location: polemicaltimeline.php"); +exit(); +?> \ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/mashup/player_embed.php Thu Jun 23 10:31:59 2011 +0200 @@ -0,0 +1,138 @@ +<?php + +/** + * include some common code (like we did in the 90s) + * People still do this? ;) + */ +include_once 'config.php'; + +// todo : +// - gestion du parent.document.location mediafragment +// - limite taille vertical embed +// - ajouter la polemic timline en dessous de la video + +?> +<!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 - Polemic player embed page</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="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> + <script type="text/javascript" src="../res/raphael/raphael-min.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"> + body{ + padding:0px; + margin:0px; + } + .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{ + z-index: 9; + position : absolute; + } + + </style> + <script type="text/javascript"> + + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23581291-1']); + _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> + + <script type="text/javascript"> + // Configuration Polemical Timeline + var config = { + target:"chartTimeline", + x:8, + y:418, + width:<?php echo($player_width); ?>, + height:<?php echo($player_height); ?>, + heightmax:<?php echo($player_height); ?>, + duration:<?php echo($config['duration']); ?>, + metadata:"<?php echo($config['metadata']); ?>" + } + </script> + <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script> + + <body> + <!-- tooltip --> + <div id="tip"> + <div id="tipcolor" style="height:10px;width:10px"></div> + <div id="tiptext"></div> + </div> + + <div class="root" > + <div class="videoLivePlayer"> + <div id="chartTimeline"> </div> + <script type="text/javascript"> + var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height); + </script> + <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script> + <script type="text/javascript"> + $.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"}); + </script> + <div id="player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed" class="iri_player_embed"> </div> + + <script type="text/javascript"> + var configMP = { + metadata:{ + format:'cinelab', + src:'<?php echo($config['metadata']); ?>', + load:'jsonp'}, + gui:{ + width:<?php echo($player_width); ?>, + height:<?php echo($player_height); ?>, + mode:'video', + container:'player_project_843fff80-6b50-11e0-8aef-00145ea49a02_embed', + debug:false, + css:'../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> + </body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/web/mashup/polemicaltimeline.php Thu Jun 23 10:31:59 2011 +0200 @@ -0,0 +1,222 @@ +<?php + +/** + * include some common code (like we did in the 90s) + * People still do this? ;) + */ + // configuration +include 'common.php'; + // objet actuel +include_once 'config.php'; + +?> +<!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 - <?php echo($config['title']); ?></title> + <meta name="keywords" content="<?php echo($config['keywords']); ?>"><!-- add timestampedmetadata --> + <!--<meta name="description" content="PoelmicTweet.fr : debate mapping, opinion, conference, video">--> + <meta name="description" content="<?php echo($config['description']); ?>"> + <meta name="robots" content="index, follow"> + + <!-- ICI : <?php echo($_SERVER['DOCUMENT_ROOT']); ?> --> + <!-- 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> + <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> + + <!-- 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="../res/css/custom.css" type="text/css" media="screen, projection"> + <link rel="stylesheet" href="../res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen"> + + <!-- 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: 0px; + z-index: 9; + position : absolute; + } + + </style> + <script type="text/javascript"> + + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23581291-1']); + _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> + <script type="text/javascript"> + $(document).ready(function() { + + $("#Embeded").fancybox({ + 'width' : 360, + 'height' : 360, + 'autoDimensions' : false, + 'transitionIn' : 'none', + 'transitionOut' : 'none', + 'type' : 'iframe' + }); + + }); + </script> + + </head> + <script type="text/javascript"> + // Configuration Polemical Timeline + var config = { + target:"chartTimeline", + x:8, + y:418, + width:650, + height:480, + heightmax:480, + duration:<?php echo($config['duration']); ?>, + metadata:"<?php echo($config['metadata']); ?>" + }; + </script> + <script type='text/javascript' src='../res/metadataplayer.polemic/src/js/polemic.js'></script> + <body> + + + <!-- 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="../" class="menuLink" id="Accueil"> + <?php print $translate->_("Accueil"); ?></a></li> + <li class="menuUnderline"><a href="embed_form.php" class="menuLink" id="Embeded"> + <?php print $translate->_("Partager"); ?></a></li> + <li > </li> + </ul> + + <ul class="menu lang" > + <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" > + <img src='../images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> /> + <?php print $translate->_("Japonais"); ?></a></li> + <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=fr" class="menuLink"> + <img src='../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 ?>?lang=en" class="menuLink"> + <img src='../images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> /> + <?php print $translate->_("Anglais"); ?></a></li> + </ul> + + <!-- EXPLICATION --> + <div class="tweetExplain" > + <h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?> </h3><br/> + <?php print $translate->_("ExplicationPT"); ?> + </div> + + + <!-- INFOS SUR LA CONF + <div class="tweetExplain" > + <h3 class="tweetWriterTitle"><?php echo($config['title']); ?></h3><br/> + <?php echo($config['description']); ?> + </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); + </script> + + <script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script> + <script type="text/javascript"> + $.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.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:'<?php echo($config['metadata']); ?>', + load:'jsonp'}, + gui:{ + width:650, + height:480, + mode:'video', + container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed', + debug:false, + css:'../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> + <?php echo($config['partenaires']); ?> + </div> + + </div> + + </body> +</html>
