New hackable teaching kit prototypes for Webmaker

TLDR version of this post: we have new Thimble prototypes for creating your own hackable teaching kits. Please help test and make them better by sharing feedback through #teachtheweb or by filing a handy feedback ticket here.

In Mark Surman’s recent post about where Webmaker.org is headed, he lays out five key priorities for “Webmaker 2.0

  1. Rebooting the brand to focus on makers of all ages
  2. Building a gallery to show all the awesome makes
  3. Creating a Make API so anyone can make a gallery
  4. Deepening learning with challenges + badges
  5. Making it easy to create hackable teaching kits with Thimble

This post is about that fifth element: making it easy to create hackable teaching kits with Thimble. Laura Hilliger, Julia Vallera and the mentor team have created new prototypes toward making this possible — and also updated their thinking and content strategy for hackable teaching kits on webmaker.org going forward. This post shares the prototypes and summarizes the new thinking.

Kit prototype

How do hackable kits work?

We want to make it easy for anyone to create their own teaching guides and lesson plans for teaching digital literacy, webmaking or any content relevant to mentors and learners. To that end, we’ve created a set of new prototypes in Thimble. The templates are built around three key teaching elements:

  • your learning goals. What are you trying to teach? What will people learn?
  • your learning activities. What activities, projects or hands-on making are you going to do?
  • additional resources. Cheat-sheets, handy reference guides, further reading, etc.
  • tying it all together. A complete kit then ties all these elements together into one handy link.

Kit prototype -- edit

New Thimble prototypes

Try them out now. Clicking on a template below will open the Thimble editing window, where you edit the content on the left and see how it will look when published on the right.

The templates can also make it easy for people to create multi-page teaching guides. Check out these two examples:

profile page

What’s the goal?

These prototypes are just a small first step. By eventually making it easy to display what mentors are creating through a gallery, and surfacing these community-generated resources onto webmaker.org/teach, we can:

  • showcase what others are doing. See how other educators and mentors around the world are teaching and making. Sharing great activities and lesson plans.
  • enable easier remix and localization. You can just hit the “edit” or “remix” button in Thimble to immediately start translating, moving stuff around, adding your own images and links, etc. When you’re done, you can just hit “publish” and publish to a new, easily shareable URL for what you made.
  • make it easy for people to work their own way. The beauty of working in Thimble and simple editable HTML and CSS is that people can create and share however they want. Your Thimble make could follow our existing template — or you could hack it to include whatever you want: a link to your own blog post or web site, article, third-party resources, etc.

We know not everyone likes to edit HTML — and we’re working on alternate workflow for that, like Mentor Mob.  This is just a small first step.

Building Webmaker 2.0

What’s our content strategy for these hackable kits going forward?

  1. Move to a “make-based architecture.” Up to now, our teaching resources / “Hacktivity Kits” have been their own separate content type. Moving forward, we imagine kits and educational content to be just another “make,” like any other — tagged so that mentors and educators can easily find them.
  2. Simplify our nomenclature and terms. We’re no longer referring to these teaching guides as “Hacktivity Kits” or “Hacktivities” — we’re going to simplify and streamline our nomenclature, using terms that are already familiar to people and easier to localize. (More on that soon.)
  3. Test and refine these Thimble templates in our MOOC. Through the launch of our new open online course, we’ll be in close touch with hundreds of educators, techies and mentors that can help us test, refine and create their own content. This will be made easier by new “save” functionality in Thimble — so our target is to have an early alpha version of this feature ready to test by May 23.

“Everything is a make”

They key design principle here is that, going forward for Webmaker.org, everything is a “make” – and it will soon become dramatically easier to see and remix what other people are making with Webmaker tools like Thimble and Popcorn.

The NYT -- Common Core

Can we flow great content like this into our these new prototype templates?

 How to get involved

Introducing the 2012 Mozilla Festival: making, freedom and the web

Cross-posted from the Mozilla blog.

Join us for three days of inspired making, learning and celebration in London. Today we’re extremely proud to launch the new 2012 Mozilla Festival web site — and invite you to join us November 9-11 in London, UK.

We want everyone to tap the full creative power of the web. The Mozilla Festival is a magnet for people interested in learning about — and playing with — the web’s future.” –Mark Surman, Executive Director, Mozilla

Gathering educators, youth, coders, gamers, media-makers and you

This year’s Mozilla Festival will gather more than 800 passionate people with diverse backgrounds and skill-sets. The goal: push the frontiers of the open web, learn together, and make things that can change the world.

Coders, designers, journalists and educators will join with filmmakers, gamers, makers and youth from more than 40 different countries. Together they’ll participate in a series of design challenges, learning labs and fireside chats spread across four floors of the Ravensbourne design and media campus in East London.

Unlike traditional conferences, the emphasis at the Mozilla Festival is on hands-on making and collaboration — rather than passive consumption or listening to other people talk. It’s “more hack, less yack.” And a big tent for everyone — including partners, local communities and you — who shares Mozilla’s vision for a more open, web literate world.

Technology is at the point where learners don’t just use the tools, but make the tools. This happens at places like the Mozilla Festival, where geeks and practitioners get together.” Joi Ito, Mozilla Foundation Board Member, Director of MIT Media Lab

This year’s key themes:

Get involved

Update on deleted Thimble pages

The short version: A server error caused some Thimble web pages created between July 23 and Aug 20 to be accidentally deleted. Unfortunately, despite our best efforts, these pages cannot be recovered. We sincerely apologize for the error, and have taken steps to resolve it. New Thimble projects will not be affected. We hope you will continue making and learning with Thimble, and read on for more details.

Why does my Thimble page seem to be missing?

As you know, two months ago the Mozilla Webmaker team was extremely proud to launch an early version of Thimble, our new app that makes it easy for anyone to create and share their own web pages.

For a first release, the app has been incredibly successful — and we’ve  been inspired by the response from our community and all the great stuff people are making with it.

So when some of you started reporting that you were having trouble accessing Thimble projects and noticing broken links, we alerted the Thimble software and database teams and asked them to investigate.

Unfortunately, we confirmed yesterday that a server and maintenance error caused some Thimble pages to be deleted. Despite our best efforts, they will not be recoverable. This means that some users will no longer be able to access projects they created and saved with Thimble. If you’re one of  the users affected by this, we sincerely apologize. We’ve identified the issue that caused the data loss and taken steps to correct it. But we’re extremely sorry that some users won’t be able to recover their projects. We feel awful about it.

What happened?

To make a long story short: a mix of factors (systems error combined with human error) caused us to not have backups of Thimble data from July 23 to Aug 20. We have investigated thoroughly with our database admins, and unfortunately we have confirmed that there is no way to restore the data.

As you know, servers are built by fallible humans, and behind each Thimble URL is a group of well-intentioned people trying to work together. Unfortunately in this case, we made a mistake. And for that we offer a frank mea culpa and commitment to doing better going forward.

Will new Thimble pages be affected by this going forward?

No. We’ve rectified the problem so that this won’t happen again. Thimble is still in the early stages and we still have lots of learning to do. But we have addressed the issues that caused the data loss to minimize the chance of this ever happening again.

Again, please accept our apologies for the error. And feel free to get in touch with us directly about questions or concerns: @OpenMatt or matt at mozillafoundation dot org.

Making Webmaker: what’s next?

Mozilla India community members made this by hand on Saturday using beautiful festival colors called "rangoli"

A lot has happened since we launched Webmaker. Since the initial launch announcement on May 22, we’ve seen:

More important than the numbers: we’re building global community. New people are showing up in our community calls. Photos and projects are coming in from around the world. We’re gathering valuable feedback on how to make the new Webmaker tools and projects better.

Who’s participating?

  • People from 68 different countries. People like this.
  • Learners with a broad range of web skills. Erin Knight’s early survey data suggests most users are coming in with more expertise than we originally anticipated — but still report learning new things.

  • Communities of mentors and instructors. As Jacob highlighted in yesterday’s community call, we’re seeing mentors and community instructors grab onto our tools and curriculum (like Popcorn and StoryCamp) and adapting them to their local programs and needs — a key goal for all our work.
  • Partners. Two of the most popular projects on webmaker.org have come from partners: the “Customize your Tumblr theme” project, for example — made possible by our partnership with Tumblr — and the Awesome Animal Builder from the London Zoo. And great partners like Black Girls Code and others are running events under the “Summer Code Party” banner all summer long, deepening relationships with Mozilla and teaching us.

Black Girls Code #MozParty in Oakland, June 30

  • High-profile speakers and mentors. Like Cory Doctorow and OK Go’s Damian Kulash.
  • Lots of new people introducing themselves on the Webmaker newsgroup. New community members have been sharing their background and experience there daily.

What’s new and improved?

Better Summer Code Party search. Users asked for improved ways to search for Summer Code Party events. This week we shipped them. They include:

Great stories and projects on the new Webmaker Tumblr. The Mozilla Webmaker tumblr has become one of the best ways to grok the overall story. And also shows some of the best examples of what people are making using Thimble, Popcorn, the X-Ray Goggles and other tools. Like using your first lines of HTML to tell someone important you love them:

Love hidden in the code. Thimble project from #MozParty

Coming soon:

  • A refresh of the Webmaker.org front page. To showcase the new global reach of the project, reflect our community more, and push participants to the right channels for conversation.
  • Easier ways to see and share what people are making. We need to make it easier for people to share and submit great work into the Webmaker Tumblr. And eventually through more automated user-generated galleries.
  • Incorporating user  and community feedback into a larger Webmaker.org re-design effort. Chris Appleton will share more on this in Tuesday’s community call. (Here’s a sneak peek.)

Click this image to watch this Summer Code Party Invasion video -- then make your own using Mozilla Popcorn.

What are people making?

Mozilla Webmaker projects and beyond. Some highlights:

  • Robot Invasion videos. The new Popcorn templates make it easy to produce a winning result fast. It feels like people are now intuitively “getting it” and seeing the creative potential for Popcorn in ways that were harder before. (See Jacob’s latest post on the sights and sounds of Popcorn’s StoryCamp, for example.)
  • Customzing Tumblr templates. As a gateway to learning HTML and CSS.
  • Making the web physical. MozParty Dundee, in Scotland, focused on hands-on hacking that blended the digital and the physical. From a physical blue bird that flaps its wings every time someone tweets “#MozParty,” to maneuvering Google Maps street view with a joystick. (This mix of physical and web hacking feels super rich — lots to think about for this year’s Mozilla Festival in November.)

Every time you tweet #MozParty, this bird flaps its wings

  • Making mobile apps. At MozParties in Zurich and Bucharest.

  • Tying in Mozilla’s larger mission and work. The Mozilla India team and ReMo members, for example, have been using the Summer Code Party as a tie-in and jumping off point for Firefox localization work and more.

What do the numbers tell us?

So far we’ve got:

  • Survey feedback on the new Mozilla Thimble projects. Erin Knight’s post tells the story and take-aways from the survey feedback we’re getting.
  • Social media and email growth. We continue to see good growth, plus the addition of Tumblr, with 2000+ followers in our first two weeks. Not bad.

Mozilla Webmaker social media channel growth

  • Early web metrics. Ross shared some early metrics from webmaker.org in yesterday’s community call. But we have lots of work to do on improving how we collect this data and make it actionable.

What’s next?

Roadmapping. Mark Surman has outlined some thinking, questions and next steps around the roadmap for Webmaker tools. In Tuesday’s community call, we’ll dive into this in more depth.

The Popcorn, Thimble and Webmaker.org teams have been doing roadmap work as well. More on that in the coming weeks.
DSCF8554

Get involved