Twine 2 / Choose Our Way tale: Downloadable Resources

Now that you have learned all about Choose Our Way tales and how to create them using Twine 2 you may want to print physical hardcopies of the tutorial.  Feel free to distribute my sheets for non-commercial purposes.

Examples of apps made using this method can be found at: Sammi’s Quest: Google Play Store

Free Demo can be downloaded to your Android Device Here: Sammi’s Quest: Vol. 1 – The Wandering Ogres (Demo)

The Full Version can be purchased for your Android Device Here: Sammi’s Quest: Vol. 1 – The Wandering Ogres (Full Release)



Alligator River – Alternate Choices

Branching Story Graphic Organizers

Choose Our Way tale Story Templates

Palm Story Notetaking Sheet

Twine 2 Short Story Assignment

Snowflake Method of COWtales

Twine 2 Long Story Assignment

Converting Twine 2 Stories to Android APK Apps



PART 1: Introduction to Choose Our Way tales





Converting Twine 2 Stories to Android APK Apps for the Google Play Store

In our last part you learned how to write a Choose Our Way tale with Twine 2, and share it on a website so that it could be shared with people outside of the classroom.  Now you will learn how to transform your Twine 2 story into an Android APK App file which can be played on Android phones and tablets.



Examples of apps made using this method can be found at: Sammi’s Quest: Google Play Store

Free Demo can be downloaded to your Android Device Here: Sammi’s Quest: Vol. 1 – The Wandering Ogres (Demo)

The Full Version can be purchased for your Android Device Here: Sammi’s Quest: Vol. 1 – The Wandering Ogres (Full Release)



This tutorial will teach you how to create a Choose Your Own Adventure Android App.  It’s easier than you could imagine.  To create your app you will need to use:

  • Twine 2
  • Adobe PhoneGap Build

While it may seem difficult, at first, you should be able to build your first Android App in less than two hours.

Creating your story with Twine 2

Twine 2 is a web-based Choose Your Own Adventure program.  You can access it here:

The Basics of Twine 2

This tutorial is focused on converting a finished Twine 2 story to Android APK, however I will include some basic information for creating a Twine 2 story.

  1. When editing your first page, you create options by writing [[Go to the fountain]]. This will create a link reading [[Go to the fountain]] and a new page called Go to the fountain.This is not the best way to do things, as you may want to have a number of options send the user to that location.
  2. If you want the displayed link to look different than the page reference you need to write it like this [[Go to the fountain|Fountain]]. This will display the text “Go to the fountain” as a link to a page titled “Fountain”.This allows you to have another page reading [[She ran to the fountain|Fountain]] that also takes the user to the same location.
  3. For more information about creating a Twine 2 story feel free to read this tutorial:

Once you have created your Twine file select Publish to File. This will download a file titled StoryName.html  This file is your complete story.  You can open the file and play through your story in a web browser.

If that’s all you want, you’re good to stop.  However, if you want to convert it to an Android APK keep reading.

Preparing your Story for Phone Gap

Once you have your StoryName.html file you need to prepare a folder for it.  This folder will eventually be Zipped, and uploaded to Adobe Phone Gap Build for conversion to APK.

  1. Create a directory named WWW. Do this by Right Clicking on your desktop, selecting New/Folder, then naming it WWW.
  2. Copy StoryName.html to your WWW directory.
  3. Rename StoryName.html to index.html. You can do this by right clicking the file, and selecting Rename.  Then, type in index.html
  4. Finally, you will need to create a config.xml file. This is what provides the information about your app to Android.  To do this, right click in your WWW directory, and select New Text Document.  Leave it named New Text Document.txt
  5. Open the file, then copy and paste the text below into that document (you do not want to copy the numbers on the left hand side):
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.YourName.AppName" version="1.0.0"   
        xmlns="<a href=""></a>"
        xmlns:gap="<a href=""></a>">
    <name>Your App Name</name>
        Replace this line with a description of your app.
    <author email="" href="<a href=""></a>">
        Your Company Name
    <content src="index.html" />
    <access origin="*" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="14" />
    <preference name="phonegap-version" value="cli-6.3.0" /> 
    <preference name="orientation" value="default" /> 

Modifying the config.xml

You will need to add your own personal information to the config.xml file.  Make the following changes:

  • On line 2 change com.YourName.AppName to your information. (i.e. com.JonSmith.CoolAlienStory)
  • On line 5 change “Your App Name” to the name of your app.
  • On line 7 change “Replace this line with a description of your app.” to a description of your app.
  • On line 9 change “” to your e-mail address
  • On line 9 change “” to your website link, or leave blank.
  • On line 10 change “Your Company Name” to your company name.

Final steps in Adobe PhoneGap Preparation

  1. Next select File and choose Save As. Name your new file xml  This new file must be saved in your WWW directory.
  2. Finally, navigate back so you can see your WWW directory icon.
  3. You need to ZIP this WWW directory. To do that right click the folder icon, and choose Send To then Compressed (zipped) folder.  This will create WWW.ZIP
  4. You will need to upload this WWW.ZIP folder to PhoneGap Build.

Using Adobe PhoneGap Build

Once you have prepared your ZIP file, it’s time to upload it to Adobe PhoneGap Build, and convert it to an app.  To do this please follow the next few steps.

  1. Navigate to
    This is the website that will convert your file to an app.
  2. Click “Sign In” in the top right, then select “Sign up for a new account”.
  3. Choose “Completely Free” then select an option to create an account. I recommend using Google as your sign in option.
  4. Once you have signed in, you will be taken to the main page. There you will see an option called Upload a .zip file.  Click on this, navigate to your zip file, and it will upload.
  5. Once you have uploaded your ZIP file, you will notice a number of things are automatically filled out. (The name of your app, the summary of it, etc.)
  6. You will now see an option called Ready to Build. Click on this button and the file will build.  This can, sometimes, take a while.
  7. You will notice a QRC when the file is built. This QRC can be used to link other people to your APK file.  You will also notice a little android icon over the Update Code button, or a blue button with a down arrow beside the word APK.  Clicking on this icon will download the APK file, which can be installed onto android devices.

