Write up your tutorial as a text or html file. If you don't feel comfortable using HTML, creating your own .txt file is fine. But please do not use google docs or a word doc. It's too difficult to cut and paste content from those formats into HTML files.
You'll need to download the attached template link as an html file. Right click on the link then select "Save link as..." to download the template html file to your computer.
Once you have downloaded the file, you'll need a text editor to edit it. Here are links to free text editors that you can use:
We'll upload and link the images for you but you can specify which image to use by including the name of the image in every img tag which look like <img src="NAMEOFIMAGE">.
Here are some quick reminders on HTML:
For a more thorough guide on HTML, check out http://www.w3schools.com/html/default.asp
Tutorials should include:
The following links are good examples of well-written "advanced" tutorials. Rather than giving explicit step-by-step instructions, they use a table format for showing the user how to set up the design and the blocks, and they give just enough information to explain how/why the app does what it does. Most importantly, they give suggestions for further development at the end.A multi-step tutorial for a game app with a lot of events and logic: http://appinventor.mit.edu/explore/content/minigolf.html A longer tutorial for a quiz app with lots of lists and logic: http://appinventor.mit.edu/explore/content/quizme.html A short tutorial for a more simple app: http://appinventor.mit.edu/explore/content/alertme.html A standard advanced app layout: http://appinventor.mit.edu/explore/content/videowall.html More advanced tutorials to use as examples: http://appinventor.mit.edu/explore/tutorials.html (scroll down to Advanced section)