Intentions pédagogiques pour des pages web programmées par une IAG
De la présentation passive à la conception active — un continuum en quatre intentions
Programmer une page web dynamique avec une IAG, c'est bien. Avoir une intention pédagogique derrière, c'est mieux.
Ce cadre présente quatre niveaux d'engagement croissant pour l'élève, illustrés par l'analogie d'un thermomètre :
du contenu froid à consulter jusqu'à la conception bouillante menée par l'élève lui-même.
1
🧊 Froid
Présenter
Contenu dynamique et interactif
Rôle de l'élève : consommateur
La page présente du contenu — une notion, une tâche, un contexte — de façon
dynamique et visuelle. L'élève consulte, lit, explore. L'IAG génère
un cadre riche, structuré et engageant qui aurait pris des heures à
créer manuellement.
InfographieSimulation visuelleContexte de départCalcul interactif
La page propose des exercices interactifs avec rétroaction immédiate.
Niveaux progressifs, défis variés, corrections automatiques.
L'IAG crée un environnement de pratique différencié — sur mesure selon
les besoins — que l'enseignant peut ajuster facilement.
La page orchestre une activité complète : phases enchaînées,
interactions avec l'IAG, validation de l'information et développement
de l'esprit critique. L'élève est guidé dans une démarche
structurée qui mobilise la pensée et l'éthique numérique.
Démarche en étapesEsprit critiqueGlisser-déposer RTFValidation des sources
L'élève prend la posture de producteur : il utilise l'IAG pour
créer ses propres outils d'apprentissage — cartes mémoires, simulations,
outils d'analyse. L'IAG devient un assistant supervisé, non une béquille.
C'est l'engagement cognitif le plus élevé du continuum.
Cartes mémoiresItération correctivePosture de producteurRévision espacée
Pourquoi programmer une page web plutôt qu'utiliser Genially, Canva, etc. ?
Pour du matériel interactif destiné à la formation ou à la classe, plusieurs outils permettent de créer des
présentations dynamiques : Genially, Canva, ou la programmation d'une page HTML autonome à l'aide d'une IAG.
Ce dernier choix présente des avantages structurants qui justifient l'approche du RÉCIT MST.
Propriété et autonomie des ressources
Genially et Canva exigent un compte actif et hébergent les données sur leurs propres serveurs. Une
présentation reste accessible tant que le compte existe, mais elle demeure la propriété technique de
la plateforme : impossible de la télécharger, de l'extraire ou de la retravailler en dehors de son
écosystème. Une page HTML, au contraire, nous appartient entièrement une fois produite. Elle peut être
copiée, déposée, modifiée et redistribuée librement, sans dépendance à un service tiers.
Réappropriation par les enseignants et les conseillers pédagogiques
Cet avantage se transmet directement aux utilisateurs. Un enseignant ou un conseiller pédagogique qui
reçoit un exemple de page HTML peut la télécharger, l'ouvrir avec une IAG et lui demander de l'adapter
à ses besoins précis : changer un contexte, ajuster un niveau, l'intégrer à un autre site. Cette
possibilité d'appropriation directe est simplement absente avec Genially ou Canva, où l'on peut
consulter ou dupliquer un modèle à l'intérieur de la plateforme, mais jamais en extraire le fichier
pour le retravailler ailleurs.
Rapidité, cohérence et interactivité
La production de pages HTML par IAG est rapide et donne un style visuel constant d'une ressource à
l'autre, tout en offrant un niveau d'interactivité et de dynamisme comparable, sinon supérieur, à ce
que permettent les outils de présentation grand public. En se concentrant sur le contenu plutôt que sur
le design, le gain de temps est considérable : l'IA code, le conseiller pédagogique fait le reste.
Modélisation du processus pour les enseignants
Montrer comment une page a été construite avec une IAG (requête, itérations, ajustements) donne aux
conseillers pédagogiques et aux enseignants un exemple concret de collaboration avec l'IA à des fins
de production, transférable à leurs propres besoins. Genially et Canva masquent ce processus derrière
une interface fermée.
Adaptation différenciée facilitée
Une page HTML peut être dupliquée et modifiée pour créer des variantes (niveau, contexte
disciplinaire, groupe d'élèves) en demandant simplement à l'IAG d'ajuster le contenu. Avec Genially ou
Canva, chaque variante suppose un travail manuel dans l'éditeur, souvent plus long.
Accessibilité
Une page programmée par IAG peut être conçue dès le départ pour répondre aux normes d'accessibilité web
: contrastes de couleurs suffisants, choix de polices, hiérarchie
typographique claire. Ce niveau de contrôle fin est difficile, voire impossible, à obtenir avec des
outils fermés comme Genially ou Canva, limités aux gabarits et réglages offerts par la plateforme.
Sécurité
La sécurité constitue un avantage déterminant. Une page HTML programmée par IAG peut être développée
en exigeant explicitement l'absence de ressources externes vulnérables, la validation du code
JavaScript et l'hébergement sur des serveurs québécois dont nous avons le contrôle. Avec Genially ou
Canva, la responsabilité de la sécurité repose entièrement sur le fournisseur, sans visibilité sur les
ressources externes ou les vulnérabilités potentielles qu'il peut introduire.
Pérennité indépendante des changements de plateforme
Genially et Canva peuvent modifier leurs conditions d'utilisation, leurs tarifs (passage à un modèle
payant, limitation du nombre de créations gratuites) ou même cesser leurs activités. Une page HTML
autonome ne dépend d'aucun de ces aléas commerciaux.
Absence de traçage par un tiers commercial
Les plateformes comme Genially ou Canva peuvent collecter des données d'usage (comptes, navigation,
analytique) à des fins commerciales. Une page HTML autonome hébergée sur nos serveurs n'a que les
comportements que nous y programmons explicitement.
Poids et performance
Une page HTML bien programmée est généralement plus légère et plus rapide à charger qu'une
présentation Genially ou Canva, qui embarque souvent des scripts et des ressources supplémentaires
liés à la plateforme elle-même.
Intégration native dans nos écosystèmes
Une page HTML s'intègre directement dans votre outil de diffusion sans contrainte d'iframe
limitée ni mise en page imposée par une plateforme tierce, ce qui donne un contrôle total sur
l'expérience utilisateur finale.
