「2021論壇/維基媒體專案創新教育」修訂間的差異

出自均優學習論壇共筆
跳至導覽 跳至搜尋
 
(未顯示同一使用者於中間所作的 18 次修訂)
行 1: 行 1:
*主持人:朱庭宏(維基數據台中地方學專題聚會主持人)
+
__NOTOC__
*與談人:劉健豐(維基數據新北地方學專題聚會主持人)
 
 
 
 
===Outline===
 
===Outline===
 
* 維基數據與地方學
 
* 維基數據與地方學
行 40: 行 38:
 
===運算思維===
 
===運算思維===
 
:而運算思維有那些步驟呢?
 
:而運算思維有那些步驟呢?
:(一)拆解===
+
:(一)拆解
 
:*把大的問題變小的問題,但小的問題間要能互相關聯
 
:*把大的問題變小的問題,但小的問題間要能互相關聯
 
:*有簡至繁解決
 
:*有簡至繁解決
行 48: 行 46:
 
:*例:
 
:*例:
 
:*:請由小到大依序排列1,9,5,7,3 請由小到大依序排列2,8,6,10,4
 
:*:請由小到大依序排列1,9,5,7,3 請由小到大依序排列2,8,6,10,4
:*:這兩個問題皆是排序問題,故可以用相同演算法來處理如: 氣泡排序法
+
:*:這兩個問題皆是排序問題,故可以用相同演算法來處理如: 氣泡排序法<br/>1,5,9,7,3<br/>1,5,7,9,3<br/>1,5,7,3,9 (第一回合結束)<br/>1,5,3,7,9<br/>1,3,5,7,9 (第二回合結束,排序終了)
<br/>1,5,9,7,3
 
<br/>1,5,7,9,3
 
<br/>1,5,7,3,9 (第一回合結束)
 
<br/>1,5,3,7,9
 
<br/>1,3,5,7,9 (第二回合結束,排序終了)
 
 
:(三)抽象
 
:(三)抽象
 
:*資訊夠用就好
 
:*資訊夠用就好
行 60: 行 53:
 
:(四)演算法
 
:(四)演算法
 
:*明確訂出解決方案,並對問題進行建模
 
:*明確訂出解決方案,並對問題進行建模
:*:如剛才例子即是把原數量加上增加的量就是剩餘量數學建模則是用數學的方式進行表述
+
:*:如剛才例子即是把原數量加上增加的量就是剩餘量數學建模則是用數學的方式進行表述<br/>如 x+5=y<br/>再將其轉換為虛擬碼或程式<br/>var x=5<br/>x=x+5<br/>console.log(x+’瓶可樂’)<br/>>> 10瓶可樂
<br/>如 x+5=y
+
:::<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA02.png' width='330' height='240' /><br/>
<br/>再將其轉換為虛擬碼或程式
 
<br/>var x=5
 
<br/>x=x+5
 
<br/>console.log(x+’瓶可樂’)
 
<br/>>> 10瓶可樂
 
::<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA02.png' width='330' height='240' /><br/>
 
 
 
 
 
  
開放資料與生活
+
===開放資料與生活===
+
Q: 最近有甚麼社會議題跟這個有關? 要如何用資訊
 +
::<img src='http://quality-learning.net/2021/uploads/agenda/23/wiki01.png' width='330' height='240' >
  
 
開放資料與生活 Q: 最近有甚麼社會議題跟這個有關? 要如何用資訊
 
 
 
你會發現政府資料開放平台跟聯合國的17項有部分是相符的
 
你會發現政府資料開放平台跟聯合國的17項有部分是相符的
<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA03.png' width='330' height='240' >
+
::<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA03.png' width='330' height='240' >
  
 
開放資料鏈結
 
開放資料鏈結
<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA04.png' width='330' height='240' >
+
::<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA04.png' width='330' height='240' >
 +
 
 
台灣百年地圖
 
台灣百年地圖
http://gissrv4.sinica.edu.tw/gis/twhgis/
+
::http://gissrv4.sinica.edu.tw/gis/twhgis/
  
