function boot(){
    console.log("boot")
    nav_load();

    //====== Active le lien pour le contact
    document.getElementById('meContacter').addEventListener('click',meContacter_open);

    //====== Ouverture direct d'un lab
    var elt = document.getElementById('bootLab');
    if(elt != null){
        var labNum = elt.getAttribute('lab');
        console.log("boot","lab:"+labNum)
        //==== Création de l'evenement pour l'ouverture du lab
        var evTmp = new Object();
        evTmp.currentTarget = document.createElement('div');
        evTmp.currentTarget.setAttribute('num',labNum);
        console.log(evTmp)
        nav_ouvreLab(evTmp);
        //=== Ouverture d'une section
        var sect = elt.getAttribute('sect');
        if(sect == null){
            sect = 0;
        }
        console.log(elt)
        if(sect != null){
            console.log("boot","lab:"+labNum,"sect:"+sect)
            var numSect = parseInt(labNum)*1000 + parseInt(sect);
            evTmp.currentTarget.setAttribute('section',numSect)
            cont_sectionClick(evTmp);
        }
    }
}

window.addEventListener('load',boot);


function nav_load() {
    console.log('nav_load');
    var listeLab = [['Ching@Math', 'chingmath'],
    ['ChingSheet', 'chingsheet'],
    ['ChingIdeaz', 'chingideaz'],
    ['ChingEval', 'chingeval'],
    ['ChingQuest', 'chingquest'],
    ['ChingClasse', 'chingclasse'],
    ['ChingView', 'chingview'],
    ['ChingInfo', 'chinginfo'],
    ['ChingPlay', 'chingplay'],
    ['ChingWeb', 'chingweb']];

    var ch = '';
    for (var i = 0; i < listeLab.length; i++) {
        console.log(i)
        ch += `<span style='flex:1;text-align:center'>
<img src='/image/`+ listeLab[i][1] + `.webp' title='` + listeLab[i][0] + `' style='cursor:pointer' num='`+i+`' class='navLab'>
</span>`;
    }
    //==== Peuple
    var eltNav = document.getElementById('nav');
    eltNav.firstChild.innerHTML = ch;

    //==== Ajoute sur les boutons
    var liste = document.querySelectorAll('.navLab');
    for(var i =0;i<liste.length;i++){
        liste[i].addEventListener('pointerup',nav_pointerUp);
    }

    //==== Ajoute les listeners pour le déplacement de la barre si mobile
    eltNav.addEventListener('pointerdown',nav_pointerDown)
    eltNav.addEventListener('pointermove',nav_pointerMove)
    document.body.addEventListener('pointerup',nav_pointerUpSuper)
}

function nav_ouvreLab(ev){
    var num = ev.currentTarget.getAttribute('num');
    console.log("ouvre lab A:"+num);

    /*
    //==== Recherche la présentation
    presentation.forEach(elt => {
        if(elt.includes("lab='"+num+"'")){
            console.log("ouvre lab B:"+num);
            //=== le panneau de gauche
            document.getElementById('cont-voletB').innerHTML = elt;
        }
    });
    */

    //==== Efface les anciennes sections
    var contSection = document.getElementById('cont-voletAA');
    contSection.innerHTML = '';
    //===== Ajoute les sections
    section.forEach(elt => {
        if(elt.includes("lab='"+num+"'")){
            contSection.innerHTML += elt.replace('_',"'");
        }
    });

    //==== Active les boutons sections
    var liste = document.querySelectorAll('.sectionBouton');
    for(var i=0; i<liste.length; i++){
        liste[i].addEventListener('click',cont_sectionClick)
    }

    //=== change le contenu
    var myEvent = new Object();
    myEvent.currentTarget = document.createElement('span');
    myEvent.currentTarget.setAttribute('section',num*1000)
    cont_sectionClick(myEvent);
}

//=============================================== Pour les déplacements

var nav_pointerMoveBoolean = false;
var nav_pointerDownBoolean = false;
var nav_pointerLastX = 0;

function nav_pointerDown(ev){
    console.log('nav_pointerDown')
    nav_pointerLastX = ev.clientX;
    nav_pointerDownBoolean = true;
}

function nav_pointerMove(ev){
    console.log('nav_pointerMove')
    var eltNav = document.getElementById('nav');
    if(nav_pointerDownBoolean){
        //=== écart
        var delta = ev.clientX-nav_pointerLastX;
        //=== Récupère valeur 
        var dec = parseInt(eltNav.getAttribute('dec'));
        dec += delta
        console.log('nav_pointerMove',dec)
        if(dec>0){
            dec = 0;
        }
        //==== Blocage à gauche
        var minPosX = eltNav.clientWidth - eltNav.firstChild.clientWidth;
        if(dec<minPosX){
            dec = minPosX;
        }
        //=== Affecte 
        eltNav.firstChild.style.transform = 'translate('+dec+'px,0px)';
        //=== Enregistre
        eltNav.setAttribute('dec',dec);
        nav_pointerLastX = ev.clientX;
    }
    nav_pointerMoveBoolean = false;
}

function nav_pointerUp(ev){
    console.log('nav_pointerUp')
    if(!nav_pointerMoveBoolean){
        nav_ouvreLab(ev);
    }
    
}

function nav_pointerUpSuper(ev){
    console.log('nav_pointerUpSuper')
    nav_pointerMoveBoolean = false;
}

function cont_sectionClick(ev){
    var section = ev.currentTarget.getAttribute('section')
    console.log("cont_sectionClick",ev,section);

    //==== Colorie le bouton qu'on vient de cliquer
    var liste = document.querySelectorAll('.sectionBouton');
    for(var i=0; i<liste.length; i++){
        console.log("kkkkkkkkkkkkkkkkkkkkk a")
        if(liste[i].getAttribute('section') == section){
            liste[i].style.backgroundColor = '#ffdd77';
        }
        else{
            liste[i].style.backgroundColor = '';
        }
    }

    //=== Change l'historique
    var url = ev.currentTarget.getAttribute('url');
    history.pushState(url, null, url);



    //=== Selectionne le contenu
    var cont = document.getElementById('cont-voletB');
    contenu.forEach(elt => {
        if(elt.includes("section='"+section+"'")){
            //===== change le contenu
            cont.innerHTML = elt
            //===== Change les h2
            const headers = cont.querySelectorAll("h2"); // Sélectionne tous les H2
            headers.forEach((h2, index) => {
                h2.textContent = `${index + 1}. ${h2.textContent}`; // Ajoute la numérotation
            });

        }
    });

    //=== Recherche d'un captcha
    var elt = document.getElementById('captcha');
    console.log("kkkkkkkkkkk",elt)
    if(elt!=null){
        var xhr = new myHttp('/captcha/index.php','post',[]);
        xhr.myResponse = () => {
            console.log('Lecture du captcha');
            var elt = document.getElementById('captcha');
            elt.src = xhr.responseText;            
        }
        xhr.send();
    }

    //=== ChingView : inscription
    var elt = document.getElementById('chingview-submit');
    if(elt!=null){
        chingview_submit();
    }

    //=== Affichage des vidéos
    var liste = document.querySelectorAll('.contVideo');
    for(var i=0; i<liste.length; i++){
        var elt = document.createElement('img');
        elt.src = liste[i].getAttribute('src') + '.webp';
        liste[i].appendChild(elt);
        //=== Ajoute l'écouteur
        elt.addEventListener('click',cont_videoOpen)
    }
}



function cont_videoOpen(ev){
    //=== Récupère la source
    var src = ev.currentTarget.parentNode.getAttribute('src');
    //=== Affiche le div
    var diagFix = document.getElementById('diagFix');
    diagFix.innerHTML = '<img src="/image/ferme1.webp"><video controls="controls" autoplay><source  src="'+src+'.mp4"></video>';
    diagFix.style.display = "block"
    //=== Ajoute l'écouteur sur le bouton pour fermer
    document.querySelector('#diagFix > :nth-child(1)').addEventListener('click',(ev) => {
        var parent = ev.currentTarget.parentNode;
        parent.innerHTML = '';
        parent.style.display = 'none';
    })
}

function meContacter_open(ev){
    document.getElementById('cont-voletB').innerHTML = `<h2 style="text-align:center;margin:15px 20px">Me contacter?</h2>
<div>Envoyez moi un courriel via le formulaire :</div><div id="resultEnvoi"></div>
<div style="text-align:center">
<textarea id="message" rows="8" cols="50"></textarea></div>
<div id="emailContact">Votre courriel :   <input type="text" id="courriel"></div>
<div id="contactSubmit"><input type="submit" value="Envoyer votre message" id="envoyeContact"></div></div>
`;

    //==== Ajoute l'écouteur 
    document.getElementById('envoyeContact').addEventListener('click',meContacter_envoie);
}



function meContacter_verifMail(courriel) {
    var regexp = /\w[\w\-\.]*@\w[\w\-\.]*\.[a-z]{2,}/i;
    if (regexp.test(courriel) == false) {
        return false;
    }
    return true;
}



function meContacter_envoie() {
    //========= Verification du message
    var text = document.getElementById('message').value;
    if (text.trim() == "") {
        alert("Veuillez saisir votre message");
        return false;
    }

    //========= Verification du courriel
    var courriel = document.getElementById('courriel').value;
    if (courriel.trim() == "") {
        alert("Veuillez saisir votre courriel");
        return false;
    }
    if (!meContacter_verifMail(courriel)) {
        alert("Veuillez saisir un courriel valide");
        return false;
    }

    //========= Envoi du mail   
    var form = new FormData();
    form.append("e", courriel);
    form.append("m", text)
    var xhr = new myHttp('/mail-contact.php', 'post-formData', form);
    xhr.myResponse = function () {
        alert(xhr.responseText);
        document.getElementById('message').value = '';
        document.getElementById('courriel').value = '';
    };
    xhr.send();

    return true;
}


if (typeof myHttp !== "function") {
    window.myHttp = class extends XMLHttpRequest {
        constructor(url, method, values) {
            console.log("myHttp constructor")
            super();
            this.url = url;
            this.method = method;
            this.values = values;

            if (/^(post|post-json|post-formData|post-array|post-blob)$/.exec(this.method)){
                super.open('POST', this.url, true);
            }
            else if ((this.method == "get") || (this.method == "get-array")) {
                super.open('GET', this.url, true);
            }

            if (this.method == "post-json") {
                super.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
            }
            else if( (this.method == "post-array")  ||  (this.method == "get-array") ){
                super.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
                super.responseType = "arraybuffer";
            }
            else if (this.method == "post-formData") {

            }
            else if(this.method == "post-blob"){
                super.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
                super.responseType = 'blob';
            }
            else {
                super.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
            }

            super.onreadystatechange = function () {
                if (this.readyState == 4 && this.status == 200) {
                    //=== Vérifie s'il y a une erreur
                    var contentType = this.getResponseHeader('Content-Type');
                    if (contentType && contentType.includes('text/error')) {
                        this.catchError();
                        return;
                    }
                    //=== Envoie la réponse normale
                    this.myResponse();
                }
            }
        }

        send() {
            console.log("http - send",this.values)
            if (this.values == null) {
                super.send();
            }
            else if ((this.method == "post-json") || (this.method == "post-formData") ) {
                super.send(this.values);
            }
            else {
                var liste = [];
                for (var i = 0; i < this.values.length; i++) {
                    liste.push(this.values[i][0] + "=" + String(this.values[i][1]).replaceAll('&',''));
                }
                console.log("http - send",liste.join("&"))
                super.send(liste.join("&"));
            }
        }

        catchError() {
            console.log("myHttp - catchError",this.response,this.responseType)
            var stringError;
            if(this.responseType == "arraybuffer"){
                stringError = (new TextDecoder('utf-8')).decode(this.response);
            }
            else{
                stringError = this.responseText;
            }
            console.log("myHttp - catchError",stringError);
            if (stringError == "Erreur:session") {
                document.location = urlSite + "/?auth=1";
                return;
            }
            else {
                this.catchErrorDefault(stringError);
            }
        }

        catchErrorDefault(stringError) {
            console.log("myHttp - catchErrorDefault",stringError)
            diagError(stringError.replace(':', ' : '), 2000);
        }

        myResponse() {
            console.log("Response default");
        }
    }
}

function chingview_submit(){
    console.log('chingview_submit');
    var elt = document.getElementById('chingview-submit');
    if(elt != null){
        elt.addEventListener('click',chingview_submit_valid)
    }
}


function chingview_submit_valid(ev){
    ev.preventDefault();
    ev.stopPropagation();
    //=== Récupère le nom
    var elt = document.getElementById('chingview-nom');
    if(elt == null){
        console.log('Erreur données 1');
        return;
    }
    var nom = elt.value;

    //=== Récupère le prenom
    var elt = document.getElementById('chingview-prenom');
    if(elt == null){
        console.log('Erreur données 1');
        return;
    }
    var prenom = elt.value;

    //=== Récupère le nom
    var elt = document.getElementById('chingview-courriel');
    if(elt == null){
        console.log('Erreur données 1');
        return;
    }
    var courriel = elt.value;

    //=== Récupère le nom
    var elt = document.getElementById('chingview-timezone');
    if(elt == null){
        console.log('Erreur données 1');
        return;
    }
    var timezone = elt.value;

    //=== Récupère le nom
    var elt = document.getElementById('chingview-captcha');
    if(elt == null){
        console.log('Erreur données 1');
        return;
    }
    var captcha = elt.value;


    //================== Vérification des données
    if(nom==''){
        alert('Veuillez saisir un nom');
        return;
    }
    if(prenom==''){
        alert('Veuillez saisir un prenom');
        return;
    }
    if(courriel==''){
        alert('Veuillez saisir un courriel');
        return;
    }
    if(captcha==''){
        alert('Veuillez saisir le mot lié au captcha');
        return;
    }

    //==================== Envoie des données
    var xhr = new myHttp('/chingview/inscription-submit.php','post',[['n',nom],['p',prenom],['c',courriel],['t',timezone],['ca',captcha]]);
    xhr.myResponse = () => {
        alert(xhr.responseText);
    };
    xhr.send();
}

var section = [];
var contenu = [];
var presentation = []

section.push("<div lab='0'  class='sectionBouton' section='0' url='/chingmath/000'>Présentation</div>");
contenu.push("<div lab='0' section='0'><div id='sectionTitre'><span>Ching@Math</span> / <span>Présentation</span></div><div>Le site ChingMath est destiné aux professeurs mais aussi aux élèves.</div><div>Avec plus de <span style='margin-right:3px'>10</span>900 exercices corrigés, il couvre l'ensemble du programme 2024-2025 du secondaire français : de la sixième à la terminale</div><div>Le site est accessible via l'adresse :<a href='https://chingmath.fr' target='_blank' style='margin-left:30px'>https://chingmath.fr</a></div><h2>Un outil pour les élèves</h2><h2>Un outil pour les professeurs</h2><div>les enseignants peuvent composés leurs propres feuilles d'exercices à partir de cette 'banque' d'exercices.</div><h2>Une longue histoire</h2><div>La première version du site a été créée sur l'intranet du lycée français de Mexico et mis en ligne par les bons soins de Vincent Maréchal qui a rendu cette expérience possible. Depuis, il ne cesse de s'enrichir et d'évoluer.</div></div>");

section.push("<div lab='0'  class='sectionBouton' section='1' url='/chingmath/001'>S&apos;inscrire</div>");
contenu.push("<div lab='0' section='1'><div id='sectionTitre'><span>Ching@Math</span> / <span>S&apos;inscrire</span></div><h2>Quelques éléments</h2><div>La création d'un compte sur Ching@Math vous permet :Un compte sur ChingAtome vous permet :<ul style='margin-block-start: 0px'><li> de créer des feuilles d'exercices et de les stocker sur le site<li> de profiter de votre espace numérique pour diffuser auprès de vos élèves,et quand vous le souhaitez, vos feuilles d'exercices</ul><h2>Si vous êtes enseignant</h2><div><ul style='margin-block-start: 0px'><li> de profiter de 30% d'exercices supplémentaires<li> de proposer à vos élèves des QCM en ligne<li> d'accéder à 30% d'exercices cachées <i>(pour évaluation, vos devoirs maison)</i><li> de pouvoir utiliser ChingEval pour les QCM auto-corrigés</ul></div><div class='contVideo' src='/chingmath/video/20-creationCompte'></div><div class='contVideo' src='/chingmath/video/22-a-authentification'></div></div>");

section.push("<div lab='0'  class='sectionBouton' section='42' url='/chingmath/042'>Exercices différenciés</div>");
contenu.push("<div lab='0' section='42'><div id='sectionTitre'><span>Ching@Math</span> / <span>Exercices différenciés</span></div><h2>Présentation</h2><div style='font-weight:900;font-size:18px;text-align:center'>Exercices pour la différentiation</div><div>Depuis la rentrée 2022, tous les exercices de ChingMath de la sixième à la première sont organisés dans quatre catégories suivant :<ul style='margin-block-start: 0px'><li> leur utilité dans les programmes français <li> et leurs difficultés.</ul></div><div>Voici une description de ces 4 catégories :<ul style='margin-block-start: 0px'><li> <img src='/chingmath/image/difficulte_0.svg' height='30' style='vertical-align:-3px'> ces exercices sont utilisés pour une introduction à une nouvelle notion mathématique, à une nouvelle capacité ou permettent de travailler cette capacité directement après sa présentation par l'enseignant <i>(aucune difficulté ne doit apparaître)</i></li><li> <img src='/chingmath/image/difficulte_1.svg' height='30' style='vertical-align:-3px'> ces exercices ciblent les attendus du programme français</li><li> <img src='/chingmath/image/difficulte_2.svg' height='30' style='vertical-align:-3px'> dans cette catégorie, les exercices proposent un approfondissement des capacités travaillées : soit par une difficulté technique plus grande, soit par un étayage moins détaillé des étapes de résolution.</li><li> <img src='/chingmath/image/difficulte_3.svg' height='30' style='vertical-align:-3px'> : peu présent sur le site, cette quatrième catégorie présente des exercices dépassant largement les attendus du programme français.</li></ul></div><h2>Créer des fiches différenciées</h2><div>Cette  classification facilitera vos créations de feuilles d'exercices en fonction de vos objectifs <i>(introduction d'une notion, révision, approfondisement).</i></div><div>Ce diagramme résume la description de ces 4 catégories :</div><div style='text-align:center'><img src='/chingmath/image/difficulte-logo.jpg' style='max-height:100px'></div><div></div><div class='contVideo'  src='/chingmath/video/22-b-exerciceDifferencie'></div></div>");

section.push("<div lab='0'  class='sectionBouton' section='44' url='/chingmath/044'>Accéder aux corrections</div>");
contenu.push("<div lab='0' section='44'><div id='sectionTitre'><span>Ching@Math</span> / <span>Accéder aux corrections</span></div><h2>Accès aux corrections</h2><h2>Imprimer les corrections</h2><h2>Faciliter l'accès avec les QR-Codes</h2><div>Un système de QRcode est disponible sur ChingMathpour rendre plus accessible l'accès à l'information et vont aussi vous permettre de créer des liens vers vos documents externes :<div><b>Remarque :</b> ne souhaitant pas que mes élèves utilisent leur téléphone, chaque QRcodes est associé à un code '<i>texte</i>' qui est un raccourci pour accéder à la même ressource directement sur un ordinateur. La vidéo vous montrera comment utiliser ce code texte.</div><div><ul style='margin-block-start: 0px'><li> <b>Pour accéder à la correction des exercices :</b> vous pouvez ajouter des QRcodes aux exercices de vos feuilles d'exercices :<li> <b>Partager vos documents avec vos élèves :</b> vous pouvez rajouter des QRcodes qui, par exemple, pointeront vers un autre site de mathématiques ou vos documents partagés sur un drive.</ul></div><div class='contVideo'  src='/chingmath/video/22-f-qrcode'></div><div>Il est également possible de rajouter des grilles d'évaluations (ou d'auto-évaluations) dans vos feuilles d'exercices.<br>La vidéo ci-dessous présente cet outil.</div><div class='contVideo'   src='/chingmath/video/22-g-grille'></div></div>");

section.push("<div lab='0'  class='sectionBouton' section='55' url='/chingmath/055'>Sac à dos</div>");
contenu.push("<div lab='0' section='55'><div id='sectionTitre'><span>Ching@Math</span> / <span>Sac à dos</span></div><div class='contAlert'>Le sac à dos disparaitra à la rentrée 2025 pour être remplacé par l'espace numérique</div><div>Pour créer une nouvelle feuille d'exercices sur ChingMath : rien de plus simple, parcourez les chapitres et sélectionnez les exercices en cliquant sur le sac-à-dos présent à côté des exercices.</div><div>Une fois votre sélection bien remplie, cliquez sur le sac-à-dos présent dans la barre de navigation : votre nouvelle feuille d'exercices s'affichera à l'écran</div><div class='contVideo'    src='/chingmath/video/22-c-sacados'></div></div>");

section.push("<div lab='0'  class='sectionBouton' section='100' url='/chingmath/100'>Votre espace numérique</div>");
contenu.push("<div lab='0' section='100'><div id='sectionTitre'><span>Ching@Math</span> / <span>Votre espace numérique</span></div><h2>Présentation</h2><h2></div>");

section.push("<div lab='0'  class='sectionBouton' section='200' url='/chingmath/200'>Votre sous-domaine</div>");
contenu.push("<div lab='0' section='200'><div id='sectionTitre'><span>Ching@Math</span> / <span>Votre sous-domaine</span></div></div>");

section.push("<div lab='0'  class='sectionBouton' section='300' url='/chingmath/300'>Vos classes</div>");
contenu.push("<div lab='0' section='300'><div id='sectionTitre'><span>Ching@Math</span> / <span>Vos classes</span></div></div>");

section.push("<div lab='0'  class='sectionBouton' section='400' url='/chingmath/400'>Exercices réservés</div>");
contenu.push("<div lab='0' section='400'><div id='sectionTitre'><span>Ching@Math</span> / <span>Exercices réservés</span></div></div>");

section.push("<div lab='0'  class='sectionBouton' section='500' url='/chingmath/500'>Paramètres</div>");
contenu.push("<div lab='0' section='500'><div id='sectionTitre'><span>Ching@Math</span> / <span>Paramètres</span></div></div>");

section.push("<div lab='0'  class='sectionBouton' section='880' url='/chingmath/880'>A propos</div>");
contenu.push("<div lab='0' section='880'><div id='sectionTitre'><span>Ching@Math</span> / <span>A propos</span></div><div style='font-size:18px;text-align:center;font-weight:900'>A propos</div><div>Ce site a été créé pour l'équipe de mathématiques du lycée français de Mexico en 2005. Il a d'abord été hébergé sur l'intranet par les bons soins de Vincent Maréchal, professeur de Technologie, qui m'a aidé à déployer la première version sur Internet.</div><div>Fabriqué entièrement à la main <i>(pas de framework)</i> et conçu de manière artisanale, n'hésitez pas à me faire remonter les bugs dans la section \"Contact\". Voici quelques principes de son fonctionnement :<ul style='margin-block-start: 0px'>  <li> L'ensemble des exercices sont écrits au format LaTeX ;   <li> les exercices sont organisés par classe, puis par chapitre, puis par notions. Cette hierarchie est contenue dans une base de donnée MySQL ;  <li> le site est écrit essentiellement en PHP permettant de générer de façon dynamique les pages et la plupart des fichiers \"pdf\" que vous utilisez sur ce site.  <li> il fallait ajouter un peut d'AJAX pour que tout s'enchaine rapidement!</ul></div><div style='text-align:right'>L'équipe Ching@Lab</div></div>");

