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
|
<html><head></head><body>
<h1 id="guide-a-toi-de-jouer">Guide pour l'activité "A Toi de Jouer"</h1>
<p>
Avec l'application "A 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>
</body></html>
----
lire-01-ouvrir-journal
----
<html><head></head><body>
<p>
Depuis le Journal, je peux sélectionner mon histoire et l'ouvrir avec "A Toi de Jouer" :
</p>
</body></html>
----
lire-02-ouvrir
----
<html><head></head><body>
<p>
Depuis l'écran de lecture "A Toi de Jouer", je peux lire mon histoire :
</p>
</body></html>
----
lire-03-mon-histoire
----
<html><head></head><body>
<h2 id="creer-une-histoire">Je crée une histoire</h2>
<p>
Pour créer mon histoire je dois <a href="#ouvrir-atoidejouer">ouvrir "A 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>
</body></html>
----
creer-01-nouveau
----
<html><head></head><body>
<p>
J'arrive sur l'écran d'édition graphique d'"A Toi de Jouer":
</p>
</body></html>
----
creer-02-ecran
----
<html><head></head><body>
<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>
</body></html>
----
creer-03-toolbar-ajouter
----
<html><head></head><body>
<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>
</body></html>
----
creer-seq-01-ecran
----
<html><head></head><body>
<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>
</body></html>
----
creer-seq-02-nouveau
----
<html><head></head><body>
<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>
</body></html>
----
creer-seq-03-sauver
----
<html><head></head><body>
<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>
</body></html>
----
creer-seq-04-panel-go-bibliotheque
----
<html><head></head><body>
<p>
Dans la liste des images, je peux cliquer sur le bouton "+" d'une image pour l'ajouter à ma séquence :
</p>
</body></html>
----
creer-seq-05-ajout-image
----
<html><head></head><body>
<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>
</body></html>
----
creer-seq-06-retirer-image
----
<html><head></head><body>
<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>
</body></html>
----
creer-seq-07-importer
----
<html><head></head><body>
<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>
</body></html>
----
creer-seq-08-retour
----
<html><head></head><body>
<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>
</body></html>
----
creer-04-timeline-select-1
----
<html><head></head><body>
<p>
Pour préparer mon animation, je peux ajouter des secondes en cliquant sur le bouton "Afficher après 10 secondes":
</p>
</body></html>
----
creer-05-ajout-temps-1
----
<html><head></head><body>
<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>
</body></html>
----
creer-06-ajout-temps-2
----
<html><head></head><body>
<p>
Je peux maintenant sélectionner un graphique à afficher pour cette seconde:
</p>
</body></html>
----
creer-07-panel-image-1
----
<html><head></head><body>
<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>
</body></html>
----
creer-08-timeline-select-3
----
<html><head></head><body>
<p>
Je peux choisir une autre image à afficher plus tard dans mon histoire :
</p>
</body></html>
----
creer-09-panel-image-2
----
<html><head></head><body>
<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>
</body></html>
----
creer-10-panel-layer-1
----
<html><head></head><body>
<p>
Maintenant mon image apparaît devant :
</p>
</body></html>
----
creer-11-panel-layer-2
----
<html><head></head><body>
<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>
</body></html>
----
creer-12-scene-move-1
----
<html><head></head><body>
<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>
</body></html>
----
creer-13-scene-move-2
----
<html><head></head><body>
<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>
</body></html>
----
creer-14-lecture-2
----
<html><head></head><body>
<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>
</body>
</html>
----
creer-15-toolbar-go-activity
|
