Atelier cycle 3 Notice «pas à pas» pour créer un jeu avec Hot Potatoes.

Transcription

1 Atelier cycle 3 Notice «pas à pas» pour créer un jeu avec Hot Potatoes. Tu dois tout d abord préparer ton travail sur papier. Si tu veux par exemple créer un jeu qui permet de faire correspondre un personnage historique avec une de ses actions, tu prévois tout d abord à quels personnages et laquelle de leurs actions tu vas t intéresser. Ensuite, tu chercheras des portraits ou des gravures qui représentent ces personnages. Mais tu peux aussi créer un jeu à partir de peintres et de leurs œuvres Ou à partir de pays et de leurs capitales, ou de n importe quels éléments que l on peut faire correspondre. Tu devras apprendre à naviguer sur Internet, enregistrer des images dans des dossiers que tu auras créés, utiliser un logiciel utiliser les fichiers que tu as enregistrés.

2 Pour commencer, tu vas créer des dossiers* sur l ordinateur pour stocker ton travail. Tu ouvres le dossier Mes documents par un double clic Tu cherches le dossier de ta classe et tu l ouvres par double clic 1 clic menu Fichier puis Nouveau puis Dossier. Tu tapes ton nom au clavier. Tu viens de créer un dossier qui porte ton nom dans le dossier de ta classe. Ouvre-le par double clic Fichier Nouveau - Dossier Nomme-le images1 De la même façon, crée un dossier images2 Dans ton dossier personnel, tu viens de créer deux sous-dossiers, images1 pour stocker les images capturées, et images2 pour placer les images modifiées.

3 Recherches sur Internet avec un Moteur de recherche* Lance ton navigateur * et tape dans la barre d adresse : (ou toute autre adresse que ton enseignant t aura donnée). Dans la partie gauche de la fenêtre qui s affiche, choisis l option «TakaChercher» Dans la partie centrale qui s affiche, tape sans faute l objet de ta recherche. (ici par exemple, Léonard de Vinci) puis OK Parmi les résultats qui te sont proposés, choisis celui qui te paraît répondre à ta demande. Tu devras peut être faire plusieurs essais. Quand le curseur de la souris se transforme en petite main, c est que tu te trouves sur un lien*. Un seul clic suffit dans ce cas. Si tu n as pas de réponse satisfaisante, recommence avec une autre demande ou un autre Moteur de recherche. ou

4 Enregistrer une image trouvée sur un site Dans le respect de la propriété* et pour un usage privé*, tu peux enregistrer sur ton ordinateur une image trouvée sur un site. Dans la fenêtre d enregistrement qui s affiche, tu cherches le dossier Mes Documents puis le dossier de ta classe, puis de ton nom Déplace le curseur de la souris sur l image, et fais un clic avec le bouton droit. Un menu apparaît. Tu choisis «Enregistrer l image sous» Tu ouvres ensuite le dossier images1, tu donne un nom facile à retenir à ce fichier* et tu cliques sur enregistrer. Sur Internet, les images ont parfois des noms compliqués, avec des chiffres et des symboles bizarres. N hésite pas à changer le nom quand tu enregistres l image.

5 Transformation des images avec photofiltre. Tu vas maintenant modifier la taille de ces images pour pouvoir les intégrer correctement dans ton jeu. Tu viens de récolter des images que tu as enregistrées dans ton dossier images1 Si l ordinateur que tu utilises permet d afficher 800 pixels* en largeur et 600 pixels en hauteurs, nous allons choisir une hauteur de 80 pixels pour chaque image. Lance le logiciel Photofiltre Choisis Outils - Automatisation Dans la fenêtre qui apparaît, clique sur le bouton «branches» du dossier source et recherche dans l arborescence* de gauche le dossier images1 puis OK Quand tu as cliqué sur ce dossier, la liste des images qu il contient apparaît à gauche. Clique ensuite sur le bouton «branches» du dossier d export*

6 Transformation des images avec photofiltre. Cherche dans l arborescence le dossier image2 puis OK Voilà, tu viens de définir le dossier source et le dossier Export En cliquant sur l onglet* Image, tu vas pouvoir modifier la hauteur des images. Inscris 80 dans la case hauteur. Si tu le souhaites, tu peux prévoir un encadrement de 5 pixel dans une couleur que tu choisiras. Tu cliques ensuite sur l onglet Action Cette fenêtre apparaît et tu cliques sur OK. Le logiciel* exécute le travail demandé. Tu peux ensuite fermer toutes les fenêtres Voilà, tu as redimensionné des images. Tu peux vérifier en ouvrant ton dossier images2

7 Maintenant que tes images sont prêtes, tu vas créer le jeu que tu as prévu Commence par lancer le logiciel Hot Potatoes Tu obtiens cet écran Pour travailler à l aise, tu peux agrandir la fenêtre Tu choisis ce type d exercice Tu peux maintenant donner un titre à ton exercice. Tu places ensuite les mots que tu as préparés dans les cases de gauche. Dans l exercice final, ces éléments ne seront pas mélangés. Quand la colonne de gauche est remplie, tu sauvegardes ton travail (menu Fichier choix Enregistrer sous)

8 Tu dois enregistrer ton travail dans le dossier où se trouvent tes images. Tu donnes un nom à ton fichier. Tu cliques ensuite dans la première des cases de droite, puis tu appelles le menu Insérer, choix Image, choix Image depuis fichier local. Tu recherches ton dossier dans l arborescence. Si tu travailles avec Windows XP, tu peux voir les images en miniature pour un choix plus facile ; sinon il faut connaître les noms de tes fichiers.

9 Tu choisis l image qui correspond et tu cliques sur Ouvrir. Tu demande que l image soit centrée et tu cliques sur OK Ne t inquiète pas si tu ne vois pas l image dans la case, elle apparaîtra bien dans le jeu, pour l instant, ce n est qu un «chemin» Tu répète ce travail pour toutes les images à placer dans les cases. Tu les mets dans les bonnes cases, c est le logiciel qui les mélangera.

10 Lorsque tu as terminé, tu enregistres à nouveau ton travail, toujours dans le dossier où se trouvent tes images. Le logiciel te demande si tu veux remplacer ton fichier car il existe déjà. Tu choisis Oui Tu peux maintenant créer le jeu. Menu Fichier, choix Créer une page Web (Create Web page) puis Exporter en V5 glisser déposer. Le logiciel te demande sous quel nom tu veux sauver ton fichier jeu. Tu peux choisir le même nom. Puis Enregistrer.

11 Lorsque l enregistrement est terminé, tu peux voir l exercice afin de contrôler que tout se passe comme prévu. Clique sur Yes. Tu peux donc faire l exercice, puis cliquer sur «Check» pour vérifier. Tu as remarqué que beaucoup de consignes et de messages sont en anglais. Tu peux à présent traduire certains de ces messages. Ouvre le menu Options, choix Configurer le résultat.

12 Tu peux ici traduire les messages qui seront affichés par le logiciel. Fais toi aider par la personne qui intervient en anglais dans ton école. Bien sûr il faudra enregistrer à nouveau ton travail pour que tes modifications soient prises en compte. Tu pourras ensuite fermer le module Jmatch. Ferme ensuite le logiciel. Réponds Yes à la demande de confirmation.

13 Les erreurs à ne pas commettre ou les précaution à prendre : Lorsque tu navigues sur un site pour chercher des images, elles sont parfois identifiées par des noms étranges. Il ne faut pas hésiter à changer les noms pour pouvoir les utiliser facilement. Ici par exemple, lors d une recherche sur le dieu Anubis. On voit parfois img55%b%7 par exemple Ici, on peut ici effacer le nom proposé et le remplacer par anubis Les noms de fichiers doivent être clairs pour toi et pour les autres. Il ne doit pas y avoir d espaces dans les noms de fichiers ou de dossiers si tu veux les utiliser sur Internet. Il ne doit pas y avoir d accents non plus et il vaut mieux éviter les majuscules. Par exemple, si tu souhaites nommer un fichier «Les personnages» il vaut mieux l appeler «personnages» ou alors «les_personnages»

14 Lorsque tu travailles avec Hot Potatoes, toutes les images que tu utiliseras doivent se trouver dans le même dossier, et c est dans ce dossier que tu enregistreras aussi le fichier créé avec Hot Potatoes et le fichier pour Internet. Lorsque tu enregistreras le fichier créé avec Hot Potatoes dans ton dossier, ne t inquiète pas si tu ne vois pas apparaître les noms de tes images, elles sont toujours là, mais le logiciel ne les «voit» pas. Quand on ouvre simplement le dossier, on voit tout ce qu il contient : Les images Le fichier créé pour Internet Le fichier créé par Hot Potatoes C est parce qu un logiciel ne «voit» que le type de fichier qu il est en train de créer, c est-à-dire ceux dont le nom est suivi de la même extension* :.jpg, ou.htm, ou.jmt

15 Lorsque tu retouches les images avec Photofiltre Si tu mets un encadrement autour des images, choisis-le assez fin, pour une hauteur de 80 pixels, un encadrement de 5 pixels suffit bien. Attention à bien cocher la case Extérieur, sinon l encadrement mordra sur l image.

16 Tu as remarqué que certains mots sont écrits en gras et suivis du signe * Tu peux chercher ce qu ils signifient ou demander une explication. Dossier (ou répertoire) Moteur de recherche Navigateur Respect de la propriété Usage privé fichier pixel arborescence dossier d export onglet extension