Différences

Ci-dessous, les différences entre deux révisions de la page.

--- tutoriels:ressources:image_click [14/12/2023 15:03] – créée barroy
+++ tutoriels:ressources:image_click [15/12/2023 11:09] (Version actuelle) – barroy
@@ Ligne 1: / Ligne 1: @@
-dfsqf
+====== Création d'une ressource Image Click ======
+===== Tutoriel pour réaliser des ressources de ce type =====
+{{:tutoriels:ressources:clickimage1.jpg?400|}}\\
+https://bibliotheque.sesamath.net/public/voir/657aedc99734d6dea4a29ddc
+<color #22b14c>Tutoriel en vidéo (muet) :</color> -> depuis Labomep  <color #ed1c24>8 min 34</color> \\
+https://collegerabelais.com/video/laboClick.mp4
+\\
+\\
+===== Première étape : création d'une ressource =====
+\\
+==== Création d'une ressource depuis la bibliothèque commun ====
+\\
+Allez à cette adresse https://commun.sesamath.net/ \\
+Connectez vous avec vos identifiants formateur Labomep. \\
+\\
+Cliquez sur "**Ajouter une ressource**" (+) \\  \\
+{{:tutoriels:image13.jpg?400|}}
+\\  \\
+Remplir les différents champs requis.\\
+{{:tutoriels:image14.jpg?400|}} \\
+\\
+<color #ed1c24>**1:**</color> nom de la ressource \\
+<color #ed1c24>**2:**</color> type de la ressource, choisir **exercice interactif j3p**\\
+<color #ed1c24>**3:**</color> catégorie, choisir **exercice interactif**\\
+<color #ed1c24>**4:**</color> niveaux, choisir un ( ou plusieurs niveaux )\\
+<color #ed1c24>**5:**</color> Si un cadre **Tag** est disponible, choisir **Click**\\
+\\
+**Cliquez ensuite sur enregistrer en bas.**\\
+<color #00a2e8>La ressource est créée, elle apparaitra dans //**Mes Ressources**// Labomep,</color>\\
+<color #00a2e8>dans le dossier **Non trié**</color>.\\
+<color #00a2e8>( panneau latéral de droite, après rafraichissement si la page est déjà ouverte. )</color>\\
+\\
+Pour retrouver cette ressource dans la bibliothèque, cliquez sur "**Mes ressources**",\\
+c'est la dernière.\\
+{{:tutoriels:image17.jpg?400|}}
+\\
+\\
+==== Création d'une ressource depuis Labomep ====
+\\
+Cliquer sur **Mes Ressources**\\
+( panneau latéral de droite )\\
+{{:tutoriels:image15.jpg?600|}}\\
+\\
+Cliquer sur **Créer une ressource**\\
+{{:tutoriels:image16.jpg?600|}}\\
+\\
+Remplir les différents champs requis.\\
+{{:tutoriels:image14.jpg?400|}} \\
+\\
+<color #ed1c24>**1:**</color> nom de la ressource \\
+<color #ed1c24>**2:**</color> type de la ressource, choisir **exercice interactif j3p**\\
+<color #ed1c24>**3:**</color> catégorie, choisir **exercice interactif**\\
+<color #ed1c24>**4:**</color> niveaux, choisir un ( ou plusieurs niveaux )\\
+<color #ed1c24>**5:**</color> Si un cadre **Tag** est disponible, choisir **Click**\\
+\\
+**Cliquez ensuite sur enregistrer en bas.**\\
+<color #00a2e8>La ressource n'est pas encore tout à fait créée,</color>\\
+<color #00a2e8>il reste à éditer le graphe,</color>.\\
+<color #00a2e8>ce que nous verrons dans la deuxième étape.</color>\\
+\\
+Vous pouvez l'enregistrer dès maintenant en cliquant sur **enregistrer** tout en bas.\\
+\\
+===== Deuxième étape : choix du modèle =====
+\\
+En cliquant sur "modifier" la ressource que vous venez de créer\\
+vous devriez obtenir ceci, tout en base de la page d'édition.
+\\
+{{:tutoriels:image_3.jpg?400|}}\\
+\\
+Dans la liste de gauche, ouvrir le dossier **Autres composants pour J3P**, \\
+{{:tutoriels:image4.jpg?400|}}\\
+puis glisser déposer la ressource **Ressource Image Click ( modèle )** dans la panneau de droite.\\
+\\
+===== Troisième étape : paramétrage =====
+\\
+{{:tutoriels:image5.jpg?400|}}\\
+\\
+Un clic droit sur **Nœud 1** vous permettra d'accéder au sous menu **Paramétrage**.\\
+\\
+{{:tutoriels:ressources:resimgae2.jpg?400|}}\\
+\\
+Un clic sur le bouton "**Editer**" vous permettra d'accéder à la page de configuration de la ressource.
+( cliquez sur les petits {{:tutoriels:image7.jpg?20|}} pour plus d'information )\\
+\\
+\\
+===== Quatrième étape : enregistrer et tester =====
+\\
+Cliquer sur le bouton "**Valider**" pour enregistrer vos paramétrages.\\
+{{:tutoriels:ressources:resimgae3.jpg?400|}}\\
+\\
+Cliquer sur le bouton "**Valider**" pour enregistrer la configuration du **Nœud 1**.\\
+{{:tutoriels:image9.jpg?400|}}\\
+\\
+Cliquer sur le bouton "**Enregistrer**" pour tout enregistrer.\\
+{{:tutoriels:image10.jpg?400|}}\\
+\\
+<color #22b14c>**Si vous éditez depuis Labomep**, la fenêtre d'édition de la ressource se ferme automatiquement.
+Pour la tester, cliquez deux fois dessus dans le panneau latéral de droite.</color>\\
+{{:tutoriels:image11.jpg?400|}}
+\\
+\\
+<color #22b14c>**Si vous éditez depuis la bibliothèque**, remontez tout en haut de la page puis cliquez sur le petit œil pour tester votre ressource.
+</color>\\
+{{:tutoriels:image12.jpg?400|}}
+\\
+\\
+<color #ed1c24>Vous pouvez à nouveau **Modifier**, **Enregistrer** et **Tester** vos ressource pour l'améliorer.\\
+N'hésitez pas à la faire tester par des collègues avant de la proposer à vos élèves.</color>