政府資訊公開平台及其 API 之介紹
+
:政府資訊公開平台及其 API 之介紹
*有些提供用 Open API 存取
+
:*有些提供用 Open API 存取
*有些提供csv, xml, json 等格式下載
+
:*有些提供csv, xml, json 等格式下載
*有些需申請授權碼
+
:*有些需申請授權碼
*有些要付費
+
:*有些要付費
 
   
 
   
 
台中市開放資料及其 API 之介紹
 
台中市開放資料及其 API 之介紹
<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA05.png' width='330' height='240' >
+
::https://datacenter.taichung.gov.tw/swagger/api-docs/#/
 
+
::<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA05.png' width='330' height='240' >
https://datacenter.taichung.gov.tw/swagger/api-docs/#/
 
  
 
===創新教育場域教學工具===
 
===創新教育場域教學工具===
行 101: 行 84:
 
   
 
   
 
====問題導向學習(PBL)====
 
====問題導向學習(PBL)====
<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA06.png' width='180' height='360' >
+
<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA06.png' width='240' height='330' >
  
 
===教育現場可以使用的軟體===
 
===教育現場可以使用的軟體===
HackMD: 學生進行分組討論共筆用的線上工具
+
#HackMD: 學生進行分組討論共筆用的線上工具
VSCode: 開源 IDE,跨平台,支援很多套件
+
#VSCode: 開源 IDE,跨平台,支援很多套件
Github: 基於git 版控的線上 source code 代管平台,用於追蹤學生修改的內容。 學生沒有錢, 專案如何上線?
+
#Github: 基於git 版控的線上 source code 代管平台,用於追蹤學生修改的內容。 學生沒有錢, 專案如何上線?
Google Web Designer: UI設計,類似Adobe XD
+
#Google Web Designer: UI設計,類似Adobe XD
 
 
 
===開放授權之教材資源分享 (1/3)===
 
MDN: 網站前端開發免費開放教材(社群夥伴有翻譯中文版)
 
 
 
Bootstrap官網: 前端css框架教學
 
Vue.js 官網: 前端js框架教學
 
 
 
 
===開放授權之教材資源分享(2/3)===
 
Font Awesome:
 
<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA07.png' width='330' height='240' >
 
  
開放授權之教材資源分享 (3/3)
+
:(一)開放授權之教材資源分享  
維基百科教學:
+
:#MDN: 網站前端開發免費開放教材(社群夥伴有翻譯中文版)
https://zh.wikipedia.org/wiki/Wikipedia:%E7%B7%9A%E4%B8%8A%E8%A8%93%E7%B7%B4
+
:#Bootstrap官網: 前端css框架教學
+
:#Vue.js 官網: 前端js框架教學
開源軟體官方網站都有,但我要講的不是那些,而是….
 
1. 
 
  
2.
+
:(二)開放授權之教材資源分享
+
:Font Awesome:
其實你會發現有很多夥伴做了還不錯教材
+
:<img src='http://quality-learning.net/2021/uploads/agenda/23/%E7%B6%AD%E5%9F%BA07.png' width='330' height='240' >
 
  
新北市程式教育專區
+
:(三)開放授權之教材資源分享
 +
*維基百科教學:
 +
*:https://zh.wikipedia.org/wiki/Wikipedia:%E7%B7%9A%E4%B8%8A%E8%A8%93%E7%B7%B4
 +
:*維基百科線上訓練:
 +
:*#新手線上訓練:一篇簡短關於維基百科規則與如何編輯之概要介紹。
 +
:*#學生版線上訓練:此版本分為四部分,提供給教師作為學生編輯維基百科作業(英文)的教材,內容包含詳細的維基百科核心方針、初階與部分進階的編輯技巧。<br/>未來會持續開發更多給其他讀者的快速入門。 接續開發的訓練:
 +
:*#教師版線上訓練:提供想要給學生維基百科作業的教師參考,共分為四部分,內容包含詳細的維基百科核心方針、初階與部分進階的編輯技巧、以及設計與施用維基百科作業的經典教學行動方案介紹。
 +
:*#維基大使線上訓練:提供給學生和大使分四步走的培訓,內容包括維基核心價值觀,基本編輯技巧,以及完成維基任務的最佳實踐概覽。
 +
:開源軟體官方網站都有,但我要講的不是那些,而是….
 +
<img src='http://quality-learning.net/2021/uploads/agenda/23/wiki002.png' width='330' height='240' />
 
   
 
   
 +
:其實你會發現有很多夥伴做了還不錯教材
 +
::ex:碧華國小智慧學習網
 +
::ex:新北市程式教育專區
 +
::ex:計畫網站上也有教材包
 +
:Case study
 +
::Case1: 只跟他們講架構,給他們MDN,要他們討論及 try and error 出<p></p>與其他相關標籤如何排列組合
 +
::Case2: 樹這個資料結構就可以發想出很多意想不到的演算法
 +
::重點: 會發現程式教育比其他科目更容易做翻轉,因為他沒有標準答案,就已經符合不標準答案了,但老師要走下去引導
  
計畫網站上也有教材包
+
====維基教育教案實例分析及經驗分享====
 +
實際在創新教學場域的情境在教案裡除了教材規劃、甚麼執行面那堆的制式 form 外,還需加入甚麼呢?五種開放:
 +
#開源軟體使用 ex: 應用 VS Code 學習程式設計 IDE 之操作
 +
#開放資料串接 ex: 資訊創新應用,鏈結政府資料公開平台,並協助XX社區解決OOO問題, 以落實USR
 +
#開放源始碼 ex: 學習使用Github 做版本管理,並佈署網頁。
 +
#開放教室(開放觀課)
 +
#開放講座: 由學生許願、邀請,與課程主軸有關的講者,並且於外面邀請社群攤位擺攤, 學生作品也要展覽<br/>ex: 業師協同教學(經費要夠)
 +
#:註: 最後一個非教案的內容,但可視實際情形自行決定
 
   
 
   
 
 
Case study
 
Case1: 只跟他們講架構,給他們MDN,要他們討論及 try and error 出<p></p>與其他相關標籤如何排列組合
 
 
Case2: 樹這個資料結構就可以發想出很多意想不到的演算法
 
 
重點: 會發現程式教育比其他科目更容易做翻轉,因為他沒有標準答案,就已經符合不標準答案了,但老師要走下去引導
 
 
維基教育教案實例分析及經驗分享
 
 
直接來談一下實際在創新教學場域的情境
 
在教案裡除了教材規劃、甚麼執行面那堆的制式 form 外,還需加入甚麼呢?
 
五種開放:
 
1.開源軟體使用 ex: 應用 VS Code 學習程式設計 IDE 之操作
 
2.開放資料串接 ex: 資訊創新應用,鏈結政府資料公開平台,並協助XX社區解決OOO問題, 以落實USR
 
3.開放源始碼 ex: 學習使用Github 做版本管理,並佈署網頁。
 
4.開放教室(開放觀課)
 
5.開放講座: 由學生許願、邀請,與課程主軸有關的講者,並且於外面邀請社群攤位擺攤, 學生作品也要展覽
 
ex: 業師協同教學(經費要夠)
 
註: 最後一個非教案的內容,但可視實際情形自行決定
 
 
 
 
期末小型黑客松
 
期末小型黑客松
這是一學期來最歡樂的活動了
+
:這是一學期來最歡樂的活動了,問題就是剛講的社會議題、地方創生、永續發展題目自己發想。
問題就是剛講的社會議題、地方創生、永續發展題目自己發想
+
:*目的: 讓他們了解程式並非遙不可及,是可以跟生活結合,乃至於他們的專業,人文創意的學生,像之前維基數據跟藝術和地方學結合也是如此。:
目的: 讓他們了解程式並非遙不可及,是可以跟生活結合,乃至於他們的專業,人文創意
+
:*成效: 雖然是初心者,但加入他們專業後的網頁,讓網頁加入許多具有美感及創意的元素,並協助OO 社區進行行銷。
的學生
 
像之前維基數據跟藝術和地方學結合也是如此
 
成效: 雖然是初心者,但加入他們專業後的網頁,讓網頁加入許多具有美感及創意的元素,
 
