New School Year, New Curriculum, New Game Ideas

Screen shot 2013-09-19 at 7.24.30 PM Wow! It’s mid-September already and I finally have time to blog again! The regular, every-day world of Middle School, plus the process of designing a new curriculum AND a new site to go with it has made it challenging to say the least, but I’m pleased to say that the new Flipside (HTML5) framework is complete and Quest 1 has begun!

Ever since taking the Coursera Gamification course last spring, I’ve been considering how to use more game-design elements to support students’ need to be able to go back and access resources from the past to help them better succeed as they move forward.  In video games, players can go back to other areas that they’ve mastered in order to gain more experience and therefore become more successful in new areas.  The same concept works in school too –> When students find new skills difficult, opportunities to go back and spend more time on supporting skills will make the “road ahead” less difficult to master. To accomplish this in Flipside I’ve added a new element I’m calling “Terminals”.

TERMINALS are areas where the student/player is presented with an area where they have three or more choices of direction. Clicking on the red shield takes them back to the very beginning of the Quest area (the beginning of the current curriculum unit).  By choosing the yellow shield, students/players are taken back to the previous Mission (Missions are parts of a Quest and coincides with each week of a curriculum unit).  Selecting to follow the green shield leads the student/player forward to the next Mission in sequence.

Screen shot 2013-09-19 at 7.39.38 PMThis is the image of Terminal 1, which is located in Quest 1.


The images I use are mostly open-source, generally gained by searching for open-source images that fit a particular need (downloadable images from are also used occasionally). To support copyright laws, I’m in the process of correctly citing the owner and copyright date and link the images to their online source or provide the link at the bottom of the page in a “Credits” area. The image of the character of Link on this page, for example, was cropped from a concept version of the Nintendo game character posted at There’s great information about this topic at HTML Goodies. This is a very extensive process for a site my size so far, but my idea is to begin correctly posting copyright information as I go along from now on. Since the site is designed to be used with and academically motivate my Middle School students as well as tying to my curriculum, I’m hoping to avoid any copyright issues until I can get it done properly.


Screen shot 2013-09-19 at 7.40.22 PM In addition to the Terminals, there is also a Terminal Map (pictured left). Considering that this “game” could get pretty complicated depending on the number of weeks/Missions in a given Unit/Quest.  The idea for the new curriculum is to have a total of four units, one per grading term.  If each grading term is nine weeks long and there are a total of four, that would create approximately 36+ different areas, not including Quest intro areas, terminals, hidden item/areas and resource areas such as the Training Room, Item Shop, and Arcade.

I was thinking about how students/players would get from the Home screen to their current place in Flipside when they’re in say Quest 4; Mission 5. Too much clicking unless they have access to a map for each Quest and/or a Terminal Map where they could travel from Terminal to Terminal via a virtual underground transportation system.  A further idea for the Terminal transportation is to use versions of familiar video game characters (like Link) – a different character in each quest or for each Terminal (I haven’t decided which yet). Either way, the map systems would offer students/players more choices for how and where to move around the accessible areas.

New characters are also being introduced to offer specific information about an area or give important directions for using different game elements.  I decided that the character of Katt (introduced on the Home screen of Quest 1 and also currently found in the Quest 1 Map area) would be someone who could help them with basic Quest navigation. The “Blue Fairy” is their general guide and the Flipside “Welcome” hostess also provides students (or anyone visiting the site  for the first time) with general information regarding how to gain access, mute music on the pages,  and to the “trailer” for the story behind Flipside.


Other ways I’m attempting to engage and motivate my students into having fun with the curriculum (whether they’re aware of it or not) is to directly reference skills and activities we’re using in the classroom.  For example, in the first Quest/Unit, my advanced Language Arts students are reading the novel The Lost Hero, by Rick Riordan and the theme is “a hero’s journey” through mythology.  I’ve chosen images and music for Quest 1 that reflect mythology, mystery, suspense, and even use images directly related to characters referenced in The Lost Hero. Icons located in each Mission area relate directly to the type of resource it is: Slideshare, Wattpad, Quizlet, etc. The icons will also be consistent throughout the “game” to help students find their way  around easier.

Screen shot 2013-09-19 at 8.48.35 PM

So, now I’m off to continue to build Flipside and work with my colleagues to design the curriculum.  The Leaderboard needs to be updated on the Google Spreadsheet and badges awarded on Edmodo.  Look for additional modifications and reflections about incorporating gamification into the new curriculum, with a new group of Middle-Schoolers in the next post…

About Michele Alvarez

I enjoy teaching Middle School Language Arts and Gifted classes and gamifying education has become my most recent obsession =]

Posted on September 20, 2013, in Game Based Learning, The Game Sites. Bookmark the permalink. 10 Comments.

  1. Love your site. I am beginning design for my 10th grade American History classes. Could you you tell me what HTML 5 template you used and basic tools for design?

    • Thank you! I use – it’s a free site and there are html5 templates ready for use. I use the blank template because it offers more options to modify things the way I want. Good luck! It can be addicting 🙂

  2. Do you make your map images or just find pre-existing ones online and then add your images to it? I am assuming you use ?

  3. Appreciating the time and energy you put
    into your site and detailed information you offer.

    It’s awesome to come across a blog eevery onbce in a while that isn’t the same old rehashed material.
    Fantastic read! I’ve saved your site and I’m including your RSS feeds to my Google

    • Thanks! I’m trying to find time to write more. This school year is full of a lot of new “stuff” (two new, challenging curriculums; new grade level; new state teacher evaluation system; new principal.,, on and on it goes..,

    • Thank you! I’m hoping to be able to start writing and using my gaming approach again as the new school year starts in a couple of weeks.

  4. Hey just wanted to give you a brief heads up and let you know a
    few of the pictures aren’t loading correctly. I’m not sure why but I think its a linking issue.
    I’ve tried it in two different web browsers and both show the same outcome.

  5. I just like the helpful info you provide in your articles.
    I will bookmark your blog and check again here regularly.
    I am somewhat certain I’ll learn many new stuff right here!
    Good luck for the following!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

From the desk of Mr. Walters

How I've Created My "Game" Sites & Prepare My Classes For Their "inStructural" Transformation = Altering the Structure of Instruction


How I've Created My "Game" Sites & Prepare My Classes For Their "inStructural" Transformation = Altering the Structure of Instruction

Feed: All Latest

How I've Created My "Game" Sites & Prepare My Classes For Their "inStructural" Transformation = Altering the Structure of Instruction

How I've Created My "Game" Sites & Prepare My Classes For Their "inStructural" Transformation = Altering the Structure of Instruction

How I've Created My "Game" Sites & Prepare My Classes For Their "inStructural" Transformation = Altering the Structure of Instruction

Educational Gaming Commons

How I've Created My "Game" Sites & Prepare My Classes For Their "inStructural" Transformation = Altering the Structure of Instruction

How I've Created My "Game" Sites & Prepare My Classes For Their "inStructural" Transformation = Altering the Structure of Instruction

First the Classroom, Then the World

How I've Created My "Game" Sites & Prepare My Classes For Their "inStructural" Transformation = Altering the Structure of Instruction

%d bloggers like this: