Webmaker Hotlist: Pong attacks, responding to the Times in code, lost cities, panda gymanstics

  • Understanding a DDoS attack with Pong — Vice Magazine’s Motherboard helps you visualize a denial of service attack works. Interesting visual analogies of how the web works.
  • new Art, Copy & Code film– great example of “web-made movies” / “web-native cinema” / “social video.” It gathers data like time, location, weather and what’s happening on the web — then weaves them into a video that’s unique every time.
The NYT -- Common Core

Coding. It’s a new language that opens many windows. Coding is the ability to manipulate electronic and invisible things to do what you want them to do. It is the equivalent to communication with a friend.  –Amir

  • Here is Today — Simple and beautiful data visualization, putting your day into epic context. Like Powers of Ten for time.
  • The Build — Great personal storytelling. These bike-makers make the transition from website into film totally seamless.
  • Churnalism – Spot plagiarism or questionable sources in your media diet. Just plug in text or a URL, and this checker will look to see how much of the article is ripped from another source — and what source it’s ripped from.
journalismwarninglabels2 small Journalism Warning Labels   bringing the fight to sloppy reporting

Is It Worth the Time?

  • Red Panda Gymnast – Red Pandas are also known as “Firefoxes,” so we have a soft spot for them. This one does 300 pull-ups a day.
  • The lost city of Heracleion — the discovery of an entire city sunk beneath the waves. Doesn’t have much to do with the web, but the photos are amazing.

8 ways to get involved with Mozilla Webmaker this week

  1. Join @Mozilla for a global #MakerParty from June 15 – Sept 15. Make, learn and #teachtheweb together. Join the party: https://webmaker.org/en-US/party/
  2. Want to teach the web? Join a peer-driven 9-week online course starting May 2: https://webmaker.org/en-US/teach/
  3. Make your own teaching kits. Test these new Thimble prototypes for creating your own lesson plans for webmakin and digital literacy: https://webmaker.org/kit-prototypes/
  4. Just six months until Mozilla Festival 2013! Tell us what themes you think we should hack on together this year using #mozfest
  5. The @Mozilla OpenNews Source project is nominated for a 2013 GEN Data Journalism Award. We’d love your vote: http://app.wizehive.com/voting/dja2013/14522
  6. Check out Hive Toronto’s latest plans and funding proposal: http://explorecreateshare.org/2013/04/29/hive-toronto-drafting-core-beliefs-and-proposals-for-funding/
  7. Join a new G+ #TeachTheWeb community for designers and makers who want to inspire others through creative uses of the #Webmaker toolset: https://plus.google.com/u/1/communities/113102647862445788660
  8. We launched the draft version of the Web Literacy Standard last Friday! Discuss, give feedback, spread the word: http://mzl.la/weblitstd
  9. Hey, Mozilla India: join two back-to-back @Mozilla #Webmaker events in Nasik, India http://is.gd/xcPVBu and http://is.gd/XW2E09

 

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 Maker Party 2013. Join the open online course. Building Webmaker 2.0.

Introducing Maker Party 2013

This week we were proud to partcipate in the White House Science Fair—and have President Obama help us kick off our new Maker Party 2013. This June to September, people will get together at thousands of community-led events around the world. Together we’ll celebrate the amazing things we can make and learn through the open, collaborative power of the web.

  • Join the party. Sign up at webmaker.org/party. Make something, share it, or teach others what you know.
  • Learn more. Read the official Mozilla blog post.
  • Get training and support. Our new “Teach the Web” open online course is like “Boot Camp” for Maker Party. Join in discussions and hands-on learning with other techies, educators and mentors around the world.
  • Spread the word. By re-tweeting sample tweets like these.
    • Join @Mozilla for a global #MakerParty from June 15 – Sept 15. President Obama just kicked it off at the #whsciencefair: http://mzl.la/party

11kv24n

Join me for “Teach the Web:” a free online course from Mozilla

Read this great story and invitation from Ankit Gadgil, Mozilla community member and Mozilla Rep, inviting you to take part in “Teach the Web a new free and open online course from Mozilla starting May 2. Learn more or get started here.

Markup in Popcorn Maker

Toward Webmaker 2.0

Building Webmaker as a popular way to make and learn on the web. Mark Surman lays out a crisp five-part vision for what we’re building together between now and June:

  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 w/ challenges + badges
  5. Making it easy to create hackable teaching kits with Thimble

How to get involved:

Planet Webmaker round-up: