Rise 360 : comment utiliser le bloc de code (Bêta)

Le bloc de code est encore en cours de développement et recevra des mises à jour pendant la phase bêta. Les fonctionnalités évolueront au fil du temps. En fonction des retours, certaines options seront modifiées et d’autres pourront être supprimées.

Vous souhaitez offrir des expériences plus riches à vos apprenants ? Vous pouvez désormais créer des projets basés sur du code directement dans Rise 360 avec le bloc de code. Développez des outils interactifs et des démonstrations avec un éditeur de code directement intégré à l’application, ou téléchargez vos propres projets terminés.

Remarque : les blocs de code ne peuvent utiliser que les ressources disponibles dans le bloc lui-même, et ce qui est écrit n’affecte que l’environnement de ce bloc. Le code écrit en HTML, CSS et JavaScript fonctionne mieux pour les blocs de code personnalisés.

Étape 1 : insérer un bloc de code

1. Ouvrez un cours Rise 360, puis modifiez une leçon existante ou créez-en une nouvelle.
2. Sélectionnez All Blocks dans la barre de raccourcis des blocs ou cliquez sur l’icône d’insertion de bloc (+) qui apparaît lorsque vous passez la souris sur une limite entre les blocs.
3. Dans la barre latérale, choisissez la catégorie Code.
4. Sélectionnez une option en fonction de la façon dont vous avez compilé votre projet de code :
   • Cliquez sur Add code pour saisir et modifier le code directement. Les modifications que vous apportez se reflètent en temps réel.
   • Cliquez sur Upload project pour télécharger un fichier ZIP qui inclut tous les éléments de votre projet, y compris un fichier index.html et tous les fichiers sources tels que les images. Les fichiers ne peuvent pas dépasser 5 Go.
5. Lorsque le bloc s’affiche, cliquez sur le bouton d’action ou survolez le bloc pour accéder à la barre d’outils de conception à gauche. Ensuite, cliquez sur l’icône Content. Dans la barre latérale, ajoutez votre code ou téléchargez votre projet compressé.
6. Dans le bloc Add code, utilisez les icônes de recherche/remplacement, de copie et de suppression pour apporter rapidement des modifications à l’ensemble de votre bloc de code.
7. Dans le bloc Upload project, utilisez l’icône de suppression pour effacer le fichier ZIP actuellement téléchargé.

Votre projet s’exécutera immédiatement une fois ajouté à Rise 360.

Galerie d’Inspiration

Les deux blocs offrent des exemples de projets. Inspirez-vous puis créez le vôtre en vous basant sur le code et les ressources disponibles. Cliquez simplement sur le bouton Need help getting started ? pour les consulter.

Codage Vibe

Si vous utilisez un LLM tiers pour générer du code (également connu sous le nom de « vibe coding »), utilisez ce qui suit comme modèle de prompt pour garantir une compatibilité améliorée avec Rise 360. Remplacez le texte entre crochets par votre propre contenu.

• Créer un fichier index.html qui peut contenir du HTML, CSS et JavaScript et qui n’inclut pas d’appels web
• Ce fichier index.html sera utilisé à l’intérieur d’un <iframe>
• Dans le fichier index.html, créer [décrivez votre projet], lui donner un arrière-plan transparent

Étape 2 : modifier les Paramètres du Bloc

Modifiez l’apparence de votre contenu à l’écran en survolant un bloc existant pour accéder à la barre d’outils de conception à gauche. Cliquez sur l’icône Style pour accéder aux options d’arrière-plan du bloc. Le menu Format fournit des options pour modifier le remplissage du bloc, la largeur du contenu et la hauteur maximale du bloc.

Informations sur l’accessibilité

L’accessibilité du code personnalisé est encore en cours d’évaluation, mais vous pouvez améliorer l’accessibilité en utilisant un plugin de vérification d’accessibilité tel que axe DevTools fourni par Deque ou le vérificateur d’accessibilité Wave pour vérifier votre code.

Considérations Bêta

Étant donné que la fonctionnalité de code personnalisé est encore en développement actif, nous recommandons de ne pas l’utiliser pour des livrables critiques. Actuellement, les blocs de code présentent les problèmes connus suivants :

• La progression incrémentielle au sein d’un bloc de code n’est pas suivie pour le moment. La visualisation du bloc compte comme l’achèvement du bloc.
• La publication de votre formation au format PDF ne produit pas une reproduction exacte du contenu du bloc de code.
• Articulate Localization n’est pas pris en charge.

Conclusion

Le bloc de code de Rise 360 ouvre de nouvelles possibilités pour créer des expériences d’apprentissage interactives et personnalisées. Bien qu’il soit encore en phase bêta, cet outil vous permet déjà d’intégrer des éléments codés directement dans vos formations.

Important : gardez à l’esprit les limitations actuelles de la version bêta et testez toujours vos blocs de code avant de les déployer dans des formations importantes.