Story-board
Matière : informatique Titre du Module: Généralité sur les systèmes informatiques.
Titre de leçon : Définition et vocabulaire de base. Niveau : Tronc communs.
Scène (Pages) ressources Observations
Titre 1 : « Matière :
Informatique », police ( Segoe
UI, Gras, taille : 20, souligné,
couleur : orange). et « Niveau:
Tronc Commun », police ( Segoe
UI, Gras, taille : 20, souligné,
couleur : vert). Le bouton
Titre 2 : « Titre du Module: « commencer »
Textes
Généralité sur les systèmes Permettre de passer
informatiques », police ( Segoe à la page suivante.
UI, Gras, taille : 20, souligné,
centré, couleur : bleu). Le bouton « réalisé
Page 1 (Lancement)
Titre 3 : « Leçon : définition et par : » Permettre
vocabulaire de base», police ( d’ouvrir une boite
Segoe UI, Gras, taille : 20, de dialogue qui
souligné, centré, couleur : prune). contient les noms
Image animée centrée d’extension .GIF des réalisateurs du
Temps : 7s travail.
Images
Dimensions : 520×293 pixels
Taille : 2,74 Mo
Bouton 1 (Commencer), forme:
rectangle, couleur : blanc.
Boutons
Bouton 2 (Réalisé par :), forme:
trapèze, couleur : jaune.
Titre 1 : « Titre du Module: Les 5 boutons de
Généralité sur les systèmes menu permettre le
informatiques », identique à celui passage aux
de la page 1. différentes pages et
Titre 2 : « Leçon : définition et choisir la partie
vocabulaire de base», identique à souhaitée.
celui de la page 1.
Textes Zone de texte 1 « Les Les deux boutons
Page 2 compétences visées… » : police de défilement
(MS Shell Dlg, Taille :12, permettre le
(compétences et couleurs : Rouge, rose et noire) passage à la page
objectifs) Zone de texte 2 « Objectifs suivante ou
Pédagogiques » : police (MS précédente
Shell Dlg, Taille 12, couleurs :
rouge et noire).
5 boutons du menu (activité1, Le bouton
activité2, activité3, cours et d’accueil permettre
Boutons évaluation), forme : rectangle a de revenir à la
coins arrondis, couleur : bleu ciel. page1.
2 boutons de défilement sous
forme de flèches (flèche à
gauche, flèche à droite), forme :
cercle, couleur : vert et blanc.
Bouton « accueil » au centre en
bas, forme : rectangle a coins
arrondis, couleur : violet.
Titre : Définition de
l’information et ses différents L’icône de son
types, police ( Segoe UI, Gras, indique que le texte
taille : 22, centré, couleur : est accompagné
noire). d’une voix sous
Zone de texte « D'après les forme de synthèse
Textes vocale, pour lancer
images ci-dessus, Sur quels
supports pouvons-nous trouver de le son il suffit de
l'information ? », police ( Segoe cliquer sur le texte.
UI, Gras, taille : 12, couleur :
bleu, couleur d’arrière plan : Le bouton « voir la
jaune ). solution »
5 images animées d’extensions .GIF, permettre d’ouvrir
représentant les différents supports une boite de
Page 3 Images dialogue qui
d’information. Taille totale : 3,98 Mo
Une icône de son, de couleur noire. contient les
(activité 1) réponses de la
Un son d’arrière plan « activité
question de
1 » d’extension .WAV, de
l’activité sous
longueur : 1s.
forme de texte.
audio Un son de texte « D'après les
images ci-dessus, …. »,
Le bouton de menu
d’extension .WAV, de longueur :
en rouge indique la
3s
partie en cours.
5 boutons du menu (activité1,
activité2, activité3, cours et Le texte ½ :
évaluation). indique que la
Boutons 2 boutons de défilement. partie en cours
Bouton « accueil ». comporte deux
Bouton « Voir la solution », de pages.
couleur : vert, de forme : trapèze.
Titre : Définition de
l’information et ses différents
types.
Zone de texte « D'après les
images ci-dessus, Quelles sont les
Textes
Page 4 différentes formes des
informations communiquées ?»,
(activité 1) police ( Segoe UI, Gras, taille :
12, couleur : bleu, couleur
d’arrière plan : jaune ).
3 images animées d’extensions
Images .GIF, représentant les différentes
formes de l’information. Taille
totale : 6,37 Mo.
Une icône de son.
Un son d’arrière plan «Quelles
sont les différentes formes des
informations communiquées ? »
audio d’extension .WAV, de longueur :
4s.
Un son de texte (Identique au son
de arrière plan).
5 boutons du menu (activité1,
activité2, activité3, cours et
évaluation).
Boutons 2 boutons de défilement.
Bouton « accueil ».
Bouton « Voir la solution », de
couleur : vert, de forme : trapèze.
Titre : « connaitre comment se fait le
codage de l’information », police ( Segoe
Texte
UI, Gras, taille : 14, centré, couleur :
noire ).
Une Vidéo d’activité 2, d’extension .AVI
Durée : 49s La vidéo se lance
Vidéo automatiquement,
Page 5 Dimensions : 860×648
Taille : 3,23 Mo mais il est
Un son d’arrière plan « activité 2 » contrôlable à l’aide
(activité 2) audio
d’extension .WAV, de longueur : 1s. des touches de
contrôle.
5 boutons du menu.
2 boutons de défilement.
boutons Bouton « accueil ».
Bouton « Voir la solution », de
couleur : vert.
Titre : « connaitre comment se fait le
Texte
codage de l’information ».
Une Vidéo de solution de l’activité 2,
d’extension .AVI
Page 6 Durée : 29s
Vidéo
Dimensions : 868×644
(activité 2) Taille : 2,17 Mo
5 boutons du menu.
Boutons 2 boutons de défilement.
Bouton « accueil ».
Titre : « Que signifie le terme « Les boutons de
traitement » ? », police ( Segoe propositions des
Page 7 UI, Gras, taille : 18, centré, réponses permettre
couleur : noire ). d’interagir avec
Textes
Zone de texte « Quelles sont les l’activité, et chaque
(activité 3) opérations qu'il faut effectuer bouton ouvrira une
pour … », police ( Segoe UI, boite de dialogue
Gras, taille : 12, couleur : bleu, qui indique que
couleur d’arrière plan : jaune ). votre réponse
Un diaporama avec 4 images correcte ou
d’extension .JPG, Dimensions : incorrecte avec des
900×89, intervalle de transition : voix sous forme de
100ms, taille totale : 144Ko. synthèse vocale.
Images
Une image d’extension .PNG,
dimensions : 200×200, taille :
80,7Ko.
Une icône de son.
Un son d’arrière plan «Activité
3, Quelles sont les opérations
qu'il faut effectuer pour … »
d’extension .WAV, de longueur :
audio 10s.
Un son de texte «Quelles sont les
opérations qu'il faut effectuer
pour … » d’extension .WAV, de
longueur : 10s.
5 boutons du menu.
2 boutons de défilement.
Boutons Bouton « accueil ».
3 boutons de propositions des
réponses, de couleur rouge.
Le bouton du cours
interactif permettre
d’ouvrir un cours
sous forme de page
web HMTL sur
votre navigateur.
3 boutons (Cours interactif,
Le bouton du cours
Cours normal, Cours Vidéo),
normal permettre
forme : rectangle a coins
d’ouvrir un cours
Page 8 arrondis, couleur : vert.
sous forme de texte
Boutons
sur la page 9.
(Cours) 5 boutons du menu.
2 boutons de défilement.
Le bouton du cours
Bouton « accueil ». vidéo permettre
d’ouvrir un cours
sous forme de
vidéo sur la page
10.
Titre : « Cours Normal », police ( Segoe L’objet web va
Page 9
UI, Gras, taille : 16, centré, souligné, permettre
Texte
couleur : noire ). l’affichage d’une
(Cours)
page web de format
Une fenêtre d’affichage de contenu web. HTML qui contient
Objet web
d’extension .MHTML, de taille : 448Ko un cours de
« Définitions et
5 boutons du menu. vocabulaire de
Boutons 1 bouton de retour vers la page 8. base » sous forme
Bouton « accueil ». de textes et
d’images.
Une Vidéo du cours de « Définitions et
vocabulaire de base », d’extension .AVI
Vidéo Durée : 00 :03 :30
Page 10 Dimensions : 720×544
Taille : 13,9 Mo
(Cours)
5 boutons du menu.
Boutons 1 bouton de retour vers la page 8.
Bouton « accueil ».
Animation Une fenêtre d’affichage d’objet flash, L’animation
FLASH d’extension .SWF et de taille : 547Ko FLASH contient
des exercices
Page 11 d’évaluation de
5 boutons du menu. plusieurs types :
(évaluation) Boutons 2 boutons de défilement. choix multiples,
Bouton « accueil ». réponse directe,
relier des éléments
entre eux….