Manuel Storyline

Articulate Storyline
Guide
Rapide
Documentation technique Storyline ralise et traduite par Distrisoft et usage exclusif de ses clients.
Page 2
Table des Matires

AVANT PROPOS ..........................................................................................................................................................5
1. Mission et Objectifs de DistriSoft...................................................................................................................5
2. Formation et Expertise ...................................................................................................................................5
DEMARRER AVEC STORYLINE .....................................................................................................................................6
3. Crez votre premire diapositive avec Articulate Storyline ..........................................................................6
4. Synchroniser des animations avec laudio dans Storyline .............................................................................8
5. Importer des diapositives PowerPoint dans Storyline .................................................................................13
6. Crer des diapositives interactives ..............................................................................................................15
7. Crer un scnario interactif avec Storyline ..................................................................................................18
8. Ajouter et modifier des triggers (dclencheurs) ..........................................................................................22
9. Ajouter un marqueur interactif une image ...............................................................................................27
10.
Crer des interactions en Glisser/Dposer ..............................................................................................30
11.
Crer des questions de Quiz ....................................................................................................................34
12.
Cration dune page de rsultats .............................................................................................................36
13.
Cration de Screencast et de simulations de logiciels .............................................................................38
14.
Screencast - Enregistrer une vido ..........................................................................................................39
15.
Editer les Screencast Vidos ....................................................................................................................40
16.
Cration dune Simulation Interactive .....................................................................................................43
17.
Editer des simulations interactives ..........................................................................................................44
18.
Personnaliser le Player .............................................................................................................................46
19.
Comment publier votre cours ..................................................................................................................47
ANNEXES ..................................................................................................................................................................48
Page 3
Page 4
AVANT PROPOS
Ce manuel est la traduction des articles et chapitres les plus importants et significatifs disponibles ladresse
URL suivante : http://community.articulate.com/tutorials/products/articulate-storyline.aspx .
Vous disposez dsormais de donnes consultables tout moment pour vous aider concevoir vos publications.
Des tutoriels en ligne ne pouvaient remplacer un tel document car Storyline est particulirement riche en
fonctionnalits. Cest pourquoi nous avons fait le choix de localiser cette documentation.
1. Mission et Objectifs de DistriSoft

Intgrateur de solutions, nous avons slectionn diffrentes offres logicielles et mis au point notre approche
pdagogique. Comme tout spcialiste dans le domaine de le-Learning nous avons la capacit crer du contenu
et vous assister lors de la mise en place de votre projet.
Mais lexpertise technique ne suffit pas si elle nest pas appuye par une connaissance de la pdagogie
applique le-Learning. Nous avons identifi les cueils surmonter dans le domaine de le-Learning et
considrons que notre mission premire est de vous rendre totalement autonome.
2. Formation et Expertise
Notre exprience dans la matrise des solutions Articulate est confirme anne aprs anne par la confiance que
nous accorde lditeur depuis 2004. Depuis, plus de 1000 socits, organisations et collectivits ont fait appel
DistriSoft pour acqurir lun des produits de la gamme Articulate. Cette documentation complte galement
nos formations de Base, Expert Storyline ou de Pdagogie applique le-Learning.
Pour plus de prcisions connectez-vous en cliquant ici.
Page 5
DEMARRER AVEC STORYLINE

3. Crez votre premire diapositive avec Articulate Storyline
Dans ce tutoriel nous allons voir comment ajouter du contenu vos diapositives.
Vous oprerez le plus frquemment dans Storyline via longlet Insert/Insertion. Comme vous pouvez le voir dans
limage ci-dessous, vous pouvez insrer des diapositives, du contenu statique comme des images, des vidos, et
du texte, et vous pouvez insrer des lments interactifs.
La Pratique
Voici un dossier pratique incluant certains fichiers tlcharger.
Nous dmarrerons par la construction dune simple diapositive qui inclut du texte, des images et des formes.
Vous construirez un cran tel que ci-dessous.
Page 6
Onglet Insert, cliquez sur New Slide, et dans Basic Layout slectionnez Blank (pour diapositive vierge)
Toujours dans longlet Insert, ajoutez une image en cliquant sur Picture
Aprs avoir cliqu sur Text Box, dterminez une zone de texte dans votre diapositive et ajoutez un titre.
Utilisez nouveau Text Box pour ajouter un corps de texte.
Nous supposerons quil sagit dun cours comportant trois sections:
En cliquant sur Shape, ajoutez une forme pour chaque section de cours,
Ajoutez le texte suivant dans chaque forme: Section 1, Section 2 et Section 3
Slectionnez la premire forme. Augmentez la taille de la police et partir de longlet Format appliquer
un dgrad de couleur la forme
Allez longlet Home. Utilisez Format Painter pour appliquer le format de la premire forme aux deux
autres.
Allez longlet Design. Dterminez un thme de diapositive et de couleur de diapositive tel que cidessous
A ce stade, la diapositive que vous avez construite est assez simple. Mais, durant le processus, vous avez appris
insrer et modifier une partie du contenu de base. Vous avez appris utiliser Format Painter et appliquer
des thmes.
Page 7
4. Synchroniser des animations avec laudio dans Storyline

Dans le prcdent tutoriel, nous avons appris comment crer une diapositive et ajouter du contenu simple
comme du texte ou des formes.
Nous dmarrerons nouveau avec une diapositive vierge. Cela vous permettra de mettre de nouveau en
application ce que vous aviez appris dans le tutoriel prcdent. Nous ajouterons une image et crerons un cran
de projection avec du texte dedans. Ensuite nous ajouterons des animations au texte. Puis finalement, nous
enregistrerons du son et apprendrons le synchroniser avec le texte anim.
Lobjectif est crer la diapositive ci-dessous:
La pratique
Voici un fichier tlcharger dans le cadre de ce tutoriel.
Cration de la diapositive et ajout dun personnage
Ajoutez une nouvelle diapositive. Slectionnez un format vierge (blank)
Allez longlet Design. Dterminez un nouveau thme avec fond gris en dgrad tel que ci-dessous :
Page 8
Allez longlet Home. Ajoutez un rectangle lcran afin de crer une ligne dhorizon (couleur bleu)
Clic droit sur le rectangle et slectionnez Format Shape tel que ci-dessous.
Page 9
Ajustez la transparence 50%
Line color= pas de ligne (no line)
Ajoutez un personnage (onglet Insert>Character>Photographic)
Cration du tableau blanc et texte
Ajoutez un rectangle la diapo pour crer un tableau blanc
Dterminez un fond blanc au rectangle
Vous devriez avoir un cran comme ci-dessous:
Page 10
La Timeline (ligne de temps)

Remarquez la timeline dans longlet sous la diapositive. Notez les objets dans la timeline. Vous pouvez les
dplacer vers la gauche ou vers la droite quand ils arrivent ou sortent. Vous pouvez galement modifier la
position des calques en les dplaant de haut en bas.
Nous allons enregistrer une piste audio, puis nous allons ajouter un peu danimation la zone de texte. Ensuite,
nous pourrons synchroniser laudio au texte anim.
Rservez de lespace en tapant quelques lignes. Lespace rserv sera compos de trois paragraphes.
Ajoutez une animation au texte. Cliquez sur longlet Animation>Entrance Animation puis cliquez sur
ltoile droite et slectionnez Fly In (By First Level Paragraph). Cela va animer les paragraphes
individuellement.
Aller la Timeline, dans le titre de la zone de texte se trouve une petite flche qui lorsque vous cliquez
dessus fait apparatre chacun des paragraphes dans la Timeline.
Faites glisser les diffrents paragraphes diffrents points sur la Timeline pour contrler le moment o
ils apparatront et ensuite cliquez sur Preview.
Enregistrer un commentaire audio

Nous allons enregistrer de laudio et ensuite le synchroniser avec les trois paragraphes.
Allez longlet Insert. Slectionnez Sound>Record Mic. Enregistrez quelque chose de simple comme:
Voici le paragraphe 1. Il est trs intressant. Voici le paragraphe 2. Il est plus court. Voici le paragraphe
3.
Vous devriez voir apparatre la piste audio sur la Timeline.
Ajouter des points de repre sur la Timeline

Maintenant nous allons ajouter quelques points de repre (Cue Point) de faon faciliter la synchronisation de
laudio avec les animations.
Page 11
Lancez laudio et placez un point de repre au dbut de chaque phrase. Pour ce faire, appuyer sur la
touche C lorsque vous souhaitez placer un point de repre. Ne vous formalisez pas si ce nest pas parfait
car vous pourrez les dplacer plus tard. Chaque fois que vous appuyez sur la touche C, un point de
repre sajoute la timeline.
Maintenant nous allons dplacer les paragraphes le long de la Timeline pour les aligner sur les points de
repre. Vous pouvez les faire glisser ou par un clic droit slectionnez Align to Cue Point.
Lorsque vous avez termin, cliquez sur Preview pour drouler lanimation de la diapositive. Vous devriez
entendre le son et voir le texte safficher en correspondance avec les repres.
Cest fondamentalement ce qui se passe lorsquil sagit de synchroniser des animations des fichiers audio.
Tous les objets que vous ajoutez lcran peuvent tre dplacs le long de la Timeline pour crer un point
dentre et de sortie. Cest partir de longlet Animation que vous pouvez ajouter des animations en entre et
en sortie.
Encore une fois, cette dmo est trs simple. Mais dans cet exercice vous avez appris ajouter et modifier du
contenu comme du texte, des formes et des personnages. Vous avez galement appris utiliser la timeline,
comment synchroniser des animations avec de laudio sur la Timeline grce aux points de repre. Ceci vous
donne les bases pour aller plus loin et gnrer des objets anims sur et hors de lcran.
Page 12
5. Importer des diapositives PowerPoint dans Storyline

Il y a de grandes chances pour que vous disposiez dune partie de votre contenu sous forme de diapositives
PowerPoint. Leur importation dans Storyline est extrmement simple. De plus, aprs les avoir intgres dans
votre projet, vous pourrez les travailler comme si elles avaient t cres directement dans Storyline.
Dans ce tutoriel, nous allons importer quelques diapositives PowerPoint et puis nous effectuerons quelques
modifications. Pour le cas prsent, le fichier de dpart de PowerPoint comporte une vido et un objet web dun
prcdent cours Articulate Studio.
La Pratique
Ok, on y va! Voici dj quelques lments tlcharger qui vous permettront de suivre ce tutoriel et le mettre
en pratique.
Crez un nouveau projet Storyline
Slectionnez longlet Insert>New Slide>Import
Slectionnez PowerPoint tel que ci-aprs:
Interface d'importation de Storyline

Page 13
Localisez sur votre disque dur le fichier PowerPoint que vous venez de tlcharger
Importez les trois diapositives qui taient contenues dans le fichier ZIP
Vrifier ce qui a t import
Vous remarquerez que lorsque vous importez des diapositives, les objets sont ditables et modifiables.
Les zones de texte des diapositives PowerPoint deviennent des zones de texte dans Storyline. Et la
mme chose se produit pour les formes et les images. Cela signifie que tous ces lments sont
modifiables, tout comme ils le seraient sils avaient t crs directement dans Storyline.
Les diapositives comportant des objets web et des vidos fonctionnent aussi comme elles le devraient.
REMARQUE: les objets web ne saffichent pas tant quils ne sont pas publis.
Si vous regardez dans longlet Design, vous remarquerez que les diapositives PowerPoint sont dsormais
incluses en tant que modles Storyline.
Dans longlet Notes, les commentaires pour chaque diapositive ont t reports. Et quand vous
examinez les diapositives qui comportent la vido et lobjet web, il en est de mme.
Comme vous pouvez le constater, limportation de contenu PowerPoint est assez homogne. Allez-y et modifiez
une partie du contenu:
Modifiez la taille du texte et la couleur.
Modifiez la forme et sa couleur.
Dplacez les lments
Que devez-vous surveiller lors de limportation de diapositives PowerPoint?

Le processus dimportation est simple et direct. Ce sont cependant deux applications diffrentes et il y a
certaines choses prendre en considration lors de limportation. Voici quelques prcisions sur la base du
fichier de pratique:
Examinez la navigation dans les diapositives afin de vous assurez quelles se comportent selon vos
souhaits.
PowerPoint fonctionne de faon linaire et le Trigger Jump to next slide Passer la diapositive
suivante sera import. Vous aurez besoin de le modifier ou le supprimer.
Les hyperliens de PowerPoint arrivent avec les objets. Mais vous pouvez souhaiter convertir les formes des
hyperliens en boutons. Voici comment:
Allez longlet Insert et insrez un bouton. Dterminez un format pour celui-ci.
Allez longlet Home et double-cliquez sur Format Painter
Appliquez le format du bouton aux formes PowerPoint comportant de hyperliens. Cest la faon simple
pour convertir des formes PowerPoint avec hyperliens en boutons.
Pour rsumer, nous avons dmarr avec un fichier PowerPoint comprenant 3 diapositives avec une vido et un
objet web. Aprs importation, nous avons pu modifier le contenu des diapositives et convertir rapidement les
objets avec liens hypertextes en boutons interactifs.
Maintenant cest vous de faire. La pratique sappuie sur ce que nous avons dcrit ici. Cest tout ce qui
concerne lajout de contenu pour cette srie. Dans le prochain tutoriel, nous regarderons comment construire
un contenu interactif dans Storyline.
Page 14
6. Crer des diapositives interactives

Dans les tutoriels prcdents, nous avons examin la faon d'ajouter du contenu simple comme des images, du
texte et vido pour les diapositives. Et nous avons appris comment synchroniser des animations pour une piste
audio.
Dans ce tutoriel, comme pratique nous allons crer du contenu interactif dans Storyline.
Storyline est livr avec certains lments pr-construits interactifs comme des boutons et des marqueurs. Il
permet toutes sortes d'interactions personnalisables, comme le glisser dposer, le survol de souris et
l'utilisation de variables. Comme il s'agit d'un tutoriel de mise en route, nous allons rester simple.
Dans Storyline, nous allons explorer le processus essentiel qui permet de crer du contenu interactif. Ce sujet
couvert, nous apprendrons les points suivants:
Crer un scnario interactif
Ajouter des marqueurs interactifs
Crer une interaction en glisser dposer
Tlcharger ce dossier en cliquant ici pour vous permettre de suivre ce tutoriel.
Comprendre les States, Slide Layers et Triggers (tats, Calques et Dclencheurs)

Crer du contenu interactif ncessite que vous compreniez le processus fondamental de cration dans Storyline,
car que tout se passe avec les States, Slides Layers et Triggers
Ce que vous devez savoir propos des States/Etats:

Tout objet plac sur la diapositive peut avoir plusieurs tats. Modifier les tats de l'un l'autre ncessite une
action de dclenchement.
Par exemple, les boutons ont gnralement un tat normal. Et quand vous passez la souris sur le bouton son
tat va diffrer. Et puis, quand vous cliquez sur le bouton, il change nouveau d'tat. Dans cet exemple, vous
avez trois tats:
Page 15
Normal - l'tat du bouton avant de faire quoi que ce soit
Hover - l'tat du bouton au survol de la souris
Down - l'tat du bouton lorsque vous cliquez dessus
Les tats sont modifis sur la base d'une action dclenche, comme au survol de votre souris ou en cliquant sur
le bouton. La puissance de Storyline ne se limite pas aux boutons interactifs. Tout objet que vous mettez sur la
diapositive peut avoir plusieurs tats qui peuvent tre dclenchs par l'action de l'utilisateur.
Ce que vous devez savoir propos des Slides Layers (Calques)

Les calques se superposent sur la diapositive et vous crez ensuite des actions dclenches via les Triggers pour
les montrer ou les masquer. Par exemple, vous pouvez imaginer une bulle avec texte qui apparat comme
rponse suite un clic sur un choix.
Ce que vous devez savoir propos des Triggers (Dclencheurs)

Les dclencheurs sont les actions qui dirigent l'interactivit dans Storyline. Quand quelqu'un clique sur un
Page 16
bouton et que vous voulez que quelque chose arrive, cela ncessite un Trigger. Lorsque vous survolez un texte
avec la souris et que vous voulez changer les couleurs, cela ncessite un dclencheur. Quand quelqu'un effectue
un glisser/dposer d'une image et que vous voulez afficher des commentaires, cela ncessite un dclencheur.
Les dclencheurs sont conus pour tre trs simples. C'est toujours la mme squence:
que voulez-vous voir arriver,
quand voulez-vous que cela se produise.
Exemple: je veux changer l'tat du personnage quand je clique sur le bouton.
C'est l'essence mme de la cration de contenus interactifs avec Storyline - chaque objet peut avoir plusieurs
tats et les diapositives peuvent avoir des calques. Et les Triggers vous permettent de crer des actions telles
que les changements d'tat et afficher ou masquer les calques.
Bien sr, les Triggers peuvent faire beaucoup plus que des changements d'tat ou montrer/masquer des
calques. Cela dpend seulement de ce que vous voulez faire. Pour l'instant, nous allons rester simples. Une fois
que vous saurez manipuler un certain nombre de choses simples, n'hsitez pas pratiquer de plus en plus vers
plus de complexit.
Nous allons crer une interaction simple en utilisant les changements d'tat, les calques de diapositives, et les
dclencheurs. Nous allons galement jeter un il sur la faon de travailler avec les personnages de Storyline.
Page 17
7. Crer un scnario interactif avec Storyline

Dans cette srie de tutoriels nous allons apprendre utiliser les States, Layers et Triggers Etats/Ractions,
Calques et Dclencheurs.
Nous allons supposer quil sagit de crer une interaction mettant en uvre un centre dappels o un client
appelle afin de signaler un problme. Lemploye doit prendre une dcision. Ceci dterminera un choix: lun
positif, lautre ngatif.
La diapositive utilise pour la pratique intgre dj suffisamment de contenu. Vous avez un client et une
situation qui exige une dcision. Nous ajouterons une employe et crerons une interaction simple partir de
laquelle nous formulerons des commentaires en changeant lexpression du personnage et en montrant des
calques successifs.
Voici le fichier tlcharger pour vous permettre de suivre.
Pratique : crer des rtroactions avec changements dtat
Ouvrez le fichier scenario-starter.story partir du dossier de pratique
Allez longlet Insert. Insrez un nouveau personnage qui sera votre employe du centre dappels.
Slectionnez une expression avec lattitude correspondante et le casque.
Rognez la partie hors du cadre de la diapositive
Maintenant, nous allons ajouter un bouton de rtroaction qui modifiera ltat ou raction des 2
personnages au clic de souris.
Insrez un bouton. Ceci sintitulera Choix 1. Dans ce scnario, le Choix 1 nest pas le meilleur choix et le
client se mettra en colre. Donc, ajoutons un Trigger au bouton qui modifiera ltat du client en celui de
colre.
Page 18
Slectionnez le bouton, cliquez sur licne droite Create a new trigger, la fentre ci-dessous
apparatra et modifier les paramtres en consquence:
Cliquez ensuite sur Preview afin de vrifier la bonne excution de cette action
Vous avez construit votre premire interaction! Maintenant, ajoutons un trigger qui modifiera lexpression de
lemploye du call center galement.
Slectionnez le bouton Choix 1 et ajoutez un nouveau trigger partir du panneau des triggers droite
de linterface
Modifiez la raction de lemploye du call center surprised. Et ensuite vrifiez via Preview.
Changement d'expression des personnages

En seulement quelques tapes simples, vous avez construit une interaction e-learning rapide. Assurez-vous
denregistrer les modifications afin que nous puissions les utiliser pour le tutoriel suivant.
Page 19
Crer des actions par lutilisation de Calques

Dans le tutoriel prcdent, nous avons ajout des actions en utilisant des changements dtat et des triggers.
Dans ce tutoriel, nous ajouterons des actions au scnario interactif grce aux calques de diapositives.
Voyons ce que nous avons fait jusqu prsent. Nous avons cr un bouton Choix 1 qui, lorsquon clique dessus,
modifie les expressions du client et de lemploye. Cest un excellent moyen damener un retour visuel vos
cours. Maintenant nous allons ajouter un Calque (Slide Layer) au bouton. Ensuite, nous ajouterons un autre
bouton pour Choix 2.
Ouvrez le fichier prcdent.
Dans le panneau Slide Layers droite de linterface Storyline, ajoutez un Calque et intitulez-le Choix 1
(par clic-droit>Rename). Remarquez comment la diapositive de base apparat dans le panneau Slide
Layer. Nous allons ajouter une nouvelle rponse de la cliente au mme endroit o nous avons la
dclaration dorigine du client. Cachons le commentaire du client de sorte quil nest pas visible lorsque
nous montrons cette couche.
Sur la Timeline vous verrez les Base Layer Objects. Cliquez sur la flche pour dvelopper la Timeline.
Ensuite cliquez sur licne en forme dil pour cacher la zone de texte comme ci-dessous:
Ajoutez une zone de texte au calque en tant que rponse du client. Ajoutez un texte indiquant que le
client nest pas content de la rponse.
Cliquez sur le calque de base. Maintenant ajoutons un trigger pour le bouton Choix 1 qui affichera le
calque Choix 1.
Slectionnez le bouton Choix 1. Ajouter un trigger pour montrer le calque Choix 1 au clic de souris (voir
ci-dessous).
Page 20
Lancez le Preview. Vous devriez voir les expressions des personnages changer et le texte du calque
Choix 1 safficher.
Trigger appelant un calque au clic de souris

