Aperçu des sections

  • Présentation

    Tout replier Tout déplier
    Cette formation a été créée par Thierry Coilhac, CTO d'Action Éducation.



  • Organisation d'une plateforme de formation

    Organisation des contenus :

    • Page d'accueil
    • Mode connecté et non connecté
    • Les Catégories
    • Les Contenus ou Cours
    • Les Chapitres ou Sections
    • Contenus : texte, images, pdf, vidéos, quizz, devoirs, forum


    Différents profils d'utilisateurs :

    • visiteurs anonymes
    • apprenant
    • gestionnaire
    • administrateur

  • Créer une catégorie et un cours


    Créer une catégorie



    Créer un cours dans une catégorie


  • Ajouter une activité dans une section de cours

    Présentation des types d'activité que nous utiliserons : Ficher, URL, Page, Test, Contenus interactif, Devoir, Forum


  • Ajout d'une activité Page

    Avec l'éditeur de page :
    • Insertion d'un titre
    • Insertion de texte
    • Insertion d'un lien
    • Insertion d'une photo


    Avec l'éditeur de page :
    • Copier / coller depuis un site
    • Modification d'un lien
    • Insertion d'une vidéo Youtube



  • Modification d'une page en HTML

    Voir le tutoriel HTML : https://developer.mozilla.org/fr/docs/Learn/HTML/Introduction_to_HTML/Getting_started





    Lien cliquable :
    <a href="https://ed4free.org/edbox/">Lien vers la présentation de l'EDbox</a>

     

    Lien cliquable ouvert dans un nouvel onglet :
    <a target="_blank" href="https://ed4free.org/edbox/">Lien vers la présentation de l'EDbox</a>

    Affichage d'une image :
    <img src="https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.jpg" >
    Explication : <img src="…" > indique l'emplacement de l'image et préciser que la hauteur doit être de 100 pixels.

    Affichage d'une image en précisant la hauteur :

    <img src="https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.jpg" style="height: 100px;">

    Affichage d'une image qui occupe toute la largeur :
    <img src="https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.jpg" style="width: 100%;">

    Image cliquable :
    <a target="blank_" href="https://ed4free.org/edbox/"><img src=https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.jpg style="height: 100px;"></a>Explications : target="blank_" signifie que la page s'ouvre dans un nouvel onglet. Le supprimer si on ne peut pas que ce soit le cas.


    Vidéo sans image de couverture :
    <video controls="controls" >
    <source src="URL de la vidéo">
    </video>

    Vidéo avec image de couverture :

    <video controls="controls" poster="URL de l'image de couverture">
        <source src="URL de la vidéo">
    </video>




  • Ajout d'une activité de type Fichier



  • Ajout d'une activité de type URL



  • Page avec contenus sur le drive Nextcloud

    Drive Nextcloud
    • A quoi il sert
    • Connexion sur ce drive
    • Création d'un répertoire
    • Dépôt de contenus sur ce drive
    • Accès aux contenus de ce drive via une URL, exemple
    • Lien partagé vers un fichier ou un répertoire de ce drive


    Créer une activité Page en HTML avec contenus sur Nextcloud, cette page comprenant :
    • Une image
    • Un fichier PDF
    • Un lien partagé vers un fichier PDF
    • Une vidéo



    Code HTML Utilisé

    NB : pour la vidéo, dans l'url de l'image poster, "https" a été mis entre ** ** pour que l'url ne soit pas interprétée par Moodle

    <h3>Page faite en HTML</h3><br>

     

    <h4>Image<br></h4>

    <img src="https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.jpg

    "><br>

     

    <br>

    <p>Image, largeur 20% de la page</p>

    <img src="https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.jpg

    " style="width:20%"><br>

     

    <br>

    <p>Image largeur 200 pixels</p>

    <img src="https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.jpg

    " style="width:200px"><br><br>

     

    <h4>Lien vers la page EDbox sur le site d'ED4free</h4>

    <a target="blank_" href="https://ed4free.org/edbox/">Télécharger la documentation de l'EDbox</a><br>

     

    <br>

    <h4>Lien vers documentation</h4>

    <p><a target="blank_" href="https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.pdf

    ">Télécharger la documentation de l'EDbox</a></p><br>

     

    <h4>Lien vers lien de partage de la documentation <br></h4>

    <p><a target="blank_" href="https://learning.aide-et-action.org/nextcloud/s/zZba4XoCwZE4RYi

    ">Visualiser la documentation de l'EDbox</a></p><br>

     

    <h4>Vidéo avec poster</h4>

    <p><br><video controls="controls" poster="**https**://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/vignette.jpg">

            <source src="https://learning.collegecooperatifdeparis.fr/contenus/ccp/edbox/edbox.mp4">

        </video></p><br>


  • Activité Test



  • Activité Devoir



  • Activité Test et Devoir faits par un élève



  • Résultats d'activité Test et Devoirs consultés par un enseignant



  • Enregistrer une vidéo avec OBS studio

    Tutoriel complet ( une heure) :