"cms" changes.
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/web/about.php Fri Dec 16 17:23:42 2011 +0100
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
+<head>
+<title>Metadataplayer - Demo</title>
+<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
+<link href="style.css" rel="stylesheet" type="text/css">
+<script src="LdtPlayer-release.js" type="text/javascript"></script>
+<script src="jquery.min.js" type="text/javascript"></script>
+<script src="jquery.tools.min.js" type="text/javascript"></script>
+<script src="jquery-ui.js" type="text/javascript"></script>
+
+</head>
+
+<body>
+ <div id="outer_div">
+ <img src="../crea/imgs/edition_2011.png" style="position: absolute; z-index: 3; margin-left: 12px;"></img>
+ <div id="banner">
+ <a href="index.php">
+ <img src="../crea/imgs/enmi_logo.png"></img>
+ </a>
+ <div style="clear: both;"></div>
+ </div>
+
+ <div id="inner_div">
+ <div id="intro_title">
+ A propos des ENMIs
+ </div>
+
+ <div id="about_contents">
+ <b>Entretiens du Nouveau Monde Industriel 2011</b>
+
+ <p>
+ Séminaire préparatoire à l’Ensci-Les Ateliers
+ 25 mai 2012
+ </p>
+
+ <p>
+ Quatre sessions pour examiner les enjeux de la Confiance dans le nouveau monde industriel numérique :
+ <ul>
+ <li>Histoire et anthropologie de la Confiance – Bernard Stiegler (IRI), Alain Mille (Liris/CNRS)</li>
+ <li>Confiance, calcul et savoir – Judith Simon (CNRS/Université de Vienne)</li>
+ <li>Economie, marketing et design de la confiance – Nicolas Auray (Institut Télécom), Cécile Méadel (CSI/Mines Paris Tech)</li>
+ <li>Confiance et politique – Godefroy Dang Nguyen (Télécom Bretagne), Albert Ogien (CNRS/EHESS)</li>
+ </ul>
+ </p>
+ </div>
+
+ <div id="partners">
+ <a href="http://www.iri.centrepompidou.fr" target="_blank"><img src="../crea/imgs/iri_logo.png"></a>
+ <a href="http://www.capdigital.com/" target="_blank"><img src="../crea/imgs/capd_logo.png"></a>
+ <a href="http://www.ensci.com/" target="_blank"><img src="../crea/imgs/ensci_logo.png"></a>
+ <a href="http://www.institut-telecom.fr/" target="_blank"><img src="../crea/imgs/institut_telecom_logo.png"></a>
+ <a href="http://fing.org" target="_blank"><img src="../crea/imgs/fing_logo.png"></a>
+ <a href="http://www.alcatel-lucent.com" target="_blank"><img src="../crea/imgs/alcatel_logo.png"></a>
+ </div>
+
+ <div id="footer">
+ <a href="http://www.iri.centrepompidou.fr">iri.centrepompidou.fr</a>
+ </div>
+ </div>
+
+ </div>
+ <div id="closing_div"></div>
+
+</body>
+</html>
--- a/web/entretiens.txt Fri Dec 16 17:23:24 2011 +0100
+++ b/web/entretiens.txt Fri Dec 16 17:23:42 2011 +0100
@@ -2,10 +2,10 @@
# it's a csv file with semicolon for separators
# format : title, stream id, date
#
-Histoire et anthropologie de la confiance;Alain Mille et Bernard Stiegler;a972dbcc-26ff-11e1-8869-00145ea49a02;thumbnails/alain_mille.png;le 25 Mai 2011 10h00-12h01
-Confiance et politique;Albert Ogien;d715c4e0-26ff-11e1-a2ff-00145ea49a02;thumbnails/albert_ogien.png;le 27 mars 2014
-Vide;Bernard Stiegler;c609832e-b6e0-11e0-9f0f-00145ea49a02;thumbnails/bernard_stiegler.png;le 27 mars 2014
-Vide;Cécile Méadel;4fa4daa4-2700-11e1-b1b3-00145ea49a02;thumbnails/cecile_meadel.png;le 27 mars 2014
-Vide;Godefroy Dang Nguyen;921ff558-2700-11e1-9ac7-00145ea49a02;thumbnails/dang_nguyen.png;le 27 mars 2014
-Vide;Judith Simon;16e0bc56-2700-11e1-bb79-00145ea49a02;thumbnails/judith_simon.png;le 27 mars 2014
-Vide;Nicolas Aurray;d8e8b2d6-2700-11e1-81c9-00145ea49a02;thumbnails/nicolas_aurray.png;le 27 mars 2014
\ No newline at end of file
+Histoire et anthropologie de la confiance;Alain Mille et Bernard Stiegler;a972dbcc-26ff-11e1-8869-00145ea49a02;thumbnails/alain_mille.png;le 25 Mai 2011 10h00-12h01;Retour sur l’histoire de la confiance pensée en conjonction avec le développement des processus de grammatisation et des dispositifs d’inscription des traces, depuis la crise induite par l’imprimerie jusqu’au développement contemporain du numérique.
+Confiance, calcul et savoir;Judith Simon;16e0bc56-2700-11e1-bb79-00145ea49a02;thumbnails/judith_simon.png;le 25 Mai de 10h00 à 12h01;La confiance relève-t-elle du calculable, de l’évaluation quantifiée des risques (risques financiers, sanitaires, nucléaires, technologiques, etc.) ou ne ressortit-elle pas, au contraire, de principes tout à fait différents, nécessitant de reprendre la question de l’expertise et de la démocratie à nouveaux frais ?
+Economie, marketing et design de la confiance;Nicolas Auray;d8e8b2d6-2700-11e1-81c9-00145ea49a02;thumbnails/nicolas_aurray.png;le 25 Mai de 14h30 à 16h00;Au-delà du calcul du risque proprement dit s’est développée une ingénierie de la confiance et de nouveaux espaces tentant de la recréer, en particulier sur le Web. Quelles difficultés entendent-ils pallier ? Quelles solutions proposent-ils et que penser de la demande sous-jacente qu’ils expriment ?
+Economie, marketing et design de la confiance (2);Cécile Méadel;4fa4daa4-2700-11e1-b1b3-00145ea49a02;thumbnails/cecile_meadel.png;le 27 mars 2014;Au-delà du calcul du risque proprement dit s’est développée une ingénierie de la confiance et de nouveaux espaces tentant de la recréer, en particulier sur le Web. Quelles difficultés entendent-ils pallier ? Quelles solutions proposent-ils et que penser de la demande sous-jacente qu’ils expriment ?
+Confiance et politique;Albert Ogien;d715c4e0-26ff-11e1-a2ff-00145ea49a02;thumbnails/albert_ogien.png;le 25 Mai de 16h15 à 17h45;Les Public data sont-elles une solution miracle pour les Etats désireux de rebâtir de la confiance ou, au contraire, un dévoiement du public aux intérêts privés ? Qu’en est-il des exceptions sur les données sensibles – la transparence peut-être est-ce expliquer clairement pour quelles raisons l’on n’est pas transparent sur certains sujets ?
+Confiance et politique (2);Godefroy Dang Nguyen;921ff558-2700-11e1-9ac7-00145ea49a02;thumbnails/dang_nguyen.png;le 25 Mai de 16h15 à 17h45;Les Public data sont-elles une solution miracle pour les Etats désireux de rebâtir de la confiance ou, au contraire, un dévoiement du public aux intérêts privés ? Qu’en est-il des exceptions sur les données sensibles – la transparence peut-être est-ce expliquer clairement pour quelles raisons l’on n’est pas transparent sur certains sujets ?
+Conclusion de Bernard Stiegler;Bernard Stiegler;7322b27a-27fb-11e1-8d0e-00145ea49a02;thumbnails/bernard_stiegler.png;le 25 Mai;Conclusion de Bernard Stiegler sur les entretiens préliminaires
--- a/web/index.php Fri Dec 16 17:23:24 2011 +0100
+++ b/web/index.php Fri Dec 16 17:23:42 2011 +0100
@@ -18,7 +18,7 @@
<a href=""><img src="../crea/imgs/enmi_logo.png"></img></a>
<ul class="menu">
<li class="menuUnderline"><a href="" class="menuText">Accueil</a></li>
- <li class="menuUnderline"><a class="menuText">A propos</a></li>
+ <li class="menuUnderline"><a href="about.php" class="menuText">A propos</a></li>
</ul>
<div style="clear: both;"></div>
</div>
--- a/web/player.php Fri Dec 16 17:23:24 2011 +0100
+++ b/web/player.php Fri Dec 16 17:23:42 2011 +0100
@@ -1,7 +1,23 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<?php $url = "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/" . $_GET["stream"];
+ $lines = file("entretiens.txt");
-<?php $url = "http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/" . $_GET["stream"] ?>
+ /* thank you php docs */
+ foreach ($lines as $line_num => $line) {
+ if ($line[0] == "#")
+ continue;
+
+ list($title, $author, $stream_id, $thumbnail, $date, $descript) = explode(";", $line);
+ if ($stream_id == $_GET["stream"])
+ break;
+
+ if (strlen($title) >= 37) {
+ $title = substr($title, 0, 35) . "...";
+ }
+ }
+?>
<head>
<title>Metadataplayer - Demo</title>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
@@ -28,22 +44,26 @@
Metadataplayer, un outil opensource pour le web
</div>
- <table border=0 id="content">
+ <table border=0 id="player_content">
<tr>
<td id="left_pane"></td>
<td id="right_pane">
- <img src="../crea/imgs/technos.png" style="margin-top: 5px; margin-left: -3px;"></img>
+ <div id="session_infos" style="padding: 5px; background-color: #bbb; width: 220px; margin-top: 5px; margin-left: -3px;">
+
+ <b><?php echo $title ?></b><br>
+ par <?php echo $author ?>,<br> <?php echo $date ?>.
+ </div>
+ <!-- <img src="../crea/imgs/technos.png" style="margin-top: 5px; margin-left: -3px;"></img> -->
<div id="caption_text">
- Le MetaData player est une librarie opensource conçue pour afficher, produire et partager des métadonnées associées
- à des segments de contenus audiovisuels diffusés sur le Web.
- Il tire parti des derniers standards technologiques (html5, W3C mediafragment, popcorn.js de la fondation Mozilla).
- Cette interface sera prochainement utilisée pour le festival cinecast.
- <br><br>
- <b>Application</b>
- Visualisation et navigation dans les annotations polémiques sur le film "entre les murs" de Laurent Cantet.
- <br>
- 1500 annotations ont été produites par un groupe d'enseignants, de chercheurs, d'élèves et d'amateurs de cinéma sur
- la plateforme lignes de temps.
+ <p>
+ <b>Description : </b>
+ <?php echo $descript ?>
+ </p>
+ <p>
+ <b>Technologie :</b> Le MetaData player est une librarie opensource conçue pour afficher, produire et partager
+ des métadonnées associées à des segments de contenus audiovisuels diffusés sur le Web. Il tire parti des derniers
+ standards technologiques (html5, W3C mediafragment, popcorn.js de la fondation Mozilla).
+ </p>
</div>
</td>
</table>
--- a/web/style.css Fri Dec 16 17:23:24 2011 +0100
+++ b/web/style.css Fri Dec 16 17:23:42 2011 +0100
@@ -121,9 +121,16 @@
font-size: 90%;
}
+/* about.php */
+#about_contents {
+ width: 760px;
+ margin: 0 auto;
+}
+
/* player.php */
-table#content {
- border: solid 10px #7a7a7a;
+#player_content {
+ border-right: solid 10px #7a7a7a;
+ border-left: solid 10px #7a7a7a;
border-bottom: solid 14px #7a7a7a;
border-top: solid 14px #7a7a7a;
position: relative;
@@ -143,6 +150,7 @@
width: 220px;
border-left: solid 10px #7a7a7a;
background-color: white;
+ vertical-align: top;
}
#caption_text {