Crer un nouveau calque
Maintenant nous dupliquerons le calque et le bouton pour le second choix
Slectionnez Choix 1 et ensuite dupliquez -le via le bouton Duplicate Selected Layer
Intitulez le texte en Choix 2 et ensuite modifiez le texte en une rponse positive.
Crer un nouveau bouton
Copiez le bouton Choix 1. Maintenir SHIFT+CTRL et glissez le bouton droite.
Copiez le bouton, copie aussi les triggers. Ceci signifie que naurez pas refaire tous les triggers mais
simplement les modifier partiellement pour gnrer les interactions.
Sur les triggers du bouton Choix 2, changez le lien de Angry Happy pour le client.
Changez le lien de Worried Happy pour lemploye
Et changez le lien du calque de Choix 1 Choix 2
Cliquez sur Preview pour vrification
En quelques clics, vous avez cr un scnario interactif incluant une prise de dcision laide des fonctions
States, Triggers et Slide Layers. Cest lessence mme de la cration de contenu interactif avec Storyline. Bien
sr, il y a bien plus dcouvrir avec ces notions mais ce point cest dsormais pour vous une simple question
de pratique de ces fondamentaux.
Page 21
8. Ajouter et modifier des triggers (dclencheurs)

Nous avons choisi de dcrire comment utiliser les triggers ou dclencheurs en franais. Il sagit dun des points
qui diffrencie Studio de Storyline. La cration dinteraction est ralise avec les dits-dclencheurs, et les
comprendre est essentiel pour la construction de vos publications futures
Jetons dj un coup doeil sur un exemple:
Voir lexemple publi | Tlcharger le fichier source
Ajouter votre premier trigger

Pour ajouter un trigger un objet, slectionnez lune des options suivantes:
Cliquez sur licne Create new trigger dans le panneau des triggers
Allez Insert>Interactive Objects>Trigger
Ou bien, si vous travaillez avec un bouton insr sur votre diapositive, vous pouvez cliquer sur le raccourci Add
Trigger qui apparat pour ce bouton dans le panneau des Triggers.
Page 22
Lassistant des Triggers vous guide travers le processus:

1. Dterminer laction: Show Layer (voir calque)
2. Dterminer le calque montrer: Layer 1
3. Dterminer quand laction se droulera: User clicks (au clic de souris)
4. Quel objet dclenche laction: Button 1
5. Cliquer sur OK
6. Prvisualiser la diapositive
Vous venez de crer un bouton interactif qui rvle un nouveau calque. Le processus sera le mme pour tous les
nouveaux triggers que vous crerez:
1. Ce qui arrive (actions)
2. O cela doit-il se produire (diapo, calque, objet, personnage, etc.)
3. Quand cela doit-il survenir (vnement)
Editer des Triggers

Il est facile de modifier les dclencheurs avec Storyline
Pour modifier un lment dclencheur, effectuez lune des options suivantes:
Dans le panneau des Triggers, double-cliquez sur le dclencheur pour faire apparatre lassistant
Ensuite, faites les ajustements souhaits.
Ou bien, dans le panneau des Triggers, recherchez tous les lments qui sont modifiables la vole (ils
apparaissent en soulign et en bleu) et effectuez vos modifications directement dans le panneau des Triggers en
cliquant sur le texte soulign en bleu et en choisissant dans le menu droulant (les lments communs que vous
pouvez modifier la vole dans le panneau des Triggers intgrent les calques, les valeurs des variables, les
oprateurs de variables et les ractions states).
Page 23
Copier et coller des Triggers

Lorsque vous travaillez avec beaucoup de dclencheurs, il est plus rapide de copier et coller les dclencheurs
existants sur de nouveaux objets. Une fois un dclencheur coll un nouvel objet, vous pourrez effectuer les
ajustements ncessaires sur le trigger nouvellement coll en travaillant droite dans le panneau des triggers.
Voici comment cela fonctionne:
1. Dans le panneau, slectionnez le trigger que vous venez de crer pour le bouton 1
2. Copiez le trigger via CTRL+C ou en cliquant sur licne de copie du trigger slectionn.
3. Slectionnez le bouton 2 dans le panneau (ou slectionnez-le sur votre diapo).
4. Collez le trigger via CTRL+V ou en cliquant sur licne Coller
5. Mettez jour le trigger du bouton 2 en cliquant sur le calque 1 dans le panneau des triggers, et en
choisissant calque 2 partir du menu droulant.
Coller des dclencheurs/triggers sur plusieurs objets

Vous pouvez galement coller un dclencheur vers plusieurs objets en un seul clic. Cette fonction est pratique
ds quil est ncessaire dappliquer les mmes dclencheurs plusieurs objets comme une interaction donglets.
Page 24
Par exemple, si vous construisez des interactions donglets avec un tas donglets, vous pouvez appliquer le
dclencheur Show layer un groupe donglets slectionn.
Voici comment cela fonctionne:
1. Crer le premier dclencheur
2. Copier lun des deux dclencheurs que vous venez de crer
3. Slectionner le Bouton 3 et le Bouton 4 sur votre diapo via shift-clic de souris
4. Presser sur CTRL+V ou cliquer sur licne Coller
5. Dans le panneau des dclencheurs, mettre jour les dclencheurs des boutons 3 et 4 pour cibler le
calque correct
Coller un dclencheur sur plusieurs objets permet de gagner un temps considrable. Rappelez-vous simplement
de mettre jour vos dclencheurs aprs les avoir copis.
Copier des dclencheurs par duplication dobjets

Une autre solution pour copier/coller des dclencheurs consiste dupliquer un objet qui contient dj un
dclencheur. Cest utile si vous avez personnalis un bouton et que vous avez diffrents dclencheurs sur ce
bouton.
Tlcharger le fichier source

