--- a/web/index.html Wed Oct 23 16:48:59 2013 +0200
+++ b/web/index.html Thu Oct 24 12:49:17 2013 +0200
@@ -16,7 +16,7 @@
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li>
- <a class="videolink" data-videoid="0"><img src="./img/logodsrose2" alt="Logo Digital Studies" /></a>
+ <a class="videolink hand" data-videoid="0"><img src="./img/logodsrose2" alt="Logo Digital Studies" /></a>
</li>
</ul>
<ul class="nav navbar-nav" style="float:right;">
@@ -24,16 +24,15 @@
<li><a href="http://www.france-universite-numerique.fr/" target="_blank" title="France Université Numérique">FUN</a></li>
<li><a href="http://pharmakon.fr/" target="_blank">Pharmakon</a></li>
<li><a href="http://digital-studies.org/" target="_blank">Digital Studies</a></li>
- <li><a href="http://renkan.iri-research.org/renkan/s/adae5482-3b12-11e3-8312-5fa5e5b09a85" target="_blank">Renkan</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div class="row divctn">
- <div class="col-md-4">
+ <div id="titles" class="col-md-4">
<div class="videotitle" id="videotitle0">
- <p><a class="videolink" data-videoid="0"><strong>Introduction</strong></a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
+ <p><a class="videolink hand" data-videoid="0"><strong>Introduction</strong></a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
<div id="abstract" class="collapse">
<p>Avec l’apparition du web, c’est la nature même des savoirs sous toutes leurs formes qui a changé tandis que l’écriture réticulaire devenait accessible aux publics les plus divers. Ceux-ci ont redéfini les conditions de la parité et de ce fait l’université est entrée dans un nouvel âge. C’est ce fait majeur, massif et à bien des égards stupéfiant qui requiert le développement des digital studies prôné par la ministre de l’enseignement supérieur et de la recherche.</p>
<p>L’enjeu majeur représenté par les enseignements numériques vient rationnellement après celui de la recherche et des études numériques. Il s’agit d’impulser une dynamique qui repense les rapports des savoirs à leurs supports (dont les MOOCs) avec les universités et les institutions académiques, et qui, par la recherche, redéfinisse leur rôle dans ce nouveau contexte.</p>
@@ -41,28 +40,28 @@
</div>
</div>
<div class="videotitle" id="videotitle1">
- <p>Chapitre 1 : L'État et le numérique<br/><a class="videolink" data-videoid="1r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
+ <p>Chapitre 1 : L'État et le numérique<br/><a class="videolink hand" data-videoid="1r">résumé</a> ou <a class="videolink hand" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
</div>
<div class="videotitle" id="videotitle2">
- <p>Chapitre 2 : Technologies, savoirs et sociétés<br/><a class="videolink" data-videoid="2r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
+ <p>Chapitre 2 : Technologies, savoirs et sociétés<br/><a class="videolink hand" data-videoid="2r">résumé</a> ou <a class="videolink hand" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
</div>
<div class="videotitle" id="videotitle3">
- <p>Chapitre 3 : Qui pour guider une politique sur le numérique ?<br/><a class="videolink" data-videoid="3r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
+ <p>Chapitre 3 : Qui pour guider une politique sur le numérique ?<br/><a class="videolink hand" data-videoid="3r">résumé</a> ou <a class="videolink hand" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
</div>
<div class="videotitle" id="videotitle4">
- <p>Chapitre 4 : La polémique, mère de tous savoirs<br/><a class="videolink" data-videoid="4r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
+ <p>Chapitre 4 : La polémique, mère de tous savoirs<br/><a class="videolink hand" data-videoid="4r">résumé</a> ou <a class="videolink hand" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
</div>
<div class="videotitle" id="videotitle5">
- <p>Chapitre 5 : La catégorisation contributive<br/><a class="videolink" data-videoid="5r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
+ <p>Chapitre 5 : La catégorisation contributive<br/><a class="videolink hand" data-videoid="5r">résumé</a> ou <a class="videolink hand" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
</div>
<div class="videotitle" id="videotitle6">
- <p>Chapitre 6 : Sur l'industrie éditoriale numérisée<br/><a class="videolink" data-videoid="6r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
+ <p>Chapitre 6 : Sur l'industrie éditoriale numérisée<br/><a class="videolink hand" data-videoid="6r">résumé</a> ou <a class="videolink hand" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
</div>
<div class="videotitle" id="videotitle7">
- <p>Chapitre 7 : Propositions pour France Université Numérique<br/><a class="videolink" data-videoid="7r">résumé</a> ou <a class="videolink" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
+ <p>Chapitre 7 : Propositions pour France Université Numérique<br/><a class="videolink hand" data-videoid="7r">résumé</a> ou <a class="videolink hand" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
</div>
<div class="videotitle" id="videotitlef">
- <p><a class="videolink" data-videoid="full">Vidéo complète chapitrée</a></p>
+ <p><a class="videolink hand" data-videoid="full">Vidéo complète chapitrée</a></p>
</div>
</div>
<div class="col-md-8" id="videocontainer">Pour commencer, cliquez sur "Vidéo chapitrée du résumé" ou "Vidéo complète chapitrée"</div>
@@ -135,7 +134,7 @@
}
else{
var s = ''
- + '<div>'
+ + '<div id="player_wrapper">'
+ ' <div style="float:left; width:550px;" id="wrapper_player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be">'
+ ' <div>'
+ ' <div id="player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed" class="iri_player_embed"></div>'
@@ -222,30 +221,22 @@
// + ' }'
+ ' ,{'
+ ' type: "Mediafragment"'
- + ' }';
-
- if(n=="full"){
- s += ''
- + ' ,{'
- + ' type: "Renkan",'
- + ' container: "RenkanContainer",'
- + ' data: "http://renkan.iri-research.org/renkan/rest/projects/bd79e8c3-3b12-11e3-8312-5fa5e5b09a85?callback=?"'
- + ' }';
- }
- s += ''
+ + ' }'
+ ' ]'
+ ' };'
+ ' _myPlayer = new IriSP.Metadataplayer(_config);'
+ ' <\/script>'
+ ' </div>'
+ ' </div>'
+ + ' <div><a style="margin-top: 10px;" class="btn btn-info" href="#" onclick="displayIframe(\'__NUM_JSON__\');return false;"><i class="glyphicon glyphicon-comment"></i> Ajouter votre commentaire sur cette vidéo</a></div>';
+ if(n=="full"){
+ s += ' <div><a style="margin-top: 10px;" class="btn btn-info" href="fullrenkan.html?type=chrono"><i class="glyphicon glyphicon-asterisk"></i> Voir la carte mentale chronologique</a></div>';
+ s += ' <div><a style="margin-top: 10px;" class="btn btn-info" href="fullrenkan.html?type=thema"><i class="glyphicon glyphicon-asterisk"></i> Voir la carte mentale thématique</a></div>';
+ }
+ s += ''
+ ' <div style="float:left; width:400px;" id="AnnotationsList_ext"></div>'
- + '</div>'
- + '<div><p class="text-right align-player"><a style="margin-top: 10px;" class="btn btn-info" href="#" onclick="displayIframe(\'__NUM_JSON__\');return false;"><i class="glyphicon glyphicon-comment"></i> Ajouter votre commentaire sur cette vidéo</a></p></div>';
+ + '</div>';
- if(n=="full"){
- s += "<div id='RenkanContainer'></div>";
- }
$("#videocontainer").html(s.replace(/__NUM_JSON__/g, n));
}