本文件介绍了 Mozilla 的 Webmaker 项目，强调数字原生者在网络素养方面的重要性以及他们如何利用各种工具参与在线社区。内容涵盖了信息安全、创作和共享资源的能力，以及促进无障碍设计和社区参与的倡议。通过强调学习和技能的正式认证，文档鼓励人们加入 Webmaker 社群与知识分享活动。

1. Mozilla 與資訊教育 - Webmaker
趙柏強 bobchao@gmail.com

2. Who am I?
•Mozilla Rep, 10+ years Mozillian
•Creative Commoner
•Project Manager, UX designer
•Open Culture Lover
•http://blog.bobchao.net

3. ?

5. We are champions of a Web
where people know more, do
more and do better.
~ Mitchell Baker
Photo from https://www.mozilla.org/foundation/annualreport/2012/

6. INTEROPERABLE
KNOWABLE
OURS

8. 1. idea
2. tools
3. community

9. Digital Native
數位原⽣生代

10. Digital Native
學習
打⽂文件
休閒
玩遊戲、聊天
⽣生活
無⼀一不電腦

11. Digital Native

12. Digital Native
實地
⾮非到現場
錄影
稍微慢⼀一點
實況
⼈人⾁肉 SNG

13. Heartbleed?

14. Credibility?

15. Privacy

16. Ｈ Ａ Ｃ Ｋ

17. From read to write

18. Web Literacy Map

19.
Web 素養⼀一覽
探索
瀏覽
使⽤用軟體⼯工具瀏覽網站
Web 原理操作
了解網路⽣生態
搜尋
以網路找出資訊、⼈人及資源
查驗可信度
謹慎評估網路上的資訊
資訊安全
保持 Web 資訊安全性
打造
編寫網路作品
在 Web 上建⽴立並編選內容
混搭重組
修改資源，創造新東⻄西
設計與無障礙
以網站建⽴立無疆界溝通
腳本程式寫作
打造 Web 上的互動體驗
基礎架構
了解網際網路架構
連結
分享
與他⼈人合作打造 Web 資源
協作
提供 Web 資源的存取
社群參與
參與網路社群、瞭解作法
網路隱私
評估線上分享資料的影響
實踐開放
讓 Web 保持⺠民主、可⽤用

21. 1. idea
2. tools
3. community
digital native, web literacy

22. webmaker.org

23. X-Ray Goggles：改變網⾴頁

24. Thimble：⼿手把⼿手，教網⾴頁

25. PopcornMaker：網⾴頁與多媒體

27. https://keyboardkat.makes.org/thimble/LTU0ODUzNjMy/prototyping-with-a-teaching-kit-design-canvas

28. https://laura.makes.org/thimble/privacy-and-security-teaching-kit

31. Why?
•Learning today happens anywhere and
everywhere.
•We need formal recognition for these newly
earned and hard-won competencies and skills.

32. Fromhttps://wiki.mozilla.org/File:Open_Badges_napkin_sketch.png

33. Fromhttps://wiki.mozilla.org/File:Open_Badges_napkin_sketch.png

34. Fromhttps://wiki.mozilla.org/File:Open_Badges_napkin_sketch.png

36. http://www.reconnectlearning.org/case-studies/

37. 1. idea
2. tools
3. community
digital native, web literacy
making, remixing, material, badges

39. HIVE Learning Network

42. Events

44. Image from http://openmatt.org/hall-of-fame/

46. 1. idea
2. tools
3. community
digital native, web literacy
making, remixing, material, badges
mentor, hive, maker party

48. INTEROPERABLE
KNOWABLE
OURS

49. Next step…
•加⼊入 Webmaker 台灣社群（online）
http://groups.google.com.tw/d/forum/moztw-webmaker
•參與 Webmaker 讀書會（online/offline）
•參與 Badges 設計讀書會（online/offline）
•籌辦 Maker Party（offline）
Thanks!

50. Licences & Credits
Except where otherwise noted, content on this slide deck is licensed under CC:BY-SA 4.0. All trademarks
mentioned here belong to their respective owners. Get the original version includes video clips from
http://present.bobchao.net/presentation:mozilla-webmaker
!
• [Slide 10] http://openclipart.org/detail/185201/ Public Domain
• [Slide 11] http://commons.wikimedia.org/wiki/File:Demonstration_against_ETA,_January_2000.jpg CC:BY
• [Slide 13] http://openclipart.org/detail/192604/ Public Domain
• [Slide 15] http://pixabay.com/de/augen-starren-auge-fl%C3%BCge-suchen-260571/ CC0
• [Slide 17] https://www.flickr.com/photos/gypsydancer12/2583772937/ CC:BY
• [Slide 35] http://classhack.com/post/45364649211/open-badge-anatomy-updated CC:BY-SA
• [Slide 40] https://www.flickr.com/photos/mozillaeu/6312805168 CC:BY
• [Slide 40] https://www.flickr.com/photos/mozillaeu/6312804040 CC:BY
• [Slide 40] https://www.flickr.com/photos/irvin/10972432866/ CC:BY
• [Slide 42] https://www.flickr.com/photos/flore_frmoz/10714446776/ CC:BY-NC-SA
• [Slide 45] https://www.flickr.com/photos/mozillaindia/9852293406 CC:BY
• [Slide 45] https://www.flickr.com/photos/mozillataiwan/7674050794/ CC:BY-SA
• [Slide 45] https://www.flickr.com/photos/dougbelshaw/9533976181/ CC:BY