section.push("<div lab='0'  class='sectionBouton' section='990' url='/chingmath/990'>Politique de confidentialité</div>");
contenu.push("<div lab='0' section='990'><div id='sectionTitre'><span>Ching@Math</span> / <span>Politique de confidentialité</span></div><div style='font-size:18px;text-align:center;font-weight:900'>Politique de confidentialité</div><h3>Introduction</h3><div>Bienvenue sur notre site. Nous prenons la confidentialité de vos informations personnelles très au sérieux. Cette politique de confidentialité explique comment nous recueillons, utilisons, stockons et protégeons vos informations personnelles. En utilisant notre site, vous acceptez les pratiques décrites dans cette politique.</div><h3>1. Informations que nous recueillons</h3><div>Nous recueillons les informations personnelles suivantes lorsque vous utilisez notre site :</div><div>Nom,  Prénom, Adresse e-mail</div><h3>2. Utilisation des informations</h3><div>Les informations que nous recueillons sont utilisées uniquement aux fins suivantes :</div><div><ul><li>Pour vous contacter concernant nos services.</li><li>Pour répondre à vos demandes ou questions.</li><li>Pour améliorer notre site et nos services.</li></div><h3>3. Partage des informations</h3><div>Nous ne partageons vos informations personnelles avec aucun tiers. Vos données sont strictement confidentielles et utilisées uniquement par notre entreprise.</div><h3>4. Conservation des données</h3><div>Nous conservons vos informations personnelles aussi longtemps que nécessaire pour atteindre les objectifs décrits dans cette politique, sauf si une période de conservation plus longue est requise ou permise par la loi.</div><h3>5. Sécurité des informations</h3><div>Nous mettons en œuvre des mesures de sécurité raisonnables pour protéger vos informations personnelles contre l'accès non autorisé, la modification, la divulgation ou la destruction. Cependant, veuillez noter qu'aucune méthode de transmission sur Internet ou de stockage électronique n'est complètement sécurisée.</div><h3>6. Vos droits</h3><div>Vous avez le droit de :<ul><li>Accéder à vos informations personnelles.</li><li>Demander la correction de vos informations personnelles.</li><li>Demander la suppression de vos informations personnelles.</li><li>Vous opposer au traitement de vos informations personnelles.</li><li>Demander la limitation du traitement de vos informations personnelles.</li><li>Demander la portabilité de vos informations personnelles.</li></ul></div><div>Pour exercer ces droits, veuillez nous contacter à [adresse e-mail de contact].</div><h3>7. Utilisation des cookies</h3><div>Notre site utilise des cookies pour améliorer votre expérience de navigation. Les cookies sont de petits fichiers texte stockés sur votre appareil qui nous aident à analyser l'utilisation de notre site et à personnaliser le contenu. Vous pouvez désactiver les cookies via les paramètres de votre navigateur, mais cela peut affecter votre expérience de navigation.</div><h3>8. Modifications de cette politique de confidentialité</h3><div>Nous pouvons mettre à jour cette politique de confidentialité de temps en temps. Nous vous informerons de tout changement en publiant la nouvelle politique de confidentialité sur notre site. Nous vous encourageons à consulter cette page régulièrement pour rester informé des changements.</div><h3>9. Contact</h3><div>Si vous avez des questions ou des préoccupations concernant cette politique de confidentialité, veuillez nous contacter à :</div><div>castanet@chinglab.fr</div></div>");

section.push("<div lab='0'  class='sectionBouton' section='991' url='/chingmath/991'>Suppression des données</div>");
contenu.push("<div lab='0' section='991'><div id='sectionTitre'><span>Ching@Math</span> / <span>Suppression des données</span></div><div style='font-size:18px;text-align:center;font-weight:900'>Politique de suppression des données</div>Merci de m'envoyer un message pour la suppression de votre compte, qui entrainera la suppression de toutes vos données via le formulaire<span class='s30 s_t'></span></div>");

section.push("<div lab='1'  class='sectionBouton' section='1000' url='/chingsheet/000'>presentation</div>");
contenu.push("<div lab='1' section='1000'><div id='sectionTitre'><span>ChingSheet</span> / <span>presentation</span></div><div style='text-align:center'><img src='/chingsheet/image/fondEspaceNumerique.png' width='300'></div></div>");

section.push("<div lab='1'  class='sectionBouton' section='1310' url='/chingsheet/310'>Feuille d'exercices</div>");
contenu.push("<div lab='1' section='1310'><div id='sectionTitre'><span>ChingSheet</span> / <span>Feuille d'exercices</span></div><div style='font-weight:900;font-size:18px;text-align:center'>Vos Feuilles d'exercices</div><div>L'outil <i>Vos feuilles</i> vous permet de stocker vos compilations sur ChingMath, vous pouvez :<ul style='margin-block-start: 0px'><li>conserver vos feuilles d'exercices pour les ré-utiliser ultérieurement</li><li>les améliorer d'années en années</li><li>rajouter des indications dans l'entête des exercices,</li><li>des blocs personnalisés où vous pouvez insérer des liens vers des documents externes : <b>vers d'autres sites ou vos propres documents</b></li></ul></div><div class='contVideo'  src='/chingmath/video/22-d-feuille-exercice'></div></div>");

section.push("<div lab='1'  class='sectionBouton' section='1320' url='/chingsheet/320'>Formatage des feuilles</div>");
contenu.push("<div lab='1' section='1320'><div id='sectionTitre'><span>ChingSheet</span> / <span>Formatage des feuilles</span></div><div style='font-weight:900;font-size:18px;text-align:center'>Formatage des feuilles d'exercices</div><div>Des paramètres sont disponibles pour modifier le formatage de votre feuilles d'exercices :</div><div>La vidéo ci-dessous présente certains de ces paramètres</div><div class='contVideo'   src='/chingmath/video/22-e-formatage-feuille-exercice'></div></div>");

section.push("<div lab='1'  class='sectionBouton' section='1330' url='/chingsheet/330'>Parcours différenciés</div>");
contenu.push("<div lab='1' section='1330'><div id='sectionTitre'><span>ChingSheet</span> / <span>Parcours différenciés</span></div><h2>Présentation</h2><div>Pour faciliter la mise en place de parcours différenciés dans vos classes, ChingMath vous propose de créer des diagrammes explicitant ces étapes de différenciation à vos élèves en plaçant des diagrammes en début de feuilles d'exercices.</div><div>Trois types de diagrammes différents sont proposés :<ul style='margin-block-start: 0px'><li><b>Les contrats de travail :</b><div style='margin-left:2ex'><img src='/chingmath/image/contratTravail.svg' height='72'></div></li><li><b>Les parcours différenciés :</b><div style='margin-left:2ex'><img src='/chingmath/image/parcoursDifferencie.svg' height='48'></div></li><li><b>Les feuilles de routes :</b><div style='margin-left:2ex'><img src='/chingmath/image/feuilleRoute.svg' height='48'></div></li></ul></div><div>Vous trouverez ci-dessous les vidéos expliquant la mise en place de ces nouveaux outils sur ChingMath :</div><h2>Les contrats de travail :</h2><div class='contVideo'   src='/chingmath/video/22-m-contrat-travail'></div><h2>Les parcours différenciés :</h2><div class='contVideo'   src='/chingmath/video/22-n-parcours-differencie'></div><h2>Les feuilles de routes :</h2><div class='contVideo'  src='/chingmath/video/22-o-feuille-route'></div></div>");

section.push("<div lab='1'  class='sectionBouton' section='1380' url='/chingsheet/380'>Qrcode et grille</div>");
contenu.push("<div lab='1' section='1380'><div id='sectionTitre'><span>ChingSheet</span> / <span>Qrcode et grille</span></div><div style='font-weight:900;font-size:18px;text-align:center'>Qr-code et grille d'(auto-)évaluations</div><div>Un système de QRcode est disponible sur MathAtome pour rendre plus accessible l'accès à l'information et vont aussi vous permettre de créer des liens vers vos documents externes :<div><b>Remarque :</b> ne souhaitant pas que mes élèves utilisent leur téléphone, chaque QRcodes est associé à un code '<i>texte</i>' qui est un raccourci pour accéder à la même ressource directement sur un ordinateur. La vidéo vous montrera comment utiliser ce code texte.</div><div><ul style='margin-block-start: 0px'><li> <b>Pour accéder à la correction des exercices :</b> vous pouvez ajouter des QRcodes aux exercices de vos feuilles d'exercices :<li> <b>Partager vos documents avec vos élèves :</b> vous pouvez rajouter des QRcodes qui, par exemple, pointeront vers un autre site de mathématiques ou vos documents partagés sur un drive.</ul></div><div class='contVideo'   src='/chingmath/video/22-f-qrcode'></div><div>Il est également possible de rajouter des grilles d'évaluations (ou d'auto-évaluations) dans vos feuilles d'exercices.<br>La vidéo ci-dessous présente cet outil.</div><div class='contVideo'   src='/chingmath/video/22-g-grille'></div></div>");

section.push("<div lab='1'  class='sectionBouton' section='1400' url='/chingsheet/400'>Publier vos feuilles</div>");
contenu.push("<div lab='1' section='1400'><div id='sectionTitre'><span>ChingSheet</span> / <span>Publier vos feuilles</span></div><div style='font-weight:900;font-size:18px;text-align:center'>Publier vos feuilles d'exercices auprès de vos élèves</div><div>ChingMath offre à chacun de ses utilisateurs un <b>espace numérique</b>. Vous pouvez y stocker et y diffuser les feuilles d'exercices créées sur ChingMath.</<div><div>Diffuser vos feuilles d'exercices présentent certains avantages :<ul style='margin-block-start: 0px'><li> depuis chez lui, l'élève peut retrouver la feuille d'énoncé s'il ne la retrouve pas</li><li> une fois qu'une feuille a été travaillé en classe, l'élève peut retrouver l'intégralité de la correction pour parfaire son apprentissage et ses révisions</ul></div><div>Dans tous les cas, vous restez maître de votre espace numérique :<ul  style='margin-block-start: 0px'><li> vous choisissez les feuilles qui seront publiées et celles qui ne le seront pas.<li> vous pouvez diffuser l'énoncé d'une feuille mais pas la correction<li> vous pouvez décider par avance le jour et l'heure à laquelle les élèves accéderont à la correction. Sortant d'une évaluation, les élèves peuvent accéder à la correction et s'auto-évaluer sur leur récente composition.</ul></div><div>Voici une première présentation de l'<b>espace numérique de ChingMath</b></div><div class='contVideo'   src='/chingmath/video/22-h-diffusionExercice'></div><div>Et voici une autre fonctionnalité de votre espace numérique. Vous pouvez décider que certains exercices soient publiées avec la correction et d'autres non!<br>Cela vous permet de manière synchrone avec l'avancement de votre cours de permettre aux élèves d'accéder à la correction des exercices qui ont déjà été traités en classe.</div><div class='contVideo'  src='/chingmath/video/22-i-diffusionAvance'></div><div>Cette fonctionnalité peut avoir plusieurs visées pédagogiques :<ul style='margin-block-start: 0px'><li> Dès l'utilisation d'une feuille avec la classe, vous laissez accessible la correction de quelques exercices, notamment les plus faciles ou les exercices développant un automatisme, les élèves les plus en difficultés peuvent se raccrocher à la correction pour améliorer leur compréhension et développer ces automatistmes.<li> Dès que vous avez traité quelques exercices avec une classe, vous pouvez publier la correction : les élèves pourront de chez eux retrouver les exercices traités précédemment en classe.</ul></div></div>");

