Créer une carte mentale contenant des liens et que ces liens soient cliquables. Pouvoir ensuite déposer cette carte mentale cliquable sur la plateforme Moodle.

• Freeplane logiciel de carte mentale (libre)
• Notepad++ editeur texte orienté développement (libre)

Grace à des logiciels tiers (voir ci-dessus), on créer une carte mentale. Celle-ci est ensuite exportée au format HTML.

L'astuce consiste à extraire de cet export, l'image et le code HTML à réutiliser dans la page Moodle.

Dans Freeplane créer la carte.

Y ajouter les liens ([ctrl]+[k]).

Exporter la carte sous forme d'un fichier : XHTML image cliquable (.html)

Ouvrir le fichier .html exporté, avec Notepad++ (par exemple), pour copier le code source HTML, contenu dans la balise map

<map name="fm_imagemap" id="fm_imagemap">
   ...
</map>

Dans le code copié, supprimer toutes les sous-balises area inutiles, c'est-à-dire correspondant à des noeuds de la carte mentale sur lesquels on ne veut pas de lien. En effet, Freeplane créer des liens internes ('href=“#…'), dans la page exportée, pour tous les noeuds de la carte, qu'ils portent ou non un lien dans la carte d'origine.

Une balise area a cette tête :

<area shape="rect" .../> 

Mettre à jour l'attribut href des balises restantes (celles où l'on veut vraiment un lien), avec les liens qui nous intéressent :

(ci-dessus : le code source avant, puis après “nettoyage”)

target="_blank"

1. Dans un cours Moodle, ajouter une activité étiquette.
2. Déposer sur la plateforme l'image incluse dans la page web exportée par Freeplane au départ (cette image se trouve dans le dossier qui accompagne la page web exportée).
3. Dans le corps de cette étiquette insérer cette image. Bien noter son nom.
4. Ouvrir le code source HTML de l'étiquette.
5. Dans la balise <img…/> de l'image ajoutée, ajouter l'attribut :

   usemap="#fm_imagemap"

6. Coller la balise <map…>…</map> copiée précédemment.

Et voilà :