Updating your Story

If you want to change something in your Twine 2 story, you can re-edit it using Twine 2, and then Publish to File again.  Once you have exported the new StoryName.html file you need to:

  1. Override the previous html file in your WWW directory.
  2. Re-ZIP the entire directory.
  3. Navigate to Adobe PhoneGap Build and click on Update Code.
  4. Select the new ZIP file you just created.
  5. Click Upload and your new APK will be created.

Note: You may find it helpful to create a new .ZIP file, rather than overriding the original, so you don’t lose copies of your previous versions.  I suggest dating each ZIP file as YYMMDD.TIME – StoryName (i.e. 171011.1344 – Sammi’s Quest)

Common Errors

  1. Ensure that there are no blank lines at the top of your CONFIG.XML file
  2. If you have added the code for app icons, ensure the icons are in the correct directory
  3. Confirm that the icons are the correct size
  4. Check to see if you have renamed your story file to html
  5. Make sure you have a xml file that conforms to the requirements
  6. Double check that you have added a png file that fits the required size


Personalizing your App

There are a number of ways you can personalize your application.  The easiest ways to do this are by adding a Splash Screen that displays when you start up the app, and by adding a personalized icon to be displayed on your Android device.

Adding a Splash Screen

  1. To create a splash screen use any photo editing software to create an image file that is exactly 360×480 pixels. Save this file as png in your WWW directory.
  2. Add the following lines to CONFIG.XML before </widget>
    <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1" />
    <preference name="SplashScreenDelay" value="3000" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="FadeSplashScreen" value="false" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <splash src="splash.png" />

Adding an Icon

  1. To create an icon for your application you will first need to create a folder named res in your WWW directory
  2. Inside the res directory, create a new directory named icon.
  3. Inside the icon directory, create a new directory named android.
  4. Now you will need to create your icon file.
  5. To create your icon, first create a high resolution file using an image editing program. Create the icon to be 1024×1024 pixels.  Save this file as png
  6. Direct your webbrowser to
  7. Select Upload file, and wait for the icon to upload and be displayed.
  8. Scroll down the page until you see the heading Android. Click on All.  This will place check marks beside all the Android icon files.
  9. Scroll to the bottom of the file and click Download Selected.
  10. This will download and AppIconResizer ZIP file. Open this zip file, and move all the png files from the zip to your WWW/res/icon/android
  11. Since your config.xml already points to this directory to find the icon files, once you copy these files you’re ready to re-ZIP your WWW directory, and upload it to PhoneGap Build.
  12. Add the following lines to CONFIG.XML before </widget> :
<platform name="android">
     <icon density="ldpi" src="res/icon/android/ldpi.png" />
     <icon density="mdpi" src="res/icon/android/mdpi.png" />
     <icon density="hdpi" src="res/icon/android/hdpi.png" />
     <icon density="xhdpi" src="res/icon/android/xhdpi.png" />
     <icon density="xxhdpi" src="res/icon/android/xxhdpi.png" />
     <icon density="xxxhdpi" src="res/icon/android/xxxhdpi.png" />

A little bit More

There may be a few more things you need information about.  Hopefully this section covers them.

Creating iPhone Apps

You’ve done most of the heavy lifting already.  All that is required to make this an iPhone app is to add a little bit of information to the XML file.  To learn more about that process read the following website:

Downloading your APK to an Android Device.

You can select the “Download” option to save the APK file to your computer, and then transfer it to your device if you want.  However, there is a far easier way.

You can scan the QR code with your phone or tablet, and it will download your app.

If you don’t have a QR scanner on your android device you can download one here:

Navigate on your device to the download directory, and install the APK file. You can now enjoy your story in app form, and distribute it to your friends.

Hosting your App on the Google Play Story

If you’d like to host your story on the Google App store, you will need a developer account. For information on that can be found here: or by reading the official Google documentation.

Long Story Assignment

Preparing for the long story assignment, I suggest you familiarize yourself with the snowflake method of writing. I created a handout that uses the snowflake method, adapting it for the needs of a Choose Our Way tale.  Once students have planned their story using this method, they can complete the assignment.


  • Be between 2000 and 5000 words long
  • Have at least six endings
  • Have at least ten pages where the reader can choose a direction
  • Be converted to Android APK using Adobe PhoneGap

Handout: The Snowflake Method for COWtales

Handout: Twine 2 Long Story Assignment

Next Steps

Now that you know how to use Twine 2, and convert Twine 2 files to Android APKs you’ve reached the end of these tutorials.  If you’d like information on how to upload your app to the Android Play Store, the official documentation can point you in the right direction.

In the next, and final part, you can access all the handouts that have been posted along the way.  You are free to distribute them for non-commercial use.

PART 1: Introduction to Choose Our Way tales





Google Forms Downloadable Resources

Now that you have learned all there is to learn about Google Forms you may want to print physical hardcopies of the tutorial.  Feel free to distribute my sheets for non-commercial purposes.


Google Forms – Tutorial Book – WhatBinder.pdf








More to Learn About Google Forms

In the last part you learned how to create a self-marking Google Forms quiz.  Now we will see that there is always more to learn, and always more to explore.  Even though you have learned how to create self-marking forms, your journey is not at an end.  Sadly, your journey with me has all but reached its conclusion.  In this part you will be exposed to a few more features you can explore on your own time to fully unlock the power of Google Forms.

Additional Features

You will find a few more features that could be useful to your Google Forms experience in this section.

Exporting Results to Google Sheets

GoogleForms4-1On the results screen you will notice a white cross in a green square.  Clicking on this will allow you to format all responses as a Google Sheet.

This file can be used in Excel or in Google Sheets.  There are a number of complex calculations you can do with raw data generated by Google Forms.

Releasing Pre-Filled Forms

Sharing a pre-filled form can be accomplished by using the three-dot-menu at the top of your form, and selecting Get pre-filled link.  This will take you to a page where you can answer a number of questions.  When you click submit you will be given a link.  Any user who uses that link will start with your pre-filled answers, rather than blank answers.


Shuffling Response Options

From the three-dot-menu for a specific question you can select “Shuffle option order”.  This will randomize the order the answers are shown for that question.

This could prevent users from looking at other screens and selecting “the second option”.

Do not worry, this will not affect the self-marking correct answer.


Shuffling Question Order

Similar to shuffling responses, you can set the form to shuffle the order of the questions.  This can be set in the Presentation section of the form settings.


This is not recommended if you use videos or images, as they will be shuffled too!


Next Steps

In our Next Part you will be able to download a PDF guide that can be printed out for convenient offline access.








Creating a Google Form Quiz

In the last part you learned how to make an Advanced Google Form.  Now that you know how to create a number of different types of forms, you will be putting those skills to use in an effort to make your life easier.  If you have not read the previous chapters, please familiarize yourself with that material, as terms and concepts will be referred to in the creation of our next Google Form.  It is important to know that Google Forms can be used to make both self-marking and manual-marking quizzes.  Their ability to give students immediate feedback makes them excellent teaching tools.

Creating a Google Forms Quiz

Before we create a self-marking quiz it is important to understand the differences between quiz forms and the Google Forms we have looked at up to this point.  Once you are comfortable with the ideas and concepts of creating a Google Forms Quiz, you will have no problem making a self-marking quiz.

Creating a Basic Quiz

What we will learn in this section:

  • We will be reviewing and putting into practice all the skills learned to this point.

Step 1: Setting Up the Questions

Create a new blank form and:

  • Change the title and filename to “Gendered Lego Quiz”.
  • Write a Form description that reads “This quiz will test your understanding of the tropes and stereotypes present in the marketing of Lego sets.
  • Add a title that reads “Part 1: Marketing Images
  • Move the title to the top of your form.
  • In your web-browser search google images for “Lego Advertisement” (you need to search in your web browser, because the integrated image search only looks for images that are licenced for commercial use without alteration).
  • Locate this image, right-click on it and “Copy Image Address” – then, paste the URL, and add it to your form:
  • Under the image add the following questions:
    • [Paragraph] Explain how this image targets a specific gender, or how it manages to remain gender neutral.
    • [Multiple Choice] What message is this text trying to communicate to its readers?
      • Write a description that reads “Choose the most correct answer from those listed below.
      • Add the options:
        • Lego is only for boys
        • Lego is only for girls
        • Lego will improve your self-esteem
        • Lego is difficult to use
      • Add a new Title that reads “Feminist Frequency
      • Add a Title Description that reads “Watch the following clip and answer the questions below.
      • Add the video “Feminist Frequency Lego & Gender Part 1
      • Increase the size of the video to fill the width of your form.
      • Under the video add the following questions:
        • [Checkboxes] What positive benefits has research consistently shown playing with Lego leads to?
          • Write a description that reads “Choose the two most correct answers.
          • Add the options:
            • Lego is a gateway for math, science, and engineering fields
            • Lego will make you more popular at recess
            • Lego will give you a better understanding of pop culture trends
            • Lego accelerates childhood development
          • Set the data validation to “Select exactly 2”
        • [Multiple Choice] What colours does the new Lego Friends line use to target girls?
          • Add the options:
            • Pink and Gold
            • Pink and Green
            • Pink and Purple
            • Purple and Blue
          • Create a new section
          • Title the new section “Lego on Television
          • Create a new title that reads “Lego Friends
          • Add the video “Lego Friends Dolphin Cruise”
          • Add the following Questions:
            • [Paragraph] Explain how this video targets a specific gender, or how it manages to remain gender neutral.
            • [Multiple Choice] Which character is not one of the main Lego Friends?
              • Add the options:
                • Mia
                • Emma
                • Olivia
                • Andrea
                • Sandra
                • Stephanie



Turning a Quiz into a Google Form Quiz

What we will learn in this section:

  • How to turn a Form into a Quiz
  • How to understand the Quiz options
  • How to assign points (grade) to a question
  • How to assign correct answers to a question
  • How to add specific question feedback

Step 2: Making the Form a Quiz

Now that you have a form set up, with multiple sections, images, videos, and titles, it’s time to turn it into a quiz.  While you could just allow students to fill out the form, as normal, and check their answers in the results page – keeping track of their grades on a separate sheet of paper, there is a more integrated way to use the Quiz functionality of Google Forms.

GoogleForms3-2First, click on the settings icon at the top of the screen.  Next, select the Quiz tab and toggle the option “Make this a quiz” to on.


Step 3: Understanding the Quiz Options

You will be presented with a number of options.  They may seem confusing and overwhelming at first, but after a moment’s pause to take them in you will realize they’re quite straight forward.

Release Grade has two options.  If you select “Immediately” then students will be given their grade as soon as they complete their quiz.  This is useful if the quiz is all multiple choice, and you want to ensure students are aware of corrections straight away.

If you were creating a quiz that tested students’ knowledge on a new digital literacy tool, immediate feedback is excellent as the user can correct themselves straight away.

Later” allows you to go through all of the results before you students are informed of their marks.  We will need to select this option as we have Paragraph Questions that will require manual marking.

Ensure that you have selected the Radio Button beside Later, after manual review.

GoogleForms3-4.pngNote that if you hover the mouse cursor over the help icon it will explain what the other options do.  I would recommend keeping them checked.

Step 4: Assigning Grade Values

Now that you have turned your form into a quiz, you will notice that every question has a new option.  Click on the first question, “Explain how this image targets a specific gender, or how it manages to remain gender neutral.

You will notice at the bottom of the question there is a new option: ANSWER KEY.


Click ANSWER KEY to access the Feedback and Points screen.


From this screen you can assign the amount of points this question will be worth.  For our purposes we will assign the paragraph questions 3 points each.

Assign the multiple choice and checkbox questions 1 point each.

This will give us a quiz that has a total score of 10.

