Documentation
Guide de programmation
Programmation d'un exercice
Importation d’image

Importation d’image

Certains exercices intègrent une image explicative pertinente afin de faciliter la compréhension de l’énoncé par les étudiants. Avec Platon, l’intégration d’images dans un exercice est simple et rapide.

Utilisation d’images dans un exercice Platon


Tutoriel vidéo


Où faut-il placer l’image à importer ?

L’image à importer doit être placée dans le même répertoire que les fichiers readme.md et main.ple. Effectuez un clic droit sur le dossier parent, puis sélectionnez Importer.

Résultat de l’exercice


Modification du fichier main.ple

Glissez-déposez l’image depuis le répertoire, puis sélectionnez Insérer un @copyurl.

Insertion de l’URL de l’image


Avant d’insérer l’image dans l’énoncé, il est nécessaire d’ajouter son lien dans la section des variables de l’exercice, en l’associant à une variable. Cette variable servira ensuite de référence dans le corps de l’énoncé.

Déclaration de la variable image


Puisque l’image est utilisée dans l’énoncé, il convient d’insérer la balise HTML <img> dans la section statement, en précisant l’attribut src de la manière suivante :

<img src="{{variable_URL_image}}" />

Affichage de l’image dans l’énoncé