web/index.html
changeset 8 4c7cbb3dc7c3
parent 7 b5586438642d
child 9 d22885042ac0
equal deleted inserted replaced
7:b5586438642d 8:4c7cbb3dc7c3
    19 	          <a class="videolink" data-videoid="full"><img src="./img/logodsrose2" alt="Logo Digital Studies" /></a>
    19 	          <a class="videolink" data-videoid="full"><img src="./img/logodsrose2" alt="Logo Digital Studies" /></a>
    20 	        </li>
    20 	        </li>
    21 	      </ul>
    21 	      </ul>
    22           <ul class="nav navbar-nav" style="float:right;">
    22           <ul class="nav navbar-nav" style="float:right;">
    23               <li><a href="http://www.lemonde.fr" target="_blank" title="Article de Bernard Stiegler dans Le Monde">Le Monde</a></li>
    23               <li><a href="http://www.lemonde.fr" target="_blank" title="Article de Bernard Stiegler dans Le Monde">Le Monde</a></li>
    24               <li><a href="http://www.france-universite-numerique.fr/" target="_blank" title="France Université Numérique">F.U.N.</a></li>
    24               <li><a href="http://www.france-universite-numerique.fr/" target="_blank" title="France Université Numérique">FUN</a></li>
    25               <li><a href="http://pharmakon.fr/" target="_blank">Pharmakon</a></li>
    25               <li><a href="http://pharmakon.fr/" target="_blank">Pharmakon</a></li>
    26               <li><a href="http://digital-studies.org/" target="_blank">Digital Studies</a></li>
    26               <li><a href="http://digital-studies.org/" target="_blank">Digital Studies</a></li>
    27           </ul>
    27           </ul>
    28 	    </nav>
    28 	    </nav>
    29 	  </div>
    29 	  </div>
    30 	</header>
    30 	</header>
    31 	<div class="container">
    31 	<div class="container">
    32     <div class="row divctn">
    32     <div class="row divctn">
    33       <div class="col-md-4">
    33       <div class="col-md-4">
    34         <div class="videotitle" id="videotitle0">
    34         <div class="videotitle" id="videotitle0">
    35           <p><a class="videolink" data-videoid="0">Vidéo chapitrée du résumé</a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
    35           <p><a class="videolink" data-videoid="0">Introduction</a> <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
    36           <div id="abstract" class="collapse">
    36           <div id="abstract" class="collapse">
    37             <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>
    37             <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>
    38             <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>
    38             <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>
    39             <p>La technologie du vidéolivre est un support nouveau pour un réseau de lecteurs constituant une communauté plurielle d’interprétations. Ce n’est là qu’un exemple de ces nouveaux dispositifs du débat public auxquels il est fondamental d’initier et d’associer le plus tôt possible les étudiants.</p>
    39             <p>La technologie du vidéolivre est un support nouveau pour un réseau de lecteurs constituant une communauté plurielle d’interprétations. Ce n’est là qu’un exemple de ces nouveaux dispositifs du débat public auxquels il est fondamental d’initier et d’associer le plus tôt possible les étudiants.</p>
    40           </div>
    40           </div>
    84   <script type="text/javascript" src="./lib/jquery.history.js"></script>
    84   <script type="text/javascript" src="./lib/jquery.history.js"></script>
    85   <script type="text/javascript" src="./lib/bootstrap/js/bootstrap.min.js"></script>
    85   <script type="text/javascript" src="./lib/bootstrap/js/bootstrap.min.js"></script>
    86   <script type="text/javascript">
    86   <script type="text/javascript">
    87     
    87     
    88     var iframes = {
    88     var iframes = {
    89       "0" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=53574ae4-49e9-11e2-b4ad-00145ea4a2be&project_id=a94ee060-49e9-11e2-b4ad-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    89       "0" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=37903d3c-3b21-11e3-9592-00145ea4a2be&project_id=49bd6124-3b21-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    90       "1" : "<p>iframe à venir, vidéo n°1</p>",
    90       "1" : "<p>iframe à venir, vidéo n°1</p>",
    91       "1r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=0718fd52-3af8-11e3-8796-00145ea4a2be&project_id=2a7b8bde-3af8-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    91       "1r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=0718fd52-3af8-11e3-8796-00145ea4a2be&project_id=2a7b8bde-3af8-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    92       "2" : "<p>iframe à venir, vidéo n°2</p>",
    92       "2" : "<p>iframe à venir, vidéo n°2</p>",
    93       "2r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=fc7a32a2-3af8-11e3-a863-00145ea4a2be&project_id=0f2c892c-3af9-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    93       "2r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=fc7a32a2-3af8-11e3-a863-00145ea4a2be&project_id=0f2c892c-3af9-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    94       "3" : "<p>iframe à venir, vidéo n°3</p>",
    94       "3" : "<p>iframe à venir, vidéo n°3</p>",
       
    95       "3r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=d25c9198-3b1d-11e3-9592-00145ea4a2be&project_id=e48881ce-3b1d-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    95       "4" : "<p>iframe à venir, vidéo n°4</p>",
    96       "4" : "<p>iframe à venir, vidéo n°4</p>",
       
    97       "4r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=80cb7000-3b1e-11e3-a863-00145ea4a2be&project_id=94b99f56-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    96       "5" : "<p>iframe à venir, vidéo n°5</p>",
    98       "5" : "<p>iframe à venir, vidéo n°5</p>",
       
    99       "5r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=97f6803a-3b1e-11e3-a863-00145ea4a2be&project_id=ab17cb92-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    97       "6" : "<p>iframe à venir, vidéo n°6</p>",
   100       "6" : "<p>iframe à venir, vidéo n°6</p>",
       
   101       "6r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=b5d5d498-3b1e-11e3-9592-00145ea4a2be&project_id=ca23cbb2-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    98       "7" : "<p>iframe à venir, vidéo n°7</p>",
   102       "7" : "<p>iframe à venir, vidéo n°7</p>",
       
   103       "7r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=8eb32054-3b1f-11e3-9592-00145ea4a2be&project_id=9f58e02e-3b1f-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
    99       "full" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=62083f72-363c-11e3-8068-00145ea4a2be&project_id=90be1ecc-363c-11e3-98be-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
   104       "full" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=62083f72-363c-11e3-8068-00145ea4a2be&project_id=90be1ecc-363c-11e3-98be-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
   100     };
   105     };
   101 
   106 
   102     function displayIframe(n, update_h){
   107     function displayIframe(n, update_h){
   103       $("#videocontainer").html(iframes[n]);
   108       $("#videocontainer").html(iframes[n]);
   110       
   115       
   111       active_css(n);
   116       active_css(n);
   112     }
   117     }
   113     
   118     
   114     function playVideo(n, update_h){
   119     function playVideo(n, update_h){
   115       if (n=="1" || n=="2" || n=="3" || n=="4" || n=="5" || n=="6" || n=="7" || n=="3r" || n=="4r" || n=="5r" || n=="6r" || n=="7r"){
   120       if (n=="1" || n=="2" || n=="3" || n=="4" || n=="5" || n=="6" || n=="7"){
   116         $("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>");
   121         $("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>");
   117       }
   122       }
   118       else{
   123       else{
   119         var s = ''
   124         var s = ''
   120  + '<div>'
   125  + '<div>'
   197  + '          ,{'
   202  + '          ,{'
   198 // + '              type: "Segments",'
   203 // + '              type: "Segments",'
   199 // + '              annotation_type: ["chap","découpage"]'
   204 // + '              annotation_type: ["chap","découpage"]'
   200  + '              type: "MultiSegments"'
   205  + '              type: "MultiSegments"'
   201  + '          }'
   206  + '          }'
   202  + '          ,{'
   207 // + '          ,{'
   203  + '              type: "Annotation"'
   208 // + '              type: "Annotation"'
   204  + '          }'
   209 // + '          }'
   205  + '          ,{'
   210  + '          ,{'
   206  + '              type: "Mediafragment"'
   211  + '              type: "Mediafragment"'
   207  + '          }'
   212  + '          }'
   208  + '      ]'
   213  + '      ]'
   209  + '  };'
   214  + '  };'
   247     $(function() {
   252     $(function() {
   248       $(".videolink").click(function(e){
   253       $(".videolink").click(function(e){
   249         playVideo($(this).attr("data-videoid"));
   254         playVideo($(this).attr("data-videoid"));
   250       });
   255       });
   251       // load first video with get parameter
   256       // load first video with get parameter
   252       var first = "full";
   257       var first = "0";
   253       var iframe = getURLParameter("iframe");
   258       var iframe = getURLParameter("iframe");
   254       if(iframe=="null"){
   259       if(iframe=="null"){
   255         var v = getURLParameter("v");
   260         var v = getURLParameter("v");
   256         if(v=="null"){
   261         if(v=="null"){
   257           playVideo(first);
   262           playVideo(first);