Friday, February 28, 2014

Remix Learning: The Web is the Platform

[Adapted from a presentation given at iThink Therefore iLearn? conference in Manchester, UK; 27 February 2014.]

Many of you know Mozilla as the makers of the Firefox browser. We’re also breaking into the mobile space with FirefoxOS, and have just announced plans to make a £15 (USD$25) smartphone. FirefoxOS is a phone operating system, sure, but its bones are web-based. Mozilla is also making educational products and programs like Webmaker, which I’ll share in more detail later. 

While we are largely defined by our products, the reality is that we wouldn’t exist without our community. We are an international company with about 800 employees and over 10,000 volunteer contributors, and we are all Mozillians. This is one of Mozilla’s strengths: convening people around a shared mission, and making the whole greater than the sum of the parts. And if we’re going to talk about future technologies – especially in education – we have to talk about connecting people and communities.  

Mitchell Baker says “Mozillians are people who make things. Moving people from consumption to creation is Mozilla’s goal.” We support the making movement, whether that’s online or offline, and we see coding as one part of that movement – one of the many ways to express creativity and personal interest.

Remixing is a way to do just that.
My exposure to remixing was music, specifically electronic music. The more I came across the concept in the education setting – through the idea of collaging and mosaic making – I realized that remixing doesn’t have to be just about copy + paste. Remixing can be a recipe – taking little bits and pieces from existing materials, adding a pinch of your own original flavor, combining according to personal taste/style, and then baking (incubating/(taste)testing) as necessary.

When I was teacher drawing up my lesson plans I did exactly this, and I didn’t even know I was remixing. I would take one activity from the curriculum-mandated textbook, find a corresponding YouTube clip, perhaps get the students to apply the idea to their own lives and provide examples, then have a final presentation of sorts – usually outside!

So how can we surface the process so it becomes integral in learning? As educators we often teach skills without being explicit about it. Take writing for example; rarely do we assign worksheets with grammar exercises. Instead, we look for creative, fun ways to introduce, practice, and perfect these skills together as a class. I remember starting or closing class with a little independent writing; it could be diary writing or a reflective entry about something the students experienced that day. Sometimes we wrote plays as a class, bringing in elements of classic stories and adding our own twists. Storyboarding was my favorite activity, where we drew our stories, and then were forced to keep things short and concise when telling it.

The answer to “How can I remix in the classroom?” is “You already do!” But let’s add another element: the web.

Webmaker Tools
With Webmaker, you have three main tools for teaching the web. X-Ray Goggles, Thimble, and Popcorn Maker. There are loads of great templates on, but my favorite is the comic strip.  The idea here is to look at coding as a skill rather than as a content focus, and by doing so you’ll see how easily this could be integrated into any class.

Here we have a comic strip created by a student:    

Let’s look at the many elements:
  • Images
  • Colors
  • Text
  • Speech bubbles
  • Placement of the text and speech bubbles    
And most importantly, the story line.

When you click on the remix bottom, you see the code on the left and a preview of your webpage – in this case the comic strip – on the right. By changing the code of certain elements on the left, you change the content of what’s on the right.

Story telling through coding
If I had had this program when my 9th grade students were learning about Ancient Egypt, I would have asked them to create stories about the pharaohs or explain the building of the pyramids using comic strips.

First, they’d have to think of the story => exactly the same for any written work. Then they’d have to look for images to fit their story. Students who are good at drawing/graphics could produce their own, upload them, and include them in their comic strip; students who aren’t that good at drawing could look for images that fit their story. We’d be working with their strengths. And then they could fiddle with the background color, the text color, and the placement of the speech bubbles, all of which is customization. Most importantly, they could share their work with their peers, family, and the wider world.  

As a teacher or community club member, you can create the template if you’d like: you can choose the images and have learners build the story around them. Or, you could write a vague story and have the student build the story with images. Alternatively, you could have half of the class do one, and the other half do the other. The options are limitless!

We also encourage teachers to remix online, using their own creative lesson plans for content. With our teaching kit template, you can write up your lesson plans and share them with others. Or, you can remix other people’s teaching kits by picking and choosing the bits you want to keep, adding elements from a different resource, and so on. When you create a teaching kit, you can see how other people have remixed it for themselves; you get a visual feedback loop for your own work.

These skills – remixing, coding, sharing – are part of a wider Web Literacy Map that was designed by community members comprised of educators and people in the tech industry. When you look at this map, you see that there are 14 core competencies defined by three overarching themes; but only one of the competencies has anything to do with coding. And Remixing is its own core skill. For us, Web Literacy is larger and more nuanced than just coding; it’s about understanding privacy and security, what it means for the web to be open, and how to be a member of a larger community.

This is where community – the people—comes into the mix. Remixing learning isn’t only about bringing new materials or tools into the classroom, but also about taking those materials to different contexts, bringing in new people, and integrating learning with the community. In the UK, there’s a network of makers called Make Things Do Stuff. Last year Nesta, Nominet Trust, and Mozilla joined forces to promote and support digital making among young people.  Here in Manchester, there are handful of Make Things Do Stuff partners that run free, workshops for young people: CoderDojo, MadLab, Code Club, and YoungRewired State.   

Our partners meet young people where they are and take them further by connecting through their passions, and teaching new skills by building on what they bring to the table. Yes, this movement is about digital making and providing the skills to do so. But it’s also about sharing, about meeting other like-minded people – whether you’re a geek, a nerd, a sneakerhead, or a hip-hop dancer – and knowing that you’re not alone. For some people, especially adolescents, that can make a big difference.

Mozilla promotes this kind of community building all around the world. Make Things Do Stuff is a national network here in the UK, but we have the Hive LearningNetworks that are city-based initiatives, located in Toronto, New York, Chicago, and Pittsburgh. In Japan it’s called Mozilla Factory, and they aren’t focused just on young people. We support many different versions of the approach to promote making.

A Call to Action
So I offer all educators – whether you’re a teacher, a parent, or a community leader – a  Call to Action: Remix learning. Invite your local maker clubs to your classroom. Take something you made at school and explore it with your kids; and share something you made at home at a hackathon. Remake the web as you connect with other people and their ideas. Let’s open up learning and make all of our lives richer.

Monday, February 3, 2014

Earning Bett(er) Badges

2014 started off with a maker-enthused bang! From January 22-25th, the Bett Show took over London ExCel with 688 exhibitors showcasing their educational wares. Webmaker and a number of Make Things Do Stuff partners were fortunate to be invited to share the Stone Computers stand to run hands-on activities for teachers and students.

Technology Will Save Us were there, running a very cool session on programming their DIY Gamer. On a sheet of paper filled with blank boxes, the maker first designed an avatar and its movements in response to different key combinations on a game console. Then, by doing some simple programming on a computer, the maker brought to life his/her video game.

Next to them, Webmaker ran a Thimble workshop, introducing HTML and CSS code through the "Keep Calm and…" starter make. A few days earlier, I met 4 very cool young makers at Lutthworth High in Leicestershire. These E-leaders were recruited to attract teachers and show them how to do some simple coding at Bett. We spent Monday afternoon making things on Thimble, exploring different variables to play with, and discovering what worked and what didn't in a short period of time. After doing some homework (teaching a family member or friend how to make something on Thimble), they were geared up and ready to work at Bett. And work they did! Alongside community Webmaker mentors, FuzzyFox, and myself the E-leaders brought teachers to the stand with their smiles, and walked them through designing their very own "Keep Calm and…" make. Some of the #Bett2014 makes are pretty creative!

For teachers looking to get ideas before delving into digital making, Stone Computers organized a stand where various educators could share their thoughts and tips on getting digital in the classroom. There was an impressive line-up over the 4 days, including Mozilla's Doug Belshaw and Tim Riches talking about the value of integrating badges, and how they're aligned with our Web Literacy Map. Doug's slide deck is here. I had the opportunity to share how coding could be used as a medium for creative expression, and how it doesn't have to be the content focus in any classroom. I encouraged teachers to get their classes involved in upcoming campaigns, like International Privacy Day on January 28th and celebrating the 25th birthday of the Web this year. My slides are here.

All of these activities were neatly tied together with badges -- in fact, participants were earning badges for every activity they completed! Digital Me and the Badge The UK teams were buzzing about issuing badges for achievements and talking to teachers about incorporating badges in school. It was beautiful to see everyone excited about the upcoming Badge Kit, and discussing how this could be relevant with their students. It'll be even more interesting to see how everyone integrates it into their systems.