section.push("<div lab='2'  class='sectionBouton' section='2000' url='/chingideaz/000'>presentation</div>");
contenu.push("<div lab='2' section='2000'><div id='sectionTitre'><span>ChingIdeaz</span> / <span>presentation</span></div><h1>ChingIdeaz</h1><div>Le module ChingIdeaz est intégré au site ChingMath est n'est disponible qu'aux enseignants. Un identifiant &quot;professeur&quot; est nécessaire pour y accdéder</div><div>A travers plus de $500$ exercices pour le secondaire (et pour l'instant principalement pour le collège), les professeurs composent des feuilles d'exercices pour faire travailler les <b>automatismes</b> aux élèves.</div><div>Chaque exercice est développé en 63 versions différentes permettant d'offrir des feuilles différentes mais ciblant les mêmes savoir-faire chez chaque élève et individualisant ainsi le travail des élèves.</div><div>La version en ligne permet aux élèves de s'exercer depuis chez eux et permet au professeur de suivre les progrès de ces élèves.</div><div>Le site est accessible via l'adresse</div><div style='text-align:center'><a href='https://chingmath.fr/espaceIdeaz/' target='_blank'>https://chingmath.fr/espaceIdeaz</a></div></div>");

section.push("<div lab='3'  class='sectionBouton' section='3000' url='/chingeval/000'>presentation</div>");
contenu.push("<div lab='3' section='3000'><div id='sectionTitre'><span>ChingEval</span> / <span>presentation</span></div><h1>ChingEval</h1><div>Le module ChingEval est intégré au site ChingMath est n'est disponible qu'aux enseignants. Un identifiant &quot;professeur&quot; est nécessaire pour y accdéder</div><div>A travers plus de 500 exercices, posés sous la forme de QCM, le professeur compose ses évaluations sur papier. Une simple prise de vue avec son téléphone permet d'obtenir la correction du QCM.</div><div>Chaque exercice est composé en plusieurs dizaines de version, ce qui permet à ce module à créer des versions différentes du même QCM afin que les élèves puissent travailler individuellement sur son propre QCM</div><div>Une version en ligne permet aux élèves de passer ce QCM en ligne.</div><div>Le site est accessible via l'adresse</div><div style='text-align:center'><a href='https://chingmath.fr/espaceEval/' target='_blank'>https://chingmath.fr/espaceEval/</a></div></div>");

section.push("<div lab='3'  class='sectionBouton' section='3001' url='/chingeval/001'>presentation</div>");
contenu.push("<div lab='3' section='3001'><div id='sectionTitre'><span>ChingEval</span> / <span>presentation</span></div><div style='font-weight:900;font-size:18px;text-align:center'>Les QCM de ChingEval</div><div>ChingEval est un des outils de ChingMath. Il permet l'évaluation de certaines capacités mathématiques via des QCM. Son principe :<ul style='margin-block-start: 0px'><li> proposer une série pour chaque niveau, chaque chapitre couvrant l'ensemble des capacités de base et les automatismes à renforcer chez les élèves.</li><li> chaque exercice est développé en 40 versions différentes mais toute ciblant le même niveau d'utilisation d'une capacité mathématiques</li><li> chaque évaluation créé 128 versions différentes du même QCM : facile en mettre en oeuvre dans une classe, les élèves ne cherchent plus à se copier les uns sur les autres<li> l'application ChingProf pour Android et disponible sur le PlayStore permet de corriger chacun des QCM en quelques secondes</li></div><div style='color:red'><span style='font-weight:900'>Update :</span>la correction des QCM se fait maintenant via la page web http://eval.chingmath.fr.<br>Les applications ChingProf et ChingLink sont désactivées et ne sont plus présentent sur le PlayStore</div>Idée originale : Alexis Bienvenue (Université de Lyon)<div class='contVideo'  src='/chingeval/video/22-l-chingEval-online'></div><div>Et voici un complément d'explication pour créer son premier QCM</div><div class='contVideo'  src='/chingeval/video/22-l-chingEval-online'></div><div>ChingEval vous permet également de faire passer les QCM en lignes :</div><div class='contVideo'  src='/chingeval/video/22-l-chingEval-online'></div></div>");

section.push("<div lab='3'  class='sectionBouton' section='3010' url='/chingeval/010'>prise&apos;de&apos;vue</div>");
contenu.push("<div lab='3' section='3010'><div id='sectionTitre'><span>ChingEval</span> / <span>prise&apos;de&apos;vue</span></div><style>#eval_conseilDiv {display:flex;flex-wrap:wrap;column-gap:20px;row-gap:50px;margin:10px;padding:10px;border:1px solid orangered;border-radius: 5px;background-color: blanchedalmond;justify-content: center;}#eval_conseilDiv div {display:flex;flex-direction:column}#eval_conseilDiv > div > :nth-child(2){display:inline-block;width:200px;}</style><div>Quelques conseils pour bien prendre en photo les évaluations :</div><div>Voici quelques exemples de prise de vue ne permettant le traitement de votre évaluation :</div><div id='eval_conseilDiv'><div><img src='/chingeval/image/aerreur01.jpg'><div>Une marque (pour le repérage du logiciel) est absente.<br>Les 4 doivent être présentes sur la prise de vue.</div></div><div><img src='/chingeval/image/aerreur02.jpg'><div>La feuille n&apos;est pas posée à plat. Le bandeau identifiant la feuille ne peut être lu.</div></div><div><img src='/chingeval/image/aerreur03.jpg'><div>Une zone d&apos;ombre va empécher la lecture des informations du bas de la feuille.</div></div><div><img src='/chingeval/image/aerreur04.jpg'><div>Une 5e marque est présente sur la prise de vue. Impossible au logiciel de repérer votre évaluation</div></div><div><img src='/chingeval/image/aerreur05.jpg'><div>La prise de vue n&apos;optimise pas les données présentes sur la feuille.</div></div><div><img src='/chingeval/image/aerreur06.jpg'><div>Trop penchée, le logiciel risque de ne pas bien repérer les éléments de la feuille</div></div><div><img src='/chingeval/image/aerreur07.jpg'><div>Une écriture sur les marques peuvent empécher la détection de la page.</div></div></div></div>");

section.push("<div lab='3'  class='sectionBouton' section='3020' url='/chingeval/020'>remarque</div>");
contenu.push("<div lab='3' section='3020'><div id='sectionTitre'><span>ChingEval</span> / <span>remarque</span></div>//=== Nombre d'exercices$q = $base->query('SELECT count(*) as nbr FROM eval_exercice');$r = $q->fetch_array();$nbr = $r['nbr'];<div>ChingEval vous propose ' . $nbr . ' exercices sous forme de Q.C.M pour préparer vos évaluations et les corrigera pour vous. Actuellement les programmes de 6e, 4e, 2nd, 1re spé sont largement couverts. Les autres niveaux vont s\'ajouter rapidement.</div><div style='margin-top:15px'><b>Le principe est simple :</b></div><div>Chaque fois que vous générez une nouvelle évaluation, ChingEval va vous créer 128 versions de la même évaluation. Pour cela, il choisit aléatoirement une version parmi les 40 disponibles pour chaque exercice, il mélange l\'ordre des exercices ainsi que l\'ordre des réponses</div><div>En toute tranquilité, vos élèves peuvent effectuer l\'évaluation en classe : deux élèves côte en côte en classe auront deux versions complétement différent de l\'évaluation.</div><div style='margin-top:15px'><b>Et pour la correction?</b></div><div>Avec autant de versions, comment corriger ces évaluations : pas de souci, pas de fatigue, ChingEval se charge de cela pour vous. Il suffit de transférer l\'évaluation de l\'élève pour que ChingEval vous affiche la note de l\'évaluation.<br>Vous pouvez même scanner les copies des élèves, télécharger le pdf sur ChingEval et quelques minutes après vous recevrez le PDF corrigé !!!</div><div style='margin-top:15px'><b>Comment utilisez ChingEval?</b></div><div>Personnellement, je ne m\'en sers qu\'en évaluation formative en classe. Avant l\'évaluation sommative du chapitre, je leur présente la version 'n°0' de l\'évaluation. Je traite l\'évaluation et je réponds à leur attente. Ils pourront même la travailler en dehors de la classe grâce à la version en ligne et la correction détaillée. Chaque question est notée 0,5 points, ce qui leur fait une dizaine de points par trimestre basés sur ces évaluations : vu le peu d\'importance dans leur moyenne, je me permets de leur donner des coups de pouce pour que cette évalutaion soit vraiment formative.</div><div style='margin-top:15px'><b>La version en ligne</b></div><div>Il est possible de proposer ces QCMs en ligne à vos élèves. Cette version créée lors du confinement va évoluer rapidement permettant l\'évaluation mais aussi l\'entrainement des élèves en lignes.</div></div></div>");

section.push("<div lab='4'  class='sectionBouton' section='4000' url='/chingquest/000'>presentation</div>");
contenu.push("<div lab='4' section='4000'><div id='sectionTitre'><span>ChingQuest</span> / <span>presentation</span></div><h1>ChingQuest</h1><div>En cours de développement, le module ChingQuest permet de mobiliser les élèves sur les automatismes sous la forme d'un quizz en ligne où toute la classe participe</div><div>La mise en place de rituel permet de mobiliser la classe en début d'heure et de libérer quelques minutes au professeur pour la gestion de la classe.</div><div>Le site est accessible via l'adresse</div><div style='text-align:center'><a href='https://chingmath.fr/espaceQuest/' target='_blank'>https://chingmath.fr/espaceQuest/</a></div></div>");

section.push("<div lab='5'  class='sectionBouton' section='5000' url='/chingclasse/000'>presentation</div>");
contenu.push("<div lab='5' section='5000'><div id='sectionTitre'><span>ChingClasse</span> / <span>presentation</span></div><h1>Extension ChingClasse pour Chrome</h1><h2>Présentation</h2><div>Installée sur une tablette, cette extension permet aux élèves en classe, et sans internet, d'accéder aux corrections de vos feuilles d'exercices &quot;ChingMath&quot;.<br>Ainsi, en toute autonomie, les élèves peuvent corriger leur travail.</div><div>Pas besoin d'imprimer, il suffit de mettre à jour ses tablettes chez soi avant de partir à cours : les fichiers d'énoncé et de correction des exercices seront téléchargés et stockés dans le cache de votre navigateur.</div><div> Cette installation s'installe sur n'importe lequel des supports suivants<ul><li>Sur un <b>ordinateur</b> de bureau ou portable, installez le navigateur Chrome et l'extension ChingClasse</li><li>Sur un appareil <b>Android</b>, installez le navigateur Kiwi et suivez les indications ci-dessous :</li><li>Sur un <b>iPhone</b> ou un <b>iPad</b>, installer le navigateur Orion et suivez le indications ci-dessous :</li></ul></div><h2>Quelques précisions</h2><div>Elle permet de télécharger l'ensemble des feuilles d'exercices que vous avez créées sur ChingMath et de les placer dans le cache de votre navigateur : ainsi, une fois les fichiers chargés, l'extension peut être utilisée hors-ligne.</div><div>Toutes les feuilles, dont vous avez au moins publié l'énoncé, sont accessibles via cette extension. Par exemple, à l'aide d'une tablette laissée à disposition de la classe, les élèves peuvent naviguer dans vos feuilles d'exercices et étudier/comparer la correction.</div><div>Pour les exercices qui n'ont pas eu la correction publiée, un lecteur de QR-code est lancé et seul le QR-code présenté par l'enseignant permettra d'afficher la correction : vous restez mettre du moment où les élèves (ou un élève en particulier) peut accéder aux corrections d'exercices</div></div>");

