1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
|
<html>
<head>
</head>
<body>
<h1 id="guide-a-toi-de-jouer">Guide pour l'activité « À Toi de Jouer »</h1>
<p>
Avec l'application « À Toi de Jouer » je peux <a href="#lire-une-histoire">lire</a>
et <a href="#creer-une-histoire">créer</a> des histoires.
</p>
<h2 id="lire-une-histoire">Je lis une histoire</h2>
<p>
Pour lire une histoire, je dois ouvrir le Journal :
</p>
<center><img src="img/lire-01-ouvrir-journal.png" alt="J'ouvre l'activité Journal"/></center>
<p>
Depuis le Journal, je peux sélectionner mon histoire et l'ouvrir avec « À Toi de Jouer » :
</p>
<center><img src="img/lire-02-ouvrir.png" alt="J'ouvre mon histoire"/></center>
<p>
Depuis l'écran de lecture « À Toi de Jouer », je peux lire mon histoire :
</p>
<center><img src="img/lire-03-mon-histoire.png" alt="Je lis mon histoire"/></center>
<a href="#guide-a-toi-de-jouer">Haut^</a>
<h2 id="creer-une-histoire">Je crée une histoire</h2>
<p>
Pour créer mon histoire je dois <a href="#ouvrir-atoidejouer">ouvrir « À Toi de Jouer »</a>,
<a href="#ajouter-des-graphiques">ajouter des graphiques</a>,
<a href="#deplacer-mes-graphiques">déplacer mes graphiques</a>
et <a href="#sauver-mon-histoire">sauvegarder mon histoire</a>.
</p>
<h3 id="ouvrir-atoidejouer">Ma première histoire</h3>
<p>
Je peux créer une nouvelle histoire en cliquant avec le bouton de droite
et en choisissant « commencer nouveau » dans le menu :
</p>
<center><img src="img/creer-01-nouveau.png" alt="Je crée mon histoire"/></center>
<p>
J'arrive sur l'écran d'édition graphique d'« À Toi de Jouer »:
</p>
<center><img src="img/creer-02-ecran.png" alt="L'écran d'édition graphique"/></center>
<p>
Je peux maintenant ajouter mes premiers graphiques.
Pour cela je clique sur le bouton « Ajouter », en haut de l'écran, pour aller vers la bibliothèque
et choisir mes graphiques :
</p>
<center><img src="img/creer-03-toolbar-ajouter.png" alt="Bouton ajouter"/></center>
<a href="#guide-a-toi-de-jouer">Haut^</a>
<h3 id="ajouter-des-graphiques">J'ajoute des graphiques</h3>
<p>
Voici l'écran qui me permet de créer de nouveaux groupes de graphiques afin de les ajouter à mon histoire :
</p>
<center><img src="img/creer-seq-01-ecran.png" alt="Ecran pour ajouter des graphiques"/></center>
<p>
Tout d'abord je dois créer un nouveau groupe, ou « séquence ».
Pour cela je clique sur le bouton « Nouvelle séquence » en haut à gauche :
</p>
<center><img src="img/creer-seq-02-nouveau.png" alt="Je crée une nouvelle séquence"/></center>
<p>
Je peux maintenant indiquer un nom pour ma séquence dans le champs texte
et sauvegarder cette séquence en cliquant sur le bouton « Sauver la séquence » en haut :
</p>
<center><img src="img/creer-seq-03-sauver.png" alt="Je sauve ma nouvelle séquence"/></center>
<p>
Les images disponibles pour ma séquence sont dans l'onglet « Bibliothèque ».
Je peux cliquer sur le bouton « Bibliothèque » pour voir toutes les images que je peux ajouter :
</p>
<center><img src="img/creer-seq-04-panel-go-bibliotheque.png" alt="Je vais dans ma bibliothèque"/></center>
<p>
Dans la liste des images, je peux cliquer sur le bouton « + » d'une image pour l'ajouter à ma séquence :
</p>
<center><img src="img/creer-seq-05-ajout-image.png" alt="J'ajoute une image dans ma séquence "/></center>
<p>
Si j'ai fait une erreur, je peux supprimer une image de ma séquence
en cliquant, en bas à droite, sur le bouton « - » à coté de l'image :
</p>
<center><img src="img/creer-seq-06-retirer-image.png" alt="Retirer une image dans ma séquence"/></center>
<p>
Une fois que ma séquence est prète, je peux l'ajouter à mon histoire
en cliquant sur le bouton « Ajouter séquence » en haut à droite
et <a href="#ajouter-des-graphiques">préparer une autre séquence</a> :
</p>
<center><img src="img/creer-seq-07-importer.png" alt="J'importe ma dans mon histoire"/></center>
<p>
Quand j'ai ajouté toutes mes séquences à l'histoire,
je peux retourner vers l'écran d'édition pour <a href="#deplacer-mes-graphiques">déplacer mes graphiques</a> avec le bouton « Retour » :
</p>
<center><img src="img/creer-seq-08-retour.png" alt="Je retourne à l'édition"/></center>
<a href="#guide-a-toi-de-jouer">Haut^</a>
<h3 id="deplacer-mes-graphiques">Je déplace mes graphiques</h3>
<p>
De retour à l'écran d'édition, on ne voit pas encore d'image : pour faire apparaître ma première image,
je dois d'abord sélectionner la séquence à laquelle elle appartient en bas à droite :
</p>
<center><img src="img/creer-04-timeline-select-1.png" alt="Je sélectionne une séquence"/></center>
<p>
Pour préparer mon animation, je peux ajouter des secondes
en cliquant sur le bouton « Afficher après 10 secondes »:
</p>
<center><img src="img/creer-05-ajout-temps-1.png" alt="J'ajoute du temps à mon histoire"/></center>
<p>
Je peux vérifier que j'ai de nouvelles secondes dans ma barre de temps
et choisir une seconde pour faire apparaître mon image :
</p>
<center><img src="img/creer-06-ajout-temps-2.png" alt="Le temps ajouté"/></center>
<p>
Je peux maintenant sélectionner un graphique à afficher pour cette seconde:
</p>
<center><img src="img/creer-07-panel-image-1.png" alt="J'affiche ma première image"/></center>
<p>
Pour mon animation, je sélectionne une autre seconde pour voir mon
image :
<em>Entre les 2 secondes, l'image restera affichée</em>
</p>
<center><img src="img/creer-08-timeline-select-3.png" alt="Je sélectionne d'autres secondes"/></center>
<p>
Je peux choisir une autre image à afficher plus tard dans mon
histoire :
</p>
<center><img src="img/creer-09-panel-image-2.png" alt="Je sélectionne une autre image"/></center>
<p>
Quand j'ai ajouté mon image, elle peut être cachée par une autre.
Je peux la faire passer par devant en cliquant sur le bouton « Calque
devant » :
</p>
<center><img src="img/creer-10-panel-layer-1.png" alt="Mon image est cachée"/></center>
<p>
Maintenant mon image apparaît devant :
</p>
<center><img src="img/creer-11-panel-layer-2.png" alt="Mon image est devant"/></center>
<p>
Pour animer une image entre 2 secondes, je peux choisir une seconde au début de la ligne de temps
et placer mon image à son point de départ :
</p>
<center><img src="img/creer-12-scene-move-1.png" alt="Je place mon image au départ"/></center>
<p>
Ensuite je sélection une seconde pour la fin de l'animation
et je fais glisser l'image à sa position d'arrivée :
</p>
<center><img src="img/creer-13-scene-move-2.png" alt="Je déplace mon image à son arrivée"/></center>
<p>
Pour regarder le résultat de mon animation, je peux lire mon histoire
en cliquant sur le bouton « Jouer l'histoire » en haut à gauche :
</p>
<center><img src="img/creer-14-lecture-2.png" alt="Je visualise mon animation"/></center>
<p>
Pour <a href="#sauver-mon-histoire">sauvegarder mon histoire</a>,
je dois aller dans l'écran « Activité »
en cliquant sur le bouton en haut à gauche :
</p>
<center><img src="img/creer-15-toolbar-go-activity.png" alt="Je vais dans l'écran « Activité »"/></center>
<a href="#guide-a-toi-de-jouer">Haut^</a>
<h3 id="sauver-mon-histoire">Je sauvegarde mon histoire</h3>
<p>
Dans l'écran activité je peux choisir un nom pour mon histoire dans le champs texte en haut à gauche:
</p>
<center><img src="img/activity-01-nom-histoire.png" alt="Je choisis un nome pour mon histoire"/></center>
<p>
Enfin je peux cliquer sur l'icône « Journal » pour faire la
sauvegarde :
</p>
<center><img src="img/activity-02-sauver.png" alt="Je sauvegarde mon histoire"/></center>
<p>
Maintenant, je pourrai <a href="#lire-une-histoire">la lire plus tard depuis mon « Journal »</a>.
</p>
<a href="#guide-a-toi-de-jouer">Haut^</a>
</body>
</html>
|