教研中心研習:App Inventor 2 手機程式設計(1060731-0801)

時間:106年7月31日-8月1日

主題:App Inventor 2 手機程式設計

講師:邱昭士

課程內容:

教學範例:

範例一:ai2入門範例25題 – 鶯歌高職盧淑惠老師

【7月31日】

【7月31日】【8月1日】【進階範例】

  • 華攝氏溫度轉換:

攝氏溫度=(華氏溫度-32)*5/9

華氏溫度=攝氏溫度*9/5+32

  • 計算飲料錢:

飲料 1 罐 15 元,一打(12 罐)150 元,假設消費者不會多買,不足一打以單罐計算,請計算購買數量所需的金額。

 

  • 計算等第:

  1. 優等:分數 >= 90
  2. 甲等:80 <= 分數 < 90
  3. 乙等:70 <= 分數 < 80
  4. 丙等:60 <= 分數 < 70
  5. 丁等:分數 < 60

  • 計算BMI:

參考網路:BMI值計算器

  • BMI值計算公式: BMI = 體重(公斤) / 身高2(公尺2)
  • BMI的理想範圍:
  • CSV字串:
    • BMI:18.5,24,27,30,35,1000
    • 建言:體重過輕,體重正常,稍微過重,輕度肥胖,肥胖,重度肥胖
身體質量指數(BMI)
(kg/m2)
腰圍
(cm)
體重過輕
BMI < 18.5

正常範圍
18.5≦BMI<24

異常範圍
  過重:24≦BMI<27
輕度肥胖:27≦BMI<30
中度肥胖:30≦BMI<35
重度肥胖:BMI≧35

男性:≧90公分
女性:≧80公分


 

【8月1日】

【7月31日】【8月1日】【進階範例】

九九乘法表_外觀編排

 

九九乘法表_程式設計

進階作法:

  • 自訂函式猜數字練習

自訂函式猜數字練習_外觀編排

範例二:1040701國中生暑期育樂營(觸控) – 鶯歌高職盧淑惠老師

  • 小畫家

小畫家_外觀編排

小畫家_程式設計1

小畫家_程式設計2

小畫家_程式設計3

小畫家_程式設計4


【進階範例】

【7月31日】【8月1日】【進階範例】

範例三:App Inventor Code Snippets 研究

範例四:1040703國中生暑期育樂營(聲控) – 鶯歌高職盧淑惠老師.

STEAM與運算思維教學實務班–卡內基美隆大學機械學院入門課程:程式設計(1060728)

日期:106年7月28日(五)

主題:STEAM與運算思維教學實務班–卡內基美隆大學機械學院入門課程:程式設計

單位:資訊工業策進會 數位教育研究所

上課地點:台北市信義路三段153號3樓

課程計畫:

課程目標:

  1. 瞭解運算思維與STEAM於學科整合應用。
  2. 瞭解國際程式教育教學編制架構與教學內容。
  3. 瞭解數位學習平台與實體教學搭配。
  4. 瞭解各式輔助程式、專案的教學工具(如:Scratch、故事板、設計圖表、計畫文件、甘特圖等)。

課程大綱:

  1. 運算思維與STEAM於教學運用介紹
  2. 卡內基教學平台與教材編排設計介紹
  3. 簡易不插電教學活動實作
  4. 專案製作工具介紹與應用
  5. 計算機概論(基本實用電腦應用功能)
  6. Scracth基礎介紹與功能操作。
  7. 以Scracth為教學工具,STEAM實務任務設計範例介紹。
  8. Rubric 量表應用案例介紹。

課程內容:

(一) STEAM

科學(Science)、技術(Technology)、工程(Engineering)、藝術(Art)、數學(Mathematics)

STEM Integration in K-12 Education

Boyan Slat: How we will rid the oceans of plastic (May 2017)

How the oceans can clean themselves: Boyan Slat at TEDxDelft

シャボン玉が出る!遠くへ飛ぶオモチャ作ってみた【名前はまだない】DIY

(二)運算思維:

什麼是運算思維 (Computational Thinking)?

