Tag Archives: Geek Street

Seven Things I Learned Demo-ing the Webmaker App This Summer

This summer, I participated in two exciting learning events in Chicago that gave me a great opportunity to take the Webmaker App on a little test drive. You know, kick the tires and light the fires. Turns out it had great acceleration and handled curves like a dream. Oh, and the kids loved it too!

On Wednesday, July 22, Google hosted a street fair for STEM activities: the Geek Street Festival. Two dozen Chicago organizations participated to lead demonstrations and hands-on activities for almost 5,000 attendees, including thousands of children from Chicago Parks District summer camps! You can watch a great recap video here.

On Sunday, August 8, many of us got back together for the Chicago Southside Mini Maker Faire at the Ford City Mall, hosted by Agape Werks and the Museum of Science and Industry. Many families came out of the mall and walked right up to our tents to make and learn together!

Here are a couple of lessons I learned about the app to help you get the most out of it too.

1. The Web is Really Just 3 Things

Text, graphics and hyperlinks. That’s about it. Lo and behold, this is what you get in the Webmaker App (beta). Yes, the links are in button form, but that’s not the point. So what can you make with just three ingredients? A heck of a lot! So let your imagination go wild!

Oh, and there are pages too I guess; does that make it four things?

We started off with something simple: a “would you rather” style quiz. Would you rather drink coffee or tea? Would you rather play basketball or soccer? Would you rather be the Hulk or Superman? A simple scenario – simple as text, graphics and links – can generate a robust space for creative decision making.

2. Make “Remix” the First Lesson

Constructivists would disagree, but I’ve always been a destructivist at heart. Give me a functional, working thing and I’ll rip it apart and put it back together to be a slightly less functional thing worth a thousand times more to me. If it ain’t broke, don’t fix it? Don’t re-invent the wheel? Scratch that. Break it. Remix it.

This is the hidden beauty at the heart of all Mozilla learning tools, activities and practices. With the Webmaker App, remix is the fundamental unit of currency. Start with a template make and have your kids remix it. They’ll take it from there.

Also, pro-tip: when you’ve got a hundred campers swarming your maker tent like a herd of learning zombies trying to produce brains (not consume them), it helps to have something ready to do, immediately, rather than a blank slate for them to stare at.

3. Kids of All Ages Love Paper Prototypes and Crayons

Which brings me to the next part. Just because you’re teaching tech doesn’t mean paper and crayons have no place. Before you jump into the digital space, start in the analog one. Giving learners a piece of paper and some crayons to imagine their own personal [insert whatever] really gets the creative juices flowing and primes the webmaking pump. It’s also just way easier to make and fix mistakes before you dive in.

But the real wins here? First, pacing: by giving people some time to think on paper, you spread the workflow out to engage more visitors to your maker station in a continuous flow of activity. Second, age-range: adding this step to the activity makes your station accessible to kids aged 2 to 102. So what if that toddler can’t quite handle the app? They still learned some crayon logic. It also keeps them busy while their older siblings mess around.

4. Maintain Creative Flow

You know when you’re in the zone? Like, when you’ve lost an hour trying to pick a color or a font, size an image, place something perfectly, wordsmith that killer comment, etc. and you didn’t even notice? You don’t want to break that flow. You wanna stay in the zone, right?

So before you engage learners in the remix, front load all the non-design stuff. Part of that is the paper prototype, but the other parts are naming your remix (yes do this right away) and searching/downloading all the images you want to use locally to the device.

Trust. Once you’re in the make, you wanna stay in the make.

5. Bigger is Better

Trying to demonstrate how to use the app on a small tablet or smartphone screen can really put eyesight to the test (especially outdoors in bright sun). It tests your patience and limits you to one or two participants at a time. So, think big. Purchase a Google Chromecast for less than $50 and use it to screencast your device on a big screen. We used a busted old 40” flatscreen TV from my garage. You can buy a sweet 24” Viewsonic LED monitor with portrait view (to match the tablet and phone aspect) for just over $200 on Amazon.

6. A Surprising Number of American Kids Use iPhones or iPads

For now, the Webmaker App is available only for Android devices. I didn’t think this would be a major constraint, but it limited the final sell: continue this at home. The good news? Webmaker App makes can be shared and played on the web! Make sure that once your maker is done with their remix, that you show them how to share a link to their make on the web using email. Don’t skip this critical win.

7. Take the Time to Setup Your Devices

Before heading out into the wild to work through these activities on your own, take the time to setup your devices to make sure that the template makes are bookmarked in your browser for quick access; that you have a single, common Webmaker account everyone can share (rather than letting people sign into their own, which slows things down); and that there is an outgoing email account setup and ready to use. It also helps to download a bunch of standard images, like candy and ice cream, Superman and the Hulk, or basketballs and soccer balls.


Download and customize both of these two template makes for an introductory and level-up experience:

  • Would You Rather? http://bit.ly/webmaker-wldurather is a simple two-choice quiz, with no wrong answers and all the links pre-arranged for a quick make.
  • Pop Quiz! http://bit.ly/webmaker-popquiz is a slightly more complex quiz with three choices, two wrong answers and none of the links pre-arranged, providing a good decision-logic test for understanding.

Use these paper prototypes to provide a structured thought-space for app brainstorm.

Print out and cut up these Webmaker app promo cards to quickly share the app for download.