section.push("<div lab='5'  class='sectionBouton' section='5005' url='/chingclasse/005'>Utilisation</div>");
contenu.push("<div lab='5' section='5005'><div id='sectionTitre'><span>ChingClasse</span> / <span>Utilisation</span></div><ol><li>Ajouter un enseignant:</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/im1.png' target='imgOrion'><img src='/chingclasse/image/img1.png'></a></div><li>Parcourir vos feuilles d'exercices</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/img-2.png' target='imgOrion'><img src='/chingclasse/image/img2.png'></a></div><li>Accéder à une correction non publiée via le QR-code de l'enseignant</li><ol><li>Demander l'ouverture de la corrections</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/img-3.png' target='imgOrion'><img src='/chingclasse/image/img3.png'></a></div><li>Montrer le QR-code pour autoriser l'affichage de la correction</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/img-4.png' target='imgOrion'><img src='/chingclasse/image/img4.png'></a></div></ol></ol></div>");

section.push("<div lab='5'  class='sectionBouton' section='5010' url='/chingclasse/010'>Android</div>");
contenu.push("<div lab='5' section='5010'><div id='sectionTitre'><span>ChingClasse</span> / <span>Android</span></div><h1>ChingClasse : Installation sur Android avec le navigateur Kiwi</h1><ol><li>Télécharger l'extension ChingClasse :</li><div>Vous trouverez l'extension à l'adresse  https://chingmath.fr/extension</div><li>Installez le navigateur Kiwi à partir du PlayStore :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/kiwi-a.jpg' target='imgOrion'><img src='/chingclasse/image/kiwi-a.jpg'></a></div><li>Dans les paramètres de Kiwi, ouvrez le menu des &quot;Extensions&quot;</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/kiwi-b.jpg' target='imgOrion'><img src='/chingclasse/image/kiwi-b.jpg'></a></div><li>On utilisera le mode &quot;Développeur&quot; et on utilisera importera notre extension depuis un fichier &quot;crx&quot;</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/kiwi-c.jpg' target='imgOrion'><img src='/chingclasse/image/kiwi-c.jpg'></a></div><li>Après avoir appuyer sur le bouton &quot;from .crx&quot;, taper les permières lettres de l'extension afin de pouvoir la sélectionner :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/kiwi-d.jpg' target='imgOrion'><img src='/chingclasse/image/kiwi-d.jpg'></a></div><li>On observe que l'extension a été chargé</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/kiwi-e.jpg' target='imgOrion'><img src='/chingclasse/image/kiwi-e.jpg'></a></div><li>On lance l'extension à partir du menu de Kiwi</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/kiwi-f.jpg' target='imgOrion'><img src='/chingclasse/image/kiwi-f.jpg'></a></div><li>L'extension &quot;ChingClasse&quot; s'ouvre dans un nouvel onglet. On remarque que l'utilisateur &quot;ChingClasse-demo&quot; a été chargé pour pouvoir explorer cette extension :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/kiwi-h.jpg' target='imgOrion'><img src='/chingclasse/image/kiwi-h.jpg'></a></div></ol></div>");

section.push("<div lab='5'  class='sectionBouton' section='5020' url='/chingclasse/020'>iOS</div>");
contenu.push("<div lab='5' section='5020'><div id='sectionTitre'><span>ChingClasse</span> / <span>iOS</span></div><h1>ChingClasse : Installation sur iPad/iPhone avec le navigateur Orion</h1><ol><li> On télécharge le navigateur Orion sur l' Apple Store :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-01.png' target='imgOrion'><img src='/chingclasse/image/orion-01.png'></a></div><li>Dans le menu d'Orion, on ouvre les paramètres :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-02.png' target='imgOrion'><img src='/chingclasse/image/orion-02.png'></a></div><li> On active les extensions sous Chrome :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-03.png' target='imgOrion'><img src='/chingclasse/image/orion-03.png'></a></div><li>On télécharge l'extension &quot;ChingClasse&quot; :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-04.png' target='imgOrion'><img src='/chingclasse/image/orion-04.png'></a></div><li>Puis on se rend dans le menu des &quot;Extensions&quot; afin d'ajouter notre extension :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-05.png' target='imgOrion'><img src='/chingclasse/image/orion-05.png'></a></div><li>Nous indiquons que notre extension sera chargée à partir d'un fichier :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-06.png' target='imgOrion'><img src='/chingclasse/image/orion-06.png'></a></div><li>Nous sélectionnons l'extension précédemment téléchargée :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-07.png' target='imgOrion'><img src='/chingclasse/image/orion-07.png'></a></div><li>On confirme l'installation de l'extension :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-08.png' target='imgOrion'><img src='/chingclasse/image/orion-08.png'></a></div><li>L'extension est maintenant visible dans le menu d'Orion et nous lançons l'extension en cliquant dessus :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-09.png' target='imgOrion'><img src='/chingclasse/image/orion-09.png'></a></div><li>L'extension se lance dans un nouvel onglet et charge les données de l'utilisateur &quot;ChingClasse-demo&quot; afin que vous puissiez explorer cette extension :</li><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-10.png' target='imgOrion'><img src='/chingclasse/image/orion-10.png'></a></div><div class='img80'><a href='https://chinglab.fr/chingclasse/image/orion-11.png' target='imgOrion'><img src='/chingclasse/image/orion-11.png'></a></div></ol></div>");

section.push("<div lab='5'  class='sectionBouton' section='5030' url='/chingclasse/030'>Téléchargement</div>");
contenu.push("<div lab='5' section='5030'><div id='sectionTitre'><span>ChingClasse</span> / <span>Téléchargement</span></div><div>Vous trouverez les différentes versions de l'extension ChingClasse :</div><ul><li> <a href='https://chingmath.fr/chingclasse/download/chingClasse-1.1.crx' target=\{chingclasse-download'><b>version 1.1</b></a><div>8 juillet 2023</div><div>Première version de l'extension ChingClasse permettant de partager vos feuilles d'exercices avec vos élèves en classe</div></li><li> <a href='https://chingmath.fr/chingclasse/download/chingClasse-1.3.crx' target=\{chingclasse-download'><b>version 1.3</b></a><div>9 aout 2023</div><div><div>Première version en production.</div><div>Ajout de la fonction de lecture du QrCode pour affichage des exercices dont la correction n'a pas été publiée.</div></div></li><li> <a href='https://chingmath.fr/chingclasse/download/chingClasse-1.3.4.crx' target=\{chingclasse-download'><b>version 1.3.4</b></a><div>18 novembre 2024</div><div><div>Nouvelle version --- revoir le commentaire</div></div></li></ul></div>");

section.push("<div lab='6'  class='sectionBouton' section='6000' url='/chingview/000'>presentation</div>");
contenu.push("<div lab='6' section='6000'><div id='sectionTitre'><span>ChingView</span> / <span>presentation</span></div><h1>ChingView</h1><div>Développé en 2014 sous la forme d'une application Android, ChingView2 est directement intégré dans une page Web et permet de transformer votre téléphone en visualiseur</div><div>Prenez la production d'un élève en photo et elle s'affiche directement sur votre tableau blanc.</div><div>Le site est accessible via l'adresse</div><div style='text-align:center'><a href='https://chingview.fr/' target='_blank'>https://chingview.fr/</a></div></div>");

section.push("<div lab='6'  class='sectionBouton' section='6001' url='/chingview/001'>Présentation</div>");
contenu.push("<div lab='6' section='6001'><div id='sectionTitre'><span>ChingView</span> / <span>Présentation</span></div><div id='page'><h1 style='text-align:center;margin-top:20px'>ChingView 2 : Capture de productions</h1><div style='margin:20px 30px'>Contraints par les nouvelles mesures sanitaires ou par des périodes de confinement, nous avons décidé d'adapter ChingView aux nouvelles modalités d'enseignement</div><div style='margin:20px 30px'>Cette seconde version de ChingView est portée sur tout navigateur récent, lui permettant de fonctionner sous Android aussi bien que sous iOS</div><div style='margin:20px 30px '>Les différents outils qu'il intègre lui permettent de se déployer sous deux usages pédagogiques distincts :</div><h2 style='margin:10px'>Travailler instantanément sur la production écrite des élèves</h2><div style='margin:20px 30px'>  Même en distanciel, demander à un élève de prendre en photo son travail et vous recevrez dans votre navigateur la capture de sa production.</div><div style='margin:20px 30px'>  Les outils d'annotations vous permettent de commenter sa production et de lui renvoyer son travail amélioré de vos notations et commentaires sous la forme d'un fichier pdf en n'utilisant que votre navigateur!</div><div class='contVideo'   src='/chingview/video/chingview-en_presentiel'></div><h2 style='margin:10px'>Un visualiseur intégré dans votre smartphone</h2><div  style='margin:20px 30px'>  A tout moment, sans récupérer le cahier de l'élève ou sans que l'élève se déplace au tableau, projeter la production de l'élève pour la présenter comme modèle de correction ou pour effectuer une remédiation se basant sur la production de l'élève.</div><div class='contVideo'   src='/chingview/video/chingview-a_distance'></div><div style='text-align:right;margin:15px'>  Thomas Castanet  </div></div>  <script type='text/javascript' src='main.js'></script></div>");