並協助OO 社區進行行銷
 
 
 
 
成果DEMO
 
 
   
 
   
  
結論
+
結論<br/>整體課程設計要讓程式不再遙不可及,而是希望學生了解資訊可以落地於生活中、開源是一種生活態度。藉由維基百科、維基數據、OSM整合來做為同學創作的工具,使的人文學系學生能夠在不需要太高的技術門檻,應用資訊科技來打造行銷工具。
整體課程設計要讓程式不再遙不可及,而是希望學生了解資訊可以落地於生活中、開源是
+
===議程影片連結:===
一種生活態度
+
https://youtu.be/mEStvdS_X9U
藉由維基百科、維基數據、OSM整合來做為同學創作的工具,使的人文學系學生能夠在不需要太高的技術門檻,應用資訊科技來打造行銷工具。
 

於 2021年9月10日 (五) 09:00 的最新修訂

Outline

  • 維基數據與地方學
  • 運算思維
  • 開放資料與生活
  • 創新教育場域教學工具 (Wikidata、OSM、VSCODE…)
  • 維基教育教案實例分析及經驗分享
  • 討論時間

維基數據與地方學

維基數據地方學專題社群介紹

計畫介紹
Wikidata 地方學專題聚會,是第一個Wikidata Taiwan 社群的主題性編輯聚會。在 2019年末由幾位對於地方學有研究興趣的參與者與社群共同討論後,發現地方學資料以結構化方式呈現的比例非常稀少;使得臺灣雖然有大量的地方學資料釋出,但是在結構化領域上卻依然從缺,因此在經過籌備後決定以地方志為主要參考書目,搭配實體走讀等活動所產出的數位媒體檔案,將地方學資料轉進Wikidata 與相關維基姊妹計畫。透過這樣的方式擴展地方學研究的可能性,也能透過結構化的方式創造資料應用的新想像。
  1. 2021年 https://meta.wikimedia.org/wiki/Wikimedia_Taiwan/Wikidata_Taiwan/2021
  2. 2020年 https://meta.wikimedia.org/wiki/Wikimedia_Taiwan/Wikidata_Taiwan/2020

Wikidata地方學專題活動

  • 台中神社維基考察團
  • 維基愛地球
  • GLAM
  • 刑務所官舍群考察團
  • Wikidata @ gov大松
  • SITCON、COSCUP分享


維基數據地方學社群經驗分享時間

地方學資料結構化優點

  • 方便查詢
  • 可快速連接到其他維基專案
  • 可顯示於表格中
  • 資料可共享,減少資料儲存空間 (如共用相同的屬性)

運算思維

而運算思維有那些步驟呢?
(一)拆解
  • 把大的問題變小的問題,但小的問題間要能互相關聯
  • 有簡至繁解決
  • 如果問題各自獨立,那就麻煩大了,本來一個問題就衍伸更多問題
(二)類比
  • 解相似問題
  • 例:
    請由小到大依序排列1,9,5,7,3 請由小到大依序排列2,8,6,10,4
    這兩個問題皆是排序問題,故可以用相同演算法來處理如: 氣泡排序法
    1,5,9,7,3
    1,5,7,9,3
    1,5,7,3,9 (第一回合結束)
    1,5,3,7,9
    1,3,5,7,9 (第二回合結束,排序終了)
(三)抽象
  • 資訊夠用就好
  • 如:
    飲料機裡有5瓶可樂,貨車上有1箱可樂,補貨員又補了5瓶可樂,這樣飲料機裡面共幾瓶可樂?
    因送貨員及貨車上的可樂不是我們關心的問題
    所以可簡化為
    飲料機裡有5瓶可樂,又補了5瓶,裡面共幾瓶可樂?
    答案一樣相同
(四)演算法
  • 明確訂出解決方案,並對問題進行建模
    如剛才例子即是把原數量加上增加的量就是剩餘量數學建模則是用數學的方式進行表述
    如 x+5=y
    再將其轉換為虛擬碼或程式
    var x=5
    x=x+5
    console.log(x+’瓶可樂’)
    >> 10瓶可樂

開放資料與生活

Q: 最近有甚麼社會議題跟這個有關? 要如何用資訊

你會發現政府資料開放平台跟聯合國的17項有部分是相符的

開放資料鏈結

台灣百年地圖