Assign these points now, by clicking on the individual questions and entering the correct point value.

Step 5: Assign Correct Answers

While we haven’t reached the stage where google can mark paragraph responses… yet – we are at the stage where it can quickly mark your multiple choice and checkbox questions.

All you have to do is tell the Quiz what the correct answers are.

You may have noticed when setting point values that you can also set the correct answers.  Doing so is simple.  Just return to the questions, and click the correct answer on the ANSWER KEY screen.


Note:    Should you wish, you can assign multiple correct answers.


For the Checkbox question, it is important that all correct answers are selected.

Step 6: Adding Specific Feedback

When you hand back the quiz through the results screen, students will be made aware of the correct answers for multiple choice questions.  However, if you want more specific feedback that is returned – depending on if the answer was correct or incorrect – you can add it from the ANSWER KEY screen.

Simply click on ADD ANSWER FEEDBACK.


Select the question Which character is not one of the main Lego Friends?

And Add feedback for INCORRECT ANSWERS:

It’s understandable that you thought Stephanie was not one of the Lego friends, as she is the only one whose name does not end with “A”, however, the correct answer (Sandra) can be discovered by watching the introduction scene.

Note that you can also include a weblink that might direct the user to information that would help reinforce the graded skill.

Note:    You might also find it helpful to include feedback to the paragraph answers.  You might include remarks such as:

  • Ensure you use correct spelling and grammar
  • Please use the correct Point, Evidence, Evaluation format we learned in class
  • Use specific details from the text to support your answers

By doing this, when you are reviewing and marking the quiz you can delete skills users successfully demonstrated, while leaving comments to remind them of their areas of need.  This will prevent you from needing to re-write similar comments time and time again.

Step 7: Preview your quiz, and Submit

Now that your quiz is fully set up with questions, grades, and correct answers you are ready to deploy it into the wild.  However, before you do take a moment to answer it yourself.  This will allow you to ensure everything is working as expected.

Reviewing and Grading a Quiz

What we will learn in this section:

  • How to turn a Form into a Quiz
  • How to understand the Quiz options
  • How to assign points (grade) to a question
  • How to assign correct answers to a question
  • How to add specific question feedback
  • How to grade a quiz
  • How to release graded quizzes

Step 8: Reviewing the Quiz Response Summary

Having run through the quiz, yourself, you will have one response to assess.  Toggle your quiz to the RESPONSE screen.

You will be greeted with a summary of results.  Note that only the automatically graded questions will be marked at this time.


Step 9: Reviewing Individual Results

The meaningful section of the results screen is the individual results pages.  Use the toggle to select individual results.


Note that you can now view the entire quiz on one scrolling page.  You can see both correct and incorrect questions marked with checks and Xs.

Beside each question, you will also notice a grade out of the total available points.

Correct choices will be displayed next to incorrect answers, and if you have assigned specific feedback that will also be provided in the individual results.


Note:    Should you wish, you can override the automatically assigned grade, as well as the automatic feedback.

Step 10: Marking Written Responses

As we know, written responses cannot be marked automatically.  However, the answers students wrote will be displayed under the question – just as they are with multiple choice questions.


GoogleForms3-14From this screen you can assign a grade using the points selector to the right of the question.

You can also click on ADD INDIVIDUAL FEEDBACK which will open up a screen to write a specific response.  If you added feedback while making the quiz, that will be displayed.  You can add or remove anything you wish from these comments.

These will only be displayed to the user who wrote the answer you are currently grading.


Step 11: Saving a Marked Quiz

When you have finished assigning grades to an individual user, it is imperative that you click the SAVE button at the bottom of the screen.


Due to the nature of technology, I advise that you save often throughout the marking process – especially if you have written a number of detailed notes in response to a written answer.

Step 12: Marking the Next Response

You can use the response selector at the top of each individualized response to navigate through each user’s quiz.


Note that their e-mail address is recorded, indicating who wrote the response.  You also have the option to delete, or print a hard copy, of their response.

Once you have selected a new response, simply repeat the grading process.

Step 13: Reviewing the Summary Screen Again

Now that you have marked each quiz, you will notice that the results in the summary screen are far more valuable.  Use them to assess your practice.

Step 14: Returning Results

You can return results from either the Individual Result screen or the summary screen.  To do so click the RELEASE SCORES button.

On the Summary screen this button can be found above the scores summary:


On the indivudal Results screen this button can be found on the individual results bar at the top:


Once you have clicked on the button you will be able to select some, or all, of the results to return.  Select the results you wish to return by checking the box next to the users’ email addresses.

You can also add a message that will be included with the results.  I suggest you add

Please find, attached, the results from your quiz.  If you have any questions about your grade, feel free to contact me.


Once you have added the message click SEND EMAILS AND RELEASE.

Step 15: Results E-Mail

It’s important to know what students will see when they have a quiz returned to them.  In their e-mail they will see their final grade, and be prompted with a button to view the results.


When they click on the VIEW button they will see a screen similar to what you saw when you were marking their responses.  The only difference is they will not be able to edit their grade, or comments.

Note:    If you selected “Release Grade Immediately” students could view this screen directly after submission.


Step 16: Congratulate Yourself; Take a Break

You’re now a master of Google Forms.  You can mark complex forms, and create self-grading quizzes.  You’re amazing!


Next Steps

In our Next Part we will discover that there’s always more to learn.









Creating an Advanced Google Form

In the last part you learned how to make a basic Google Form.  This section will expand your knowledge of Google Form creation.  Not only will you create a form with a variety of question types, we will also add images, videos, titles, and sections.  Finally, you will create multi-branching forms where specific responses will lead users to different questions.

Creating an Interactive Form

Having learned how to create a basic form in Chapter Two, you will be tasked to create a quick form that we will add new, and interactive elements to.

Adding Advanced Features

What we will learn in this section:

  • How to add an image
  • How to add a video
  • How to add a title

Step 1: Set up a Basic Form

To begin, create a new form titled “Gender and Video Games

Add the following three questions:

