diff options
Diffstat (limited to 'static/data/html/help.html')
| -rw-r--r-- | static/data/html/help.html | 341 |
1 files changed, 161 insertions, 180 deletions
diff --git a/static/data/html/help.html b/static/data/html/help.html index 1358b3d..ed3306a 100644 --- a/static/data/html/help.html +++ b/static/data/html/help.html @@ -1,239 +1,220 @@ -<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> - +<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> - -<center><img src="img/lire-01-ouvrir-journal.png" alt="J'ouvre l'activité Journal"/></center> - +</body></html> +---- +lire-01-ouvrir-journal +---- +<html><head></head><body> <p> -Depuis le Journal, je peux sélectionner mon histoire et l'ouvrir avec « À Toi de Jouer » : +Depuis le Journal, je peux sélectionner mon histoire et l'ouvrir avec "A Toi de Jouer" : </p> - -<center><img src="img/lire-02-ouvrir.png" alt="J'ouvre mon histoire"/></center> - +</body></html> +---- +lire-02-ouvrir +---- +<html><head></head><body> <p> -Depuis l'écran de lecture « À Toi de Jouer », je peux lire mon histoire : +Depuis l'écran de lecture "A 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> - +</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 « À 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>. +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> - +<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 : +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> - +</body></html> +---- +creer-01-nouveau +---- +<html><head></head><body> <p> -J'arrive sur l'écran d'édition graphique d'« À Toi de Jouer »: +J'arrive sur l'écran d'édition graphique d'"A Toi de Jouer": </p> - -<center><img src="img/creer-02-ecran.png" alt="L'écran d'édition graphique"/></center> - +</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 : +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> - +</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> - -<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 : +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-04-panel-go-bibliotheque.png" alt="Je vais dans ma bibliothèque"/></center> - +</body></html> +---- +creer-seq-01-ecran +---- +<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 : +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-05-ajout-image.png" alt="J'ajoute une image dans ma séquence "/></center> - +</body></html> +---- +creer-seq-02-nouveau +---- +<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 : +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-06-retirer-image.png" alt="Retirer une image dans ma séquence"/></center> - +</body></html> +---- +creer-seq-03-sauver +---- +<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> : +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-07-importer.png" alt="J'importe ma dans mon histoire"/></center> - +</body></html> +---- +creer-seq-04-panel-go-bibliotheque +---- +<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 » : +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-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> - +</body></html> +---- +creer-seq-05-ajout-image +---- +<html><head></head><body> <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 : +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-04-timeline-select-1.png" alt="Je sélectionne une séquence"/></center> - +</body></html> +---- +creer-seq-06-retirer-image +---- +<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 »: +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-05-ajout-temps-1.png" alt="J'ajoute du temps à mon histoire"/></center> - +</body></html> +---- +creer-seq-07-importer +---- +<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 : +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-06-ajout-temps-2.png" alt="Le temps ajouté"/></center> - +</body></html> +---- +creer-seq-08-retour +---- +<html><head></head><body> +<h3 id="deplacer-mes-graphiques">Je déplace mes graphiques</h3> <p> -Je peux maintenant sélectionner un graphique à afficher pour cette seconde: +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-07-panel-image-1.png" alt="J'affiche ma première image"/></center> - +</body></html> +---- +creer-04-timeline-select-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> +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-08-timeline-select-3.png" alt="Je sélectionne d'autres secondes"/></center> - +</body></html> +---- +creer-05-ajout-temps-1 +---- +<html><head></head><body> <p> -Je peux choisir une autre image à afficher plus tard dans mon -histoire : +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-09-panel-image-2.png" alt="Je sélectionne une autre image"/></center> - +</body></html> +---- +creer-06-ajout-temps-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 » : +Je peux maintenant sélectionner un graphique à afficher pour cette seconde: </p> - -<center><img src="img/creer-10-panel-layer-1.png" alt="Mon image est cachée"/></center> - +</body></html> +---- +creer-07-panel-image-1 +---- +<html><head></head><body> <p> -Maintenant mon image apparaît devant : +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-11-panel-layer-2.png" alt="Mon image est devant"/></center> - +</body></html> +---- +creer-08-timeline-select-3 +---- +<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 : +Je peux choisir une autre image à afficher plus tard dans mon histoire : </p> - -<center><img src="img/creer-12-scene-move-1.png" alt="Je place mon image au départ"/></center> - +</body></html> +---- +creer-09-panel-image-2 +---- +<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 : +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-13-scene-move-2.png" alt="Je déplace mon image à son arrivée"/></center> - +</body></html> +---- +creer-10-panel-layer-1 +---- +<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 : +Maintenant mon image apparaît devant : </p> - -<center><img src="img/creer-14-lecture-2.png" alt="Je visualise mon animation"/></center> - +</body></html> +---- +creer-11-panel-layer-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 : +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-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> - +</body></html> +---- +creer-12-scene-move-1 +---- +<html><head></head><body> <p> -Dans l'écran activité je peux choisir un nom pour mon histoire dans le champs texte en haut à gauche: +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/activity-01-nom-histoire.png" alt="Je choisis un nome pour mon histoire"/></center> - +</body></html> +---- +creer-13-scene-move-2 +---- +<html><head></head><body> <p> -Enfin je peux cliquer sur l'icône « Journal » pour faire la -sauvegarde : +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/activity-02-sauver.png" alt="Je sauvegarde mon histoire"/></center> - +</body></html> +---- +creer-14-lecture-2 +---- +<html><head></head><body> <p> -Maintenant, je pourrai <a href="#lire-une-histoire">la lire plus tard depuis mon « Journal »</a>. +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> - -<a href="#guide-a-toi-de-jouer">Haut^</a> - </body> </html> +---- +creer-15-toolbar-go-activity |