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

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

Upload: clem-wilkinson

Post on 13-Jun-2015

814 views

Category:

Technology


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: 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.

Page 2: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

Quick Summary

• Introduction

• Mozilla Foundation

• Mozilla Webmaker

• Thimble, X-Ray Goggles & Popcorn Maker

• A Gallery of Makes

• Teach the Web

• Maker Party

• Open Badges

Page 3: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

Introduction

Clem Wilkinson

Learning Professional

UK – Taiwan

@c01clem

Page 4: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

Mozilla Foundation

The Mozilla Foundation is

a non-profit organization that

promotes openness, innovation

and participation on the Internet.

4

Page 5: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

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

Page 6: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

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

Page 7: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

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

Page 8: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

Thimble

A remix button for everything 8

Page 10: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

Popcorn Maker

10

Page 11: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

Popcorn Maker

11

Page 12: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

X-Ray Goggles

12

Page 13: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

X-Ray Goggles

13

Page 14: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

A Gallery of Makes

•User accounts

•Unique URLs and hosting 14

Page 15: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

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

Page 16: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

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

Page 17: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

Open Badges Get recognition for skills you learn anywhere.

17

Page 18: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

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

Page 19: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

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

Page 20: An Introduction to Mozilla Webmaker (with X-Ray Goggles update)

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)