http://gissrv4.sinica.edu.tw/gis/twhgis/
政府資訊公開平台及其 API 之介紹
  • 有些提供用 Open API 存取
  • 有些提供csv, xml, json 等格式下載
  • 有些需申請授權碼
  • 有些要付費

台中市開放資料及其 API 之介紹

https://datacenter.taichung.gov.tw/swagger/api-docs/#/

創新教育場域教學工具

問題導向學習(PBL)

教育現場可以使用的軟體

  1. HackMD: 學生進行分組討論共筆用的線上工具
  2. VSCode: 開源 IDE,跨平台,支援很多套件
  3. Github: 基於git 版控的線上 source code 代管平台,用於追蹤學生修改的內容。 學生沒有錢, 專案如何上線?
  4. Google Web Designer: UI設計,類似Adobe XD
(一)開放授權之教材資源分享
  1. MDN: 網站前端開發免費開放教材(社群夥伴有翻譯中文版)
  2. Bootstrap官網: 前端css框架教學
  3. Vue.js 官網: 前端js框架教學
(二)開放授權之教材資源分享
Font Awesome:
(三)開放授權之教材資源分享
  • 維基百科線上訓練:
    1. 新手線上訓練:一篇簡短關於維基百科規則與如何編輯之概要介紹。
    2. 學生版線上訓練:此版本分為四部分,提供給教師作為學生編輯維基百科作業(英文)的教材,內容包含詳細的維基百科核心方針、初階與部分進階的編輯技巧。
      未來會持續開發更多給其他讀者的快速入門。 接續開發的訓練:
    3. 教師版線上訓練:提供想要給學生維基百科作業的教師參考,共分為四部分,內容包含詳細的維基百科核心方針、初階與部分進階的編輯技巧、以及設計與施用維基百科作業的經典教學行動方案介紹。
    4. 維基大使線上訓練:提供給學生和大使分四步走的培訓,內容包括維基核心價值觀,基本編輯技巧,以及完成維基任務的最佳實踐概覽。
開源軟體官方網站都有,但我要講的不是那些,而是….

其實你會發現有很多夥伴做了還不錯教材
ex:碧華國小智慧學習網
ex:新北市程式教育專區
ex:計畫網站上也有教材包
Case study
Case1: 只跟他們講架構,給他們MDN,要他們討論及 try and error 出

與其他相關標籤如何排列組合
Case2: 樹這個資料結構就可以發想出很多意想不到的演算法
重點: 會發現程式教育比其他科目更容易做翻轉,因為他沒有標準答案,就已經符合不標準答案了,但老師要走下去引導

維基教育教案實例分析及經驗分享

實際在創新教學場域的情境在教案裡除了教材規劃、甚麼執行面那堆的制式 form 外,還需加入甚麼呢?五種開放:

  1. 開源軟體使用 ex: 應用 VS Code 學習程式設計 IDE 之操作
  2. 開放資料串接 ex: 資訊創新應用,鏈結政府資料公開平台,並協助XX社區解決OOO問題, 以落實USR
  3. 開放源始碼 ex: 學習使用Github 做版本管理,並佈署網頁。
  4. 開放教室(開放觀課)
  5. 開放講座: 由學生許願、邀請,與課程主軸有關的講者,並且於外面邀請社群攤位擺攤, 學生作品也要展覽
    ex: 業師協同教學(經費要夠)
    註: 最後一個非教案的內容,但可視實際情形自行決定

期末小型黑客松

這是一學期來最歡樂的活動了,問題就是剛講的社會議題、地方創生、永續發展題目自己發想。
  • 目的: 讓他們了解程式並非遙不可及,是可以跟生活結合,乃至於他們的專業,人文創意的學生,像之前維基數據跟藝術和地方學結合也是如此。:
  • 成效: 雖然是初心者,但加入他們專業後的網頁,讓網頁加入許多具有美感及創意的元素,並協助OO 社區進行行銷。


結論
整體課程設計要讓程式不再遙不可及,而是希望學生了解資訊可以落地於生活中、開源是一種生活態度。藉由維基百科、維基數據、OSM整合來做為同學創作的工具,使的人文學系學生能夠在不需要太高的技術門檻,應用資訊科技來打造行銷工具。

議程影片連結:

https://youtu.be/mEStvdS_X9U