How familiar are you with Video Games?

  • Change the question type to “Linear Scale.” This is a new type, but it is similar to multiple choice.  The only difference is it will create the options of 1 to 5.
  • In the space provided label 1 “Unfamiliar” and label 5 “Very Familiar
  • Add a description that reads “Select the number which best represents your level of familiarity with video games.


Which elements do you commonly find in video games?

  • Create a check box question with the following options:
    • Strong Male Characters
    • Strong Female Characters
    • Sexualized Male Characters
    • Sexualized Female Characters
    • Rescuing Male Characters
    • Rescuing Female Characters
    • Killing Male Characters
    • Killing Female Characters
    • Kidnapping Male Characters
    • Kidnapping Female Characters

Note:    You can copy and paste a number of choices into your form, so long as they are formatted as one choice per line.


Do you prefer games with Male protagonists or Female protagonists?

  • Create a multiple choice question with two options:
    • Male protagonists
    • Female protagonists


Step 2: Adding Images to Your Form

GoogleForms2-4To add an image to your form, you need to click the Add Image button on the Insert Options toolbar.

You can choose to upload an image from your computer, paste the URL to an image, take a picture using a webcam, or add an image from your Google Drive.

However, the easiest way to add an image to your form is to click on the Search option.  This allows you to search Google Images for a specific image.

For our purposes search for “Video Game Characters

You can refine your search by colour, if you want to keep a specific theme.  Right now, you are searching for an image that displays a number of video game characters.  Choose one that suits your needs by clicking on it.

GoogleForms2-5Then click the select button in the bottom left.  This will add the image to your form.

Use the movement tab to drag the image all the way to the top of your form.


Step 3: Adding a Video to Your Form

GoogleForms2-7Adding a video is nearly identical to adding an image.  Click on the Add video button, search for an appropriate video, and click the select button.

For our purposes search for a video about video game characters.  I searched for “Cammy vs Guile” and selected:【SSF4 AE Ver.2012】Cammy (Kitano Takeshi) vs Guile (COMEON0418788) – Endless Battle

I used this video because Cammy and Guile are essentially the same character (highly trained western military officers) – however, a number of gender distinctions are obvious when comparing the two.

You can feel free to adding a video about Mario Kart, Zelda, or anything else that is relevant to video games.

Once you have added this video, use the movement tab to drag it above your second question.

Step 4: Directing Users to View the Video

Once the video has been added, and placed above the question Which elements do you commonly find in video games? add a description to the question.

The description should read: To answer this question, use your own prior knowledge, as well as information gained through watching the above clip.

Step 5: Resizing and Aligning the Video

GoogleForms2-8Click on the video, and you will see a blue rectangle with four square anchor points in the corners.  Click on the bottom left anchor and drag it, to enlarge the video.

GoogleForms2-9.pngNext, click to the side of your video clip and you will notice a three-dot-menu is displayed.  Click on it, and select “Center align”.


Step 6: Adding a Title

GoogleForms2-11.pngAdding a title is even easier than adding an image for video.  Simply click on the Add title button, and an “Untitled Title” will pop up.

Rename the title “What do You Know?” and drag it to the top, using the movement tab.

Copy the title, just like you would copy a question.  Rename the copy to “Video Game Characters” and drag it above the video you added.

Copy that title, and rename the copy to “What do You Prefer?” and drag it above your final question.

Now, when you preview your form, you will see that each question has its own heading.  You may want to use less headings on your own forms, going forward.  The colour of the title changes depending on the theme you have selected.


Note:    You can also add a description below titles if you want.  This can be a great way to create different parts of your form.



Creating Sections

What we will learn in this section:

  • How to add Sections
  • How to add data validation to questions
  • How to duplicate a section
  • How to choose sections based on answers

Step 7: Creating a New Section

GoogleForms2-13Forms can be broken up into sections.  Each section is a different “screen” for the user.  This can be useful when you want a user to be focused on a new idea or concept in your form.  It can also help keep a multi-question form from scrolling ever-downwards, without end.

To create a new section, simply click on the Add section button on the Insert Options toolbar.

Note that the new section will be created directly below your currently selected object (question, titile, image, or video).

If you make a mistake, you can either use the keyboard shortcut [CTRL+Z] to undo the creation of the section, or you can click on the three-dot-menu for the section, and select “Merge with above”.

Note, you can also drag objects between sections, just as you would move them around on a form without sections.

Ensure that your new section is created after the final question.  Rename it from Untitled Section to Female Protagonists.

Now, after your last question, there is a button to go to the NEXT page, rather than a submission button.


Step 8: Populating Your New Section

Create the following three questions:

How are women in video games normally represented?

  • Make a check box question with the following options:
    • Heroes
    • Victims
    • Playable characters
    • Non-playable characters
    • Strong
    • Weak

Do you see your values represented in female video game characters?

  • Make a multiple choice question with the following options:
    • Yes
    • No

Explain what values you see, or do not see, represented in the characters?

  • Make a paragraph question

Step 9: Data Validation

Through data validation we can add certain requirements to our questions.  For example, if we wanted the user to consider a number of different ways women are portrayed in video games, we might want them to pick more than one of the six options.  However, perhaps we don’t want them to pick all of them.  We want them to be specific.

First, add a description to the question that reads Choose the three options that best apply.

GoogleForms2-15Note that when you went into the three-dot-menu to add a description to the question, there was also an option reading “Data Validation”.  Click it.

New options will have appeared at the bottom of your question.


Choose Select exactly, change the number to 3, and add a custom error text of “You must select exactly three options.


Failure to add a custom error message will display the default of “Must select exactly 3 options”

Step 10: More Data Validation

Now that you’re an expert of Data Validation, add some to your paragraph answer as well.  Note that the type of data validation is different for this question.  You aren’t adding restrictions on what options the user can choose, instead you’re ensuring they have a specific character count.

Since the average word length in English is five characters, set the minimum character count to 500.  This is approximately 100 words.

Step 11: Duplicating a Section

GoogleForms2-18.pngIf you need two similar sections, it can be advantageous to simply duplicate them.  We require another section exactly like the Female Protagonists, but for Male Protagonists.   Rather than creating the questions again, we will just copy the entire section.

To duplicate a section, scroll to the top of the section, and click on the three-dot-menu and choose “Duplicate section.”

You will now have an exact copy below your current section.

Step 12: Modifying the Duplicate

Rename the duplicated section to Male Protagonists.

Change the word women to men in the first question.

Change the word female to male in the second question.

Step 13: Beautifying the Sections

Add an image of a female video game character to the top of the Female Protagonists section, and a male video game character to the top of the Male Protagonists section

I used Link and Zelda from The Legend of Zelda series.

Step 14: Admire your Form

Now that you’ve completed your new section, click the preview button and navigate through your form.  Note that after the first section, you will reach the second sections, and then the third section, before you can submit.

Looks pretty good, but we’re not done yet!



Branching Sections

What we will learn in this section:

  • How to choose sections based on answers

Step 15: Understanding Section Connections

Scroll all the way back to the last question of section one.  Note that at the end of that section it says “After section 1 Continue to next section”.  If you click on Continue to next section you will open a dropdown menu:


You can choose what should happen once the user completes that section.  Should that end the form, leading to submission, or should it lead to section 3, or simply continue to the next numerical section?

We are not going to be changing this.  But – it is important to understand that you can select what section will be displayed after clicking the NEXT button.

Step 16: Choosing Sections Based on Answers

You do not need to send your users through each section on your form.  There may be times when you want users to be asked certain questions only if they gave certain answers to a prior question.

For our purposes, we are going to use the last question in the first section to determine if the user will be asked the Male Protagonist questions or the Female Protagonist questions.

Click on the Do you prefer games with Male protagonists or Female protagonists? question.  Click on the three-dot-menu, and select Go to section based on answer.


Once you have selected this, each of the multiple choice options will display a dropdown menu allowing you to choose which section that specific answer will send the user to.

Set the options so that answering Male Protagonist will send the user to the Male Protagonist section, and that answering Female Protagonist will send the user to the Female Protagonist section.


Step 17: Setting a Section Submission

If you preview the form, you will notice that if the user selects Male Protagonist, they will go to the final section, and be able to submit their results.  However, if they select Female Protagonist they will be send to the Male Protagonist section after clicking NEXT in the Female Protagonist section.

Refer back to Step 15 for information on how to change a section to submit upon completion, rather than continuing to the next section.

Scroll to the bottom of Section Two, click on Continue to next section and change it to Submit form.

Step 18: Reflect on How Great You Are

That’s it.  You’re done.  You have a beautiful form with a number of sections, integrated video and images, and helpful titles.

At this point you have learned all the advanced features of basic Google Forms.



Next Steps

In our Next Part we will learn how to create a self-marking quiz, or a more advanced test that self-marks the multiple choice questions, while allowing the creator to mark the written responses.








Creating a Basic Google Form

In the last part you were introduced to Google Forms, and learned the basics of the two different screens.  Now you are about to be guided through the creation of your first Google Form.  This chapter will teach you how to create a form that can be used to collect basic student information.  In the first section of this chapter, you will familiarize yourself with the form screen.  In the second section you will learn how to title your form, how to add a description, and how to add multiple choice and how to add a short answer question.

The third section of this chapter will teach you more advanced features such as adding titles, adding images, and adding a second section.  By the time you have finished this chapter you will be well on your way to creating Google Forms for use with your students, and co-workers.

Note: This tutorial was made to highlight Google Forms use at the Toronto District School Board, so there are a number of specific references to @tdsb email addresses, and services.  That you may be operating through a different organization will not have any impact on this tutorial, aside from your information being displayed rather than that of the TDSB.

Creating your First Form

By now you have created a new blank form.  We are going to be creating a very basic Student Information form to collect information.

Getting Started

What we will learn in this part:

  • How to create a new form
  • How to title a new form
  • How to give the form a file name
  • How to add a form description
  • How to change question types
  • How to create a short answer question

Step 1: Changing the Form Name

The first thing you’ll want to do is click on the Form Name, and change it from Untitled form to Student Information Gathering.

Step 2: Changing the File Name

Next you’ll want to change the file name.  If you have not touched that part of the form yet, when you click on the file name Untitled form in the top left corner it should automatically switch to your new form name.  If you have already clicked in that box you will need to name the form manually.  Be sure to give it the same name as the Form Name.

Step 3: Adding a Description

It’s important to explain to people what the purpose of the form is.  Even though it might be obvious to you, communicating that to the user is also important.

Beneath your new title, you will see the words “Form description”.   Once you click on that, a purple (or a colour matching your form’s theme) indicator line will appear letting you know that you are editing the text in a specific section.

You may now type in a description of your form.  For our purposes type the following:

This form will collect your basic student information.  It will be used to learn a little more about you, allowing lessons to be tailored to your needs.

Step 4: Creating our First Question

By default Google Forms has already created your first question.  Click on the words Untitled Question and rename it to Preferred Student Name.

You will notice that this is currently a multiple choice question.  As you do not want to have to create all the options for various names, this is not a good question type to collect their name.

Click on the words Multiple Choice and open up the Question Type menu.  Select Short Answer instead.

You have now created the first question for your form.



Previewing and Expanding

What we will learn in this section:

  • How to preview a form
  • How to view responses
  • How to delete responses
  • How to add a new question
  • How to move questions
  • How to add a multiple choice question

Step 5: Previewing Your Form

GoogleForms-5Click on the Preview Button to open up your form and view it the way your users will.  From here you can either close the new browser tab and return to editing your form, or you can fill out your form and submit it.

Please fill out your preferred name, and click submit.  Note that once you click submit you will be told that your result has been recorded.  Now, close this tab and return to the form editing screen.

Step 6: Looking at Basic Responses


Your form now has one response.  By toggling to the response screen you can switch between a summary of all responses, and individual response pages.

