2016 Le guide rapide de Storyline BEKRAR Marwa Administrateur Web et Réseau Pr. ZERGUINI Taha Houssine Directeur du projet 0
Sommaire Introduction... 2 I. Arrangement des diapositives... 2 I.1 Insertion des diapositives... 2 I.2 Problème des images... 6 II. Le menu... 7 II.1 Donnez des titres à vos diapositives... 8 II.2 Organisez vos diapositives par scène (chapitre)... 9 III. Synchronisation... 11 III.1 Synchroniser l animation de vos textes avec l audio... 11 III.2 Les points de repère (Cue points)... 12 IV. Les déclencheurs (Triggers)... 13 V. L auto-évaluation... 14 V.1 Créer le test... 15 V.2 Ajouter les questions... 15 V.3 Résultats... 16 1
Introduction Storyline est un outil qui permet l édition de vos cours d une manière interactive et dynamique. Il donne la possibilité d utiliser un ensemble de médias (son, texte, vidéo) en vue de proposer un contenu pédagogique illustratif et cohérent. Ce guide est un manuel de prise en main rapide pour les utilisateurs de Storyline. Il leur permettra d appréhender rapidement les fonctionnalités indispensables de l outil en vue de mieux agencer les différents contenus pédagogiques. I. Arrangement des diapositives I.1 Insertion des diapositives Vos diapositives sont déjà insérées sur Storyline par notre équipe mais si vous désirez insérer une nouvelle version d une diapositive, vous pouvez le faire comme suit : 2
Sélectionnez la diapositive à modifier (1) ensuite cliquez sur l onglet «accueil» (2). Puis, cliquez sur le bouton «Nouvelle diapositive» (3), la fenêtre «Insérer des diapositives» s affiche : Cliquez sur «importer» (1) ensuite «PowerPoint» (2). «Articulate» vous ouvre une fenêtre d Explorateur Windows pour vous permettre de chercher votre présentation Powerpoint et l importer : Allez à l emplacement de votre nouvelle présentation Powerpoint, sélectionnez-la puis cliquez sur «Ouvrir» et patientez le temps d importer votre présentation. Quand l importation est terminée, la fenêtre suivante s affiche : 3
Cliquez sur le slide que vous désirez insérer dans la liste des diapositives affichée (1) ensuite choisissez «scène actuelle» dans la liste déroulante «Insérer dans la scène» en bas(2), puis cliquez sur «Importer» (3). «Articulate» insère la diapo juste après celle que vous avez sélectionnée au début comme l illustre la figure ci-dessous (1) : 4
Dans un premier temps, l insertion de la diapositive se fait sans la vidéo : Diapositive ajoutée sans vidéo En effet, vous devez revenir à la diapositive avec la vidéo à insérer (1) ensuite faites un clic droit sur «vidéo*.mp4» (2) et copiez la vidéo (3). Positionnez-vous sur la nouvelle diapositive, faites un clic droit ensuite cliquez sur «Option de collage : Conserver avec la mise en forme initiale». La vidéo est insérée, vous pouvez faire les modifications nécessaires sur le texte. Pour modifier le texte et les animations, vous avez les mêmes outils d édition que possède Powerpoint (le même principe de fonctionnement). 5
I.2 Problème des images Certaines présentations Powerpoint s insèrent comme image (1 et 2) sur «Articulate» ce qui vous empêchera de modifier le texte de vos diapositives, souvent, ce problème est causé par l utilisation de Powerpoint 2013. Afin d éviter le problème évoqué précédemment, utilisez la version 2007 pour créer vos présentations Powerpoint. Néanmoins, pour régler ce problème pour les présentations déjà faites suivez les étapes décrites ci-dessous : Ouvrez votre présentation PowerPoint et positionnez-vous sur la diapositive concernée (1). Sélectionnez le texte (2) et faites un clic droit ensuite «copier» (3). 6
Sur Storyline, sélectionnez la diapositive puis faites un clic droit, choisissez «options de collage : Conservez la mise en forme initiale» (4), cela copiera uniquement le texte sans les images des équations. Pour les équations en image, vous devez les copier une par une sur Storyline. II. Le menu Les titres de vos diapositives doivent toutes figurer dans le menu qui s affiche à gaucher de votre écran (1). Pour une meilleure visibilité du cours par l étudiant, il est utile de 7
séparer la leçon en plusieurs parties qu on appelle des scènes (ou chapitres) (2) qui possèdent chacune un titre et un ensemble de sous-titres (3). II.1 Donnez des titres à vos diapositives Chaque diapositive doit avoir un titre. L équipe technique a déjà nommé vos diapositives mais vous devez vous assurer que c est le bon titre. En cas d erreur, procédez comme suit : En bas à droit de la fenêtre de Storyline vous trouvez «Calques de diapositive» contenant le titre actuel de votre diapositive (1). Pour renommer, faites un clic droit ensuite «Renommer» (2). Le champ de saisi est déverrouillé pour vous permettre de saisir le titre de la diapositive(1). 8
II.2 Organisez vos diapositives par scène (chapitre) Pour créer une scène allez sur l onglet «Accueil» (1) ensuite cliquez sur «Nouvelle scène» (2), une nouvelle scène est créée (3). Pour renommer la scène, faites un clic droit ensuite renommer (4). 9
Vous devez regrouper les diapositives d un chapitre sous la même scène. Pour ce faire, sélectionnez les diapositives, glissez et déposez dans la scène (5). Lors de la création de la scène, une diapositive vide est insérée automatiquement (6). Vous devez la supprimer, faites un clic droit sur la diapositive ensuite cliquez sur «Supprimer» (7). 10
Faites la même chose pour tous les chapitres. Les scènes vont apparaitre l une à coté de l autre comme l illustre la figure ci-dessous : III. Synchronisation III.1 Synchroniser l animation de vos textes avec l audio Vos animations ne sont pas toujours synchronisées avec votre speech. Pour cela, vous devez définir le temps de transition de vos animations en fonction de votre discours. 11
Pour définir une chronologie des animations, allez sur l onglet «Options» (1) cela fera apparaitre la barre «Chronologie» (2). Juste au-dessous, vous trouvez un Timeline (ligne de temps) (3) et la liste des zones de texte avec animation (4). Lancer la vidéo et écouter l audio, quand le texte avec l animation doit apparaitre, Faites glisser la zone de texte au point sur la Timeline pour indiquer le moment où il apparaît. III.2 Les points de repère (Cue points) Pour vous aider à définir des points de repère (les instants de démarrage de vos animations) rapidement durant le déroulement de la vidéo, appuyez sur le bouton «C», cela 12
fera apparaitre un «Cue Point» (1) sur le Timeline. Faites glisser les zones de texte à animer aux points de repère que vous avez définis. IV. Les déclencheurs (Triggers) Le déclencheur sert à définir la séquence de démarrage des diapositives. Durant la visualisation du cours vidéo, vos diapositives doivent s enchainer les unes après les autres automatiquement sans l intervention de l utilisateur. Pour définir vos déclencheurs, allez sur l onglet «Accueil» (1) ensuite cliquez sur «Scène de démarrage» (2), a droite, vous trouvez une liste des déclencheurs (3). 13
Vous devez définir trois déclencheurs : un déclencheur qui sert à démarrer automatiquement la diapositive suivante à la fin de la diapositive en cours. Un deuxième déclencheur pour le bouton «suivant» et un troisième pour le bouton «précédent». Quand vous cliquez sur le lien du déclencheur, il vous propose une liste de diapositives. Sélectionnez celle qui correspond à votre déclencheur. V. L auto-évaluation Vous pouvez valider les connaissances acquises par vos apprenants en créant des Auto-évaluations. Storyline vous permet de créer des tests personnalisés. 14
V.1 Créer le test Pour créer un test, aller sur l onglet «accueil» (1) ensuite «Nouvelle Diapositive» (2) ; La fenêtre «Insérer des diapositives» s ouvre, cliquez sur «Mises en page basiques» (3). Une liste de modèle de diapositives «Clean» est proposée, choisissez «Question avec média» (4) ensuite cliquez sur «insérer» (5 V.2 Ajouter les questions Pour ajouter une question, cliquez sur «Question» (1) ensuite choisissez d insérer un des types de questions proposées (2). Cliquez sur le bouton «Insérer». 15
V.3 Résultats Pour afficher le résultat de l étudiant à la fin du test, cliquez sur «Question» ensuite «Diapositives des résultats». Choisissez un des modèles proposés et cliquez sur le bouton «insérer». 16