Tag Archives: webmaking

Webmaking as Connected Learning

Posted on by
Reply

This is re-posted from Matt Thompson’s blog.

Connected Learning wants to revolutionize the way people learn. How can Webmaker be a part of that movement?

Connected Learning: A New Synthesis Report Blog Image

These new resources on Connected Learning are highly recommended reading for anyone interested in the future of education and “learning by making.” As Mimi Ito’s accompanying post explains, the Connected Learning Research Network has tested their hypotheses with a series of case studies, design experiments and a national survey — all culminating in a new report synthesizing the latest theory and research.

What is Connected Learning?

(paraphrasing from the report’s introduction)

  • pursuing an interest or passion with the support of friends and caring adults
  • in ways that are socially embedded and oriented toward educational, economic or political opportunity
  • linked back to academic achievement, career success and civic engagement

What is Webmaker?

  • digital literacy through interest-driven making. empowering people with skills to build the web (and world) we want.
  • pursuing an interest or passion with the support of friends and mentors
  • linked back to achievement, career opportunities and civic engagement through badges

Connected Learning & Webmaker share…

  • Principles: Interest-powered. Peer-supported. Learning by making.
  • Design: Open. Production-centered. Shared purpose.
  • Values: Equity. Social connection. Full participation.

Webmaker as Connected Learning: 5 community stories

Here are five examples of how Webmaker’s first year experimented with bringing connected learning principles into practice, told from the perspective of of real community members:

  1. UNATTI — Interest-based making through openly networked learning events
  2. ZAINAB — From maker to youth mentor to career paths
  3. EMMA — Adult mentorship and youth-run projects
  4. JON — Mixing physical making with digital making. Spurring social innovation in product design
  5. MEREDITH — Talking back to TV: challenging media stereotypes through webmaking

1) UNNATI

code party

“i taught my parents! my brother and also few of my friends in school…..

here is  a thimble web page my father made….

My father is a coder now!!:)

My Mother too!!!”

  • Unnati is a 13-year-old from Erode, India. Last summer she signed up to take part in an openly networked, community-powered learning event called the  Summer Code Party.
  • When no one signed up for the event she wanted to organize in her town, she wrote to the Webmaker community asking for help.

Mentor-powered learning through digital making

  • Gauthamraj Elango, a 21-year-old volunteer Mozilla Rep, saw Unnatti’s message and decided to help, using Webmaker tools and community.
  • Gauthamraj picked webmaking projects geared to Unnati’s interests, beginning with a multimedia storytelling project called “Inanimate Alice,” showing her how to remix it using Webmaker tools like Thimble and Popcorn.

My love for web started with the Inanimate Alice Project.I loved it but it wasn’t a cake walk….i got stuck somewhere in the middle…and to help me Alice sent me Help!

  • With the help of her mentor, Unnati was quickly able to start making her own web pages and projects. These grew her confidence in digital skills like HTML and video remix, and gave her something fun to share with her family and friends.
  • Unnati was then able to bring her new skills into the classroom, creating a web page exhibit for social studies on the role of technology in education.
  • This lead to interest from her teachers and classmates. Unnati organized her own code party events at school, teaching her fellow students and later her parents.

ma and me!

Building social support for new interests

  • Unnati now identifies as a “proud webmaker,” and has become an active part of new community-led projects like Gen Open (see below). This provides ongoing social support for her new interest in digital making and the web.
  • She also advocates taking an interest-based approach to helping others like her gain digital skills, building off popular interest in music, for example.

One day I was watching a video based on the Popcorn project… it said the project was made to attract kids who love Film making to come and learn some code…. and I thought that was a great idea…And that we could apply the same idea for people who love music…. there are millions who love music… I am a music lover myself! :)

2) ZAINAB

Technology isn’t something I really expressed an interest in until recently. Gradually, I started getting into creating and designing technology, which led to webmaking.

  • Zainab is a 16-year-old high school junior in NYC, and a member of her school’s “MOUSE Squad,” a tech literacy program and member of the Hive NYC learning network.
  • Zainab participated in a series of Summer Code Parties last summer, from small  skill-shares with other Hive network teens to larger hack jams.
  • As part of that process, Zainab began running “train the trainer”-style events, showing other youth facilitators how to use the Webmaker “X-Ray Goggles” for workshops with middle school students after school.

Earlier this year, I was trained on how to use and teach others about X-Ray Goggles…. This was when I first started thinking about how to not only use the web, but to start making the web. From then on, I just basically started grabbing every opportunity I could to develop and gather more skills as a webmaker.

Social advocacy through webmaking

  • Zainab also used Webmaker’s Thimble to create her own social advocacy project for other youth.
  • Her “Take a Stand” template makes it easy for youth to create their own web page about a social issue or cause they care about, learning digital skills as they go.

I was motivated by the documentary “Bully,” and the purpose of my web project is for people to take a stand and make an impact on an issue that they really care about by creating a simple web page about it.

From mentorship to educational and career opportunities

  • Zainab wrote about her experiences on Huffington Post in posts titled “Don’t Be A User, Be a Maker” and “On Becoming A Hacker.”
  • Her longer-term goal: study electrical and computer engineering at MIT.
  • Webmaker and Hive have provided her with resources to help level up her skills, plus practical leadership experience and references that can help.

Some people might argue that it is not important to learn things like HTML and CSS, but in a world where we are being introduced to new technology every day, it’s a part of your world and you don’t want to be blind to what’s going on in your environment.

Continue reading →

New hackable teaching kit prototypes for Webmaker

Posted on by
1

Re-posted from OpenMatt.org.

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.orggoing 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 CoreCan we flow great content like this into our these new prototype templates?

 How to get involved

Webmaker Mentors in 2013

Posted on by
11

Cross-posted on Michelle Thorne and Laura Hilliger‘s blogs.

AN INFLECTION POINT

We’re at an inflection point with learning and making. What was once simmering quietly in makerspaces and classrooms is now boiling. Makers and mentors, and all sorts of hackers and radical educators in between, are the key players.

The maker movement, iconized by MAKE: Magazine but is much deeper and broader than that, has hit mainstream. Hundreds of thousands of people show up at Maker Faires, and contributions to sites like Instructables and YouTube tutorial videos are innumerable. Toy stores sell kits, and anyone from a scout to a senior citizen can take a workshop at their skill level. Makers bootstrap, and they hack. These are people with a DIY ethic and an affinity to sharing what they made and how they made it.

There’s also another movement reaching critical mass: a learning movement. It’s teachers, educators, museum curators, after-school coaches – in short, mentors who cop a DIY attitude towards learning. Similar to the maker movement, they care about tinkering and interest-driven projects. They care about making, not rote memorization or other staid pedagogies of the past. They blend online and offline experiences, they focus on peer learning, and they are challenging traditional educational institutions with new modes of assessment, accreditation and collaboration.

These two groups, the makers and the mentors, are coming together. And they’re creating a smart grid for learning. If it all goes well, it will shake up education, it will shake up employment, and it will shake up the way we see and tinker with the world.

WHY MENTORS

At Mozilla, we believe that people learn best with others and that mentoring is a powerful, distributed way to connect learners with instructors.

By social learning, we mean that learning happens effectively through social interaction among peers. It’s learning that has an impact beyond an individual and becomes part of the larger society or community, in response to interactions and changes withing the community.

By mentoring, we mean peer support and encouragement where someone helps another person learn or make something, and also to understand that effort in a larger context. Mentoring is social and open-ended, and it’s certainly not just a one-way transfer of knowledge. We think a focus on mentoring is important, as it provides ongoing relationships for learners and a way to foster not only “hard” web skills like learning code but also the social ones like collaboration or working in the open.

WHY MOZILLA

Mozilla is a community that practices learning by making. We’ve got an ethos of less yak, more hack, and of helping people hack on things they care about. We don’t believe in “one-size-fits-all” and instead encourage a playful approach to the web and the world. Peers are a critical part of the effort, and not only for Webmaker but across Mozilla in projects like Firefox and FirefoxOS. Merit and peer recognition mean more than titles.

We’re not doing this alone — it’s a huge, distributed collaboration across many organizations and individuals. A “big tent”, as we like to call it. From kitchen tables and small code clubs to edgy museums and international bodies, we see this as a group effort where many players have a role.

With experience in “big tent” models like the Hive Learning Networks (city labs where organizations cluster to share and create learning offerings, innovations and resources) and the Summer Code Party (a campaign to teach webmaking anywhere), we’re excited to take this ethos to the next level.

WHAT WE’RE GOING TO DO

The mentoring team at Mozilla will megazord two existing teams and add some amazing new folks:

  • Hive NYC: Chris Lawrence, Lainie DeCoursy, Leah Gilliam
  • Curriculum Hacker: Laura Hilliger
  • Events/Mozfest: Michelle Thorne
  • Hive Toronto: Kathryn Meisner
  • Reps Liaison: Sayak Sarkar

This group will operate like a skunkworks incubator for radical ideas about learning, webmaking and mentoring.

We’ll run webmaking campaigns, train the trainer workshops, and other activities that grow the mentor community. This includes launching an international campaign rallying around the theme “Making as learning”.

We’ll bring new Hive Learning Networks online. The goal is to mobilize local communities and network them globally.

These efforts will be powered by platforms and social protocols for people to gather and teach skills for a digital age. We aspire to build a Github for Learning Stuff, an open repository where mentors can rip, remix and repost materials.

We’re dedicated to documentation and on-boarding new mentors, so many processes will be easily replicable, remixable and teachable. We want to celebrate the community at Mozfest and set the stage for 2014.

These milestones come from conversations with community members (thank you!), and we tried to roll that input into an action plan and share it back with you.

ROADMAP IN DETAIL

Here are our 2013 goals:

  • Grow a global community of mentors with a maker attitude
  • Offer compelling on-ramps for mentors to participate in webmaking
  • Merge Hive + Code Party to create a global mentor community w/ local roots
  • Make it easier to find local mentors, events, and learning resources online
  • Create more + better mentor resources: step by step guides for teaching that are hackable
  • Surface localization opportunities. Tools and starter content should all eventually be translatable for different communities.

What success looks like:

More detailed roadmap.

GET INVOLVED

  • Tweet #mozhelp. The fastest and easiest way to get help and connect with other mentors. Tweet an offer or a request for help. “I can teach Javascript in Athens. #mozhelp” or “I need a venue for a webmaking event in London. #mozhelp”.
  • Join the Webmaker mailing list. Connect with others mentors, ask questions, and find out what other mentors are up to. Introduce yourself.
  • Live chat. Pop into the #webmaker public chat room to say hello or ask questions.
  • Share and build with us. Contribute back your own learning resources, remixes and more.

We warmly welcome your feedback on the Webmaking mailing list or in the comments to this post.

Can’t wait to kick off this work with you!

– The Mentor Community team: Chris, Kathryn, Laura, Lainie, Leah, Michelle, Sayak