SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
webmaker.org
MozTW, Mozilla Taiwan Community - 27 July 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
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 web page. Then make
and share your webpage.
X-Ray Goggles
Popcorn Maker
7
Thimble
A remix button for everything
8
Thimble
9
Popcorn Maker
10
Popcorn Maker
11
X-Ray Goggles
http://hackasaurus.org/en-US/goggles/
12
X-Ray Goggles
http://hackasaurus.org/en-US/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/
•Teach the Web: http://hivenyc.org/teachtheweb/
•Mozilla Hackersaurus (X-Ray Goggles): http://hackasaurus.org/en-US/goggles/
•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)

Mais conteúdo relacionado

Mais procurados

Wikipedia and jimmy wales
Wikipedia and jimmy walesWikipedia and jimmy wales
Wikipedia and jimmy wales
maarcc
 
What Is Social Innovation Exchange
What Is Social Innovation ExchangeWhat Is Social Innovation Exchange
What Is Social Innovation Exchange
SIX
 

Mais procurados (20)

DIY in the Internet Era
DIY in the Internet EraDIY in the Internet Era
DIY in the Internet Era
 
Wikipedia and jimmy wales
Wikipedia and jimmy walesWikipedia and jimmy wales
Wikipedia and jimmy wales
 
Understanding Unconferences and OSScamps
Understanding Unconferences and OSScampsUnderstanding Unconferences and OSScamps
Understanding Unconferences and OSScamps
 
DRIVE | smart meets circular
DRIVE | smart meets circularDRIVE | smart meets circular
DRIVE | smart meets circular
 
What Is Social Innovation Exchange
What Is Social Innovation ExchangeWhat Is Social Innovation Exchange
What Is Social Innovation Exchange
 
The Public Library as a Community Hub for Connected Learning
The Public Library as a Community Hub for Connected LearningThe Public Library as a Community Hub for Connected Learning
The Public Library as a Community Hub for Connected Learning
 
Lb session3
Lb session3Lb session3
Lb session3
 
Elegants
ElegantsElegants
Elegants
 
elegants
elegantselegants
elegants
 
Wiki
WikiWiki
Wiki
 
Growing Galway's Startup Community
Growing Galway's Startup CommunityGrowing Galway's Startup Community
Growing Galway's Startup Community
 
Groundworkuk June09
Groundworkuk June09Groundworkuk June09
Groundworkuk June09
 
Online newswork
Online newsworkOnline newswork
Online newswork
 
Mozilla webmaker - Mozilla India
Mozilla webmaker - Mozilla IndiaMozilla webmaker - Mozilla India
Mozilla webmaker - Mozilla India
 
Education 2.0
Education 2.0Education 2.0
Education 2.0
 
License to Cull
License to CullLicense to Cull
License to Cull
 
Mozillawebmaker
MozillawebmakerMozillawebmaker
Mozillawebmaker
 
CNIE 2010 Keynote
CNIE 2010 KeynoteCNIE 2010 Keynote
CNIE 2010 Keynote
 
Webmaker
WebmakerWebmaker
Webmaker
 
IPA Eff Fest: Barry Clarke
IPA Eff Fest: Barry Clarke IPA Eff Fest: Barry Clarke
IPA Eff Fest: Barry Clarke
 

Semelhante a An Introduction to Mozilla Webmaker

What is Web 2.0?
What is Web 2.0?What is Web 2.0?
What is Web 2.0?
Johan Koren
 
Web 2.0: A waste of time, or a revolutionary way of working--but is it dead ...
Web 2.0:  A waste of time, or a revolutionary way of working--but is it dead ...Web 2.0:  A waste of time, or a revolutionary way of working--but is it dead ...
Web 2.0: A waste of time, or a revolutionary way of working--but is it dead ...
Johan Koren
 
Mozilla intro & how to contribute
Mozilla intro & how to contributeMozilla intro & how to contribute
Mozilla intro & how to contribute
Srikar Ananthula
 
