Depuis quelque temps, Articulate Rise propose un bloc de code qui permet d’intégrer directement du HTML / CSS / JavaScript dans un module.
Chez E DCLIC, on a eu envie de tester ce bloc… mais pas avec un simple bouton ou un compteur.
Résultat : un calendrier interactif de l’IA, 24 cases cliquables, chaque jour révélant un cas d’usage concret de ChatGPT au travail + un prompt prêt à copier-coller.
Le bloc de code Rise : une porte d’entrée vers des expériences sur-mesure
Le bloc de code Rise permet d’insérer un extrait de code dans une leçon, tout en restant dans l’interface classique de Rise :
- pas de développement lourd côté LMS,
- pas besoin de sortir l’apprenant vers un site externe,
- et surtout : possibilité de créer des mécaniques d’interaction plus riches que celles proposées par défaut.
Concrètement, on colle dans ce bloc un petit “mini-site” autonome : structure HTML, mise en forme CSS, et une pincée de JavaScript pour gérer les interactions.
Notre exemple : un calendrier de l’Avent IA 100 % intégré dans Rise
Pour tester ce bloc en conditions réelles, nous avons conçu un calendrier IA pour les équipes :
- 24 cases (1 par jour) présentées sous forme de grille,
- un effet de révélation quand l’utilisateur clique sur le jour,
- une fenêtre modale qui s’ouvre avec :
-
- un titre,
- une courte explication du cas d’usage,
- un prompt prêt à l’emploi pour ChatGPT, copiable en un clic.
Tout tient dans un seul bloc de code Rise :
HTML pour la structure, CSS pour le design (mode sombre, cartes, effets de survol) et JavaScript pour gérer les clics, le déverrouillage des cases et l’affichage de la fenêtre.
🎁 Bonus : le même code fonctionne en export Web et export SCORM 1.2, sans adaptation spécifique.
Pourquoi c’est intéressant pour vos projets de formation ?
Au-delà de l’exemple “calendrier IA”, ce type d’approche ouvre plusieurs pistes :
- Gamifier des contenus existants (quizz quotidien, défis, missions à débloquer)
- Créer des parcours à étapes (on ne révèle la suite qu’après avoir consulté une ressource)
- Proposer des expériences événementielles : safety week, semaine de l’inclusion, mois de la cybersécurité…
- Donner une signature graphique différenciante à vos modules Rise, sans quitter l’écosystème Articulate.
L’enjeu n’est pas de “remplacer” Rise, mais de l’augmenter ponctuellement quand un projet le justifie.
Et côté technique, est-ce que ça reste maîtrisable ?
Oui, si on pose quelques règles simples :
- Un seul bloc de code par expérience (plus facile à maintenir)
- Un code autonome et encapsulé pour ne pas déranger le reste du module
- Une attention particulière à :
-
- la lisibilité sur mobile et desktop,
- les performances (pas de librairies lourdes inutiles),
Chez E DCLIC, nous concevons le prototype directement dans un navigateur, puis nous intégrons le code final dans Rise une fois validé.
Envie d’imaginer votre propre “calendrier” thématique ?
Le calendrier de l’IA n’est qu’un exemple.
Le même principe peut s’appliquer à :
- un calendrier de la cybersécurité,
- un parcours découverte des métiers,
- un mois de la prévention RPS / QVT,
- une série de micro-défis commerciaux…
Bref : chaque case devient l’entrée vers un contenu pédagogique, un défi, un scénario, une ressource multimédia.
Vous souhaitez tester ce type de dispositif dans votre entreprise ?
Nous pouvons :
- adapter le calendrier de l’IA à votre contexte (métier, activités, niveau des équipes),
- ou concevoir un calendrier interactif sur une autre thématique (sécurité, conformité, culture d’entreprise, relation client, etc.),
- livrer le tout prêt à déployer sur votre LMS (Rise Web ou SCORM).
👉 Pour en discuter, il suffit de nous écrire à : contact@edclic.fr
Nous serons ravis de vous montrer concrètement ce que permet le bloc de code Rise… et comment en faire un vrai levier d’engagement pour vos formations.