運算思維就是解決問題的方法。
讓我們面對複雜的問題,能夠理解問題本質、發展可能的解決辦法。然後使用電腦、人或兩者都可以理解的方式來呈現這些解決方案。(參考:BBC

分成四個部分:

  1. 拆解(Decomposition):將複雜的問題或系統分解成更小、更易於管理的問題;
  2. 模式識別(Pattern Recognition):為了讓解決問題更有效率,將每個小問題分別檢視,思考之前是否有解過類似的問題;
  3. 抽象(Abstraction):只注意重要的細節,忽略不相關的資訊;
  4. 演算法(Algorithms ):設計簡單的步驟或規則來解決每個小問題。

最後,將這些簡單的步驟或規則寫成程式。

圖片來自 BBC BiteSize

程式是工具,實現「解決問題」的工具。程式語言本身並不涉及運算思維。

 

Abstraction – Computational Thinking

Algorithms

 


上課教材:

 STEM with Computer Science Catchup

  • 概述和順序
  • 持續性評估
  • 期末考試
  • 單元1:檔案和資料夾
  • 單元2:Scratch的介紹
  • 單元3:規劃
  • 單元4:更好的動畫
  • 單元5:除錯
  • 單元6:動作設計
  • 單元7:截圖工具
  • 單元8:對話
  • 單元9:水循環測驗專案
  • 單元10:網路霸凌動畫
  • 單元11:數學遊戲

學習資源:

 

STEAM與運算思維教學實務班–Swift課程(1060721)

日期:106年7月21日(五)

主題:STEAM與運算思維教學實務班–Swift課程

單位:資訊工業策進會 數位教育研究所

主講人:黃正全

上課地點:

  • 台北市信義路三段153號3樓

課程計畫:

課程目標:

  • 受訓老師能夠了解運算思維之流程與步驟
  • 受訓老師能夠分辨不同的程式語言適用之環境
  • 受訓老師能完成Swift Playground的各種任務
  • 受訓老師能夠將Swift課程教案導入校內資訊課程

課程大綱:

  1. STEAM趨勢、運算思維與程式教育
  2. Swift簡介及操作環境介紹
  3. Swift Playgrounds任務關卡實作
  4. Swift課程教案解說

課程內容:

  • 彩虹牧場
  • 彩虹牧場學院 – 資策會
    • (國小_第1梯)Swift程式設計營-自學課程
    • (國中)Swift程式設計營-自學課程
  • 彩虹牧場 | Facebook

Swift Playgrounds

Run Swift code online – Swift Playground | iSwift

學習資源:

仁愛國小研習:Scratch 2 程式設計(1060711)

日期:106年7月11日

主題:Scratch 2 程式設計

講師:邱昭士


運算思維與程式設計

視覺化程式語言_handson_20160606 – 台北市立大學盧東華教授


Scratch 2 離線版安裝

如何在 Scratch 2.0 角色造型上輸入中文字:

參考網址:http://wdpsestea.blogspot.tw/2017/05/scratch2.html (scratch2背景輸入中文 | 陳國全夢幻天地 Blog)

Scratch2不管是win或是linux下都無法輸入中文字,經過新北市烜誠(三多國小)和清賢(復興國小)老師的努力,終於可以輸入中文了。烜誠老師還把積木文字放大,更適合國小學生使用。感謝烜誠和清賢老師的努力。

安裝方法:


範例教學

基礎範例 1:貓先逆時針走一圈,叫出蝙蝠,貓隱藏,蝙蝠出現,不斷地逆時針飛。

  • 貓-角色1-程式

貓-角色1

貓-角色1-程式

  • 蝙輻 Bat1-程式

Bat1

Bat1-程式

基礎範例 2:貓先逆時針走一圈,再叫出蝙蝠,當蝙蝠出現後,即以較快的速度追上貓,貓被追到後叫了一聲,並說 SOS! 2秒,程式結束。

練習一1Scratch練習1-2


Scratch2練習一_角色1程式Scratch2練習一_Bat1程式


Scratch練習1-3 Scratch練習1-4

基礎範例 3:以上面的範例為基礎,於叫出蝙蝠出來後,切換背景。

迷宮:(迷宮圖可改置於舞台上)

Scratch2_迷宮_畫面1 Scratch2_迷宮_畫面2 Scratch2_迷宮_畫面3 Scratch2_迷宮_程式設計1 Scratch2_迷宮_程式設計2 Scratch2_迷宮_程式設計3 Scratch2_迷宮_程式設計4

  • BMI計算器

Scratch2_BMI_畫面 Scratch2_BMI_程式設計1 Scratch2_BMI_程式設計2

教學參考網站:

補充教材:

仁愛國小研習:Kodu 3D遊戲設計(1060710)

日期:106年7月10日

主題:Kodu 3D遊戲設計

地點:蘆洲區仁愛國小

講師:邱昭士

Kodu Game Lab 官方網站:https://www.kodugamelab.com/

Kodu 3D立體遊戲設計_學習程式的好工具 (呂聰賢)

 

  • Configure Kodu Game Lab – 設定Kodu螢幕解析度、檔案儲存的資料夾
  • Kodu Game Lab – 執行Kodu

Kodu 12種工具應用說明

 

教學範例:(以呂聰賢老師教材為例)

  1. kodu吃蘋果
  2. kodu自動巡航
  3. 賽車遊戲
  4. 迷宮歷險
  5. 超級瑪琍歐
  6. 搭船悠遊去
  7. 跳躍闖關
  8. 瞬間移動
  9. 擂台挑戰

進階範例:

 

 

學習資源: