Outils pour utilisateurs

Outils du site


guide:kmed_02

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
guide:kmed_02 [2019/11/20 09:26] pdoguide:kmed_02 [2020/03/04 14:33] (Version actuelle) pdo
Ligne 1: Ligne 1:
 ====== Intégrer des solutions au simulateur avec K-Meleon Editor ====== ====== Intégrer des solutions au simulateur avec K-Meleon Editor ======
  
-Il est possible pour chaque écran d'un simulateur d'intégrer une **solution**. Concrètement la **solution** d'un écran est la séquence animée et automatique de toutes les actions que l'apprenant doit effectuer sur l'écran concerné. Elle se déclenche en cliquant sur le bouton dédiée dans la toolbar du simulateur.{{ :guide:bouton_solution.png?direct |}}+Il est possible pour chaque écran d'un simulateur d'intégrer une **solution**. Concrètement la **solution** d'un écran est la séquence animée et automatique de toutes les actions que l'apprenant doit effectuer sur l'écran concerné. Elle se déclenche en cliquant sur le bouton dédiée dans la barre de menu du simulateur.{{ :guide:bouton_solution.png?direct |}}
  
 La solution s’arrête après que toutes les animations scénarisées sur un écran soient terminées. Un message invite alors l'apprenant à reprendre la main. La solution s’arrête après que toutes les animations scénarisées sur un écran soient terminées. Un message invite alors l'apprenant à reprendre la main.
Ligne 8: Ligne 8:
  
 ===== Scénariser la solution ===== ===== Scénariser la solution =====
 +
 +La solution est un enchaînement de messages et actions, complètement à la main de l’utilisateur.
  
 Dans la section qui suit vous trouverez la documentation relative à la scénarisation des **solutions** avec K-Meleon Editor. Dans la section qui suit vous trouverez la documentation relative à la scénarisation des **solutions** avec K-Meleon Editor.
  
 ---- ----
- 
 ==== Générer la solution d'un écran à partir d'un chemin ==== ==== Générer la solution d'un écran à partir d'un chemin ====
 +
 +Une fonction vous fera gagner du temps : **générer la solution** à partir du chemin ; cette dernière transpose le chemin, en une solution. Pour chaque étape du chemin seront générés un message ainsi que l’action associée.
  
   - Sélectionner l’écran souhaité.   - Sélectionner l’écran souhaité.
Ligne 20: Ligne 23:
   - La solution apparaît dans l’onglet Solution.{{ :guide:solution.png?direct |}}   - La solution apparaît dans l’onglet Solution.{{ :guide:solution.png?direct |}}
  
-Il est très rare qu'une solution générée via la méthode que l'on vient de décrite soit suffisante. Voyez cette méthode comme une première étape de pré-scénarisation de la solution. Il faudra la plupart du temps, ajouter des événements, attacher et positionner ces derniers, éditer les messages...etc +Cependant il est très rare qu'une solution générée via la méthode que l'on vient de décrire soit suffisante. Voyez cette méthode comme une première étape de pré-scénarisation de la solution. Il faudra la plupart du temps, ajouter des événements, attacher et positionner ces derniers, éditer les messages...etc  
 + 
 +---- 
 + 
 +==== Ajouter un événement de solution via les poignées de scénarisation ==== 
 + 
 +Il est possible d'ajouter les événements de solution via le détail des poignées de scénarisation.{{ :guide:detail.png?direct |}} 
 +  
 +Contrairement à la méthode alternative qui passe par le [[guide:kmed_02#Ajouter un événement de solution via le menu "Démonstration"|menu Démonstration]], l'intérêt de passer par la poignée de scénarisation pour ajouter un événement de solution est d'ancrer directement l'événement de solution à l'élément de l'interface sélectionné et ainsi vous ferez l'économie des problématiques d'ancrage. Hormis cette spécificité [[guide:kmed_02#Ajouter un événement de solution via le menu "Démonstration"|vous pouvez suivre la même démarche]] une fois l'élément ajouté pour l'éditer.
  
 ---- ----
Ligne 46: Ligne 57:
   - **L'ancrer**   - **L'ancrer**
   - **L'éditer**   - **L'éditer**
- 
----- 
- 
-==== Ajouter un événement de solution via les poignées de scénarisation ==== 
- 
-Il est aussi possible d'ajouter les événements de solution via le détail des poignées de scénarisation.{{ :guide:detail.png?direct |}} 
-  
  
 ---- ----
Ligne 69: Ligne 73:
 Vous pouvez transformer un simulateur en une **démonstration** (à condition bien sûr que le simulateur présente des solutions pour ses écrans). Une démonstration fonctionne comme une vidéo. Elle montre à l’apprenant comment réaliser une série d’actions sur plusieurs écrans pour obtenir un résultat final. Vous pouvez transformer un simulateur en une **démonstration** (à condition bien sûr que le simulateur présente des solutions pour ses écrans). Une démonstration fonctionne comme une vidéo. Elle montre à l’apprenant comment réaliser une série d’actions sur plusieurs écrans pour obtenir un résultat final.
  
-Pour cela dans les propriétés du simulateur choisissez le type **Démonstration**.{{ :guide:demo_mode.png?direct |}}+Pour cela allez dans les propriétés du simulateur en cliquant sur le bouton **Propriétés** puis choisissez le type **Démonstration**.{{ :guide:demo_mode.png?direct |}}
  
 **Attention** si vous souhaitez avoir un simulateur et une démonstration simultanément dans votre projet, il est conseillé au préalable de [[guide:expert_06|dupliquer le simulateur]] que vous souhaitez transformer en démonstration. **Attention** si vous souhaitez avoir un simulateur et une démonstration simultanément dans votre projet, il est conseillé au préalable de [[guide:expert_06|dupliquer le simulateur]] que vous souhaitez transformer en démonstration.
Ligne 81: Ligne 85:
 Afin de montrer les manipulations attendues sur une scène, la **solution** est généralement composée d'un message suivi de l'animation montrant l'action décrite, et ce autant de fois qu'il y a d'actions à effectuer sur la scène. Afin de montrer les manipulations attendues sur une scène, la **solution** est généralement composée d'un message suivi de l'animation montrant l'action décrite, et ce autant de fois qu'il y a d'actions à effectuer sur la scène.
  
-  - Editer votre message dans ce champs{{ :guide:properties_msg.png?direct&400|}}+  - Editer votre message dans ce champ{{ :guide:properties_msg.png?direct&400|}}
   - Retrouver les informations du point d'attache   - Retrouver les informations du point d'attache
   - Modifier le type du message   - Modifier le type du message
Ligne 101: Ligne 105:
 ---- ----
  
-==== Remplir un champs ====+==== Remplir un champ ====
  
 L’événement **Remplir un champ** vous permet de simuler des actions de clic sur des éléments d’interface (champ texte, case à cocher, liste déroulante) et de réaliser des interactions de remplissage de champ. L’événement **Remplir un champ** vous permet de simuler des actions de clic sur des éléments d’interface (champ texte, case à cocher, liste déroulante) et de réaliser des interactions de remplissage de champ.
Ligne 159: Ligne 163:
 Pour **modifier le format du contour inséré** : Sélectionner le dans le déroulement de la solution (il est apparu par défaut en dernière position du déroulement), puis dans la liste des contours en barre de menu, choisissez le format souhaité.{{ :guide:selection_contour.png?direct |}} Pour **modifier le format du contour inséré** : Sélectionner le dans le déroulement de la solution (il est apparu par défaut en dernière position du déroulement), puis dans la liste des contours en barre de menu, choisissez le format souhaité.{{ :guide:selection_contour.png?direct |}}
  
-----+Pour **cacher le contour**, sélectionner d'abord le contour que vous souhaitez cacher dans la scénarisation de votre solution puis cliquez sur **cacher le contour**.{{ :guide:cacher_contour.png?direct |}}
  
-==== Appel de script personnalisé ====+Attention il faut insérer un délai entre l'événement **contour** et l'événement **cacher le contour**. Sinon le contour sera instantanément caché.{{ :guide:delai_solution.png?direct |}}
  
 ---- ----
guide/kmed_02.1574241985.txt.gz · Dernière modification : de pdo

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki