Hour of Code
一小時玩程式
Outline
- code.org課程介紹
數位原住民? Digital Natives?
- 技術純熟Being technologically fluent
- 以程式語言完成工作Make things with language
國高中端:108課綱
大學端:深耕計畫
視覺化程式設計
Mitchel Resnink: 讓我們教孩子寫程式吧
Scratch
code.org
一小時玩程式:學習計算機科學
一小時玩程式code.org
2013年12月舉辦
第一屆
電腦科學教育週
致力於普及電腦科學
非營利組織
一小時玩程式!Hour of Code
一小時玩程式code.org
美國歐巴馬總統代言
微軟協助推動
一小時玩程式code.org
在Code Studio上學習
在 Code Studio 上學習
建立帳戶
Create an account
Your turn!
- 在code.org建立帳號
- 加入課程
課程代碼:NQCRNQ
創建帳戶
前往「我的控制台」
加入學習小組
輸入代碼: TVJMDC
設計專案供別人學習
自行學習
Code.org 課程 2
階段一 畫圖紙程式設計
Algorithm
發音: Al-go-ri-thm
演算法: 完成一件工作的一系列步驟
Say It With ME
Program
發音: Pro-gram
程式: 編程完成的演算法(可在3C裝置上執行)
階段一 畫圖紙程式設計
由星號出發
演算法(步驟)
向右移動一格
塗滿空格
向右移動一格
向下移動一格
塗滿空格
如果有5個程式指令:
上 下 左 右
填滿
程式
右
填滿
右
下
填滿
階段二 生活中的演算法: 紙飛機
Algorithm
發音: Al-go-ri-thm
演算法: 完成一件工作的一系列步驟
複習
種植盆栽的演算法
❶
❷
❸
❹
❺
❻
自製早餐演算法
圖片來源: 快手早餐系列~煎饅頭♥
線上闖關 階段3-4
階段五 迴圈
Loop
發音: loop
迴圈: 重複做的動作
Say It With ME
階段五 迴圈: 我的機器人
機器人會的動作
撿起杯子
放下杯子
往前一步
退後一步
將杯子右轉90度
將杯子左轉90度
階段五 迴圈: 我的機器人
程式?
程式?
距離兩步
階段五 迴圈: 我的機器人
程式?
...
線上闖關階段6-8
迴圈內動作依序運行
迴圈內可有迴圈
左 右右 左 右右
for (var count=0; count<3 ; count++) {
moveEast()
}
for (var count2=2; count2<4 ; count2++) {
moveSouth()
}
迴圈程式碼
顯示程式碼
一小時玩程式
Minecraft 創世神
輸入代碼: YHXXMM
階段十 除錯
Debug
發音: De-bug
除錯: 修正程式錯誤
除錯六階段
1. 不可能!
2. 可是在我的電腦上沒錯啊
3. 不應該這樣啊
4. 為什麼會這樣?
5. 喔,我知道了
6. 這是怎麼回事?
線上闖關階段10
階段十二 條件判斷
Conditionals
發音: Con-di-shun-uls
條件判斷: 只在某些情況下才會執行的動作
條件判斷 例子
條件判斷 更多IF-ELSE例子
條件判斷 zuvio答題
根據抽撲克牌結果作答
線上闖關階段13
階段十四 二進制
Binary
發音: Bi-nare-ee
二元: 只用兩種選項表示訊息的方法
猜猜看,這是什麼訊息?
1971, 第一個微處理器 Intel 4004
0與1:電位On與Off
0與1:改變磁粉帶電 or 不帶電
磁碟讀寫頭
硬碟資料儲存也是0與1
圖片圖素也是0與1
6的2進位表示法
0000 0110 (8位元)
階段十四 二進制
早期電腦螢幕圖素不高 ➜ 色塊 / 鋸齒狀
階段十四 二進制
■ 為1□ 為0:寫下你的英文姓氏
1010 1000 W
1011 1010 E
1011 0001 N
階段十五 大事件
Event
發音: e-vent
事件: 引起某些事情發生的動作
慶生會?
畢業旅行?
按下微波爐的「開始」按鈕?
按下遙控器開關?
階段十五 大事件
舉不同形狀的道具
學員畫出特定形狀,例如畫圓、方形...
事件
引發的動作
完成階段16~17
期末小專題之一
登入Code.org / 所有專案
期末小專題之一
下列12種類型任選1種,建立專案
期末小專題之一
參考其他Play Lab 範例https://studio.code.org/projects/public
教學重點
- 管理課程
- 決定課程模組與順序
- 不插電課程
- 管理「學習小組」
- 登入方式:建議使用圖片登入
- 準備圖片登入道具
- 學生分組管理
- 不插電課程道具準備
- 線上課程演練
老師部份
deck
By Leuo-Hong Wang
deck
- 158