an introduction to mozilla webmaker (with x-ray goggles update)

webmaker.org MozTW, Mozilla Taiwan Community - 26 August 2013

— a Mozilla project dedicated to

helping you create something

amazing on the web.

Quick Summary

• Introduction

• Mozilla Foundation

• Mozilla Webmaker

• Thimble, X-Ray Goggles & Popcorn Maker

• A Gallery of Makes

• Teach the Web

• Maker Party

• Open Badges

Introduction

Clem Wilkinson

Learning Professional

UK – Taiwan

@c01clem

Mozilla Foundation

The Mozilla Foundation is

a non-profit organization that

promotes openness, innovation

and participation on the Internet.

4

Mozilla Webmaker

“Mozillians are people who make things.

Moving people from consumption to creation

is Mozilla’s goal”.

Mitchell Baker (2012) Chair, Mozilla Foundation

5

“…a set of easy-to-use tools that allow

users to learn code and webmaking while

creating great content”. (Surman, 2013)

3 Tools

6

X-Ray Goggles Thimble Popcorn Maker

Thimble Write and edit HTML and CSS right in

your browser, then instantly preview your

work.

Easily remix web video, audio and

images into cool mashups that you can

embed on other websites.

Inspect and remix the code behind any

webpage. Then remix and share your

page.

X-Ray Goggles

Popcorn Maker

7

Thimble

A remix button for everything 8

Thimble

9

Popcorn Maker

10

Popcorn Maker

11

X-Ray Goggles

12

X-Ray Goggles

13

A Gallery of Makes

•User accounts

•Unique URLs and hosting 14

Teach the Web

http://hivenyc.org/teachtheweb/

Learn how to teach the web in 9-weeks

•Introduction to Webmaker: making,

learning, connecting and the open web

•Remix & contextualize: Skills, projects

and feedback

•Do & Share: play testing, create an event,

connect globally #teachtheweb

15

Maker Party

“This summer thousands around the world will

be gathering to make amazing projects and,

and share what they made with others”.( Surman, 2013)

16

Open Badges Get recognition for skills you learn anywhere.

17

Open Badges

Mozilla is collaborating with

the world to develop an open

badge ecosystem that makes

it possible to recognize skills,

literacies, and interests

across the web. Learn more

at openbadges.org.

18

Open Badges: 2 Million Better Futures

By 2016, we envision an Open Badge

ecosystem that at least 1,000,000

workers and 1,000,000 students can

access

http://www.2mbetterfutures.org/

19

References •Mozilla Webmaker: https://webmaker.org/

•Webmaker Tools: https://webmaker.org/en-US/tools

•Teach the Web: http://hivenyc.org/teachtheweb/

•Mozilla Open Badges: http://openbadges.org/

•2 Million Better Futures: http://www.2mbetterfutures.org/

•Mozilla Taiwan Community: http://moztw.org

•Baker M (2012) Mozilla Webmaker Blog; 8 June

http://mozillawebmaker.tumblr.com/post/24693671226/mozillians-are-people-who-make-

things-moving

•Surman M (2013) The Mozilla Blog, Mozilla Webmaker: We Want You to Break Things;

30 June https://blog.mozilla.org/blog/2013/06/30/webmakernext/

“Mozilla Webmaker: We Want You to

Break Things”

Mark Surman

(Executive Director, Mozilla Foundation)