Note: Currently Accepting Reponses is toggled on.  If you wish to stop allowing form submissions simply toggle this to the off position.  For now, we will just leave it alone.

Because this response isn’t very useful to us, you will want to delete it.  To do so, click on Individual so that you are viewing the reponse with your name on it.  Then click on the trashcan icon.

Step 7: Adding a New Question

Return to the Questions section, to continue editing your form.  You can view results later by returning to the Results screen.

GoogleForms-7.pngOn the Insert Options bar, click the Add Question button.  It will add a new question directly below the currently selected question.

Step 8: Moving a Question

You may notice that you did not have a selected question, and so the new question appeared at the top of your form.  Since we want the new question to appear after the preferred name question you have two options.  You could delete the new question, select the preferred name question, and then add a new question again… or you could click on the question movement tab and drag the question to its desired location.

GoogleForms-8Moving questions is important, as you will later move other parts of your form the same way.  Click on the movement tab now, and drag the question a few times until you feel comfortable.

Note: If you can’t find it, the move questions tab is represented by the six dots at the top middle of each question.  They will appear on the currently selected question, as well as appear on any question you hover over with the mouse.

Step 9: Creating a Multiple Choice Question

Rename this question to Preferred Gender / Pronoun.

This time multiple choice is a great fit for our question type.  Click on Option 1 and rename it to Female / She.  Next, click on the words Add Option to add a new option.  Rename Option 2 to Male / He.

Note: If you accidentally create an unnecessary option, simply click the X to the right of the question to delete it.

You may also notice a six dotted move tab appears to the right of the options.  You can click on it to move the options into whatever order you prefer.

Finally, understanding that gender is a spectrum you will need to click on ADD “OTHER” which will create a third option, allowing students to fill in their preferred gender / pronoun if it is not found in the choice above.

Step 10: Previewing a Multiple Choice Question

Once more, click on the preview button.  Click on the three options under Preferred Gender.  Note how you can only choose one of the three options, and that if you choose Other a space will open up for you to write in your own answer.


Finishing your First Form

What we will learn in this section:

  • How to add a Check Box question
  • How to add a question description
  • How to add a Paragraph question
  • How to copy a question
  • How to make a question a required response
  • How to share your form

Step 11: Adding a Check Box Question

Add a new question under Preferred Gender and change it to Checkbox.  This is similar to multiple choice, but it will allow users to select more than one response.

Change the question name to Access to Technology.  Add the following options:
Home internet
Device that can take digital pictures
Device that can record digital video
Twitter Account
Google Account

Note: Instead of clicking “Add option” each time, you can simply press [ENTER] once you have typed in a response, to begin adding a new response.

Step 12: Adding a Question Description

The previous question might be confusing for users.  Are they clicking that they know about, what they have, what they want?  You can clarify this by adding a question description.

GoogleForms-0To do this, click on the question options menu in the bottom right of your question.  Then click on description.  This will create a new section under your question name.  There, you can add text to clarify the question.  Add the following description:

Please check the box beside each item you have access to.

Step 13: Creating a Paragraph Answer

Create a new question and change it to a Paragraph type.  Name the question: What is something your teacher should know about you?

Step 14: Copying a question

GoogleForms-10We will now create our fifth and final question.  It will also be a paragraph question.  Rather than creating a new question, and changing the type to paragraph, simply click on the copy question button.

You will now have an exact copy of your previous question.  Rename this one to What is the most important thing that makes you awesome?

Step 15: Making  a Question Required

Students often have a hard time explaining good things about themselves.  But it’s important for you to know – and for them to know – what makes them so amazing.  So, rather than allowing them an easy way out, leaving this question blank, we are going to make answering it a requirement.

GoogleForms-11.pngTo make a question required, simply click on the required toggle, ensuring that the circle is flipped to the right.  Any question you mark as such must be answered before users will be allowed to submit their response.


Step 16: Open the Sharing Screen

You now have a finished Google Form!  That’s amazing!  I have no doubt that you’ll be able to create all sorts of interesting forms now.  But to be valuable, you’ll need to share them with others.

GoogleForms-13There are two main ways to do that – each way starts by clicking on the Share button at the top of the screen.

This will open up the Send form screen.


The first thing I recommend you do is check Automatically collect respondent’s TDSB username.  This will ensure that you know who submitted the response, correlating it with their TDSB e-mail address.

If you want this form to be useable for people without a TDSB account, simply uncheck: GoogleForms-15

Restrict to TDSB users in the Form Settings.

Step 17: Sharing your Form

You now have two main options to share your form.  You can manually type in the e-mail addresses of each person you want to send the form to.  You can also add a “Subject line” and “message” that will appear when they are e-mailed the form.

Another way to share the form with users is to click on the link tab, next to Send via.


From here you can copy the link (shortening it if you want) and simply paste that link to your Google Classroom, in an e-mail, through a social media platform, or any other way you can think of.

Step 18: Congratulate Yourself!

That’s it.  You’re done.  You can send your form out into the wild now to gain feedback.  If you’d like, you might want to change or add a few more questions.  Once you’ve done that, you can use this basic form with your own students!


Next Steps

In our Next Part we will learn how to create a more advanced Google Form.









Introduction to Google Forms

Google Forms in an online data collection tool.  It can be used to collect survey responses, or to automatically mark multiple choice tests and quizzes.  It is capable of branching questions paths, allowing for the answer to one question to drive the next line of questioning.

As with any powerful tool, it can be somewhat complex.  By approaching the program through this step-by-step tutorial you will find yourself both familiarized, and ready to approach everything that Google Forms has to offer.

To begin, navigate your web browser to

Introduction to Google Forms

In this part I hope to familiarize you with the basic features of Google Forms.  Before you embark on creating and collecting data from your own forms, it is important to understand what the capabilities and limitations of the tool you are using are.

Understanding the Home Screen


Dropdown Menu

The Dropdown Menu allows you to access the other primary Google Tools (Docs, Sheets, and Slides).  It also allows you to access the basic settings for Google Forms, as well as your Google Drive.  Finally, you will also find a searchable help section here.

Create New Form

Clicking on this button will take you to the New Form Screen.  For more on the New Form Screen see the section Chapter 2: Creating a Basic Form.

Suggested Templates

For those who do not want to start with a blank form, there are a number of suggested templates that Google Forms thinks might be helpful for your needs.  Clicking on a template builds a pre-made form, waiting to be edited for your specific purposes.

Template Gallery

There are a number of additional templates built into Google Forms.  By clicking on the Template
Gallery option, you will be able to view, and choose

from, a number of templates.  They are sorted by Education, Personal, and Work.

Additional Menus

There are a number of additional menus that are common to all Google Suites.  From left to right they are, The Google Apps menu, which allows you to view all the programs google makes available, Notifications where information about new updates will be displayed, Your Account where you can access personal settings, or sign-out, and G-Suite Training where you can learn advanced features, and find help for whatever questions you may have.

Recently Accessed Forms

The last few forms you have created or accessed will be available in the quick menu allowing for fast access to the most relevant forms you created.

Search Options

Should you want to access an older form, they can be found by searching.  Using the various search options finding your desired form is a simple task.


Understanding the Form Screen


Accessing the Form Screen

GoogleForms-3Now that you’re familiar with the Home Screen, you will need to familiarize yourself with the other important screen in Google Forms, the Form Screen.

To access the form screen, you will need to click on the Create New Form button on the Home Screen.  This will open up an Untitled form for you to edit.

Take a moment to familiarize yourself with this screen as the following tutorials will refer to a number of elements on this screen.

File Name

The File Name is how the form will appear in your Google Drive.  It is advisable to use the form name for the file name.


The style selector will allow you to change the colour or theme of your form.  It is purely cosmetic.


Clicking this button will allow you to view your form as a user would.  Results can be submitted through the preview mode.  Any forms submitted through preview mode will be counted towards your total results.

Form Settings

The form settings allow you to toggle a number of options.  They include, but are not limited to, collecting the e-mail addresses of those who fill out the form.  This is important if you want to know who submitted the response.  You can limit responses to one per e-mail address, allow users to edit their response after submission, or use the more advanced presentation or quiz functions.

More information on how to create a quiz will be presented in Creating Your First Quiz.

Share Button

The share button allows you to send the quiz to other people.  You can send it by adding their e-mail address to the recipient list, or by finding the share web-link which can be sent to recipients in whatever way is most comfortable for you.

Additional Options

The Additional Options opens a menu that allows you to print, copy, or delete your form.  There are a few more advanced options in this menu as well.

Question / Response Selector

Clicking on the Question / Response Selector allows you to switch between creating the form, and viewing the individual or aggregated response date.  More information on this will be presented in Understanding Response Data.

Form Name

The form name will be displayed to everyone who accesses the form.  Giving it a name that explains its purpose is advisable.  For example, “Student Information Collection”, or “Metropolis Quiz”.

First Question

When you create a blank form Google Forms automatically creates an initial multiple-choice question.  You will notice that it has a name and one option.  These can be edited by you.

Copy Question

This button allows you to make an exact copy of the question.  This can be useful if you have a number of questions with similar responses, or if you want o preserve question formatting for your next question.

Delete Question

This button will delete the corresponding question.

Required Response Toggle

By clicking this, toggling Required Response on form users will be unable to submit the form unless they have answered the question.

Question Options

Questions have a variety of options.  The options available are determined by the question type you have selected.

Question Type

The Question Type dropdown will allow you to change the type of question you have on your form.  The most frequently used types are multiple choice, short answer, and check box.

Insert Options

You will notice there are five main options on the Insert Options bar.  From top to bottom they are: Add Question, Add Title, Add Image, Add Video, and Add Section.

You will learn how to add questions in Chapter 2.  The other options will be explored in Chapter 3.








Pixton – Downloadable Resources

Now that you have familiarized yourself with pixton you may want to print physical hardcopies of the tutorial, or the student tutorial sheet.  You can use the links below to download the resources.  Feel free to distribute my sheets for non-commercial purposes.


Pixton – Teacher Guide

Pixton – Student Guide



Part 1: Pixton Comic Creator for Teachers

Part 2: Pixton in the Classroom

Part 3: Assignments and Students in Pixton

Part 4: Using Lesson Plans in Pixton

Part 5: Pixton – Downloadable Resources



Using Lesson Plans in Pixton

In the last part (Assignments and Students in Pixton) we learned how to create assignments and add students to our classroom.  In this section we will learn how to use Pixton’s built in lesson plans.

Using Lesson Plans

The library of lesson plans is one of the most exciting aspects of Pixton.  To see what options exist first click on Main Menu, and then select Lesson Plans.  You will be whisked away to a subject selection page.  From there you can either select an appropriate subject, or search by keywords.

If you want to see if there’s a lesson plan for the short story, The Lottery you could search for “The Lottery” in keywords.  Note that a number of lesson plans that use that keyword exist.  While not every short story will have a developed lesson plan, The Lottery does.

If you are a Math Teacher perhaps you’d want to click on the Math subject area.

Once you have selected a subject area, you can narrow the search by Elementary School, Middle School, and High School.

Find a lesson plan you think is useful, and click on it.

Part of a Lesson Plan

The lesson plans include multiple activities.  Specific props and characters can be associated with lesson plans.  They are also broken down into step by step instructions.

Note that each activity has a rubric.  By default you will view a condensed rubric, but by clicking  pixton-9 you will be able to view the fully expanded rubric for the assignment.

Note that you can add each individual activity to a group by pressing pixton-10.  This allows you to select all, or only part, of a lesson plan for your group.


Congratulations!  You are now ready to you Pixton with your class!


Next Steps

In the next part you can download the Student Handout and Teacher Handout for use in your classroom.


Part 1: Pixton Comic Creator for Teachers

Part 2: Pixton in the Classroom

Part 3: Assignments and Students in Pixton

Part 4: Using Lesson Plans in Pixton

Part 5: Pixton – Downloadable Resources