A06~陳心一~Mozilla 與資訊教育-Webmaker

(1)

(2)

(3)

Mozilla 與資訊教育 - Webmaker

(slides: 趙柏強)

(4)

Who is BobChao

• Mozilla Rep, 10+ years Mozillian

• Creative Commoner

• Project Manager, UX designer

• Open Culture Lover

(5)

(6)

(7)

We are champions of a Web

where people know more, do

more and do better.

~ Mitchell Baker

(8)

INTEROPERABLE

KNOWABLE

(9)

(10)

1. idea

2. tools

(11)

Digital Native

(12)

Digital Native

學習

打⽂文件

休閒

玩遊戲、聊天

⽣生活

無⼀一不電腦

(13)

(14)

Digital Native

實地

⾮非到現場

錄影

稍微慢⼀一點

實況

⼈人⾁肉

SNG

(15)

(16)

(17)

(18)

(19)

(20)

(21)

 

Web 素養⼀一覽

探索

瀏覽

使⽤用軟體⼯工具瀏覽網站

Web 原理操作

了解網路⽣生態

搜尋

 

以網路找出資訊、⼈人及資源

查驗可信度

謹慎評估網路上的資訊

資訊安全

保持

_{Web 資訊安全性}

打造

編寫網路作品

在

_{Web 上建⽴立並編選內容}

混搭重組

修改資源，創造新東⻄西

設計與無障礙

以網站建⽴立無疆界溝通

腳本程式寫作

打造

_{Web 上的互動體驗}

基礎架構

了解網際網路架構

連結

與他⼈人合作打造

_{Web 資源}

協作

提供

_{Web 資源的存取}

社群參與

參與網路社群、瞭解作法

網路隱私

評估線上分享資料的影響

實踐開放

讓

_{Web 保持⺠民主、可⽤用}

(22)

(23)

1. idea

2. tools

3. community

(24)

(25)

(26)

(27)

(28)

(29)

(30)

(31)

(32)

(33)

Why?

• Learning today happens

anywhere and

everywhere.

• We need formal

recognition for these newly

(34)

From ht tp s:/ /wik i.mozilla .or g/ File: O pen _B ad ges_n ap kin _sk et ch .p ng

(35)

(36)

(37)

(38)

(39)

1. idea

2. tools

3. community

digital native, web literacy

(40)

(41)

(42)

(43)

(44)

(45)

(46)

(47)

(48)

(49)

1. idea

2. tools

3. community

digital native, web literacy

making, remixing, material, badges

(50)

(51)

INTEROPERABLE

KNOWABLE

(52)

Next step…

• _加⼊入

Webmaker 台灣社群（online） 

http://groups.google.com.tw/d/forum/moztw-webmaker

• _參與

Webmaker 讀書會（online/offline）

• _參與

Badges 設計讀書會（online/offline）

• _籌辦

Maker Party（offline）

Thanks!

(53)

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

(54)