Difference between revisions of "Adding an explore activity"

From GCompris
Jump to: navigation, search
(Instructions to Develop an Explore Activity)
(Instructions to Develop an Explore Activity)
 
(6 intermediate revisions by one other user not shown)
Line 14: Line 14:
 
** Level 2: music clips are played, children match to location
 
** Level 2: music clips are played, children match to location
  
[[File:explore_world_music1.jpg]]
+
[[File:Exploreworldmusic1.png|600 px]]   [[File:Exploreworldmusic2.png|600 px]]
[[File:explore_world_music2.jpg]]
+
 
  
 
* Explore Farm Animals:  
 
* Explore Farm Animals:  
Line 22: Line 22:
 
** Feature page: description of animal with appropriate animal sound, sound clip of animal sound, question
 
** Feature page: description of animal with appropriate animal sound, sound clip of animal sound, question
 
** Level 2: animal sound clips are played, children match to animal
 
** Level 2: animal sound clips are played, children match to animal
[[File:explore_farm_animals1.jpg]]
+
[[File:Explorefarmanimals1.png|600 px]]   [[File:ExploreFarmAnimals2.png|600 px]]
[[File:explore_farm_animals2.jpg]]
 
  
 
= Examples of Desired Explore Games =
 
= Examples of Desired Explore Games =
Line 37: Line 36:
  
 
<ol>
 
<ol>
<li> prepare to develop with GCompris by downloading the git repo, and ensuring you can run activities. See [[Beginner]] for help. </li>
+
<li> Prepare to develop with GCompris by downloading the git repo, and ensuring you can run activities. See [[Beginner]] for help. </li>
<li> create a new activity in GCompris: open the terminal and enter these lines:</li>
+
<li> Create a new activity in GCompris: open the terminal and enter these lines:</li>
 
<pre>
 
<pre>
 
cd GCompris (or navigate to your GCompris source code)
 
cd GCompris (or navigate to your GCompris source code)
 
cd src  
 
cd src  
 
sh createit.sh explore_name_of_activity </pre>  
 
sh createit.sh explore_name_of_activity </pre>  
<li> open init_path.sh in your newly created activity </li>
+
<li> Open init_path.sh in your newly created activity </li>
<li> replace the line with <code>pythonplugindir</code> with <code>pythonplugindir=$path/../explore-activity</code> </li>
+
<li> Replace the line with <code>pythonplugindir</code> with <code>pythonplugindir=$path/../explore-activity</code> </li>
<li> delete explore_name_of_activity.py from the activity folder, your activity won't need that </li>
+
<li> Delete explore_name_of_activity.py from the activity folder, your activity won't need that </li>
<li> create a resources directory in your activity folder, add a folder inside that with the name of the activity and the Makefile.am  
+
<li> Create a resources directory in your activity folder, add a folder inside that with the name of the activity and the Makefile.am. If you're unsure of this step, look at other previously made explore activities such as explore_world_music </li>  </li>
<li>if you're unsure of this step, look at other previously made explore activities such as explore_world_music </li>  </li>
+
<li> Add the background picture you'd like to use to this resources/name_of_activity subfolder </li>
<li> add the background picture you'd like to use to this resources/name_of_activity subfolder </li>
+
<li> Open up explore.py in the explore_activity folder, and find the boolean variable at the top called <code>RECORD_LOCATIONS</code>. Set this to True. </li>
<li> open up explore.py in the explore_activity folder, and find the boolean variable at the top called <code>RECORD_LOCATIONS</code>. Set this to True. </li>
 
 
<li> Create a file named content.desktop.in in the explore resourses directory,and enter the following text  
 
<li> Create a file named content.desktop.in in the explore resourses directory,and enter the following text  
 
</li>
 
</li>
Line 56: Line 54:
 
background = name_of_background_file.jpg (or .png)
 
background = name_of_background_file.jpg (or .png)
 
</pre>
 
</pre>
<li> open name_of_your_activity.xml and change the <code>type</code> tag to <code>type="python:explore"</code> </li>
+
<li> Open name_of_your_activity.xml.in and change the <code>type</code> tag to <code>type="python:explore"</code> </li>
<li> run your activity (<code>sh runit.sh explore_name_of_activity-activity</code>) </li>
+
<li> Run your activity (<code>sh runit.sh explore_name_of_activity-activity</code>) </li>
<li> ''hopefully'' you see your background picture! If so, continue, if not, troubleshoot or send an email to bethmhadley@gmail.com and she'll help you ;-) </li>
+
<li> ''Hopefully'' you see your background picture! If so, continue, if not, troubleshoot or send an email to bethmhadley@gmail.com and she'll help you ;-) </li>
<li> if your background picture isn't the right size, resize it using a tool like gimp. typical width resolution is between 700 and 800. if the picture isn't centered, you can center it by putting the following lines into the common tag in content.desktop.in </li>
+
<li> If your background picture isn't the right size, resize it using a tool like gimp. typical width resolution is between 700 and 800. if the picture isn't centered, you can center it by putting the following lines into the common tag in content.desktop.in </li>
 
<pre>
 
<pre>
 
backgroundx = (some number here, play around until it looks good. start with 20)
 
backgroundx = (some number here, play around until it looks good. start with 20)
 
backgroundy = (some number here, play around until it looks good. start with 20)
 
backgroundy = (some number here, play around until it looks good. start with 20)
 
</pre>
 
</pre>
<li> click on the locations in your background picture that you'd like to use as features. Make a list to remind yourself which feature corresponds to which number </li>
+
<li> Click on the locations in your background picture that you'd like to use as features. Make a list to remind yourself which feature corresponds to which number </li>
<li> close the program by clicking the red exit button (lower left) </li>
+
<li> Close the program by clicking the red exit button (lower left) </li>
<li> immediately open explore.py and change the <code>RECORD_LOCATIONS</code> variable to False
+
<li> Immediately open explore.py and change the <code>RECORD_LOCATIONS</code> variable to False
 
so that your data isn't overwritten
 
so that your data isn't overwritten
<li> open content.desktop.in, and notice that some entries have been filled in for you (including the x and y coordinates of each location) </li>
+
<li> Open content.desktop.in, and notice that some entries have been filled in for you (including the x and y coordinates of each location) </li>
 
<li> This text file contains all the necessary information for your activity. Your file might look something like this right now: </li>
 
<li> This text file contains all the necessary information for your activity. Your file might look something like this right now: </li>
 
<pre>
 
<pre>
Line 111: Line 109:
 
<li> <code>image:</code> Enter the file location of a picture you'd like to appear on the page. All media must be in the public domain, and save the link to where you found the media so you can give credit in your xml page. Be sure to save the picture in the resources folder of your new activity. The size of the picture will not be scaled in any way, so save the picture at the size you'd like it to appear in
 
<li> <code>image:</code> Enter the file location of a picture you'd like to appear on the page. All media must be in the public domain, and save the link to where you found the media so you can give credit in your xml page. Be sure to save the picture in the resources folder of your new activity. The size of the picture will not be scaled in any way, so save the picture at the size you'd like it to appear in
 
the activity. (example: default.png) You should use png or svg files.</li>
 
the activity. (example: default.png) You should use png or svg files.</li>
<li><code>music:</code>Enter the file location of a mono .ogg file you'd like to play for the lcoation.
+
<li><code>music:</code> Enter the file location of a mono .ogg file you'd like to play for the lcoation.
 
You must use .ogg files. Use audacity to convert .wav and .mp3 files to .ogg If your activity has no music,
 
You must use .ogg files. Use audacity to convert .wav and .mp3 files to .ogg If your activity has no music,
 
just leave this line blank or delete it from the file.</li>
 
just leave this line blank or delete it from the file.</li>
Line 124: Line 122:
 
</li>
 
</li>
 
<li> Now, finally it's time to run your activity! Yeah! Run it, just like you did before, and hopefully you'll start to see your content. Click on the locations, and look at each page. Probably your images will need to be resized. Use gimp to resize the images (Image-->Scale Image-->enter a new width (around 300-400 is probably good for landscapes). Save, run, and test. Trial and error. Because this is a template, you won't have many options for customization, but once you get everything how you'd like, save, and you now have a brand new activity! Congratulations!</li>
 
<li> Now, finally it's time to run your activity! Yeah! Run it, just like you did before, and hopefully you'll start to see your content. Click on the locations, and look at each page. Probably your images will need to be resized. Use gimp to resize the images (Image-->Scale Image-->enter a new width (around 300-400 is probably good for landscapes). Save, run, and test. Trial and error. Because this is a template, you won't have many options for customization, but once you get everything how you'd like, save, and you now have a brand new activity! Congratulations!</li>
<li> go back now to explore_name_of_your_activity.xml and fill in the missing entries. Don't forget to add the links to where you found your pictures and audio clips in the credits section!<li>
+
<li> Go back now to explore_name_of_your_activity.xml.in and fill in the missing entries. Don't forget to add the links to where you found your pictures and audio clips in the credits section!</li>
 
<li> Edit this page with more tips and hints for future developers if you ran into troubles as you read this.</li>
 
<li> Edit this page with more tips and hints for future developers if you ran into troubles as you read this.</li>
 +
 +
[[Category:English]]

Latest revision as of 12:24, 27 January 2015

GCompris has an explore activity template intended to make development of future activities of similar format easy. Explore activities feature an exploration of interesting topics pertaining to a certain grand theme. For example, themes might include music, landmarks, traditions, languages, etc. around the world, body parts, types of fruit, etc.

Format of an Explore Game

You must first select the theme you'd like to make your activity about, then choose a good background picture. This will be used as the home screen from which players may click on specific locations to learn more about that topic, and answer a question about the topic. The game is won when the player correctly answers all questions about all topics. The second level is available for all explore activities that incorporate sound associated with each location. The sound is played, and the student must click on the correct location on the map where the sound comes from.

Examples of Current Explore Games

  • Explore World Music:
    • Background photo: world map
    • Feature: locations around the world with unique music styles
    • Feature page: description of regional music, music clip, question
    • Level 2: music clips are played, children match to location

Exploreworldmusic1.png Exploreworldmusic2.png


  • Explore Farm Animals:
    • Background photo: farm with animals
    • Feature: animals located on the farm
    • Feature page: description of animal with appropriate animal sound, sound clip of animal sound, question
    • Level 2: animal sound clips are played, children match to animal

Explorefarmanimals1.png ExploreFarmAnimals2.png

Examples of Desired Explore Games

  • Explore Languages Around the World
    • this could include sound clips of each language!
  • Explore Landmarks Around the World
  • Explore Traditions Around the World
  • Explore Human Body Parts
  • Explore Types of Fruit (and/or vegetables)

Instructions to Develop an Explore Activity

The entire process of making an explore activity using the template will take about 1 - 4 hours, depending on your familiarity with GCompris and the complexity of your game. Enjoy! And if you run into any problems or have questions, please feel free to contact Beth Hadley (bethmhadley@gmail.com). (I'm always happy to help!)

  1. Prepare to develop with GCompris by downloading the git repo, and ensuring you can run activities. See Beginner for help.
  2. Create a new activity in GCompris: open the terminal and enter these lines:
  3. cd GCompris (or navigate to your GCompris source code)
    cd src 
    sh createit.sh explore_name_of_activity 
  4. Open init_path.sh in your newly created activity
  5. Replace the line with pythonplugindir with pythonplugindir=$path/../explore-activity
  6. Delete explore_name_of_activity.py from the activity folder, your activity won't need that
  7. Create a resources directory in your activity folder, add a folder inside that with the name of the activity and the Makefile.am. If you're unsure of this step, look at other previously made explore activities such as explore_world_music
  8. Add the background picture you'd like to use to this resources/name_of_activity subfolder
  9. Open up explore.py in the explore_activity folder, and find the boolean variable at the top called RECORD_LOCATIONS. Set this to True.
  10. Create a file named content.desktop.in in the explore resourses directory,and enter the following text
  11. [common]
    background = name_of_background_file.jpg (or .png)
    
  12. Open name_of_your_activity.xml.in and change the type tag to type="python:explore"
  13. Run your activity (sh runit.sh explore_name_of_activity-activity)
  14. Hopefully you see your background picture! If so, continue, if not, troubleshoot or send an email to bethmhadley@gmail.com and she'll help you ;-)
  15. If your background picture isn't the right size, resize it using a tool like gimp. typical width resolution is between 700 and 800. if the picture isn't centered, you can center it by putting the following lines into the common tag in content.desktop.in
  16. backgroundx = (some number here, play around until it looks good. start with 20)
    backgroundy = (some number here, play around until it looks good. start with 20)
    
  17. Click on the locations in your background picture that you'd like to use as features. Make a list to remind yourself which feature corresponds to which number
  18. Close the program by clicking the red exit button (lower left)
  19. Immediately open explore.py and change the RECORD_LOCATIONS variable to False so that your data isn't overwritten
  20. Open content.desktop.in, and notice that some entries have been filled in for you (including the x and y coordinates of each location)
  21. This text file contains all the necessary information for your activity. Your file might look something like this right now:
  22. [common]
    background = world.png
    credits = enter a list of credits and links to resources you used here
    creator = enter your name here!
    locationpic = enter the filename of the picture you would like to use to identify items to click on your background image
    completedlocationpic = enter the filename of the picture to be used as the identification picture after the player has answered the question correctly
    gamewonpic = enter the filename of the picture to be shown when the player wins the entire game
    game1text = enter the text to appear on your image for game1
    game2text = enter the text to appear on your image for game2
    
    [1]
    x = 263
    y = 232
    _title = Location Title Here
    _text = location text here
    image = image filepath here, located in resources/name_of_activity/
    music = music file name here
    _question = enter question about topic here
    _answeroptions = provide comma-seperated list, of answer options here, The correct answer should, be listed FIRST.
    

    Start with the first section, [common]. It contains general information.

      • locationpic: This is optional, if you don't enter one, the default is a red circle
      • completedlocationpic This is optional, if you don't enter one, the default is a green circle
      • gamewonpic: This is optional, if you don't enter one, the default is a huge smiley face
      • game1text: Enter the text you'd like to be displayed on the home page of level 1 (Maybe something like "Click on the locations to discover _____".
      • game2text: Enter the text you'd like to be displayed on the home page of level 2 (Maybe something like "Click on the location that matches the music/animal sound". If your activity doesn't have music, delete this tag from content.desktop.in and your activity won't have a level 2
  23. Now fill out all the location tags ([1],[2],[3],etc.). These are automatically generated with the section number, and correct x and y corrdinates. You must now enter the content. Note: All filepaths are relative to the resources/name_of_activity file directory, so if you wish to specify an image, for example, located in this directory rather than enter /name_of_activity/name_of_picture.png, simply enter name_of_picture.png
    • _title: Enter the name of the location
    • _text: Enter whatever textual information you'd like to appear on the page, Remember, these are young kids so shorter sentences are probably better!
    • image: Enter the file location of a picture you'd like to appear on the page. All media must be in the public domain, and save the link to where you found the media so you can give credit in your xml page. Be sure to save the picture in the resources folder of your new activity. The size of the picture will not be scaled in any way, so save the picture at the size you'd like it to appear in the activity. (example: default.png) You should use png or svg files.
    • music: Enter the file location of a mono .ogg file you'd like to play for the lcoation. You must use .ogg files. Use audacity to convert .wav and .mp3 files to .ogg If your activity has no music, just leave this line blank or delete it from the file.
    • _question: Enter a quesiton you'd like to ask the students about the topic to test their understanding. This provides some challenge in the game and an incentive to visit all the locations. Example: Where is the Eiffel Tower?
    • _answeroptions: the list of optional answers to your question (like multiple-choice). list the correct answer first, followed by any number of incorrect choices. During runtime, the options will be sorted alphabetically so the correct answer won't always be first. Example: France, Italy, USA, China
  24. Now, finally it's time to run your activity! Yeah! Run it, just like you did before, and hopefully you'll start to see your content. Click on the locations, and look at each page. Probably your images will need to be resized. Use gimp to resize the images (Image-->Scale Image-->enter a new width (around 300-400 is probably good for landscapes). Save, run, and test. Trial and error. Because this is a template, you won't have many options for customization, but once you get everything how you'd like, save, and you now have a brand new activity! Congratulations!
  25. Go back now to explore_name_of_your_activity.xml.in and fill in the missing entries. Don't forget to add the links to where you found your pictures and audio clips in the credits section!
  26. Edit this page with more tips and hints for future developers if you ran into troubles as you read this.