DEV Community 👩‍💻👨‍💻

Cover image for Création de sites web pour l'enseignement
Jacques Supcik
Jacques Supcik

Posted on • Updated on

Création de sites web pour l'enseignement

Comme professeur, j'ai constaté que les enseignant(e)s en haute école spécialisée ou à l'université utilisent souvent des transparents (slides) pour illustrer leurs cours magistraux. Ces transparents sont habituellement faits avec un outil comme "PowerPoint" et projetés sur un écran pendant le cours. De plus, les enseignant(e)s distribuent tout un tas de documents en relation avec le cours :

  • des exercices ;
  • des documents décrivant les travaux pratiques ;
  • des vidéos ;
  • des livres ;
  • ...

Pour distribuer ces documents, certains utilisent des services en lignes tels que Moodle, mais pour ma part, j'avais besoin d'un outil qui me convenait mieux. C'est alors que j'ai découvert MkDocs avec le thème Material et
ce système correspond beaucoup mieux à ma manière de travailler. De plus, ces systèmes étant des logiciels « libres », je pouvais les modifier à ma guise.

La découpe traditionnelle des « slides » en pages était nécessaire quand on travaillait avec des rétroprojecteurs :

Rétroprojecteur


Rétroprojecteur [source : wikimedia]

mais aujourd'hui, les étudiant(e)s sont habitué(e)s au défilement infini et
cette découpe en page du contenu peut être remise en question.

Pour mon enseignement actuel, j'ai remplacé les « slides » par un site fait avec MkDocs, et ce site me permet également de distribuer les supports relatifs au cours. J'ai eu de très bons retours de la part des étudiant(e)s qui semblent apprécier cette manière de faire.

En commençant cet article, je souhaitais partager mon expérience et expliquer en détail comment réaliser un tel site Internet. J'ai cependant constaté que ça serait beaucoup trop long et que le blog n'était pas la plate-forme idéale pour cette tâche. J'ai donc publié un site Internet qui explique... comment faire un site Internet :

https://heia-fr.github.io/mkdocs-edu-howto/

Image description

Ce site est fait avec les mêmes techniques expliquées dans le site lui-même.

Les deux innovations principales que j'apporte sont les suivantes :

  1. La possibilité de publier des chapitres et les solutions des exercices au fur et à mesure de l'avancée du cours.
  2. La possibilité de distribuer une version "offline" complète du site et la réalisation d'un logiciel permettant de visualiser cette version "offline".

J'ai pour ma part beaucoup de plaisir à rédiger du contenu pour mes cours avec ces sites Internet j'espère que les informations contenues dans ce blog et sur le site Création de sites web pour l'enseignement vous seront utiles.


Crédit: Photo de couverture par Ash @ModernAfflatus

Top comments (1)

Collapse
sandyingram profile image
singram

Merci pour l'idée et pour le tutorial vraiment bien fait et facile à suivre!

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.