These slides were an introduction to some of the other Mozilla projects at the "Firefox student ambassador training camp", held at Mozilla Taipei on 27 July 2013. IT focuses on Mozilla Webmaker (Thimble, Popcorn Maker, X-Ray Goggles, Teach the Web and Maker Party) and also mentions Open Badges (2M Better Futures). This presentation formed part of the Mozilla Taiwan Community's involvement in the day. They have been updated with new screenshots for X-Ray Goggles, now back with the other Webmaker Tools. Quick Summary • Introduction • Mozilla Foundation • Mozilla Webmaker • Thimble, X-Ray Goggles & Popcorn Maker • A Gallery of Makes • Teach the Web • Maker Party • Open Badges

1. webmaker.org
MozTW, Mozilla Taiwan Community - 26 August 2013
— a Mozilla project dedicated to
helping you create something
amazing on the web.

2. Quick Summary
• Introduction
• Mozilla Foundation
• Mozilla Webmaker
• Thimble, X-Ray Goggles & Popcorn Maker
• A Gallery of Makes
• Teach the Web
• Maker Party
• Open Badges

3. Introduction
Clem Wilkinson
Learning Professional
UK – Taiwan
@c01clem

4. Mozilla Foundation
The Mozilla Foundation is
a non-profit organization that
promotes openness, innovation
and participation on the Internet.
4

5. 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

6. “…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

7. 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

8. Thimble
A remix button for everything
8

9. Thimble
9

10. Popcorn Maker
10

11. Popcorn Maker
11

12. X-Ray Goggles
12

13. X-Ray Goggles
13

14. A Gallery of Makes
•User accounts
•Unique URLs and hosting
14

15. 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

16. 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

17. Open Badges
Get recognition for skills you learn anywhere.
17

18. 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

19. 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

20. 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)