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!

課程代碼: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答題

根據抽撲克牌結果作答

https://www.random.org/playing-cards/

線上闖關階段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

  • 164