Teaching Kit

Mobile Media for the Remake Learning Digital Corps

Games, Math, and Design for Buidling Mobile Apps

Made by @theAniMartinez & @ShaniBanerjee


Participants are introduced to a variety of Mobile Design techniques, focusing on simple grid-math and game-based activities to build on old and new code experiences. For many particpants, this will be their first experience working with intermediate-advanced programming languages like Javascript.

Participants will be able to use this kit to work with tweens and teens in out-of-school programs.

All activities are rooted in helping students make design choices and understand personal voice within the context of telling stories in the #OpenWeb.


  1. Math & Logic in Design 1 Session
  2. Introduction to Programming 1 Session
  3. Easy Does It: Bitsbox Makes 4 Super Simple Apps in an Hour 1 Session
  4. Introduction to Javascript 1-2 Sessions
  5. Programming in Gameplay & Intro to Python 1-2 Sessions
  6. Mobile Design with AppMaker 1-5 Sessions
  7. Building with App Inventor Extention

Learning objectives

This 8 week program will cover many different DML objectives. Below you will find some upper level broad stroke ideas:

  • Examine user interfaces and the physical attributes of User Interface design.
  • Exercise spatial logic and reasoning through game play.
  • Design their own flappy bird game, create looping music, and edit “selfies” using previous knowledge of x-y coordinates.
  • Write programs using JavaScript coding language, differentiating HTML and CSS, and build upon previous Mobile Media lesson objectives.
  • Utilize programming knowledge through gameplay.
  • Use Appmaker, experiment with remixing functionality of apps. Reference previous programming techniques to add unique elements to apps, and publish app to be used on a mobile device.

See other pathways? Help us map it out with the Web Literacy Standard.

What you'll make together

  • Make an App on paper

  • Games with grids to use math as a creative process

  • Avatars with simple shapes

  • GIFs, Selfies, and Beats with Made With Code

  • A custom Flappy Bird game

  • An animation using Javascript

  • Learn to play Code Combat

  • Three working Apps using Mozilla's App Maker


Specific material needs are noted in each activity, but for every session you will need:

  • Access to the internet

  • The latest version of Chrome or Firefox

  • Working computers or laptops (at least one for every 2 students)

Assessment and review

Within each activity you will find a list of discussion questions to review with students. We are working to align the Kit with PA Standards (with ASSET STEM Education). Until then, good rules of thumb include always:

  • Discussion questions. Review what you did that day. Don't have questions right in front of you? Just remeber: "Know, Want to Know, Learned"
  • Mentor Reflection. You are part of a team and a network of educators. Talk to your site facilitators, volunteers, and fellow Digital Corps members. Write down a short blog post based on how you feel the session went, what you thought was challenging, and what you would like to see happen next time.
  • Sharing. Always try to make time to share projects. This might take a few weeks working with tweens and teens to build that trust. Get into the practice of always publishing work! Post links on a Tumblr blog, board, community page, or any #openweb format you like!

Assessment criteria

Here is a short list of upper level criteria to look out for:

  • Were participants engaged? Did they ask questions, explore different learning pathways/designs, did they want to finish their project?
  • What kind of questions did you hear? Did you hear "show me," "how can I," or "may I" statements? Were they specific to the subject that activity was covering?
  • Did participants help one another? A simple strategy that is easy to forget is "Ask Five Before Me." This is a trick that both alleviates the pressure on you, the facilitator, and encourages peer-2-peer collaboration.