chamilo
/
contents-sources-elearning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
3 Commits
1 Branch
0 Tags
282 MiB
 
 
 
Tag: Branch: Tree: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
contents-sources-elearning/sco53cs25_jitsi/teachdoc-56.html

505 lines
34 KiB
Raw Permalink Blame History Escape

<!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='2' onClick='ctrlpl(53,2,1,2);' class='NodeLvl1 subMenuSco1 pgh53 subMenuMini0' ><span class='dotSubLudi' ></span><span>Jitsi</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(54,2,2,2);' class='NodeLvl2 subMenuSco2 pgh54 subMenuMini1' ><span class='dotSubLudi' ></span><span>Créer une réunion et inviter des participants</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(56,2,3,2);' class='NodeLvl2 subMenuSco3 pgh56 activeli' ><span class='dotSubLudi' ></span><span>Participer à une réunion</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(60,2,4,2);' class='NodeLvl2 subMenuSco4 pgh60 subMenuMini3' ><span class='dotSubLudi' ></span><span>Animer une réunion</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(57,2,5,2);' class='NodeLvl2 subMenuSco5 pgh57 subMenuMini4' ><span class='dotSubLudi' ></span><span>Options du modérateur</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(59,2,6,2);' class='NodeLvl2 subMenuSco6 pgh59 subMenuMini5' ><span class='dotSubLudi' ></span><span>Autres options</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(62,2,7,2);' class='NodeLvl4 subMenuSco7 pgh62 subMenuMini6' ><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[4],2);" class="btn btn-outline-light" >&nbsp;>&nbsp;</button><button id="btn-prev" onClick="ctrlpl(basePages[2],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>Participer à une réunion</h1><div class="c2445"><video oncontextmenu="return false;" datahref="img_cache/teachcs-2022052-nxlia/str-jitsi-2-participerprojet.mp4" controls="" controlslist="nofullscreen nodownload" class="videoByLudi"><source name="sourcevid" src="img_cache/teachcs-2022052-nxlia/str-jitsi-2-participerprojet.mp4" type="video/mp4" class="sourcevid"/></video></div><h2>Rejoindre une réunion</h2><div class="row"><div class="cell"><div class="c3178"><table class="teachdoctext c1347"><tbody><tr><td class="teachdoctextContent"><p>Il suffit de cliquer sur le lien qui vous a été communiqué par courriel</p><p>ou</p><p>Le copier-coller dans votre navigateur internet.</p></td></tr></tbody></table><img src="img_cache/teachcs-2022052-nxlia/imgblob_t8ig9z.png" class="bandeImg"/></div></div></div><h2>L'environnement Jitsi</h2><img src="img_cache/teachcs-2022052-nxlia/imgblob_gqwzp1.png" class="bandeImg"/><div class="row"></div><h2>Zoom sur la barre d'outils</h2><div class="row"><div class="cell"><table class="teachdocplugteach c1507"><tbody><tr><td class="c1635"><div class="plugteachcontain"><div class="plugimageactive"><img src="img_cache/teachcs-2022052-nxlia/imgblob_xn2v85.png" class="imageactive"/><div class="overViewZAedition c1669"></div><div class="overViewZAedition c1679"></div><div class="overViewZAedition c1688"></div><div class="overViewZAedition c1697"></div><div class="overViewZAedition c1706"></div><div class="overViewZAedition c1715"></div><div class="overViewZAedition c1724"></div><div class="overViewZAedition c1733"></div><div class="overViewZAedition c1742"></div></div><span class="typesource">imageactive</span><span class="datatext1">img_cache/teachcs-2022052-nxlia/imgblob_xn2v85.png</span><span class="datatext2">0|8.2|65.9$1|17|18.6$2|25.7|65.4$3|35.8|18.1$4|44.7|65.4$5|53.6|19$6|62.7|64.9$7|70.7|18.1$8|85.4|41.3$</span><span class="datatext3">0|1|Active ou coupe le son de votre micro.|1$1|1|Active ou coupe votre caméra.|1$2|1|Permet de partager votre écran ou une fenêtre pour partager un document.|1$3|1|Affiche le volet CHAT à gauche |1$4|1|Vous permet de lever ou de baisser la main si vous souhaitez prendre la parole.|1$5|1|Affiche la liste des participants connectés dans le volet latéral à droite|1$6|1|Active la vue mosaïque (les webcams sont en petit à droite) ou désactive la vue.|1$7|1|Accès aux autres options.|1$8|1|Vous permet de quitter la réunion.|4$$$$</span></div></td></tr></tbody></table></div></div><div class="c3174"><div class="c3378"></div></div><div class="c3290"></div><h2>Afficher la liste des participants connectés</h2><div class="row"><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_su761a.png" class="bandeImg"/><div class="c4695"><table class="teachdoctext c1762"><tbody><tr><td class="teachdoctextContent"><ul><li>Barre d'outils en bas</li><li>Bouton "Participants".</li></ul><p>Un volet latéral affiche les liste des utilisateurs connectés à droite de l'écran.</p><p>Vous pouvez voir si leur micro ou caméra est activé et envoyer un message privé.</p><p>Le micro "en vert" indique que la personne est en train de parler.</p></td></tr></tbody></table></div><div class="c3665"></div></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_d3wvyg.png" class="bandeImg"/><div class="c4695"></div><div class="c3665"></div></div></div><h2>Activer vue mosaïque ou non</h2><div class="row"><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_6lfcdx.png" class="bandeImg"/><table class="teachdoctext c1942"><tbody><tr><td class="teachdoctextContent"><ul><li>Barre d'outil en bas</li><li>Bouton "Activer / Désactiver la vue mosaïque"</li></ul><p> </p><p>Vous permet d'afficher les WebCams en petit à droite de l'écran.</p><p><span class="c2027"><strong>Attention  </strong></span>: Si le modérateur de la salle a défini l'option "Tout le monde me suit", vous n'aurez pas le contrôle sur ces modes d'affichage. Ce sont les options du modérateur qui s'appliqueront à tout le monde.</p></td></tr></tbody></table></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_d80esp.png"/></div></div><div class="row"></div><h2>Utiliser le Chat public</h2><div class="row"><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_z5obtg.png" class="bandeImg"/></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_7lepja.png" class="bandeImg"/><div class="c4600"><table class="teachdoctext c2047"><tbody><tr><td class="teachdoctextContent"><ul><li>Barre d'outils en bas</li><li>Bouton "Ouvrir le Chat"</li></ul><p>Le volet latéral de l'outil Chat s'affiche à gauche de l'écran.</p><ul><li>Saisissez votre texte dans la zone en bas</li><li>Cliquez sur "Envoyer".</li></ul><p>Votre message est visible de tout le monde.</p></td></tr></tbody></table></div></div></div><h2>Envoyer un message en privé</h2><div class="row"><div class="c4267"><table class="teachdoctext c2198"><tbody><tr><td class="teachdoctextContent"><ul><li>Dans le volet "Participants" OU sur la Webcam du participant</li><li>Cliquez sur <strong><span class="c2272">...</span></strong></li><li>Envoyer un message privé</li></ul></td></tr></tbody></table><img src="img_cache/teachcs-2022052-nxlia/imgblob_z8q52g.png" class="bandeImg"/></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_m2hs1j.png" class="bandeImg"/><div class="c4042"><table class="teachdoctext c2329"><tbody><tr><td class="teachdoctextContent"><p>Les messages ne seront visibles que par la personne concernée.</p></td></tr></tbody></table></div></div></div><div class="c2501"></div><h2>Lever la main</h2><div class="row"><div class="cell"><table class="teachdoctext c2437"><tbody><tr><td class="teachdoctextContent"><p>Si les micros sont coupés et que vous désirez prendre la parole :</p><ul><li>Barre d'outils en bas de l'écran</li><li>Bouton "Lever/Baisser la main"</li></ul><p>Votre main levée est visible</p><p>- dans le volet "Participants",</p><p>- sur votre WebCam,</p><p>- en haut de l'écran.</p></td></tr></tbody></table></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_rbd2et.png" class="bandeImg"/></div></div><div class="c2501"></div><div class="c2508"></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_64hqmx.png" class="bandeImg"/><div class="c4369"></div></div><h2>Régler Son et Caméra</h2><div class="row"><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_5qhemi.png" class="bandeImg"/><div class="c4868"><table class="teachdoctext c2781"><tbody><tr><td class="teachdoctextContent"><ul><li>Barre d'outils</li><li>Plus d'actions</li><li>Paramètres</li><li>Périphériques</li></ul><p>Spécifiez votre choix de caméra et de micro.</p></td></tr></tbody></table><img src="img_cache/teachcs-2022052-nxlia/imgblob_7i2xg4.png" class="bandeImg"/></div></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_sgrme1.png" class="bandeImg"/></div></div><h2>Modifier l'arrière plan de sa caméra</h2><div class="row"><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_y49g2c.png" class="bandeImg"/></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_5qhemi.png" class="bandeImg"/><table class="teachdoctext c2781"><tbody><tr><td class="teachdoctextContent"><ul><li>Barre d'outils</li><li>Plus d'actions</li><li>Sélectionner un arrière-plan</li></ul></td></tr></tbody></table></div></div><h2>Configurer la qualité de sa caméra</h2><div class="row"><div class="c5118"><table class="teachdoctext c2977"><tbody><tr><td class="teachdoctextContent"><ul><li>Bouton "Plus d'actions"</li><li>Paramètres de performance</li></ul><p>Très utile si votre connexion à Internet est faible ou défaillante.</p><p>Vous pouvez diminuer la qualité de votre WebCam</p><p><span class="c3062"><strong>Attention </strong></span>: une qualité à zéro revient à couper sa WebCam</p></td></tr></tbody></table></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_ej0u67.png" class="bandeImg"/></div></div><h2>Changer son nom ou pseudo</h2><div class="row"><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_8324bx.png" class="bandeImg"/></div><div class="cell"><table class="teachdoctext c2977"><tbody><tr><td class="teachdoctextContent"><ul><li>Bouton "Plus d'actions"</li><li>Paramètres </li><li>Profil</li><li>Saisissez votre nom ou pseudo visible dans la salle</li></ul><p>Vous pouvez ajouter une adresse courriel. Celle-ci est automatique si vous êtes connecté.e</p></td></tr></tbody></table></div></div><h2>Configurer les notifications sonores lors de la réunion</h2><div class="row"><div class="cell"><div class="c6091"><table class="teachdoctext c3288"><tbody><tr><td class="teachdoctextContent"><ul><li>Bouton "Plus d'actions"</li><li>Paramètres </li><li>Son</li><li>Cochez/décochez selon vos choix</li></ul></td></tr></tbody></table></div></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_7kgaf5.png" class="bandeImg"/></div></div><h2>Quitter le réunion</h2><div class="row"><div class="cell"><div class="c4474"><table class="teachdoctext c2666"><tbody><tr><td class="teachdoctextContent"><ul><li>Barre d'outils en bas</li><li>Bouton "Quitter"</li></ul></td></tr></tbody></table></div></div><div class="cell"><img src="img_cache/teachcs-2022052-nxlia/imgblob_vj4xzi.png" class="bandeImg"/></div></div><div class="c5461"><table class="teachdocplugteach c3491"><tbody><tr><td class="c3739"><div class="plugteachcontain"><div class="oelcardinfo oelcardinfolinelarge"><div class="description"><div class="oelcardinfoh1 oeltxtcenter">A vous de jouer</div><div class="oelcardinfoh2 oeltxtcenter">quiz</div><p class="oeltxtcenter">Cliquez-glissez les mots proposés sur la droite dans les phrases proposées.</p><p class="read-more"> </p></div><div class="metacircle"><div class="photo"> </div></div></div><span class="typesource">oelcontentcardinfocircle</span><span class="datatext1"></span><span class="datatext1">undefined</span><span class="datatext2">undefined</span><span class="typesource">oelcontentcardinfocircle</span></div></td></tr></tbody></table></div><div class="c5383"><table class="teachdocplugteach c3782"><tbody><tr><td class="c3827"><div class="plugteachcontain"><p class="c3843">La barre d'outils de Jitsi</p><p class="c3852">Si je souhaite envoyer un message aux participants, je vais afficher le volet <span class="c3869">????</span>. Pour visualiser la liste des personnes connectées, je vais afficher le volet <span class="c3887">????</span>. Pour demander la parole si mon micro est coupé, je vais cliquer sur l'outil <span class="c3905">????</span>.</p><img src="img/classique/hvp_check.png" class="c3939"/><span class="typesource">blank</span><span class="datatext1">La barre d'outils de Jitsi</span><span class="datatext2">Si je souhaite envoyer un message aux participants, je vais afficher le volet *chat*. Pour visualiser la liste des personnes connectées, je vais afficher le volet *participants*. Pour demander la parole si mon micro est coupé, je vais cliquer sur l'outil *Lever/baisser la main*.</span><span class="typesource">blank</span></div></td></tr></tbody></table></div><div class="c6192"><table class="teachdocbtnteach c4016"><tbody><tr><td class="c4041"><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 c4062">act3|</span><span class="datatext4 c4071">LUDI.nextPage();</span><span class="datatext5 c4081">|</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;}.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-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:gray;border-right-color:gray;border-bottom-color:gray;border-left-color:gray;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;color:black;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:7;stroke:rgb(255, 255, 255);}blockquote{border-left-width:2px;border-left-style:solid;border-left-color:rgb(204, 204, 204);margin-left:1.5rem;padding-left:1rem;}.cell{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-left-style:dashed;border-top-color:rgb(169, 204, 227);border-right-color:rgb(169, 204, 227);border-bottom-color:rgb(169, 204, 227);border-left-color:rgb(169, 204, 227);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;vertical-align:middle;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:8%;min-width:250px;display:table-cell;min-height:75px;height:auto !important;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;min-height:75px;height:auto !important;}.c2445{width:100%;}.c3178{width:100%;}.c1347{width:97%;}.c3174{width:100%;}.c3378{width:100%;}.c3290{width:100%;}.c1507{width:100%;text-align:center;}.c3665{width:100%;}.c4600{width:100%;}.c4695{width:100%;}.c1762{width:97%;}.c2047{width:97%;}.c4267{width:100%;}.c2198{width:97%;}.c4042{width:100%;}.c2329{width:97%;}.c2437{width:97%;}.c4369{width:100%;}.c4474{width:100%;}.c2666{width:97%;}.c2027{text-decoration-line:underline;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;}.c1942{width:97%;}.bandeImg{position:static;float:left;}.c4868{width:100%;}.c2781{width:100%;}.c5118{width:100%;}.c2977{width:97%;}.c6091{width:100%;}.c3288{width:97%;}.c5383{width:100%;}.c5461{width:100%;}.c3491{width:100%;text-align:center;}.c3782{width:100%;text-align:center;}.c3739{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;position:relative;}.c6192{width:100%;}.c3869{color:red;}.c3887{color:red;}.c3905{color:red;}.c3843{font-size:18px;text-align:left;}.c3852{font-size:18px;text-align:left;}.c3939{width:130px;height:45px;float:left;}.c3827{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;position:relative;}.c4062{display:none;}.c4071{display:none;}.c4081{display:none;}.c4041{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.c4016{width:100%;}.c1669{left:8.2%;top:65.9%;}.c1679{left:17%;top:18.6%;}.c1688{left:25.7%;top:65.4%;}.c1697{left:35.8%;top:18.1%;}.c1706{left:44.7%;top:65.4%;}.c1715{left:53.6%;top:19%;}.c1724{left:62.7%;top:64.9%;}.c1733{left:70.7%;top:18.1%;}.c1742{left:85.4%;top:41.3%;}.c1635{text-align:center;padding:10px;width:100%;position:relative;}@media (max-width: 768px){.cell{width:100%;display:block;}}
.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;
}
.initialImg {
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
width : auto;
max-width:850px;
}
.bandeImg{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
width : 100%;
max-width:450px;
}
.bandeImgFull{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
width : 100%;
max-width:850px;
}
.bandeImgOverview{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left:auto;
margin-right:auto;
width : 100%;
max-width: 800px;
}
.bandeImgOverview{
border-right: solid 10px #D2B4DE;
}
.overviewImgOnLive{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left: auto;
margin-right: auto;
width : 100%;
max-width: 800px;
border : solid 2px #EAEDED;
cursor: pointer;
z-index : 50;
}
.overviewImgOnLive img{
position : relative;
display : block;
margin-top : 5px;
margin-bottom : 5px;
margin-left: auto;
margin-right: auto;
width : 100%;
max-width: 800px;
z-index : 40;
cursor: pointer;
}
.overviewImgOnLive:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 40px;height: 40px;
margin-top: -20px;margin-left: -20px;
border-radius: 20px;
transition: inherit;
background-color: #5DADE2;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
z-index : 60;
transition: all 0.2s ease-out;
opacity : 0.3;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaGVpZ2h0PSIyNCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICB3aWR0aD0iMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzQiCiAgIHNvZGlwb2RpOmRvY25hbWU9Inpvb20taW4td2hpdGUuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMSAoM2JjMmU4MTNmNSwgMjAyMC0wOS0wNykiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjExOTIiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iODY3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxNS41MTcxMzEiCiAgICAgaW5rc2NhcGU6Y3g9IjEzLjk1MDQ4NyIKICAgICBpbmtzY2FwZTpjeT0iMTIuODU1NzA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Im0xMSAyYzQuOTcwNTYyNyAwIDkgNC4wMjk0MzcyNSA5IDkgMCAyLjEyNDc3OS0uNzM2MzEwMiA0LjA3NzU4MzYtMS45Njc2OTI2IDUuNjE3MTc1N2wzLjY3NDc5OTQgMy42NzU3MTc1Yy4zOTA1MjQzLjM5MDUyNDMuMzkwNTI0MyAxLjAyMzY4OTMgMCAxLjQxNDIxMzYtLjM2MDQ4NC4zNjA0ODM5LS45Mjc3MTUuMzg4MjEzNS0xLjMyMDAwNjIuMDgzMTg4NmwtLjA5NDIwNzQtLjA4MzE4ODYtMy42NzU3MTc1LTMuNjc0Nzk5NGMtMS41Mzk1OTIxIDEuMjMxMzgyNC0zLjQ5MjM5NjcgMS45Njc2OTI2LTUuNjE3MTc1NyAxLjk2NzY5MjYtNC45NzA1NjI3NSAwLTktNC4wMjk0MzczLTktOSAwLTQuOTcwNTYyNzUgNC4wMjk0MzcyNS05IDktOXptMCAyYy0zLjg2NTk5MzI1IDAtNyAzLjEzNDAwNjc1LTcgNyAwIDMuODY1OTkzMiAzLjEzNDAwNjc1IDcgNyA3IDMuODY1OTkzMiAwIDctMy4xMzQwMDY4IDctNyAwLTMuODY1OTkzMjUtMy4xMzQwMDY4LTctNy03em0wIDNjLjU1MjI4NDcgMCAxIC40NDc3MTUyNSAxIDF2MmgyYy41NTIyODQ3IDAgMSAuNDQ3NzE1MyAxIDFzLS40NDc3MTUzIDEtMSAxaC0ydjJjMCAuNTUyMjg0Ny0uNDQ3NzE1MyAxLTEgMXMtMS0uNDQ3NzE1My0xLTF2LTJoLTJjLS41NTIyODQ3NSAwLTEtLjQ0NzcxNTMtMS0xcy40NDc3MTUyNS0xIDEtMWgydi0yYzAtLjU1MjI4NDc1LjQ0NzcxNTMtMSAxLTF6IgogICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Y5ZjlmOSIgLz4KPC9zdmc+Cg==);
}
.overviewImgOnLive:hover:after {
margin-top: -23px;
margin-left: -23px;
border-radius: 23px;
width: 46px;
height: 46px;
background-size: 26px 26px;
opacity : 1;
}
.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: #5D6D7E;
}
body{
background-image : url(img/classique/office-a.png);
background-position : left bottom;
background-repeat : no-repeat;
background-color :#EBEDEF!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 : 6px;
padding-bottom : 6px;
background-color : #5D6D7E;
color : white;
border-radius: 4px;
-webkit-box-shadow: 5px 5px 0px 0px #D0ECE7, 5px 5px 15px 5px rgba(0,0,0,0);
box-shadow: 5px 5px 0px 0px #D0ECE7, 5px 5px 15px 5px rgba(0,0,0,0);
}
.sectioncollapse{
text-align : center;
font-size : 22px;
background-color : #5D6D7E;
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;
}
/* Notices */
samp {
font-family: 'Hahmlet', serif;
font-size : 17px;
background-color : #aad8f6;
padding: 5px;
padding-left: 35px;
background-image : url(img/classique/infos.png);
background-position: left center;
background-repeat: no-repeat;
border-radius: 4px;
}
address {
font-family: 'Hahmlet', serif;
font-size : 17px;
color: #9F6000;
background-color: #FEEFB3;
padding: 5px;
padding-left: 35px;
background-image : url(img/classique/warning.png);
background-position: left center;
background-repeat: no-repeat;
border-radius: 4px;
}
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: #808B96;
border-color: #808B96;
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 : #808B96;
border: 1px solid #808B96;
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;
}
.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=3;</script><script>var localIdTeachdoc=25;var progressBtop=7;var titleMod = "Jitsi";var basePages = new Array();basePages[0]=0;basePages[1]=53;basePages[2]=54;basePages[3]=56;basePages[4]=60;basePages[5]=57;basePages[6]=59;basePages[7]=62;
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(){installImgOverviewEvents();},500);
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>