What is Web 2.0: A Waste of Time, or a revolutionary way of working--or is i...
What is Web 2.0:  A Waste of Time, or a revolutionary way of working--or is i...What is Web 2.0:  A Waste of Time, or a revolutionary way of working--or is i...
What is Web 2.0: A Waste of Time, or a revolutionary way of working--or is i...
Johan Koren
 
Moz Cafe December 2012
Moz Cafe December 2012Moz Cafe December 2012
Moz Cafe December 2012
Vivek Kiran
 

Semelhante a An Introduction to Mozilla Webmaker (20)

Mozilla Service Week - How to make an impact!
Mozilla Service Week - How to make an impact!Mozilla Service Week - How to make an impact!
Mozilla Service Week - How to make an impact!
 
Introduction about Foss and mozilla
Introduction about Foss and mozillaIntroduction about Foss and mozilla
Introduction about Foss and mozilla
 
Introduction to mozilla and its projetcs
Introduction to mozilla and its projetcsIntroduction to mozilla and its projetcs
Introduction to mozilla and its projetcs
 
Webmaker init()
Webmaker init()Webmaker init()
Webmaker init()
 
Mozilla Maker Party, Kolkata
Mozilla Maker Party, KolkataMozilla Maker Party, Kolkata
Mozilla Maker Party, Kolkata
 
Mozilla WebMaker Party Presentation
Mozilla WebMaker Party PresentationMozilla WebMaker Party Presentation
Mozilla WebMaker Party Presentation
 
Mengenal Mozilla Webmaker
Mengenal Mozilla WebmakerMengenal Mozilla Webmaker
Mengenal Mozilla Webmaker
 
MozillaPH Webmaker Mentors Orientation
MozillaPH Webmaker Mentors OrientationMozillaPH Webmaker Mentors Orientation
MozillaPH Webmaker Mentors Orientation
 
What is Web 2.0?
What is Web 2.0?What is Web 2.0?
What is Web 2.0?
 
Bukan Sekadar Peramban
Bukan Sekadar PerambanBukan Sekadar Peramban
Bukan Sekadar Peramban
 
Web 2.0: A waste of time, or a revolutionary way of working--but is it dead ...
Web 2.0:  A waste of time, or a revolutionary way of working--but is it dead ...Web 2.0:  A waste of time, or a revolutionary way of working--but is it dead ...
Web 2.0: A waste of time, or a revolutionary way of working--but is it dead ...
 
Mozilla learning freedom and the web
Mozilla learning freedom and the webMozilla learning freedom and the web
Mozilla learning freedom and the web
 
Mozilla intro & how to contribute
Mozilla intro & how to contributeMozilla intro & how to contribute
Mozilla intro & how to contribute
 
Introducing Mozilla Webmaker
Introducing Mozilla WebmakerIntroducing Mozilla Webmaker
Introducing Mozilla Webmaker
 
What is Web 2.0: A Waste of Time, or a revolutionary way of working--or is i...
What is Web 2.0:  A Waste of Time, or a revolutionary way of working--or is i...What is Web 2.0:  A Waste of Time, or a revolutionary way of working--or is i...
What is Web 2.0: A Waste of Time, or a revolutionary way of working--or is i...
 
The Age of Emotional and Experience Design
The Age of Emotional and Experience DesignThe Age of Emotional and Experience Design
The Age of Emotional and Experience Design
 
Mozilla Campus Club
Mozilla Campus ClubMozilla Campus Club
Mozilla Campus Club
 
Moz Cafe December 2012
Moz Cafe December 2012Moz Cafe December 2012
Moz Cafe December 2012
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Wikinnovation
WikinnovationWikinnovation
Wikinnovation
 

Último

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Último (20)

COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 

An Introduction to Mozilla Webmaker

  • 1. webmaker.org MozTW, Mozilla Taiwan Community - 27 July 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
  • 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
  • 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 web page. Then make and share your webpage. X-Ray Goggles Popcorn Maker 7
  • 8. Thimble A remix button for everything 8
  • 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/ •Teach the Web: http://hivenyc.org/teachtheweb/ •Mozilla Hackersaurus (X-Ray Goggles): http://hackasaurus.org/en-US/goggles/ •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)