You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

381 lines
20 KiB

<!doctype html><html><head><meta charset="utf-8"><title>TeachDoc engine</title><link href="css/scorm.css?v=4" rel="stylesheet" type="text/css" /></head><div class=div-teachdoc><div class=deco-teachdoc ></div><img class="logotop-teachdoc" src="img/classique/oel_back.jpg" /><div class="progress-teachdoc" ><div class="left-text-progress" >0%</div><div class="left-teach-progress" ><div class="left-barre-progress" ></div></div></div><div class="list-teachdoc_wrapper"><ul class="list-teachdoc"><li style='position:relative;' pagebehav='0' onClick='ctrlpl(2,2,1,0);' class='NodeLvl1 subMenuSco1 pgh2 subMenuMini0' ><span class='dotSubLudi' ></span><span>NextCloud</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(3,2,2,2);' class='NodeLvl2 subMenuSco2 pgh3 activeli' ><span class='dotSubLudi' ></span><span>Présentation de l'interface de travail</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(4,2,3,2);' class='NodeLvl2 subMenuSco3 pgh4 subMenuMini2' ><span class='dotSubLudi' ></span><span>Configurer son compte</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(5,2,4,2);' class='NodeLvl2 subMenuSco4 pgh5 subMenuMini3' ><span class='dotSubLudi' ></span><span>Gestion des dossiers</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(6,2,5,2);' class='NodeLvl2 subMenuSco5 pgh6 subMenuMini4' ><span class='dotSubLudi' ></span><span>Gestion des fichiers</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(7,2,6,2);' class='NodeLvl2 subMenuSco6 pgh7 subMenuMini5' ><span class='dotSubLudi' ></span><span>Gestion des versions</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(8,2,7,2);' class='NodeLvl2 subMenuSco7 pgh8 subMenuMini6' ><span class='dotSubLudi' ></span><span>Favoris et éléments supprimés</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(9,2,8,2);' class='NodeLvl2 subMenuSco8 pgh9 subMenuMini7' ><span class='dotSubLudi' ></span><span>Partager des éléments</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(10,2,9,2);' class='NodeLvl2 subMenuSco9 pgh10 subMenuMini8' ><span class='dotSubLudi' ></span><span>Autorisations et suivis des partages</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(17,2,10,2);' class='NodeLvl4 subMenuSco10 pgh17 subMenuMini9' ><span class='dotSubLudi' ></span><span>Certification</span></li></ul></div></div><nav id="nav-bottom" class="fixed-top-nav fixed-top-nav-classic" ><div class="span-ludi-progress" ><div class="barre-ludi-progress" ></div></div><button id="btn-next" onClick="ctrlpl(basePages[3],2);" class="btn btn-outline-light" >&nbsp;>&nbsp;</button><button id="btn-prev" onClick="ctrlpl(basePages[1],0);" class="btn btn-outline-light" >&nbsp;<&nbsp;</button></nav><div id="message-bottom" class="fixed-top-message" >Réponse fausse ou incomplète</div><body style="background-color:#D8D8D8;" ><div class="panel-teachdoc"><h1>L'environnement NextCloud<br/></h1><div class="c3754"></div><div class="c2501"></div><div class="c2501"></div><div class="c3511"></div><div class="c3738"><video oncontextmenu="return false;" datahref="https://studio.ludiscape.online/app/upload/users/8/8/my_files/NC1-STR_Environnement.mp4" controls="" controlslist=" nodownload" class="videoByLudi"><source name="sourcevid" src="https://studio.ludiscape.online/app/upload/users/8/8/my_files/NC1-STR_Environnement.mp4" type="video/mp4" class="sourcevid"/></video></div><h2>L'écran d'accueil<br/></h2><table class="teachdoctext c1360"><tbody><tr><td class="teachdoctextContent"><ol><li>Liste des outils disponibles sur votre NextCloud (dépéndra de votre structure)</li><li>Emplacement de tous vos fichiers et dossiers (par défaut)</li><li>Liste des éléments taggés comme "favoris"</li><li>Listes des éléments récemment modifiés (dossiers, fichiers)</li><li>Liste du suivi des partages effectués</li></ol></td></tr></tbody></table><img src="img_cache/teachcs-2022044-8qp7x/imgblob_6bx8gt.png" class="bandeImg"/><div class="row"></div><h2>Les outils disponibles<br/></h2><div><br/></div><div class="c2508"></div><div class="c3233"><table class="teachdoctext c1535"><tbody><tr><td class="teachdoctextContent"><p><span class="c1637">Les outils disponibles dépendront de votre structure. Ils peuvent varier d'une plate-forme NextCloud  à l'autre.</span></p></td></tr></tbody></table></div><div class="row"><div class="cell"><div class="c3594"><table class="teachdoctext c1612"><tbody><tr><td class="teachdoctextContent"><ul><li><span class="c1729">Outil Fichiers</span></li><li><span class="c1752">Outil Activité</span></li><li><span class="c1775">Outil Discussion</span></li><li><span class="c1798">Outil Deck</span></li></ul><p> </p></td></tr></tbody></table></div></div><div class="cell"><div class="c3673"><table class="teachdoctext c1718"><tbody><tr><td class="teachdoctextContent"><ul><li><span class="c1893">Outil sondages</span></li><li><span class="c1916">Outil Notes</span></li><li><span class="c1939">Outil Formulaires</span></li><li><span class="c1939">Outil tâches</span></li></ul><p> </p></td></tr></tbody></table></div></div></div><div class="c3305"><table class="teachdocplugteach c2111"><tbody><tr><td class="c2009"><div class="plugteachcontain"><div class="oelcardinfo oelcardinfoline"><div class="meta"><div class="photo"> </div></div><div class="description"><div class="oelcardinfoh1 gjs-hovered">Quiz</div><div class="oelcardinfoh2">A vous de jouer</div><p class="read-more"> </p></div></div><span class="typesource">oelcontentcardinfo</span><span class="datatext1"></span><span class="datatext1">undefined</span><span class="datatext2">undefined</span><span class="typesource">oelcontentcardinfo</span></div></td></tr></tbody></table><table class="qcmbarre c1966"><tbody><tr><td colspan="2" class="quizzTextqcm"><p>Une plate-forme NextCloud sera toujours identique d'une collectivité à une autre.</p><p>Vrai ou faux ?</p></td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0.png" class="checkboxqcm"/></td><td class="c2047">Vrai</td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0r.png" class="checkboxqcm"/></td><td class="c2086">Faux</td></tr></tbody></table><div class="c3474"></div></div><div class="c2996"></div><div class="c3407"><table class="teachdocbtnteach c2424"><tbody><tr><td class="c2347"><a href="" datatext3="act3|" datatext4="LUDI.nextPage();" datatext5="|" name="submit" type="button" class="btn-btnTeach btnteachblue">Vérifier la réponse</a><span class="datatext3 c2368">act3|</span><span class="datatext4 c2378">LUDI.nextPage();</span><span class="datatext5 c2388">|</span></td></tr></tbody></table></div></div><style>body,html {height: 100%;margin: 0;}* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.cell{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;min-height:75px;min-width:250px;display:table-cell;vertical-align:middle;border-top-color:rgb(169, 204, 227);border-top-style:dashed;border-top-width:1px;border-right-color:rgb(169, 204, 227);border-right-style:dashed;border-right-width:1px;border-bottom-color:rgb(169, 204, 227);border-bottom-style:dashed;border-bottom-width:1px;border-left-color:rgb(169, 204, 227);border-left-style:dashed;border-left-width:1px;border-image-outset:initial;border-image-repeat:initial;border-image-slice:initial;border-image-source:initial;border-image-width:initial;width:8%;height:auto !important;}.panel{width:90%;max-width:800px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;margin-top:50px;margin-right:auto;margin-left:auto;margin-bottom:30px;background-color:white;border-top-color:gray;border-top-style:solid;border-top-width:1px;border-right-color:gray;border-right-style:solid;border-right-width:1px;border-bottom-color:gray;border-bottom-style:solid;border-bottom-width:1px;border-left-color:gray;border-left-style:solid;border-left-width:1px;border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;color:black;line-height:normal;font-weight:100;}h1{text-align:center;font-weight:100;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.logo path{pointer-events:none;fill:none;stroke-linecap:round;stroke-width:7px;stroke:rgb(255, 255, 255);}blockquote{border-left-color:rgb(204, 204, 204);border-left-style:solid;border-left-width:2px;margin-left:1.5rem;padding-left:1rem;}.bandeImg{margin-top:5px;margin-bottom:5px;width:100%;display:block;height:auto;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;min-height:75px;height:auto !important;}.c3233{width:100%;}.c3594{width:100%;}.c3673{width:100%;}.c1360{width:97%;}.c1535{width:97%;}.c1612{width:97%;}.c1718{width:97%;}.c2996{width:100%;}.c1637{color:rgb(35, 111, 161);}.c3511{width:100%;}.c3305{width:100%;}.c3407{width:100%;}.c3474{width:100%;}.c2047{text-align:left;}.c2086{text-align:left;}.c2111{width:100%;text-align:center;}.c1966{width:100%;}.c2424{width:100%;}.c2009{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;position:relative;}.c3738{width:100%;}.c3754{width:100%;}.c2368{display:none;}.c2378{display:none;}.c2388{display:none;}.c2347{text-align:center;padding:10px;width:100%;}@media (max-width: 768px){.cell{min-width:300px;width:100%;display:table;}}@media (min-width: 500px){.bandeImg{margin-left:auto;margin-right:auto;max-width:450px;}}
.teachdoctext{
width:100%;
}
.teachdoctext tr td{
padding-top:15px;
padding-bottom:15px;
}
.audioByLudi{
display: block;
margin-top:5px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
}
.bandeImg{
margin-top : 5px;
margin-bottom : 5px;
width : 100%;
display : block;
position : relative;
}
.videoByLudi{
margin:5px;
}
.teachdocbtn{
width : 100%;
text-align : center;
}
.teachdocbtn td{
width : 100%;
text-align : center;
padding : 10px;
}
.teachdocbtnteach td{
width : 100%;
text-align : center;
padding : 10px;
}
.teachdocplugteach{
position : relative;
width : 100%;
}
.teachdocplugteach td{
position : relative;
width : 100%;
}
.teachdocplugteach a{
display: none;
}
.plugteachcontain{
position : relative;
display: inline-block;
width : 99%;
margin : 0.5%;
min-height : 150px;
border : dotted 0px gray;
}
.plugteachuicontain{
position : relative;
display: inline-block;
width : 100%;
margin : 0px;
background-color: #E8DAEF;
padding : 7px;
min-height : 30px;
border : dotted 1px rgb(204, 26, 174);
}
.topinactiveteach{
position : absolute;
right : 0px;
top : 0px;
bottom : 10px;
left : 20px;
background-color: transparent;
}
.cell{
vertical-align: middle;
}
@media (max-width: 768px){
.cell{
min-width : 300px;
width : 100%;
display: table;
height : auto;
vertical-align : middle;
}
}
:root {
--main-color-1: #2980B9;
}
body{
background-image : url(img/classique/sky-azure.jpg);
background-position: left bottom;
background-repeat: repeat-x;
background-color :#E8F6F3!important;
background-attachment: fixed;
font-family: sans-serif;
}
.teachdoctextContent {line-height: 1.4;}
h1{
text-align:center;
font-weight: 100;
margin: 0px;
}
h2{
text-align : left;
font-weight : 100;
font-size : 20px;
margin : 0px;
margin-top : 10px;
margin-left : -40px;
margin-right : 25px;
padding-left : 25px;
padding-top : 5px;
padding-bottom : 5px;
background-color : #2980B9;
color : white;
-webkit-box-shadow: 5px 5px 0px 0px #5DADE2, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: 5px 5px 0px 0px #5DADE2, 5px 5px 15px 5px rgba(0,0,0,0);
}
.sectioncollapse{
text-align : center;
font-size : 22px;
background-color : #2980B9;
color:white;
padding : 10px;
margin : 10px;
margin-left : 0px;
margin-right : 0px;
background-image : url(img/classique/arrow-collapsel.png);
background-position: right center;
background-repeat: no-repeat;
cursor : pointer;
}
blockquote {
border-left: 2px solid #ccc;
margin-left: 1.5rem;
padding-left: 1rem;
}
/*button only*/
.btnteachgreen{
color: #fff;
background-color: #229954;
border-color: #1E8449 ;
padding: 7px 13px;
margin-bottom: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px;
}
.btnteachblue{
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
padding: 7px 13px;
margin-bottom: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px;
}
.btnroundblue{
color: transparent;
background-color : rgb(0, 151, 169);
border: 1px solid #2e6da4;
background-image : url(img/btn/mat-right.png);
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
width: 56px;
height: 56px;
padding: 0px 0px;
margin-bottom : 0;
font-size : 15px;
font-weight : 400;
line-height : 56px;
border-radius: 50%;
}
.btnroundblueprev{
color: transparent;
background-color : rgb(0, 151, 169);
border: 1px solid #2e6da4;
background-image : url(img/btn/mat-left.png);
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
width: 56px;
height: 56px;
padding: 0px 0px;
margin-bottom : 0;
font-size : 15px;
font-weight : 400;
line-height : 56px;
border-radius: 50%;
}
.btnroundbluecheck{
color: transparent;
background-color : rgb(0, 151, 169);
border: 1px solid #2e6da4;
background-image : url(img/btn/mat-check.png);
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
width: 56px;
height: 56px;
padding: 0px 0px;
margin-bottom : 0;
font-size : 15px;
font-weight : 400;
line-height : 56px;
border-radius: 50%;
}
.btn-btnTeach{
display: inline-block;
text-decoration: none;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn-btnTeach:hover{
transform: scale(0.96);
}
/*button only*/
.qcmbarre{
text-align: left;
width:100%;
}
.quizzTextqcm{
text-align: left;
}
.qcmbarre{
background-color : #FBFCFC;
border: 1px solid #dadce0;
border-radius: 8px;
padding-bottom : 20px;
font-family: 'Times New Roman', Times, serif;
font-size:16px;
}
.qcmbarre td{
padding : 1px;
margin : 0px;
}
.qcmbarre .quizzTextqcm{
padding : 20px;
padding-bottom : 20px;
padding-left:20px;
}
.qcmbarre .quizzTextqcm p{
padding : 0px;
margin : 0px;
}
.qcmbarre .quizzTextTd{
width: 54px;
padding : 0px;
}
.checkboxqcm{
padding : 0px;
margin : 0px;
width:30px;
height:30px;
margin-left:15px;
}
.videoByLudi{
max-width:960px;
min-height:100px;
max-height:540px;
width:98%;
margin-left:1%;
}
.audioByLudi{
width:90%;
margin-left:auto;
margin-right:auto;
}
.cell{border:dashed 0px #A9CCE3;}</style><script>var pageBindex=2;</script><script>var localIdTeachdoc=8;var progressBtop=10;var titleMod = "NextCloud";var basePages = new Array();basePages[0]=0;basePages[1]=2;basePages[2]=3;basePages[3]=4;basePages[4]=5;basePages[5]=6;basePages[6]=7;basePages[7]=8;basePages[8]=9;basePages[9]=10;basePages[10]=17;
function installEdit(){
var icoAd = 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAE64AABOuAbGhbCcAAARKSURBVEhLrVRraFtlGH7Pl5xzck6TNGmWLjPpWqStOnRM50SxVsqcG3PVX2IVb6CoKJ1uiGOrs6gwKdKOIfhDpPOGE4bu0ipMZeAPhzCEuuLa1PSWNPelaXOSk3M/fudbOqpu68U9/85zHp7ney/fR8ENQu+n/WspCnYhZNuNbKgZU4YsS9/dkIC+/v5bsfEhu93+GEVRyOJUVYVioWCQj/+Dn8+dC/EcdwCb71xsXhIEUBUF2YhqlUjk836fx/MGQuiRfEFwG4Zh0zSNmCuKQjSrDvg2nHBNCEqvDNRzTbW+Ghqh2WQmwwuFAkXMTdOSiasKOBlOeAuGfiReVp9PlzWWwiXU+7xOUFQhnUnjIjQ7likUmIdWPORTkUQgJ2n7sor+qmGajMWJ5TIwwixs5JCpi0VlfHqyVBLFMxqF9q6ogpOReCAraa/nFeNF3TSrLK4gijA0MQ3noykwTETdXFON1rhdv5Ql6eB8SZhadgUDYzPejKLvzqtGp2qYPosrSRL8MT4FsUwONF0HjrZDS6h2+InmQGdVFffrHU1N2rLWdDAcp/Gpn51TjT0L5qqmw4XxaYimLxFzCyxN5+ws3805eWJucUtW8EM07bhUlF9Jy3qfZphEL6sanA9HYDqVIRq8/+B2sLkdtwVfOLjtgVOErOC6FZyOzDjTJeWZrKy/u2AuygoMT+C2pLNEY5l7ODaxObi2i6O4QUIuwjUDvh+L8Zmy3pGXtHdwW9wWJ8oyjEzPwEQygwdqEvNqB5u6pbbmcNDj/PrNh+6+3KtFuGrAYCTFpFTzUUE3uhTDDFlXRsbXPxyLY/MU7j9pL7gcTG5DwPdxQ7Xr6L6tWwRC/gv/CRiYTFA5VWkrqnqvrJsNljl+ArB5AsZiSXyXLpuztF2+py7wWUON+8jbO+7LEfIq+MeQB8Ix26wOLfOqfqakGazFWRtycSoGw5NRorHAM7TU1lj3UU9761sV6pq4UoFpmtS8brYVVP2rBXPrtGMzSRiJxonGAm5L6c6b/F8wFOquUNfFlYDcfHF9XRW73wAIWt8K7vN4IkWGurDnLpYVG9d4jnl4tvv9XS1lQi4BEpBKpfCTYexsdrGbNnt5/EYZMIk3ZTQ6A1Ll2eUZu9Lorz4RcDvf62l/MEXIZYAESKrpw4O8l0aUt9HJQD0oMIpPbu28BTtCxsZ1/rO+Km7Ph+2tMUIuE+Sx0/jA/aORqb3VbqfbSlRmc+Bi7BArSdZvY1MocLa/Y/v23775XLSIlcB2+OgJ6sKfI1tG/pp8eiwyZdN1FfxeN9RyNHAsIzh47ifahp76/fiXJG2lQMX5Ag8mbBAEgR4avgjHT/8IiXRWcrHMUGvQ19vRHHr5k8e3zVX0KwbKzWZrONa+1ck75PrQuhEK0P54Mvskxzte8rn5vofvuj1Z0a4K1GsHPmBy+bn1+XyBDgb8Zb/fn+7p6lzWCi4NgL8BrsYOB26chCcAAAAASUVORK5CYII=")';
var sty = " style='background-image:"+icoAd+";background-position:center center;background-repeat:no-repeat;";
sty += " border:1px solid #8dcbf3;background-color:#ffffff;height:32px;width:32px;font-size:16px;line-height:19px;padding:0px;";
sty += " position:absolute;top:10px;right:5px;text-align:center;border-radius:50%;border:1px solid #8dcbf3;cursor:pointer;' ";
if(window.parent){
var url = window.parent.location;
if(url.href.indexOf("teachdoc=edit")!=-1){
var main = url.href.substring(0,url.href.indexOf('main/'));
var renderBtn = '<a ' + sty + ' class="menu-button fa icons" onClick="window.parent.location=\''+main+'plugin/adv_oel_tools_teachdoc/oel_tools_teachdoc_link.php?action=redir&idLudiLP='+localIdTeachdoc+'\'" >&nbsp;</a>';
var panelTools = document.querySelector(".deco-teachdoc");
if(panelTools){
panelTools.innerHTML = renderBtn;
} else {
panelTools = document.getElementById("nav-bottom");
if(panelTools){
panelTools.innerHTML = panelTools.innerHTML + renderBtn;
}
}
var panel = document.querySelector(".panel-teachdoc-large");
if(panel){
panelTools = document.getElementById("nav-bottom");
if(panelTools){
renderBtn = renderBtn.replace("right:5px;","left:200px;");
renderBtn = renderBtn.replace("background-color:#ffffff;","background-color:black;");
renderBtn = renderBtn.replace("#8dcbf3","black");
renderBtn = renderBtn.replace("#8dcbf3","black");
renderBtn = renderBtn.replace("32px","38px");
renderBtn = renderBtn.replace("32px","38px");
panelTools.innerHTML = panelTools.innerHTML + renderBtn;
}
}
}
}
}
function correctPosition(){
var panel = document.querySelector(".panel-teachdoc");
if(!panel){
panel = document.querySelector(".panel-teachdoc-large");
}
if(panel){
var panelHeight = panel.clientHeight;
var larg = window.innerWidth;
var haut = window.innerHeight-70;
if(panelHeight<haut){
panel.style.top = ((haut-panelHeight)/2) + 'px';
}else{
panel.style.top = '10px';
panel.style.marginTop = '50px';
}
}
}
function checkObj(obj){
var src = obj.attr("src");
if(src.indexOf("matgreen0")!=-1){
var oCh = obj.parent().parent().parent();
oCh.find(".checkboxqcm").attr("src","img/qcm/matgreen0.png");
obj.attr("src","img/qcm/matgreen1.png");
}else{
obj.attr("src","img/qcm/matgreen0.png");
}
}
setTimeout(function(){correctPosition();},100);
setTimeout(function(){installEdit();},1000);
</script><script type="text/javascript" src="jq.js?v=9"></script><script type="text/javascript" src="api.js?v=9"></script><script type="text/javascript" src="ng.js?v=9"></script><link type="text/css" href="css/plug.css?v=9" rel="stylesheet" /></body></html>