Pour vous permettre de suivre, nous travaillons sur le fichier DuplicatingObjects_START.story.
Le dossier du projet a t ralis pour vous. Il comprend 4 calques et un bouton avec 2 dclencheurs. Les
dclencheurs sont rgls sur: afficher un calque et changer la raction du personnage.
Page 25
Au lieu de crer un nouveau bouton et ajouter deux dclencheurs chaque fois, un moyen plus rapide est de
dupliquer le bouton quatre fois de plus. Les dclencheurs sont inclus avec les objets dupliqus.
1. Slectionnez le bouton 1 et appuyer sur CTRL+C pour copier le bouton
2. Appuyez 4 fois sur CTRL+V pour coller 4 copies du bouton
3. Dans le panneau des dclencheurs, vous pouvez dsormais facilement mettre jour la fois le calque
souhait et ltat du personnage pour bouton.
Avec Storyline, vous trouverez de nombreuses faons de raliser le mme rsultat. Comprendre les diffrents
workflows vous aidera travailler aussi efficacement que possible.
Page 26
9. Ajouter un marqueur interactif une image

Dans ce tutoriel, nous allons ajouter un marqueur interactif une carte de Washington, et puis nous
effectuerons quelques modifications sur le marqueur.
Commencez par tlcharger le dossier pratique.
Insertion de marqueur sur une image
La Pratique
Crer un marqueur.
Ouvrez le fichier WashingtonDC.story.
Allez longlet Insert et localisez les marqueurs tels que dans limage ci-dessus. Slectionnez un
marqueur et ajoutez-le au Washington Monument (loblisque).
Positionnez ltiquette du Marker. Si vous cliquez sur ltiquette, vous pouvez la faire glisser autour du
marqueur. Utilisez les points dancrage latraux de ltiquette pour modifier sa taille.
Ajouter du contenu au marqueur
Ajoutez un titre et une description.
Formatez le texte comme vous le feriez avec tout autre texte.
Cliquez sur Preview pour vrification. Notez lanimation sur le marqueur et comment
ltiquette apparat au survol et au clic de la souris.
Page 27
Modifier le marqueur
Ralisons quelques modifications sur le marqueur.
Double-cliquez sur le marqueur afin douvrir le menu Marker Tools. Regardons les options disponibles
et explorons ce que nous pouvons effectuer comme modifications au niveau des icnes, des animations,
de la couleur des marqueurs et du style dtiquette.
Changez lanimation (option Animate en haut gauche) et dplacez ltiquette de faon ce quelle
apparaisse en bas du monument
Cliquez sur Preview pour voir les modifications
Page 28
Crer un marqueur avec vido

Nous allons ajouter une vido sur ce mme marqueur en remplaant le texte par cette vido.
Supprimez le texte et double-cliquez sur le marqueur afin de faire apparatre le menu Marker Tools.
Dans Marker Options, cliquez sur Media>Video from File et insrez la vido incluse dans le fichier de
pratique.
Une fois la vido insre dans ltiquette, vous pourrez jouer la fois sur la taille de la vido et de
ltiquette.
Cliquez sur Preview pour vrification.
Comme vous pouvez le constater, lajout de marqueurs interactifs est assez simple. Les modifier est aussi ais
que modifier toute autre forme dans Storyline. Trouvez dautres images et dautres vidos afin de vous habituer
crer des marqueurs dans Storyline.
Dans le prochain tutoriel, vous jetterez un coup dil la cration dinteraction en glisser-dposer.
Page 29
10. Crer des interactions en Glisser/Dposer

Dans les tutoriels prcdents, nous avons appris utiliser les States, Slides Layers et Triggers (Etats, Calque et
Dclencheurs) afin de construire un scnario interactif. Puis nous avons appris ajouter des marqueurs
interactifs une image. Dans ce tutoriel nous allons voir comment crer rapidement une interaction en Drag
and Drop (glisser et dposer).
Les bases du Glisser Dposer

Voici un bref aperu du mode de fonctionnement en Glisser Dposer. Tout d'abord, vous avez besoin d'un
lment qui peut tre dplac. Et vous avez besoin d'un endroit o le dposer. Nous appelons cela la cible.
Lorsque vous crez le glisser-dposer dans les interactions Storyline, vous slectionnez l'lment dplaable et
ensuite la cible l'aide d'un simple formulaire.
Crer un tri d'lments en Drag & Drop

Construisons une interaction rapide en glisser dposer dans laquelle nous allons trier des carrs de couleur une
trane de tri rapide et chute de l'activit o l'on va trier des carrs de couleur en les dposant dans une
poubelle ou un classeur de dossier. Pour commencer, tlchargez les fichiers correspondants la pratique.
Ouvrez le fichier drag-drop.story. ce stade, la diapositive ne contient que quelques objets. Il ya deux
ensembles de carrs de couleur (jaune et bleu) et deux images, une poubelle et un classeur. Vous
remarquerez galement qu'il n'y a pas de calques de diapositives. Nous allons convertir cette diapositive
en une question de forme libre.
A partir de l'onglet Insert, slectionnez Convert to Freeform. Et puis choisissez Drag and Drop.
Page 30
Cela ouvre un formulaire (voir image ci-aprs) partir duquel vous pouvez choisir vos lments de type
Drag et les cibles de type Drop. Le formulaire contient galement la programmation par dfaut
ncessaire l'interaction et le retour d'information (rponse si russite ou non au test par exemple).
Comme vous pouvez le voir, il y a quelques options. Pour l'instant, nous allons simplement travailler
avec les valeurs par dfaut.
Page 31
Sous la colonne des lments glisser (Drag Item), slectionnez tous les carrs jaunes et bleus. Cela les
rend dplaables.
Dans la colonne droulante Cible (Drop Target), slectionnez la poubelle pour les carrs jaunes et le
classeur de dossiers pour les carrs bleus. Nous conserverons tous les paramtres par dfaut.
Cliquez sur Save & Close en haut gauche.
Cliquez sur Preview pour voir l'interaction Drag & Drop en fonction. Plutt pas mal, non?
Ce processus a converti les objets de la diapositive en une interaction en glisser dposer. Maintenant, regardons
cela au niveau des calques de diapositives. Vous remarquerez que Storyline a cr les calques Incorrect et
Correct. Elles peuvent tre dites, tout comme n'importe quelle autre couche.
Si vous souhaitez modifier l'interaction, cliquez sur le bouton Edit Drag and Drop dans le coin en haut droite.
Nous nous en tiendrons aux valeurs par dfaut, mais n'hsitez pas regarder les options et tester pour voir ce
qui se passe.
Comme vous pouvez le voir, la construction des interactions drag & drop est assez facile. Le point cl est que
tout ce que vous mettez sur la diapositive peut tre converti en une interaction drag & drop en quelques
minutes. Cela va vous autoriser toutes sortes de possibilits pour l'apprentissage en ligne.
Crez un tri d'objets de votre propre cr. Voyez si vous pouvez comprendre comment obtenir que les lments
retournent leur place de dpart lorsqu'ils n'ont pas t glisss sur la bonne cible.
Option Pick One
Page 32
Convert to Freeform > option Pick One

A ce point, nous allons crer une autre question de forme libre. Nous utilisons le mme processus que le drag &
drop, mais dans cette dmo, nous allons utiliser l'option Pick One.
Voyons comment vous allez procder.
Commencez avec le fichier drag-drop.story et slectionnez la diapositive avec les trois personnages.
Convertissez-le en une question de forme libre de type Pick One et faites que l'un des personnages soit
slectionnable en tant que rponse correcte et les 2 autres en tant que rponse incorrecte.
Cliquez sur Preview.
Aperu de l'interaction avec l'option Pick One

Comme vous pouvez le voir, Storyline, permet facilement de convertir une diapositive et ses objets en une
interaction de forme libre. Bien videmment, vous pouvez crer beaucoup plus de contenu interactif dans
Storyline. Mais c'est un bon dbut. La meilleure chose est de mettre en pratique partir de vos propres
interactions. Si vous tes coinc, n'hsitez pas nous interroger ou vrifier parmi les tutoriels Storyline.
Dans le prochain tutoriel, nous allons voir comment crer questions du quiz dans Storyline.
Page 33
11. Crer des questions de Quiz

Articulate Storyline offre les options suivantes concernant les Quiz
Vous pouvez insrer des quiz standards ou des enqutes
Construire votre propre quiz grce aux options en formes libres
Extraire des questions partir d'une banque de questions
Pour cette dmo nous crerons une simple question choix multiples.
Accs au Quiz aprs avoir cliqu sur "New Slide"
Pratique
Pour crer une question de Quiz, cliquez sur l'icne "New Slide" en haut gauche du logiciel
Slectionner l'onglet "Quizzing"
Slectionner "Multiple Choice" partir de l'onglet "Graded"
Ceci ouvrira un formulaire de questions tel que ci-dessous partir duquel vous pourrez ajouter votre
contenu.
Page 34
Ajoutez une question: "Qui fut le 1er prsident de la rpublique en France"
Ajoutez plusieurs choix: Louis-Napolon Bonaparte, Adolphe Thiers, Patrice de Mac Mahon, Jules Grvy
Slectionnez la rponse correcte en la cochant
Fermez le Quiz et visualisez-le.
Vous pouvez toujours modifier la faon dont le contenu quiz apparat sur la diapositive. ce stade, vous pouvez
le dplacer comme vous le feriez pour tout autre objet dans Storyline. Si vous souhaitez modifier la question du
quiz, faites-le directement depuis l'cran ou cliquez sur le bouton "Edit Multiple Choice" dans le coin en haut
droite. Ceci vous ramnera au formulaire. Maintenant c'est votre tour. Crer une ou deux questions, puis
ditez-les.
Page 35
12. Cration dune page de rsultats

Sur la base des questionnaires que vous aurez tablis, vous souhaiterez en suivre certains et dautres, pas. Ainsi,
lorsque vous publiez un cours, vous pouvez choisir de suivre selon les diapositives consultes, ou vous pouvez
suivre les rsultats des questions du quiz. Dans ce tutoriel, nous allons apprendre crer une diapositive de
rsultats qui exploitent les questions de plusieurs questionnaires.
Pratique
Tlchargez et ouvrez le fichier big-quiz.story. Ce fichier intgre 3 scnes et quelques questions de quiz pour que
vous puissiez crer les diapositives de rsultats.
Dans lune des scnes vous allez insrer une diapositive de rsultat :
1. A partir de longlet Insert, slectionnez New Slide
2. Slectionnez longlet Quizzing tel que ci-dessous
Ensuite, slectionnez longlet Result Slides. Nous slectionnerons, la diapositive nomme Graded Result
Slide. Puis cliquer sur Insert
Cela ouvre la fentre Result Slide Properties, qui affiche toutes les questions dans votre cours.
Slectionnez celles que vous souhaitez suivre, puis choisissez la note de passage.
Cliquez sur l'onglet Options sur le ct gauche de la fentre Result Slide Properties, et vous verrez que
vous pouvez choisir les lments afficher et si vous laissez ou non l'apprenant revoir le questionnaire
ou lessayer nouveau.
Cliquez sur OK pour ajouter la diapositive de rsultat votre cours. Selon ce diaporama ou la scne
slectionne, vous pourriez trouver que la diapositive rsultat se retrouve dans un lieu autre que celui
souhait. Vous pouvez cliquer et faire glisser la vignette l'endroit o vous voulez qu'il apparaisse. Pour
faire glisser dans une autre scne, vous aurez besoin d'tre en mode Story view. (Si vous ne l'tes pas, il
suffit de cliquer sur l'onglet Story View dans le coin suprieur gauche de votre espace de travail.)
Page 36
Lorsque vous tes prt publier, si vous choisissez de publier sur un LMS, vous remarquerez que, dans
les options de suivi, vous pouvez choisir une diapositive de rsultats suivre.
Articulate Storyline offre de nombreuses options pour valuer la comprhension. Vous pouvez construire un
certain nombre de questions de quiz standard ou crer votre propre quiz en utilisant la fonction de conversion
de forme libre. Dans les deux cas, le ciel est la limite . Et quand vous tes prt publier, crez une diapositive
de rsultats, puis slectionnez les questions que vous voulez suivre. C'est aussi simple que cela.
Bien videmment Storyline est bien plus puissant que cela, mais cela devrait tre suffisant pour vous aider
dmarrer.
Page 37
13. Cration de Screencast et de simulations de logiciels

Avec Storyline il est facile de crer la fois des vidos screencast et des simulations interactives de logiciels.
Dans ce tutoriel, nous allons voir comment construire une formation aux logiciels, effectuer des modifications,
et amliorer votre enseignement en utilisant la fonction zoom cran.
Notions de base de screencasting
Avant de commencer, passons en revue quelques notions de base d'enregistrement d'cran. Il existe deux
faons de former aux logiciels:
1. Vido enregistrement dcran
2. Simulations interactives
Screencasts vido
Les Screencasts sont des vidos enregistrs partir de votre cran d'ordinateur. Elles prennent en compte
l'ensemble de vos mouvements de souris et la narration audio. Le rsultat final est un fichier vido unique. Ces
vidos sont parfaites pour expliquer comment faire, mais pas trs interactives.
Simulations interactives
Les Simulations interactives permettent de mettre en situation pour l'utilisation du logiciel. Au lieu d'une vido,
vous avez un seul cran avec des hotspots lis et diffrentes aides. Cela signifie que vous pouvez simuler
beaucoup d'interactions du logiciel avec les apprenants cliquant sur les zones correctes ou saisissant du texte
comme ils le feraient avec le logiciel en situation relle.
Il existe trois modes de simulations interactives:
1. View mode: vous guidez l'apprenant travers le processus et il voit ce que vous faites
2. Try: l'apprenant essaie de parcourir le processus et vous apportez des indices visuels et des lgendes
3. Test mode: l'apprenant peut dmontrer sa capacit accomplir une tche dans un test simul o il
effectuetoutes les actions requises
Articulate Storyline propose deux types d'enregistrements d'cran. Vous commencez par l'enregistrement
d'une vido et partir de l, vous pouvez choisir d'insrer la vido ou une simulation interactive en utilisant l'un
des trois modes. Les articles suivants vous apprendront comment les crer.
Page 38
14. Screencast - Enregistrer une vido

Dans ce tutoriel, vous allez apprendre enregistrer une vido et l'ajouter votre diapositive.
Activit pratique
Pour faire simple, nous allons enregistrer comment ajouter une forme une diapositive PowerPoint, puis
appliquer une animation.
Ouvrez PowerPoint afin que l'cran soit prt tre enregistr.

Dans Storyline, cliquez sur le bouton Record Screen tel que ci-dessous.
Ceci masquera linterface de Storyline et ouvrira une fentre denregistrement
REMARQUE: Par dfaut, la trame est aux dimensions des diapositives du cours. Cest ce qui donne la
meilleure qualit d'cran. Vous pouvez redimensionner le logiciel pour le tenir dans le cadre par dfaut
ou saisir l'un des coins de la trame et redimensionner la fentre d'enregistrement en fonction du
logiciel. Vous remarquerez que le format de l'image d'enregistrement reste le mme. Ainsi il s'adapte
parfaitement sur la diapositive.
Lorsque vous tes prt enregistrer, appuyez sur le bouton d'enregistrement rouge. Un compte
rebours saffichera et puis vous pourrez commencer enregistrer le screencast. Si vous disposez dun
microphone, vous enregistrerez vos fichiers audio et tous les mouvements de la souris.
L'enregistrement termin, cliquez sur le bouton Done.
Page 39
En cliquant sur Done, le traitement de la vido est lanc et une bote souvre partir de laquelle vous
pourrez nommer la vido et choisir ce que vous voulez insrer.
Ajoutons un titre: dmo PowerPoint

Slectionnez Insert the video on a single slide et appuyez sur Insert.
ce stade, la vido est ajoute la diapositive. Regardez la Timeline. Vous pouvez voir que la vido
apparait en tant quobjet sur la Timeline comme tout ce qui est ajout Storyline.
Enregistrez le fichier afin que nous puissions l'utiliser plus tard dans le tutoriel des simulations
interactives.
Comme vous pouvez le voir l'enregistrement d'un screencast vido est assez simple. Si vous souhaitez en ajouter
une votre diapositive, cela se fait en un clic de souris. ce stade, vous pouvez ajouter des formes, du texte ou
tout ce que vous feriez normalement dans Storyline. Dans le prochain tutoriel nous allons voir comment crer
une simulation interactive.
15. Editer les Screencast Vidos

Votre vido screencast enregistre, vous souhaiterez peut-tre effectuer quelques changements et
modifications sur la vido. Dans ce petit tutoriel, nous vous montrons quelques modifications communes faire.
Le Master de la vido est toujours disponible partir de longlet Insert via Record Screen tel que cidessous
Page 40
En double cliquant sur la vido insre dans la diapo, les options ci-dessous saffichent dans la barre de
menu
Le contrle du dmarrage de la vido sobtient en slectionnant tel que ci-dessus dans Play Video,
laction voulue.
Page 41
Pour faire apparaitre la barre de contrle lors de laffichage de la vido, slectionner Show Video
Controls
En affichant les Proprits de la diapositive tel que ci-dessous et en cochant loption Seekbar vous ferez
apparaitre la barre de progression dans le player
Ainsi, toute personne regardant une vido pourra la parcourir, larrter, revenir en arrire facilement via cette
barre de contrle.
Rogner et couper la vido en slectionnant Edit Video. Vous aurez accs la fentre suivante partir de
laquelle vous pourrez rogner, couper, grer le volume du son, intgrer un logo, etc.
Page 42
16. Cration dune Simulation Interactive

Comme nous l'avons dj mentionn, aprs l'enregistrement d'un screencast vido vous avez la possibilit
d'insrer la vido screencast qui jouera sur une seule diapositive. Ou vous pouvez insrer la vido comme une
srie de diapositives interactives qui simulent le logiciel.
Dans ce tutoriel, nous allons explorer comment insrer des simulations interactives.
Pratique
Si vous disposez dun enregistrement vido, vous pouvez mettre en place une simulation. Nous allons donc
remettre en place la vido PowerPoint enregistre plus tt. Mais au lieu de l'ajouter en tant que vido, nous
allons en faire une simulation interactive.
Sous l'onglet Insert, cliquez sur la flche dans le bouton Record Screen, ce qui permettra d'afficher
toutes les vidos enregistres.
Slectionnez la vido PowerPoint, enregistre plus tt.
Ensuite, slectionnez l'option Step-by-step. Vous pouvez voir que nous disposons de trois options. Pour
cette dmonstration, nous allons slectionner Try mode steps.
Cliquez sur Insert. Cela permet d'insrer une srie de diapositives avec les hotspots qui pointent vers la
diapositive suivante. Les hotspots sont les clics de souris enregistrs pendant l'enregistrement vido.
Passez en revue les diapositives. Regardez les calques de feedback dans le panneau Slide Layer.
Remarquez-vous ces calques? Try mode steps gnre des bulles avec des instructions textuelles.
Page 43
De mme regardez le panneau des Triggers et examinez la faon dont les points d'accs la diapositive
suivante sont dclenchs.
Visualisez la scne et testez la simulation interactive. Que se passe-t-il lorsque vous cliquez dans la zone
errone?
Une fois le contenu sur la diapositive, vous pouvez le modifier comme dans n'importe quel autre type de
diapositive - ajouter des personnages, des formes, du texte, des boutons interactifs, etc.
C'est essentiellement cela. Enregistrez votre cran d'ordinateur et ensuite faire le choix de l'insertion d'un clip
vido ou dune srie d'crans interactifs pour simuler le logiciel.
17. Editer des simulations interactives

Vous avez certainement remarqu quen dplaant votre souris sur linterface dun logiciel, celui-ci vous fournit
toutes sortes de repres visuels. Par exemple, il peut y avoir un effet de survol pour les onglets cliquables, ou
peut-tre que les couleurs des icnes changent. Parfois, vous obtiendrez un texte d'aide.
Idal lors de lutilisation du logiciel, a lest moins pour de la simulation de logiciels. Si vous testez les
connaissances dune personne sur une srie dtapes, vous ne voudrez pas que l'cran indique l o il faut
cliquer. Lorsque vous crez la simulation de logiciels, Storyline ne sait pas quels sont les crans afficher ou
non. Frquemment donc, vous capturerez des effets de survol ou lapparition d'un texte d'aide non dsir dans
votre simulation.
Ces objets doivent tre supprims de la simulation interactive. Et dans Storyline cest vraiment facile raliser.
Parce que nous crons les diapositives partir de la vido enregistre, tout ce que nous avons faire est de
revenir la vido pour trouver une image o l'artefact n'apparat pas.
Page 44
Pratique
La modification des crans de simulation est trs simple.
Localisez une diapositive sur laquelle vous avez besoin de faire une modification.
Faites un clic droit sur la diapositive et slectionnez Action Fine Tuning. Cela ouvre le panneau vido.
Utilisez les boutons Previous Frame ou Next Frame pour localiser une image dans laquelle l'artefact
n'apparat pas. Vous pouvez galement cliquer et faire glisser les marqueurs d'image sur la Timeline de
la vido.
Une fois le cadre parfait trouv, cliquez sur le bouton OK.
Page 45
18. Personnaliser le Player

Le Player dArticulate Storyline est trs souple. Vous pouvez activer et dsactiver toutes sortes de
fonctionnalits permettant de construire tous types de cours souhaits.
Dans longlet Home, cliquez sur Player pour diter les proprits de celui-ci :
Cette fentre apparatra. Elle vous vous permettra dapporter les modifications souhaites au Player :
Page 46
19. Comment publier votre cours

La publication des cours est trs simple avec Storyline. Dans longlet Home, cliquez sur le bouton Publish,
slectionnez les options et ensuite publiez.
Cette fentre apparatra ensuite. Par dfaut, Storyline publie en Flash mais vous pouvez publier vers les
mobiles en utilisant les options HTML5 et iPad. Slectionnez les options dsires.
Comment cela fonctionne

Lorsque vous lancez un cours via l'URL, il va chercher le lecteur Flash. Si l'appareil ne joue pas Flash il chargera la
version HTML5 du cours.
Si vous lancez l'URL partir dun iPad, il tente alors de se lancer via Articulate Mobile Player qui peut tre
tlcharg gratuitement sur iTunes. Le contenu peut safficher sur l'iPad, sans lecteur Articulate, en utilisant
Safari Mobile et la sortie HTML5. Le lecteur portable est idal car il vous donnera la meilleure lecture.
Actuellement, Safari Mobile a quelques limitations pour jouer des mdias et du contenu interactif.
Page 47
ANNEXES
Exemples de ralisations
Des exemples de ralisations sont visibles sur notre site la page suivante :
www.distrisoft.fr/exemples.html
Packs de Modles
Ces mmes exemples sont tlchargeables ladresse suivante :
www.distrisoft.fr/download/storyline/Exemples_Storyline.zip
Version d'valuation de Storyline
download.articulate.com/storyline/storyline.exe
Stages de Formation
Nous organisons des stages de formation sur la gamme des solutions Articulate, le-learning, le storyboarding et
les Serious game. Pour en savoir plus :
www.distrisoft.fr/formation.html
Page 48
Prolongez la Puissance de Storyline

Visitez Notre Communaut
Bnficiez du support de la communaut la plus active, la plus large de
lindustrie en utilisant Storyline. Accdez de faon illimite des modles
magnifiquement conus et regardez des tutoriels adapts tous les types
dutilisateurs, du dbutant lexpert. La communaut Articulate vous
apporte des astuces, des tlchargements gratuits, les meilleures
pratiques et les raccourcis ncessaires pour construire avec Storyline le
cours e-learning ultime.
Rejoignez la communaut Articulate E-learning Heroes en cliquant sur
lURL suivante : http://community.articulate.com
DistriSoft
Sige social
8, chemin de la Fontaine
49190 Dene
Tl. : 02 41 80 56 95
Site Web : www.distrisoft.fr
Agence Ile de France

46, rue dAchres
78600 Maisons Laffitte
N Azur : 0810 810 155
Email : distrisoft@distrisoft.fr
Agence PACA Rhne Alpes

30, rue de la Claire
69009 Lyon
Fax : 0821 91 57 82
RCS Angers B439055237
Page 49
Page 50

Manuel Storyline

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Manuel Storyline

Încărcat de

Drepturi de autor:

Formate disponibile

Articulate Storyline

Table des Matires

1. Mission et Objectifs de DistriSoft

DEMARRER AVEC STORYLINE

Utilisez nouveau Text Box pour ajouter un corps de texte.

Nous supposerons quil sagit dun cours comportant trois sections:

Ajoutez le texte suivant dans chaque forme: Section 1, Section 2 et Section 3

4. Synchroniser des animations avec laudio dans Storyline

Cration de la diapositive et ajout dun personnage

Ajoutez une nouvelle diapositive. Slectionnez un format vierge (blank)

Ajustez la transparence 50%

Line color= pas de ligne (no line)

Ajoutez un personnage (onglet Insert>Character>Photographic)

Cration du tableau blanc et texte

Ajoutez un rectangle la diapo pour crer un tableau blanc

Dterminez un fond blanc au rectangle

Vous devriez avoir un cran comme ci-dessous:

La Timeline (ligne de temps)

Enregistrer un commentaire audio

Vous devriez voir apparatre la piste audio sur la Timeline.

Ajouter des points de repre sur la Timeline

5. Importer des diapositives PowerPoint dans Storyline

Crez un nouveau projet Storyline

Slectionnez longlet Insert>New Slide>Import

Slectionnez PowerPoint tel que ci-aprs:

Interface d'importation de Storyline

Vrifier ce qui a t import

Modifiez la taille du texte et la couleur.

Modifiez la forme et sa couleur.

Dplacez les lments

Que devez-vous surveiller lors de limportation de diapositives PowerPoint?

Allez longlet Insert et insrez un bouton. Dterminez un format pour celui-ci.

Allez longlet Home et double-cliquez sur Format Painter

6. Crer des diapositives interactives

Crer un scnario interactif

Ajouter des marqueurs interactifs

Crer une interaction en glisser dposer

Tlcharger ce dossier en cliquant ici pour vous permettre de suivre ce tutoriel.

Comprendre les States, Slide Layers et Triggers (tats, Calques et Dclencheurs)

Ce que vous devez savoir propos des States/Etats:

Normal - l'tat du bouton avant de faire quoi que ce soit

Hover - l'tat du bouton au survol de la souris

Down - l'tat du bouton lorsque vous cliquez dessus

Ce que vous devez savoir propos des Slides Layers (Calques)

Ce que vous devez savoir propos des Triggers (Dclencheurs)

que voulez-vous voir arriver,

quand voulez-vous que cela se produise.

Exemple: je veux changer l'tat du personnage quand je clique sur le bouton.

7. Crer un scnario interactif avec Storyline

Pratique : crer des rtroactions avec changements dtat

Ouvrez le fichier scenario-starter.story partir du dossier de pratique

Rognez la partie hors du cadre de la diapositive

Changement d'expression des personnages

Crer des actions par lutilisation de Calques

Ouvrez le fichier prcdent.

Trigger appelant un calque au clic de souris

Maintenant nous dupliquerons le calque et le bouton pour le second choix

Intitulez le texte en Choix 2 et ensuite modifiez le texte en une rponse positive.

Crer un nouveau bouton

Copiez le bouton Choix 1. Maintenir SHIFT+CTRL et glissez le bouton droite.

Changez le lien de Worried Happy pour lemploye

Et changez le lien du calque de Choix 1 Choix 2

Cliquez sur Preview pour vrification

8. Ajouter et modifier des triggers (dclencheurs)