section.push("<div lab='6'  class='sectionBouton' section='6002' url='/chingview/002'>S&apos;inscrire</div>");
contenu.push("<div lab='6' section='6002'><div id='sectionTitre'><span>ChingView</span> / <span>S&apos;inscrire</span></div>  <div class='page'>    <div class='form-container'>        <div class='title'>          <h1>Créez un compte pour ChingView2</h1>        </div>        <form action='' method='post' id='inscription-form'>            <div>Nom : </div><div><input type='text' id='chingview-nom'></div>            <div>Prénom : </div><div><input type='text' id='chingview-prenom'></div>            <div>Courriel : </div><div><input type='text' id='chingview-courriel'></div>            <div>TimeZone : </div><div><select id='chingview-timezone'>                <option value='Africa/Abidjan'>Africa/Abidjan                <option value='Africa/Accra'>Africa/Accra                <option value='Africa/Addis_Ababa'>Africa/Addis_Ababa                <option value='Africa/Algiers'>Africa/Algiers                <option value='Africa/Asmara'>Africa/Asmara                <option value='Africa/Asmera'>Africa/Asmera                <option value='Africa/Bamako'>Africa/Bamako                <option value='Africa/Bangui'>Africa/Bangui                <option value='Africa/Banjul'>Africa/Banjul                <option value='Africa/Bissau'>Africa/Bissau                <option value='Africa/Blantyre'>Africa/Blantyre                <option value='Africa/Brazzaville'>Africa/Brazzaville                <option value='Africa/Bujumbura'>Africa/Bujumbura                <option value='Africa/Cairo'>Africa/Cairo                <option value='Africa/Casablanca'>Africa/Casablanca                <option value='Africa/Ceuta'>Africa/Ceuta                <option value='Africa/Conakry'>Africa/Conakry                <option value='Africa/Dakar'>Africa/Dakar                <option value='Africa/Dar_es_Salaam'>Africa/Dar_es_Salaam                <option value='Africa/Djibouti'>Africa/Djibouti                <option value='Africa/Douala'>Africa/Douala                <option value='Africa/El_Aaiun'>Africa/El_Aaiun                <option value='Africa/Freetown'>Africa/Freetown                <option value='Africa/Gaborone'>Africa/Gaborone                <option value='Africa/Harare'>Africa/Harare                <option value='Africa/Johannesburg'>Africa/Johannesburg                <option value='Africa/Juba'>Africa/Juba                <option value='Africa/Kampala'>Africa/Kampala                <option value='Africa/Khartoum'>Africa/Khartoum                <option value='Africa/Kigali'>Africa/Kigali                <option value='Africa/Kinshasa'>Africa/Kinshasa                <option value='Africa/Lagos'>Africa/Lagos                <option value='Africa/Libreville'>Africa/Libreville                <option value='Africa/Lome'>Africa/Lome                <option value='Africa/Luanda'>Africa/Luanda                <option value='Africa/Lubumbashi'>Africa/Lubumbashi                <option value='Africa/Lusaka'>Africa/Lusaka                <option value='Africa/Malabo'>Africa/Malabo                <option value='Africa/Maputo'>Africa/Maputo                <option value='Africa/Maseru'>Africa/Maseru                <option value='Africa/Mbabane'>Africa/Mbabane                <option value='Africa/Mogadishu'>Africa/Mogadishu                <option value='Africa/Monrovia'>Africa/Monrovia                <option value='Africa/Nairobi'>Africa/Nairobi                <option value='Africa/Ndjamena'>Africa/Ndjamena                <option value='Africa/Niamey'>Africa/Niamey                <option value='Africa/Nouakchott'>Africa/Nouakchott                <option value='Africa/Ouagadougou'>Africa/Ouagadougou                <option value='Africa/Porto-Novo'>Africa/Porto-Novo                <option value='Africa/Sao_Tome'>Africa/Sao_Tome                <option value='Africa/Timbuktu'>Africa/Timbuktu                <option value='Africa/Tripoli'>Africa/Tripoli                <option value='Africa/Tunis'>Africa/Tunis                <option value='Africa/Windhoek'>Africa/Windhoek                <option value='America/Adak'>America/Adak                <option value='America/Anchorage'>America/Anchorage                <option value='America/Anguilla'>America/Anguilla                <option value='America/Antigua'>America/Antigua                <option value='America/Araguaina'>America/Araguaina                <option value='America/Argentina/Buenos_Aires'>America/Argentina/Buenos_Aires                <option value='America/Argentina/Catamarca'>America/Argentina/Catamarca                <option value='America/Argentina/ComodRivadavia'>America/Argentina/ComodRivadavia                <option value='America/Argentina/Cordoba'>America/Argentina/Cordoba                <option value='America/Argentina/Jujuy'>America/Argentina/Jujuy                <option value='America/Argentina/La_Rioja'>America/Argentina/La_Rioja                <option value='America/Argentina/Mendoza'>America/Argentina/Mendoza                <option value='America/Argentina/Rio_Gallegos'>America/Argentina/Rio_Gallegos                <option value='America/Argentina/Salta'>America/Argentina/Salta                <option value='America/Argentina/San_Juan'>America/Argentina/San_Juan                <option value='America/Argentina/San_Luis'>America/Argentina/San_Luis                <option value='America/Argentina/Tucuman'>America/Argentina/Tucuman                <option value='America/Argentina/Ushuaia'>America/Argentina/Ushuaia                <option value='America/Aruba'>America/Aruba                <option value='America/Asuncion'>America/Asuncion                <option value='America/Atikokan'>America/Atikokan                <option value='America/Atka'>America/Atka                <option value='America/Bahia'>America/Bahia                <option value='America/Bahia_Banderas'>America/Bahia_Banderas                <option value='America/Barbados'>America/Barbados                <option value='America/Belem'>America/Belem                <option value='America/Belize'>America/Belize                <option value='America/Blanc-Sablon'>America/Blanc-Sablon                <option value='America/Boa_Vista'>America/Boa_Vista                <option value='America/Bogota'>America/Bogota                <option value='America/Boise'>America/Boise                <option value='America/Buenos_Aires'>America/Buenos_Aires                <option value='America/Cambridge_Bay'>America/Cambridge_Bay                <option value='America/Campo_Grande'>America/Campo_Grande                <option value='America/Cancun'>America/Cancun                <option value='America/Caracas'>America/Caracas                <option value='America/Catamarca'>America/Catamarca                <option value='America/Cayenne'>America/Cayenne                <option value='America/Cayman'>America/Cayman                <option value='America/Chicago'>America/Chicago                <option value='America/Chihuahua'>America/Chihuahua                <option value='America/Coral_Harbour'>America/Coral_Harbour                <option value='America/Cordoba'>America/Cordoba                <option value='America/Costa_Rica'>America/Costa_Rica                <option value='America/Creston'>America/Creston                <option value='America/Cuiaba'>America/Cuiaba                <option value='America/Curacao'>America/Curacao                <option value='America/Danmarkshavn'>America/Danmarkshavn                <option value='America/Dawson'>America/Dawson                <option value='America/Dawson_Creek'>America/Dawson_Creek                <option value='America/Denver'>America/Denver                <option value='America/Detroit'>America/Detroit                <option value='America/Dominica'>America/Dominica                <option value='America/Edmonton'>America/Edmonton                <option value='America/Eirunepe'>America/Eirunepe                <option value='America/El_Salvador'>America/El_Salvador                <option value='America/Ensenada'>America/Ensenada                <option value='America/Fortaleza'>America/Fortaleza                <option value='America/Fort_Wayne'>America/Fort_Wayne                <option value='America/Glace_Bay'>America/Glace_Bay                <option value='America/Godthab'>America/Godthab                <option value='America/Goose_Bay'>America/Goose_Bay                <option value='America/Grand_Turk'>America/Grand_Turk                <option value='America/Grenada'>America/Grenada                <option value='America/Guadeloupe'>America/Guadeloupe                <option value='America/Guatemala'>America/Guatemala                <option value='America/Guayaquil'>America/Guayaquil                <option value='America/Guyana'>America/Guyana                <option value='America/Halifax'>America/Halifax                <option value='America/Havana'>America/Havana                <option value='America/Hermosillo'>America/Hermosillo                <option value='America/Indiana/Indianapolis'>America/Indiana/Indianapolis                <option value='America/Indiana/Knox'>America/Indiana/Knox                <option value='America/Indiana/Marengo'>America/Indiana/Marengo                <option value='America/Indiana/Petersburg'>America/Indiana/Petersburg                <option value='America/Indiana/Tell_City'>America/Indiana/Tell_City                <option value='America/Indiana/Vevay'>America/Indiana/Vevay                <option value='America/Indiana/Vincennes'>America/Indiana/Vincennes                <option value='America/Indiana/Winamac'>America/Indiana/Winamac                <option value='America/Indianapolis'>America/Indianapolis                <option value='America/Inuvik'>America/Inuvik                <option value='America/Iqaluit'>America/Iqaluit                <option value='America/Jamaica'>America/Jamaica                <option value='America/Jujuy'>America/Jujuy                <option value='America/Juneau'>America/Juneau                <option value='America/Kentucky/Louisville'>America/Kentucky/Louisville                <option value='America/Kentucky/Monticello'>America/Kentucky/Monticello                <option value='America/Knox_IN'>America/Knox_IN                <option value='America/Kralendijk'>America/Kralendijk                <option value='America/La_Paz'>America/La_Paz                <option value='America/Lima'>America/Lima                <option value='America/Los_Angeles'>America/Los_Angeles                <option value='America/Louisville'>America/Louisville                <option value='America/Lower_Princes'>America/Lower_Princes                <option value='America/Maceio'>America/Maceio                <option value='America/Managua'>America/Managua                <option value='America/Manaus'>America/Manaus                <option value='America/Marigot'>America/Marigot                <option value='America/Martinique'>America/Martinique                <option value='America/Matamoros'>America/Matamoros                <option value='America/Mazatlan'>America/Mazatlan                <option value='America/Mendoza'>America/Mendoza                <option value='America/Menominee'>America/Menominee                <option value='America/Merida'>America/Merida                <option value='America/Metlakatla'>America/Metlakatla                <option value='America/Mexico_City'>America/Mexico_City                <option value='America/Miquelon'>America/Miquelon                <option value='America/Moncton'>America/Moncton                <option value='America/Monterrey'>America/Monterrey                <option value='America/Montevideo'>America/Montevideo                <option value='America/Montreal'>America/Montreal                <option value='America/Montserrat'>America/Montserrat                <option value='America/Nassau'>America/Nassau                <option value='America/New_York'>America/New_York                <option value='America/Nipigon'>America/Nipigon                <option value='America/Nome'>America/Nome                <option value='America/Noronha'>America/Noronha                <option value='America/North_Dakota/Beulah'>America/North_Dakota/Beulah                <option value='America/North_Dakota/Center'>America/North_Dakota/Center                <option value='America/North_Dakota/New_Salem'>America/North_Dakota/New_Salem                <option value='America/Ojinaga'>America/Ojinaga                <option value='America/Panama'>America/Panama                <option value='America/Pangnirtung'>America/Pangnirtung                <option value='America/Paramaribo'>America/Paramaribo                <option value='America/Phoenix'>America/Phoenix                <option value='America/Port-au-Prince'>America/Port-au-Prince                <option value='America/Porto_Acre'>America/Porto_Acre                <option value='America/Porto_Velho'>America/Porto_Velho                <option value='America/Port_of_Spain'>America/Port_of_Spain                <option value='America/Puerto_Rico'>America/Puerto_Rico                <option value='America/Rainy_River'>America/Rainy_River                <option value='America/Rankin_Inlet'>America/Rankin_Inlet                <option value='America/Recife'>America/Recife                <option value='America/Regina'>America/Regina                <option value='America/Resolute'>America/Resolute                <option value='America/Rio_Branco'>America/Rio_Branco                <option value='America/Rosario'>America/Rosario                <option value='America/Santarem'>America/Santarem                <option value='America/Santa_Isabel'>America/Santa_Isabel                <option value='America/Santiago'>America/Santiago                <option value='America/Santo_Domingo'>America/Santo_Domingo                <option value='America/Sao_Paulo'>America/Sao_Paulo                <option value='America/Scoresbysund'>America/Scoresbysund                <option value='America/Shiprock'>America/Shiprock                <option value='America/Sitka'>America/Sitka                <option value='America/St_Barthelemy'>America/St_Barthelemy                <option value='America/St_Johns'>America/St_Johns                <option value='America/St_Kitts'>America/St_Kitts                <option value='America/St_Lucia'>America/St_Lucia                <option value='America/St_Thomas'>America/St_Thomas                <option value='America/St_Vincent'>America/St_Vincent                <option value='America/Swift_Current'>America/Swift_Current                <option value='America/Tegucigalpa'>America/Tegucigalpa                <option value='America/Thule'>America/Thule                <option value='America/Thunder_Bay'>America/Thunder_Bay                <option value='America/Tijuana'>America/Tijuana                <option value='America/Toronto'>America/Toronto                <option value='America/Tortola'>America/Tortola                <option value='America/Vancouver'>America/Vancouver                <option value='America/Virgin'>America/Virgin                <option value='America/Whitehorse'>America/Whitehorse                <option value='America/Winnipeg'>America/Winnipeg                <option value='America/Yakutat'>America/Yakutat                <option value='America/Yellowknife'>America/Yellowknife                <option value='Antarctica/Casey'>Antarctica/Casey                <option value='Antarctica/Davis'>Antarctica/Davis                <option value='Antarctica/DumontDUrville'>Antarctica/DumontDUrville                <option value='Antarctica/Macquarie'>Antarctica/Macquarie                <option value='Antarctica/Mawson'>Antarctica/Mawson                <option value='Antarctica/McMurdo'>Antarctica/McMurdo                <option value='Antarctica/Palmer'>Antarctica/Palmer                <option value='Antarctica/Rothera'>Antarctica/Rothera                <option value='Antarctica/South_Pole'>Antarctica/South_Pole                <option value='Antarctica/Syowa'>Antarctica/Syowa                <option value='Antarctica/Vostok'>Antarctica/Vostok                <option value='Arctic/Longyearbyen'>Arctic/Longyearbyen                <option value='Asia/Aden'>Asia/Aden                <option value='Asia/Almaty'>Asia/Almaty                <option value='Asia/Amman'>Asia/Amman                <option value='Asia/Anadyr'>Asia/Anadyr                <option value='Asia/Aqtau'>Asia/Aqtau                <option value='Asia/Aqtobe'>Asia/Aqtobe                <option value='Asia/Ashgabat'>Asia/Ashgabat                <option value='Asia/Ashkhabad'>Asia/Ashkhabad                <option value='Asia/Baghdad'>Asia/Baghdad                <option value='Asia/Bahrain'>Asia/Bahrain                <option value='Asia/Baku'>Asia/Baku                <option value='Asia/Bangkok'>Asia/Bangkok                <option value='Asia/Beirut'>Asia/Beirut                <option value='Asia/Bishkek'>Asia/Bishkek                <option value='Asia/Brunei'>Asia/Brunei                <option value='Asia/Calcutta'>Asia/Calcutta                <option value='Asia/Choibalsan'>Asia/Choibalsan                <option value='Asia/Chongqing'>Asia/Chongqing                <option value='Asia/Chungking'>Asia/Chungking                <option value='Asia/Colombo'>Asia/Colombo                <option value='Asia/Dacca'>Asia/Dacca                <option value='Asia/Damascus'>Asia/Damascus                <option value='Asia/Dhaka'>Asia/Dhaka                <option value='Asia/Dili'>Asia/Dili                <option value='Asia/Dubai'>Asia/Dubai                <option value='Asia/Dushanbe'>Asia/Dushanbe                <option value='Asia/Gaza'>Asia/Gaza                <option value='Asia/Harbin'>Asia/Harbin                <option value='Asia/Hebron'>Asia/Hebron                <option value='Asia/Hong_Kong'>Asia/Hong_Kong                <option value='Asia/Hovd'>Asia/Hovd                <option value='Asia/Ho_Chi_Minh'>Asia/Ho_Chi_Minh                <option value='Asia/Irkutsk'>Asia/Irkutsk                <option value='Asia/Istanbul'>Asia/Istanbul                <option value='Asia/Jakarta'>Asia/Jakarta                <option value='Asia/Jayapura'>Asia/Jayapura                <option value='Asia/Jerusalem'>Asia/Jerusalem                <option value='Asia/Kabul'>Asia/Kabul                <option value='Asia/Kamchatka'>Asia/Kamchatka                <option value='Asia/Karachi'>Asia/Karachi                <option value='Asia/Kashgar'>Asia/Kashgar                <option value='Asia/Kathmandu'>Asia/Kathmandu                <option value='Asia/Katmandu'>Asia/Katmandu                <option value='Asia/Kolkata'>Asia/Kolkata                <option value='Asia/Krasnoyarsk'>Asia/Krasnoyarsk                <option value='Asia/Kuala_Lumpur'>Asia/Kuala_Lumpur                <option value='Asia/Kuching'>Asia/Kuching                <option value='Asia/Kuwait'>Asia/Kuwait                <option value='Asia/Macao'>Asia/Macao                <option value='Asia/Macau'>Asia/Macau                <option value='Asia/Magadan'>Asia/Magadan                <option value='Asia/Makassar'>Asia/Makassar                <option value='Asia/Manila'>Asia/Manila                <option value='Asia/Muscat'>Asia/Muscat                <option value='Asia/Nicosia'>Asia/Nicosia                <option value='Asia/Novokuznetsk'>Asia/Novokuznetsk                <option value='Asia/Novosibirsk'>Asia/Novosibirsk                <option value='Asia/Omsk'>Asia/Omsk                <option value='Asia/Oral'>Asia/Oral                <option value='Asia/Phnom_Penh'>Asia/Phnom_Penh                <option value='Asia/Pontianak'>Asia/Pontianak                <option value='Asia/Pyongyang'>Asia/Pyongyang                <option value='Asia/Qatar'>Asia/Qatar                <option value='Asia/Qyzylorda'>Asia/Qyzylorda                <option value='Asia/Rangoon'>Asia/Rangoon                <option value='Asia/Riyadh'>Asia/Riyadh                <option value='Asia/Saigon'>Asia/Saigon                <option value='Asia/Sakhalin'>Asia/Sakhalin                <option value='Asia/Samarkand'>Asia/Samarkand                <option value='Asia/Seoul'>Asia/Seoul                <option value='Asia/Shanghai'>Asia/Shanghai                <option value='Asia/Singapore'>Asia/Singapore                <option value='Asia/Taipei'>Asia/Taipei                <option value='Asia/Tashkent'>Asia/Tashkent                <option value='Asia/Tbilisi'>Asia/Tbilisi                <option value='Asia/Tehran'>Asia/Tehran                <option value='Asia/Tel_Aviv'>Asia/Tel_Aviv                <option value='Asia/Thimbu'>Asia/Thimbu                <option value='Asia/Thimphu'>Asia/Thimphu                <option value='Asia/Tokyo'>Asia/Tokyo                <option value='Asia/Ujung_Pandang'>Asia/Ujung_Pandang                <option value='Asia/Ulaanbaatar'>Asia/Ulaanbaatar                <option value='Asia/Ulan_Bator'>Asia/Ulan_Bator                <option value='Asia/Urumqi'>Asia/Urumqi                <option value='Asia/Vientiane'>Asia/Vientiane                <option value='Asia/Vladivostok'>Asia/Vladivostok                <option value='Asia/Yakutsk'>Asia/Yakutsk                <option value='Asia/Yekaterinburg'>Asia/Yekaterinburg                <option value='Asia/Yerevan'>Asia/Yerevan                <option value='Atlantic/Azores'>Atlantic/Azores                <option value='Atlantic/Bermuda'>Atlantic/Bermuda                <option value='Atlantic/Canary'>Atlantic/Canary                <option value='Atlantic/Cape_Verde'>Atlantic/Cape_Verde                <option value='Atlantic/Faeroe'>Atlantic/Faeroe                <option value='Atlantic/Faroe'>Atlantic/Faroe                <option value='Atlantic/Jan_Mayen'>Atlantic/Jan_Mayen                <option value='Atlantic/Madeira'>Atlantic/Madeira                <option value='Atlantic/Reykjavik'>Atlantic/Reykjavik                <option value='Atlantic/South_Georgia'>Atlantic/South_Georgia                <option value='Atlantic/Stanley'>Atlantic/Stanley                <option value='Atlantic/St_Helena'>Atlantic/St_Helena                <option value='Australia/ACT'>Australia/ACT                <option value='Australia/Adelaide'>Australia/Adelaide                <option value='Australia/Brisbane'>Australia/Brisbane                <option value='Australia/Broken_Hill'>Australia/Broken_Hill                <option value='Australia/Canberra'>Australia/Canberra                <option value='Australia/Currie'>Australia/Currie                <option value='Australia/Darwin'>Australia/Darwin                <option value='Australia/Eucla'>Australia/Eucla                <option value='Australia/Hobart'>Australia/Hobart                <option value='Australia/LHI'>Australia/LHI                <option value='Australia/Lindeman'>Australia/Lindeman                <option value='Australia/Lord_Howe'>Australia/Lord_Howe                <option value='Australia/Melbourne'>Australia/Melbourne                <option value='Australia/North'>Australia/North                <option value='Australia/NSW'>Australia/NSW                <option value='Australia/Perth'>Australia/Perth                <option value='Australia/Queensland'>Australia/Queensland                <option value='Australia/South'>Australia/South                <option value='Australia/Sydney'>Australia/Sydney                <option value='Australia/Tasmania'>Australia/Tasmania                <option value='Australia/Victoria'>Australia/Victoria                <option value='Australia/West'>Australia/West                <option value='Australia/Yancowinna'>Australia/Yancowinna                <option value='Brazil/Acre'>Brazil/Acre                <option value='Brazil/DeNoronha'>Brazil/DeNoronha                <option value='Brazil/East'>Brazil/East                <option value='Brazil/West'>Brazil/West                <option value='Canada/Atlantic'>Canada/Atlantic                <option value='Canada/Central'>Canada/Central                <option value='Canada/East-Saskatchewan'>Canada/East-Saskatchewan                <option value='Canada/Eastern'>Canada/Eastern                <option value='Canada/Mountain'>Canada/Mountain                <option value='Canada/Newfoundland'>Canada/Newfoundland                <option value='Canada/Pacific'>Canada/Pacific                <option value='Canada/Saskatchewan'>Canada/Saskatchewan                <option value='Canada/Yukon'>Canada/Yukon                <option value='Chile/Continental'>Chile/Continental                <option value='Chile/EasterIsland'>Chile/EasterIsland                <option value='Etc/GMT'>Etc/GMT                <option value='Etc/GMT+0'>Etc/GMT+0                <option value='Etc/GMT+1'>Etc/GMT+1                <option value='Etc/GMT+10'>Etc/GMT+10                <option value='Etc/GMT+11'>Etc/GMT+11                <option value='Etc/GMT+12'>Etc/GMT+12                <option value='Etc/GMT+2'>Etc/GMT+2                <option value='Etc/GMT+3'>Etc/GMT+3                <option value='Etc/GMT+4'>Etc/GMT+4                <option value='Etc/GMT+5'>Etc/GMT+5                <option value='Etc/GMT+6'>Etc/GMT+6                <option value='Etc/GMT+7'>Etc/GMT+7                <option value='Etc/GMT+8'>Etc/GMT+8                <option value='Etc/GMT+9'>Etc/GMT+9                <option value='Etc/GMT-0'>Etc/GMT-0                <option value='Etc/GMT-1'>Etc/GMT-1                <option value='Etc/GMT-10'>Etc/GMT-10                <option value='Etc/GMT-11'>Etc/GMT-11                <option value='Etc/GMT-12'>Etc/GMT-12                <option value='Etc/GMT-13'>Etc/GMT-13                <option value='Etc/GMT-14'>Etc/GMT-14                <option value='Etc/GMT-2'>Etc/GMT-2                <option value='Etc/GMT-3'>Etc/GMT-3                <option value='Etc/GMT-4'>Etc/GMT-4                <option value='Etc/GMT-5'>Etc/GMT-5                <option value='Etc/GMT-6'>Etc/GMT-6                <option value='Etc/GMT-7'>Etc/GMT-7                <option value='Etc/GMT-8'>Etc/GMT-8                <option value='Etc/GMT-9'>Etc/GMT-9                <option value='Etc/GMT0'>Etc/GMT0                <option value='Etc/Greenwich'>Etc/Greenwich                <option value='Etc/UCT'>Etc/UCT                <option value='Etc/Universal'>Etc/Universal                <option value='Etc/UTC'>Etc/UTC                <option value='Etc/Zulu'>Etc/Zulu                <option value='Europe/Amsterdam'>Europe/Amsterdam                <option value='Europe/Andorra'>Europe/Andorra                <option value='Europe/Athens'>Europe/Athens                <option value='Europe/Belfast'>Europe/Belfast                <option value='Europe/Belgrade'>Europe/Belgrade                <option value='Europe/Berlin'>Europe/Berlin                <option value='Europe/Bratislava'>Europe/Bratislava                <option value='Europe/Brussels'>Europe/Brussels                <option value='Europe/Bucharest'>Europe/Bucharest                <option value='Europe/Budapest'>Europe/Budapest                <option value='Europe/Chisinau'>Europe/Chisinau                <option value='Europe/Copenhagen'>Europe/Copenhagen                <option value='Europe/Dublin'>Europe/Dublin                <option value='Europe/Gibraltar'>Europe/Gibraltar                <option value='Europe/Guernsey'>Europe/Guernsey                <option value='Europe/Helsinki'>Europe/Helsinki                <option value='Europe/Isle_of_Man'>Europe/Isle_of_Man                <option value='Europe/Istanbul'>Europe/Istanbul                <option value='Europe/Jersey'>Europe/Jersey                <option value='Europe/Kaliningrad'>Europe/Kaliningrad                <option value='Europe/Kiev'>Europe/Kiev                <option value='Europe/Lisbon'>Europe/Lisbon                <option value='Europe/Ljubljana'>Europe/Ljubljana                <option value='Europe/London'>Europe/London                <option value='Europe/Luxembourg'>Europe/Luxembourg                <option value='Europe/Madrid'>Europe/Madrid                <option value='Europe/Malta'>Europe/Malta                <option value='Europe/Mariehamn'>Europe/Mariehamn                <option value='Europe/Minsk'>Europe/Minsk                <option value='Europe/Monaco'>Europe/Monaco                <option value='Europe/Moscow'>Europe/Moscow                <option value='Europe/Nicosia'>Europe/Nicosia                <option value='Europe/Oslo'>Europe/Oslo                <option value='Europe/Paris' selected>Europe/Paris                <option value='Europe/Podgorica'>Europe/Podgorica                <option value='Europe/Prague'>Europe/Prague                <option value='Europe/Riga'>Europe/Riga                <option value='Europe/Rome'>Europe/Rome                <option value='Europe/Samara'>Europe/Samara                <option value='Europe/San_Marino'>Europe/San_Marino                <option value='Europe/Sarajevo'>Europe/Sarajevo                <option value='Europe/Simferopol'>Europe/Simferopol                <option value='Europe/Skopje'>Europe/Skopje                <option value='Europe/Sofia'>Europe/Sofia                <option value='Europe/Stockholm'>Europe/Stockholm                <option value='Europe/Tallinn'>Europe/Tallinn                <option value='Europe/Tirane'>Europe/Tirane                <option value='Europe/Tiraspol'>Europe/Tiraspol                <option value='Europe/Uzhgorod'>Europe/Uzhgorod                <option value='Europe/Vaduz'>Europe/Vaduz                <option value='Europe/Vatican'>Europe/Vatican                <option value='Europe/Vienna'>Europe/Vienna                <option value='Europe/Vilnius'>Europe/Vilnius                <option value='Europe/Volgograd'>Europe/Volgograd                <option value='Europe/Warsaw'>Europe/Warsaw                <option value='Europe/Zagreb'>Europe/Zagreb                <option value='Europe/Zaporozhye'>Europe/Zaporozhye                <option value='Europe/Zurich'>Europe/Zurich                <option value='Indian/Antananarivo'>Indian/Antananarivo                <option value='Indian/Chagos'>Indian/Chagos                <option value='Indian/Christmas'>Indian/Christmas                <option value='Indian/Cocos'>Indian/Cocos                <option value='Indian/Comoro'>Indian/Comoro                <option value='Indian/Kerguelen'>Indian/Kerguelen                <option value='Indian/Mahe'>Indian/Mahe                <option value='Indian/Maldives'>Indian/Maldives                <option value='Indian/Mauritius'>Indian/Mauritius                <option value='Indian/Mayotte'>Indian/Mayotte                <option value='Indian/Reunion'>Indian/Reunion                <option value='Mexico/BajaNorte'>Mexico/BajaNorte                <option value='Mexico/BajaSur'>Mexico/BajaSur                <option value='Mexico/General'>Mexico/General                <option value='Pacific/Apia'>Pacific/Apia                <option value='Pacific/Auckland'>Pacific/Auckland                <option value='Pacific/Chatham'>Pacific/Chatham                <option value='Pacific/Chuuk'>Pacific/Chuuk                <option value='Pacific/Easter'>Pacific/Easter                <option value='Pacific/Efate'>Pacific/Efate                <option value='Pacific/Enderbury'>Pacific/Enderbury                <option value='Pacific/Fakaofo'>Pacific/Fakaofo                <option value='Pacific/Fiji'>Pacific/Fiji                <option value='Pacific/Funafuti'>Pacific/Funafuti                <option value='Pacific/Galapagos'>Pacific/Galapagos                <option value='Pacific/Gambier'>Pacific/Gambier                <option value='Pacific/Guadalcanal'>Pacific/Guadalcanal                <option value='Pacific/Guam'>Pacific/Guam                <option value='Pacific/Honolulu'>Pacific/Honolulu                <option value='Pacific/Johnston'>Pacific/Johnston                <option value='Pacific/Kiritimati'>Pacific/Kiritimati                <option value='Pacific/Kosrae'>Pacific/Kosrae                <option value='Pacific/Kwajalein'>Pacific/Kwajalein                <option value='Pacific/Majuro'>Pacific/Majuro                <option value='Pacific/Marquesas'>Pacific/Marquesas                <option value='Pacific/Midway'>Pacific/Midway                <option value='Pacific/Nauru'>Pacific/Nauru                <option value='Pacific/Niue'>Pacific/Niue                <option value='Pacific/Norfolk'>Pacific/Norfolk                <option value='Pacific/Noumea'>Pacific/Noumea                <option value='Pacific/Pago_Pago'>Pacific/Pago_Pago                <option value='Pacific/Palau'>Pacific/Palau                <option value='Pacific/Pitcairn'>Pacific/Pitcairn                <option value='Pacific/Pohnpei'>Pacific/Pohnpei                <option value='Pacific/Ponape'>Pacific/Ponape                <option value='Pacific/Port_Moresby'>Pacific/Port_Moresby                <option value='Pacific/Rarotonga'>Pacific/Rarotonga                <option value='Pacific/Saipan'>Pacific/Saipan                <option value='Pacific/Samoa'>Pacific/Samoa                <option value='Pacific/Tahiti'>Pacific/Tahiti                <option value='Pacific/Tarawa'>Pacific/Tarawa                <option value='Pacific/Tongatapu'>Pacific/Tongatapu                <option value='Pacific/Truk'>Pacific/Truk                <option value='Pacific/Wake'>Pacific/Wake                <option value='Pacific/Wallis'>Pacific/Wallis                <option value='Pacific/Yap'>Pacific/Yap              </select></div>            <div>Courriel : </div><div><img src='' height='36' style='vertical-align:-14px' id='captcha'> <input type='text' id='chingview-captcha'></div>            <div>                <input type='submit' value='S&apos;inscrire' id='chingview-submit'>            </div>          </form>      </div>  </div>  <div style='margin-top:30px'>En vous inscrivant à ChingView, vous acceptez les <a href='/chingview/cgu'>Condition Générale d'Utilisations</a>  </div>  <script type='text/javascript' src='main.js'></script></div>");

section.push("<div lab='6'  class='sectionBouton' section='6020' url='/chingview/020'>CGU</div>");
contenu.push("<div lab='6' section='6020'><div id='sectionTitre'><span>ChingView</span> / <span>CGU</span></div><div class='page' id='page-cgu'>    <h1>Conditions générales d'utilisations</h1><h2>Introduction</h2><div class='paragraphe'>Dans le respect des informations relatives au <a href='https://eur-lex.europa.eu/legal-content/FR/TXT/HTML/?uri=CELEX:32016R0679&from=FR'>RGPD</a>, vous trouverez ici des informations indiquant l'engagement de l'équipe de ChingView dans le respect des données transmises au site '<i>chingview.fr</i>'    </div><div class='paragraphe'></div><div class='paragraphe'></div><h2>Les informations récupérées lors de l'envoi d'une photo</h2><div class='paragraphe'>Ne sont transmises au server que les données suivantes :<ul style='margin-left:50px'><li> les cinq premières lettres du nom de l'utilisateur<li> les cinq premières lettres du prénom de l'utilisateur<li> la photo<li> le nom d'utilisateur de l'enseignant destinataire<li> le code de stockage de la photo</ul></div><div class='paragraphe'>Le nom complet, le prénom complet, l'identifiant de la caméra utilisée par défaut sont stockés sur le navigateur de l'utilisateur et ne sont pas transférer vers l'extérieur.<br>Ces données peuvent être effacées directement par l'utilisateur.</div><div class='paragraphe'>Pour pouvoir utiliser le site :<ul style='margin-left:50px'>    <li>en s'inscrivant, l'enseignant doit accepter ces conditions d'utilisation</li>    <li>en envoyant leur première photo, les élèves doivent cocher une case pour accepter ces conditions d'utilisations</li></ul></div><h2>Hébergement des données</h2><div class='paragraphe'>    Ce site et le stockage des données s'effectue sur un serveur dédié hébergé en France.    <br>    Seul l'administrateur du site (<i>castanet<span>_at_</span>chinglab.fr)</i> et l'enseignant destinatire des photos ont accès à ces données</div><div class='paragraphe'>    Il n'y aucun transfert, ni partage des données avec un tiers.    <br>    Aucun logiciel de tracing n'est installé sur le site</div><div class='paragraphe'>    Les photos et les données associées sont automatiquement effacées au bout de 30 jours.</div><div class='paragraphe'>Par une simple demande (<a href='<?php echo $url; ?>/contact'>ici</a>), votre compte et toutes les données associées seront effacées.</div><h2>Sécurisation des données</h2><div class='paragraphe'>La communicaction avec le site s’effectuent avec le protocole HTTPS. La transmission des données est donc sécurisée.</div><div class='paragraphe'>Les mots de passe sont enregistrés cryptés avec un algorithme irréversible et puissant.<br>Même l'administrateur du site ne peut connaître votre mot de passe.</div><div class='paragraphe'>    Seul l'administrateur du site a accès aux données.</div><h2>Informations sur le RGPD</h2><div class='paragraphe'></div><div class='paragraphe'></div><div class='paragraphe'>Pour toute information ou exercice de vos droits Informatique et Libertés sur les traitements de données personnelles gérés par la CNIL, vous pouvez contacter son délégué à la protection des données (DPO) :<ul style='margin-left:50px'><li>par ce <a href='https://www.cnil.fr/fr/webform/contactez-le-dpo-de-la-cnil' target='_blank'>formulaire</a></li><li>ou par courrier (avec copie de votre pièce d’identité en cas d'exercice de vos droits) à l'adresse suivante:<br>Commission Nationale de l'Informatique et des Libertés<br>A l'attention du délégué à la protection des données (DPO)<br>3 Place de Fontenoy<br>TSA 80715<br>75334 PARIS CEDEX 07</ul></div></div>  <script type='text/javascript' src='main.js'></script></div>");

