tabmenu=new Array(0,1,2,3);
tabsmenu=new Array(0,1,2);
tabssmenu=new Array(0,1,2);
tabmenu[0]="Les cartes heuristiques";
tabmenu[1]="Techniques";
tabmenu[2]="Usages";
tabmenu[3]="Quelques liens utiles";

tabsmenu[1]=new Array();
tabsmenu[1][0]="Créer";
tabsmenu[1][1]="Présenter";
tabsmenu[1][2]="Gérer les fichiers";
tabssmenu[1]=new Array();
tabssmenu[1][0]=new Array("Créer l'arborescence","Insérer des images","insérer des notes","Insérer des liens vers un fichier","insérer un lien au sein de la carte","Grouper en nuage");
tabssmenu[1][1]=new Array("Mettre en forme","Plier et déplier la carte","Zoom");
tabssmenu[1][2]=new Array("Sauvegarder","Exporter","Importer");

//tabsmenu[1]=new Array();
tabsmenu[2]=new Array("Rappels avant un chapître","Fil rouge pendant un chapître","Révision avant une évaluation","Séance de TP","Présentation assistée par ordinateur","exercices classe avec vidéoprojecteur","exercices élève sans videoprojecteur");

tab=new Array(0,1,2,3);

tab[1]=new Array(0,1,2);

tab[0]='<H1>Les cartes heuristiques</H1>';
tab[0]+='<div id=gauche>';
tab[0]+='La carte heuristique ou carte mentale permet d\'organiser les idées, d\'en débattre avec d\'autres personnes, de les réarranger, de les présenter.';
tab[0]+='<br>Son utilisation en classe peut être une réelle avancée et les usages sont encore largement à explorer.';
tab[0]+='<br>Nous en présenterons quelques uns.'
tab[0]+='<br>Les logiciels permettant de réaliser des cartes heuristiques sont de plus en plus nombreux et leur évolution enrichira encore nos usages.';
tab[0]+='<br>Ici le logiciel utilisé est freemind qui est libre de droit et largement suffisant pour débuter.';
tab[0]+='<br><a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/freemind.png\')">=> Image de l\'accueil de freemind</a>';
tab[0]+='</div>';

tab[1][0]=new Array(0,1,2,3);
tab[1][0][0]='<H1>Créer et modifier un noeud fils, frère ou parent</H1>';
tab[1][0][0]+='<div id=gauche>';
tab[1][0][0]+='<br>Les cartes heuristiques sont organisées par noeud.';
tab[1][0][0]+='<br>Chaque noeud est caractérisée par son niveau dans la hiérarchie, mais aussi par son parent et ses fils.';
tab[1][0][0]+='<br><a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/image_legendee.png\')">=> exemple</a>';
tab[1][0][0]+='<br><br>Gestion des noeuds';
tab[1][0][0]+='<br><ul><li>Créer un moeud.<br>En sélectionnant un noeud on peut créer (<a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/inserer_d.png\')">"insérer</a>")';
tab[1][0][0]+='<ul>';
tab[1][0][0]+='<li>un nouveau noeud de niveau supérieur (parent)</li>';
tab[1][0][0]+='<li>de même niveau (frère)</li>';
tab[1][0][0]+='<li>de niveau inférieur (fils)</li>';
tab[1][0][0]+='</ul></li>';
tab[1][0][0]+='<br><li>Il est possible à la création, ou après celle-ci de modifier l\'ordre dans les noeuds frères :';
tab[1][0][0]+='<br>clic droit sur le noeud puis <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/navigation_d.png\')">"monter" ou "descendre" le noeud.</a>';
tab[1][0][0]+='<br>La position du noeud change alors par rapport à celles de ses noeuds frères.</li>';
tab[1][0][0]+='<br><li>On peut supprimer un noeud : "editer" "supprimer le noeud" ou plus simplement "sup"</li>';
tab[1][0][0]+='<br><li>Il est possible de de crypter un noeud par un mot de passe : barre de menu "Outils" <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/outils_s.png\')">"Insérer un noeud crypté"</a>';
tab[1][0][0]+='<br>Il sera possible de visualiser les fils en cliquant sur barre de menu "outils" "Basculer de/vers un chiffré à non chiffré"</li>';
tab[1][0][0]+='</ul></div>';

tab[1][0][1]='<H1>Insérer une image</H1>';
tab[1][0][1]+='<div id=gauche>On peut lier un noeud à une image préalablement enregistrée.';
tab[1][0][1]+='<br>Barre de menu ou clic droit : "Insérer" <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/inserer_d.png\')">"définir l\'image"</a>';
tab[1][0][1]+='<br>Un clic dans l\'image permet de pouvoir modifier le code HTML lié à l\'insertion.</div>';

tab[1][0][2]='<H1>Insérer une note</H1>';
tab[1][0][2]+='<div id=gauche>Cliquer sur le nœud et « insérer » et <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/inserer_d.png\')">« note »</a>';
tab[1][0][2]+='<br>Une zone de texte apparaît en bas de l\'écran.';
tab[1][0][2]+='<br><a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/note_s.png\')">"Exemple"</a>';
tab[1][0][2]+='<br>Déplacer le curseur de la souris dessus sans passer sur aucun autre nœud et taper le texte.';
tab[1][0][2]+='<br>Par la suite ,la note pourra être rappelée par un simple passage du curseur de la souris sur l\'icone de note</div>';

tab[1][0][3]='<H1>Insérer un lien vers un fichier</H1>';
tab[1][0][3]+='<div id=gauche>On peut lier un fichier à la carte et appeler ce fichier en cliquant sur l\'icone correspondante.'
tab[1][0][3]+='<br>Barre de menu : « Insérer » <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/inserer_d.png\')">"définir le lien (champ de saisie)" ou "définir le lien (sélection de fichier)"</a>';
tab[1][0][3]+='<br>L\'explorateur ouvre une fenêtre de navigation et permet de choisir le fichier à lier.';
tab[1][0][3]+='<br>Par la suite, un clic sur le lien ouvre ce fichier.</div>';

tab[1][0][4]='<H1>Insérer un lien au sein de la carte</H1>';
tab[1][0][4]+='<div id=gauche>Il existe deux types de lien au sein de la carte : une flêche ou un vrai lien.';
tab[1][0][4]+='<ul><li>La flêche ou lien graphique.';
tab[1][0][4]+='<br>Sélectionner les deux noeuds à lier (Maintenir enfoncé la touche maj et cliquer sur les deux noeuds).';
tab[1][0][4]+='<br>Barre de menu : « Insérer » <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/inserer_d.png\')">« lien graphique »</a>';
tab[1][0][4]+='<br>On sélectionne les deux noeuds à lier grâce à la souris.';
tab[1][0][4]+='<br>C\'est une simple flèche reliant deux nœuds.</li>';
tab[1][0][4]+='<li>Le lien local';
tab[1][0][4]+='<br>Barre de menu : « Insérer » <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/inserer_d.png\')">« lien local »</a>.';
tab[1][0][4]+='<br>Sélectionner les deux noeuds à lier (Maintenir enfoncé la touche maj et cliquer sur les deux noeuds).';
tab[1][0][4]+='<br>Un clic sur ce lien permet de naviguer du lien vers la cible dans la carte.</li></ul></div>';

tab[1][0][5]='<H1>Grouper en nuage</H1>';
tab[1][0][5]+='<div id=gauche>';
tab[1][0][5]+='<br>Il est possible d\'entourer un noeud et ses fils d\'une ligne continue, formant ainsi un nuage.';
tab[1][0][5]+='<br>Barre de menu : « Insérer » <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/inserer_d.png\')">« grouper en nuage »</a>';
tab[1][0][5]+='</div>';

tab[1][1]=new Array(0,1,2);

tab[1][1][0]='<H1>Mettre en forme la carte</H1>';
tab[1][1][0]+='<div id=gauche>';
tab[1][1][0]+='Les outils de mise en forme sont assez pauvres, ils permettent toutefois de modifier la taille de la police, la couleur du texte, du noeud, la largeur des lignes...';
tab[1][1][0]+='<br>Barre de menu : <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/presentation_d.png\')">« Présentation »</a>';
tab[1][1][0]+='<br>On peut modifier le style, la taille des polices, le format italique et gras, les couleurs des caractères, de fond de nœud, de bord de nœud, le style et la taille de lignes.';
tab[1][1][0]+='<br>Il est possible d\'insérer des icônes en cliquant sur la barre d\'icônes de gauche.';
tab[1][1][0]+='</div>';

tab[1][1][1]='<H1>Plier et déplier la carte</H1>';
tab[1][1][1]+='<div id=gauche>';
tab[1][1][1]+='Afin d\'avoir une présentation plus fluide il est souhaitable de plier la carte et la déplier au fur et à mesure des besoins.';
tab[1][1][1]+='<br>Dans la barre de menu, l\'onglet <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/navigation_d.png\')">"Navigation"</a>';
tab[1][1][1]+='<br>donne accès à toutes les fonctions (reprise dans la barre d\'outils).';
tab[1][1][1]+='<br>Plier permet de cacher les noeuds fils et déplier de les afficher.';
tab[1][1][1]+='</div>';

tab[1][1][2]='<H1>Zoomer</H1>';
tab[1][1][2]+='<div id=gauche>';
tab[1][1][2]+='Une fonction de zoom permet de modifier la taille de l\'affichage : Barre d\'outils « 100% »';
tab[1][1][2]+='<br>ou barre de menu : <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/affichage_d.png\')">"Affichage"</a>';
tab[1][1][2]+='<br>La fonction "faire tenir dans la page" est pratique pusiqu\'elle calcule le meilleur zoom pour permettre l\'affichage de toute la carte.';
tab[1][1][2]+='</div>';

tab[1][2]=new Array(0,1,2);

tab[1][2][0]='<H1>Sauvegarder</H1>';
tab[1][2][0]+='<div id=gauche>';
tab[1][2][0]+='On peut bien sur sauvegarder la carte sur tous les supports possibles.';
tab[1][2][0]+='<br>Barrre de menu : <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/fichier_d.png\')">"fichier"</a>';
tab[1][2][0]+='<br>Il est possible de crypter la carte : barre de menu <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/fichier_d.png\')">"fichier" "Créer une carte cryptée"</a> ;';
tab[1][2][0]+='dans ce cas la carte est protégée par un mot de passe.';
tab[1][2][0]+='</div>';

tab[1][2][1]='<H1>Exporter</H1>';
tab[1][2][1]+='<div id=gauche>';
tab[1][2][1]+='L\'exportation permet de transformer la carte heuristique en un autre objet.';
tab[1][2][1]+='<br>Barre de menu <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/fichier_exporter_d.png\')">"Exporter"</a>';
tab[1][2][1]+='<ul><li>"Exporter en HTML" : Cette fonction transforme la carte en un fichier HTML.';
tab[1][2][1]+='<br>Le navigateur peut alors lire et afficher ce fichier.';
tab[1][2][1]+='<br>Toutefois seuls les noeuds sont affichés et ils sont hiérarchisés. On perd donc la notion de carte.</li>';
tab[1][2][1]+='<li>"Exporter en XHTML (version javascript)".';
tab[1][2][1]+='<br>Cette fonction fait la même chose même si le code javascript inclu permet de plier ou déplier l\'arborescence.</li>';
tab[1][2][1]+='<li>"Exporter en XTML (image cliquable).';
tab[1][2][1]+='<br>Cette fonction transforme la carte en image cliquable.';
tab[1][2][1]+='<br>Chaque noeud sur la carte renvoie vers la partie texte associée y compris les notes.</li>';
tab[1][2][1]+='<li>"Exporter en pdf, png, jpg" transforme la carte en une image simple non dynamique.</li>';
tab[1][2][1]+='<li>-"Exporter en document Open Writer" (open office). Le fichier est transformé en un format lisible par open office</li>';
tab[1][2][1]+='</div>';

tab[1][2][2]='<H1>Importer</H1>';
tab[1][2][2]+='<div id=gauche>';
tab[1][2][2]+='<br>La fonction "Importer" permet d\'importer différents objets sur la carte actuelle.';
tab[1][2][2]+='<br>Barre de menu <a href="#" onMouseOver="ecrireimage(\'droitimg\',\'images/fichier_importer_d.png\')">"Importer"</a>';
tab[1][2][2]+='<br>Soit une carte, une branche de carte, une arborescence de répertoire, des favoris.';
tab[1][2][2]+='<br>Barre de menu "Importer".';
tab[1][2][2]+='</div>';

tab[2]=new Array(0,1,2);