section.push("<div lab='7'  class='sectionBouton' section='7000' url='/chinginfo/000'>presentation</div>");
contenu.push("<div lab='7' section='7000'><div id='sectionTitre'><span>ChingInfo</span> / <span>presentation</span></div><h1>ChingInfo</h1><div>Enseignant de mathématiques depuis 2011, j'ai également participé à la mise en place de l'option ISN dans le réseau AEFE en 2014, et de la NSI en 2019 sur l'académie de Montpellier, et à de nombreux ateliers informatiques à destination des élèves</div><div>Ces expériences m'ont emmené à développer mes propres ressources pour l'enseignement de l'informatique que vous trouverez &quot;en vrac&quot; sur ce site.</div><div>Le site est accessible via l'adresse</div><div style='text-align:center'><a href='https://chinginfo.fr/' target='_blank'>https://chinginfo.fr/</a></div></div>");

section.push("<div lab='8'  class='sectionBouton' section='8000' url='/chingplay/000'>presentation</div>");
contenu.push("<div lab='8' section='8000'><div id='sectionTitre'><span>ChingPlay</span> / <span>presentation</span></div><h1>ChingPlay</h1><div>Ce site, à travers un émulateur Python écrit en Javascript, m'a permis de créer quelques situations d'apprentissage de Python basées sur la création de jeux.</div><div>Le site est accessible via l'adresse</div><div style='text-align:center'><a href='https://chingplay.fr/' target='_blank'>https://chingplay.fr/</a></div></div>");

section.push("<div lab='9'  class='sectionBouton' section='9000' url='/chingweb/000'>presentation</div>");
contenu.push("<div lab='9' section='9000'><div id='sectionTitre'><span>ChingWeb</span> / <span>presentation</span></div><h1>ChingWeb</h1><div>Plateforme de construction de création de site Web, ce site est conçu pour les professeurs pour offrir un hébergement et un espace de construction de site Web pour leur élève, par exemple en SNT ou en atelier informatique.</div><div>Seuls les professeurs de l'éducation nationale française et de l'AEFE peuvent obtenir un compte &quot;professeur&quot; permettant de créer, de manager, de rendre public/privé les espaces d'hébergement laissés à disposition de leurs professeurs.</div><div>Le site est accessible via l'adresse</div><div style='text-align:center'><a href='https://chingweb.fr' target='_blank'>https://chingweb.fr</a></div></div>");