tab[2][0]='<H1>Rappels avant un chapître</H1>';
tab[2][0]+='<div id=gauche>';
tab[2][0]+='L\'objectif est de créer un document de rappel pour les élèves sur un chapître.';
tab[2][0]+='<br>Cette carte sera sauvegardée sur un espace partagé par le groupe élève-enseignant.';
tab[2][0]+='<br>Au centre de la carte, on place le titre du chapître.';
tab[2][0]+='<br>Le vidéoprojecteur permet de projeter au groupe classe la carte en construction.';
tab[2][0]+='<ul><li>Soit chaque élève s\'empare de la carte du groupe pour proposer :';
tab[2][0]+='<ul><li>un noeud</li>';
tab[2][0]+='<li>une note sur sur ce noeud (définition, explication, exemple)</li>';
tab[2][0]+='<li>Une image</li>';
tab[2][0]+='<li>Changer l\'organisation (hiérachie ou couleur des noeuds)</li>';
tab[2][0]+='</ul></li>';
tab[2][0]+='<li>Soit l\'enseignant demande au groupe classe d\'enrichir la carte sous forme de débat.';
tab[2][0]+='<br>Ici l\'avantage est la rapidité mais on n\'oblige pas chaque élève a se mobiliser</li></ul>.';
tab[2][0]+='<br>En fin de séance, la carte établie est un document de travail.';
tab[2][0]+='<br>Chaque élève pourra sauvegarder sur son espace de travail personnel (clé USB, espace partagé sur le réseau, ENT...).';
tab[2][0]+='<br>Résultat attendu :';
tab[2][0]+='<ul><li>Chaque élève disposera ainsi d\'un document de rappel sur le chapître enrichi des souvenirs des autres.</li>';
tab[2][0]+='<li>Les associations d\'idées mises en relief en groupe permettent d\'établir une carte plus complète qu\'un travail isolé.</li>';
tab[2][0]+='<li>Le coté ludique permet de maintenir la concentration des élèves tout le long du travail.</li>';
tab[2][0]+='<br>La carte établie devenant propriété de chaque élève, elle pourra être modifié à son goût et à son rythme.</li></ul>';
tab[2][0]+='</div>';

tab[2][1]='<H1>Fil rouge pendant un chapître</H1>';
tab[2][1]+='<div id=gauche>';
tab[2][1]+='Objectif : Enrichir une carte heuristique permettant de réaliser un schéma bilan en fin de chapître.';
tab[2][1]+='<br>Au cours d\'un chapître, l\'élève enrichie sa carte heuristique.';
tab[2][1]+='<br>De temps en temps il modifie la carte commune.';
tab[2][1]+='<br>L\'enseignant peut se servir de cette carte commune pour reprendre les séances précédentes et amener la séance suivante.';
tab[2][1]+='<br>La carte peut être enrichi soit pendant la séance soit en dehors de la classe par les élèves.';
tab[2][1]+='<br>Une discussion entre les élèves et éventuellement avec l\'enseignant sur un forum ou un chat permet de mettre au point la carte.';
tab[2][1]+='<br>Résultat attendu :';
tab[2][1]+='<ul><li>Disposer d\'un document d\'appel avant une séance.</li>';
tab[2][1]+='<li>Disposer en fin de chapître d\'un schéma bilan.</li>';
tab[2][1]+='</div>';

tab[2][2]='<H1>Révision avant une évaluation</H1>';
tab[2][2]+='<div id=gauche>';
tab[2][2]+='Objectif : Construire une carte de révision avant une évaluation de type sommative.';
tab[2][2]+='<br>Soit en groupe classe soit seul, l\'élève reconstruit et organise ses connaissances à partir d\'une question posée par l\'enseignant.';
tab[2][2]+='<br>La question est écrite au centre de la carte.';
tab[2][2]+='<ul><li>Soit la carte est remplie par discussion avec le groupe classe à l\'aide du vidéoprojecteur</li>';
tab[2][2]+='<li>soit chaque élève réalise sa propre carte.</li></ul>';
tab[2][2]+='<br>Résultat attendu : Travail sur une évaluation de type sommative par association d\'idées, organisation et construction d\'un plan.';
tab[2][2]+='</div>';

tab[2][3]='<H1>Séance de TP</H1>';
tab[2][3]+='<div id=gauche>';
tab[2][3]+='Objectif : Présenter une séance de TP sous forme de carte afin de permettre l\'appropriation du TP par l\'elève.';
tab[2][3]+='<br>Au centre de la carte : la problématique';
tab[2][3]+='<br>Les noeuds représentent les différentes facettes du TP :';
tab[2][3]+='<ul><li>Les documents liés</li>';
tab[2][3]+='<li>Le protocole ou la fiche technique</li>';
tab[2][3]+='<li>Le matériel</li>';
tab[2][3]+='<li>Les documents à remplir par les élèves</li>';
tab[2][3]+='<li>Les fiches de critère de réussite, d\'évaluation</li>';
tab[2][3]+='<li>Les documents ou questions pour aller plus loin</li></ul>';
tab[2][3]+='<br>Résultat attendu : Appropriation par les élèves du TP, meilleure compréhension de l\'objectif du TP, meilleure autonomie.';
tab[2][3]+='</div>';
tab[2][3]+='<div id=droit><img src="cartes/La catalyse enzymatique.png" id=droitimg)>';

tab[2][4]='<H1>Présentation assistée par ordinateur</H1>';
tab[2][4]+='<div id=gauche>';
tab[2][4]+='Objectif : Présenter au videoprojecteur des documents, un exposé...';
tab[2][4]+='<br>La carte heuristique peut être un moyen de présenter des documents.';
tab[2][4]+='<br>Grâce aux liens, au pliage et dépliage des noeuds et son organisation on peut préparer une présentation dynamique.';
tab[2][4]+='<br>Il est possible aussi de conserver en caché d\'autres noeuds, documents et liens qui permettront :';
tab[2][4]+='<ul><li>de répondre aux questions</li>';
tab[2][4]+='<li>d\'aller plus loin</li>';
tab[2][4]+='<li>d\'ouvrir le sujet</li></ul>';
tab[2][4]+='<br>Résultats attendu : Changer la façon de voir les présentations, les rendre plus souples.';
tab[2][4]+='</div>';

tab[2][5]='<H1>Exercices classe avec vidéoprojecteur</H1>';
tab[2][5]+='<div id=gauche>';
tab[2][5]+='Objectif : Résoudre un problème en classe avec affichage au vidéoprojecteur.';
tab[2][5]+='<br>La question est posée au centre de la carte.';
tab[2][5]+='<br>Les documents sont présentés dans la carte.';
tab[2][5]+='<br>Il est possible de garder en caché :';
tab[2][5]+='<ul><li>des documents annexes,</li>';
tab[2][5]+='<li>des documents d\'aide pour les élèves en difficulté,</li';
tab[2][5]+='<li>des liens utiles,</li>';
tab[2][5]+='<li>des questions et documents supplémentaires pour ceux qui avancent vite,</li>';
tab[2][5]+='<li>la ou les réponses.</li></ul>';
tab[2][5]+='<br>Au cours de la discussion, l\'enseignant ou un élève rédige les réponses.';
tab[2][5]+='<br>L\'affichage au vidéoprojecteur permet à chacun d\'avancer de façon synchrone et d\'arriver à la réponse.';
tab[2][5]+='<br>Résultat attendu : Résoudre un problème en réfléchissant aux procédures utilisées par les autres et à sa propre procédure et Améliorer sa méthode de résolution de problème.';
tab[2][5]+='</div>';

tab[2][6]='<H1>Exercices élève sans videoprojecteur</H1>';
tab[2][6]+='<div id=gauche>';
tab[2][6]+='Objectif : Résoudre un problème seul.';
tab[2][6]+='<br>La question est posée au centre de la carte.';
tab[2][6]+='<br>Les documents sont présentés dans la carte :';
tab[2][6]+='<ul><li>des documents annexes,</li>';
tab[2][6]+='<li>des documents d\'aide pour les élèves en difficulté,</li';
tab[2][6]+='<li>des liens utiles,</li>';
tab[2][6]+='<li>des questions et documents supplémentaires pour ceux qui veulent aler plus loin,</li>';
tab[2][6]+='</ul>';
tab[2][6]+='<br>Chacun avance à son rythme afin d\'arriver à la réponse.';
tab[2][6]+='<br>La réponse peut être mise en caché et signalée par une icône spécifique pour une auto-correction.';
tab[2][6]+='<br>Résultat attendu : Résoudre un problème en autonomie et Améliorer sa méthode de résolution de problème.';
tab[2][6]+='</div>';

tab[3]='<H1>Quelques liens utiles</H1>';
tab[3]+='<div id=gauche>';
tab[3]+='<ul>';
tab[3]+='<li>';
tab[3]+='<a href="http://freemind.sourceforge.net/wiki/index.php/Main_Page" target=_blank>Le site officiel de Freemind : logiciel gratuit </a>';
tab[3]+='</li>';
tab[3]+='<li>';
tab[3]+='<a href="http://sourceforge.net/projects/freemind/files/freemind-unstable/0.9.0%20RC4/FreeMind-Windows-Installer-0.9.0_RC_4-max-java-installer-embedded.exe/download" target=_blank>Télécharger directement la dernière version de Freemind</a>';
tab[3]+='</li>';

tab[3]+='<li>';
tab[3]+='<a href="http://www.educnet.education.fr/lettres/pratiques5675/tic/outil" target=_blank>Educnet : La carte heuristique, un outil pédagogique </a>';
tab[3]+='</li>';
tab[3]+='</ul>';
tab[3]+='</div>';