1.基礎篇

演算法、AI、程式語言類型與功能...

2.企劃篇

基本結構、流程圖、程式企畫...

3.程式教學與實作

Scratch 3.0, App Inventor...

程式語言

遊戲程式 Code Studio

https://studio.code.org/courses

遊戲程式 Code Studio

登入帳號

學習履歷

• 記錄你的學習狀況
• 遊戲一次玩不完也沒關係，點選紀錄下次接著玩 ^^

可任選冰雪奇緣 or 經典迷宮，以自己帳號(中文名)破關者，可獲得額外加分哦 ^^ (期限一個月內)

語言 溝通與協定

語言 溝通與協定

程式語言 有何用？

12.1) 喜歡程式語言課嗎？2)為什麼？

我可以不要學

程式語言嗎？

​

語言發展歷程

機器語言

• 較接近電腦(機械)的語言，電腦可直接執行的機器碼
• 以0與1所構成二進位形式的碼，不適合人類閱讀、程式設計。
• 每種語言皆須翻譯成機器語言，才能被電腦執行。

音樂盒 ^案例

組合語言

• 介於高階語言與機器語言間的語言，
• 語法接近機器語言，但是所用指令則利用人較容易記憶的方式，
• 需要經由組譯器(assembler)翻譯成機器碼，才能由電腦執行。

語言溝通

高階語言

• 類似自然語言，
• 但較為結構性，可方便使用者撰寫程式，
• 需經過轉譯(translation)後翻譯成機器碼交給電腦執行。

自然語言

• 就是我們日常所用的語言，如英文(english )、中文(chinese)等，
• 最接近人類，但與電腦距離最遠的語言。

學習單五：Q1

​

請問，你認為摩斯密碼比較接近

自然語言、高階語言、組合語言

或機械語言？

為什麼？(寫出你認為的理由)

程式的 轉譯 與執行

なに？

嗨！

妳好嗎？

こんにちは、お元気ですか？

組合語言

高階語言

自然語言

9-2 認識演算法

• 演算法 (algorithm)
• 一組用來解決特定問題的有限指令或步驟
• 例如：計算段考成績總分的演算法(如右圖)

專題創作

• 上學期
• Step1.遊戲專題企劃
• Step2.流程圖繪製
• 下學期
• Step3.程式設計
• Step4.異介轉化

​

捲軸遊戲

Scratch on line Game - On the Run

^{遊戲 (程式) 設計} 捲軸迷宮

常用流程圖符號

符　　號

意　　義

說　　明

開始／結束

流程圖開始或結束

處理

處理一項工作

流程方向

流程進行的方向

輸入／輸出

進行資料輸入或輸出

決策

依條件比較結果進行不同處理

迴圈

迴圈變數初值與終值的描述

連接

流程的連結點

七年級：2-1-1 演算法的基本概念 (Page 29)

課程開始

閱讀教材、研讀相關資料

設定教學目標

教案準備、設計遊戲及製作器材

準備上課 (老師今天心情如何？)，心情不好，那就來寫作業和考試吧！心情愉快，開始上課 囉！

開始上課 (學生上課狀況如何？)，課堂秩序差 ，那就來寫作業和考試吧！學習狀況不錯，講故事、快樂遊戲+額外加分囉！

課程評量、結束

認識 流程圖 No1. 圖形工具

林老師的教學流程

​

1.簡化易讀

2.排序

3.分類

^常用的 流程圖示

One piece 藏寶圖

青蛙跳

5 次

猜拳

摺紙飛機

說一個

冷笑話

123x7=?

做出你最色的表情

擲骰子

贏關主

數獨

遊戲

銘謝惠顧再來一次 XD

請跳到

B2 位置

主題

角色

關卡

背景

Yes

Yes

Yes

Yes

No

No

No

No

製作規則&評分方式

• 製作規則
• 使用流程圖示：Start or End, Do, IF…else
• 使用顏色標示：Yes (暖色系)、No (冷色系)
• 路線數量：3~5 條路線
• 關卡數量：每條路線，可有 2~4 個關卡，但至少須包含 1 個 “Do” or “IF”
• 關卡要求：約 3~5分/每關 (太久不好玩 ><"，評分不一定有利)、必須可行 (闖關者可反要求)
• 評分方式
• 基本分：功能(60%)、創意(20%)、美觀趣味(20%)
• 額外加分：
• 邀請遊戲：+2/人 (最多 5 人)
• 分組對戰 PK
• 抽籤 PK：獲勝組別 +10分
• 遊戲時間：每次最多 30mins
• 團隊加分：PK 全組無 NG (全組加分)

1

+20

+20

60

Start, End

Do

IF

One piece 藏寶圖

A1

青蛙跳

5 次

B2

猜拳

D2

摺紙飛機

B1

說一個

冷笑話

C2

123x7=?

C1

做出你最色的表情

D1

擲骰子

贏關主

A2

數獨

遊戲

銘謝惠顧再來一次 XD

請跳到

B2 位置

主題

角色

關卡

背景

Yes

Yes

Yes

Yes

No

No

No

Secret 1.設計心理陷阱 2.鉛筆 or 浮貼關卡

No

Note 1.準備關卡道具 2.Do簡單、IF困難

^額外加分 邀請遊戲

^{額外加分 PK} 勝負判定 規則

製作規則&評分方式

• 製作規則
• 使用流程圖示：Start or End, Do, IF…else
• 使用顏色標示：Yes (暖色系)、No (冷色系)
• 路線數量：3~5 條路線
• 任務數量：每條路線，可有 2~4 個任務，但至少須包含 1 個 “Do” or “IF”
• 評分方式
• 基本分：符合上述規則製作完成者，60 分。
• PK 分：抽籤 PK 贏者 +20分/次
• 遊戲時間：每次最多15min
• 額外加分： (由老師評分)
• 製作精緻(10%)、美觀(10%)、創意有趣(20%)

1

+20

+20

60

Start, End

Do

IF

^{(修訂) 常用的} 流程圖示

常用流程圖符號

Start, End

IF

Do

www.draw.io 職業級、雲端/分享繪圖軟體 (程式設計-企劃篇)

Better, Convenient, low Cost

程式基本 結構 與實例

結構差異與影響

程式基本結構

準備上課

登入網站

點選課程

開啟學習單

閱讀學習單

填寫學習單

填寫學習單

答題完畢嗎？

學習單存檔

Yes

No

循序結構 (Do)

條件結構 (If)

重複結構 (Loops)

案例：段考成績判定

段考成績判定步驟：

​

1. 輸入各科成績
2. 計算個人總分/平均
3. 成績判定
1. >=60 者，視為及格，螢幕顯示。
2. <60 者，則為不及格，列印成績單！

磁碟

流程圖範例：每日作息流程

我每天起床的第一件事是，張開眼睛，想一想。

如果今天是上課日，那就要先更換制服、吃早餐，然後開始今天的上學、放學行程。

如果今天是休假日，那就好好補個眠吧，一覺到傍晚…^^…。

吃晚餐後，開始用電腦寫作業，再將作業列印出來，就可以上床睡覺了。

1. 我每天起床的第一件事是，張開眼睛。
2. 想一想，如果今天是上課日，則執行步驟 c；若是假日，則跳至步驟 g。
3. 更換制服
4. 吃早餐
5. 上學
6. 放學
7. 吃晚餐
8. 使用電腦寫作業
9. 將作業列印出來
10. 就寢

前次案例解說

https://microbit.org

38

1.登入 microbit.org 網站首頁

2.選擇語言"繁體"

3.點選 來寫個程式吧/Let’s Code，進入學習平台

Scratch vs Micro Bit 同(積木程式)與異

Scratch vs Micro Bit 同與異

偏重軟體運作，如網頁、動畫製作...

可連繫軟/硬體協作，與實際生活結合...

MicroBit 電路控制板

連接電腦、設備

microbit 語言撰寫平台

MakeCode 帳號註冊步驟

Start

End

加分題 - 人形燈 程式

1. 記得先註冊
2. 建立"New project"
3. 下次上課展示+加分
• 提醒：人形圖種類、時間快慢

​

符號種類

9-4 Scratch 實作

• Scratch 特色
• 視覺化的程式語言
• 積木組合式的程式語言
• 用拖曳、組合的方法取代打字，免除指令輸入錯誤的困擾
• 提升高層次思考能力

Scratch 1.4 功能簡介

功能列

控制按鈕

工具列

程式區

演員資料

腳本區

舞台區

演員表

Scratch 2.0 功能簡介

功能列

控制按鈕

工具列

程式區

程式區塊

舞台區

語言選擇

角色列

事件按鈕

指令分類

動作指令

回覆指令

影音指令

程式指令

百聞不如一試，

動手來操作看看吧！

點陣圖vs 向量圖

運勢占卜遊戲

Step A.建立角色

Step B.新增變數

Step C.撰寫程式

運勢占卜遊戲 流程圖vs Scratch圖示對照

Scratch 執行檔(.exe)製作

步驟一：安裝編譯程式

1.Download 編譯程式 “ChirpCompiler-setup.exe”

2.Setup “ChirpCompiler-setup.exe”

Scratch 執行檔(.exe)製作

步驟二：程式編譯

1.執行ChirpCompiler (桌面\貓咪圖案)

2.開啟Scratch檔案 (不可有中文檔名)

3.選擇圖示 (如果沒有圖示(Icon)檔案，直接按「取消」按鈕)

4.編碼完成 (會在 ”我的文件夾\Scratch2Exe” 資料夾產生執行檔 (.exe))

xxx.sb

流程圖範例：每日作息流程

更換衣服

​

上學

​

吃早餐

​

放學

​

吃晚餐

用電腦寫作業

就寢

起床

想一想

列印作業

上課日

假日

我每天起床的第一件事是，張開眼睛，想一想。

如果今天是上課日，那就要先更換衣服、吃早餐，然後開始今天的上學、放學行程。

如果今天是休假日，那就好好補個眠吧，一覺到傍晚…^^…。

吃晚餐後，開始用電腦寫作業，再將作業列印出來，就可以上床睡覺了。

• 我每天起床的第一件事是，張開眼睛。
• 想一想，如果今天是上課日，則執行步驟c；若是假日，則跳至步驟g。
• 更換衣服
• 吃早餐
• 上學
• 放學
• 吃晚餐
• 使用電腦寫作業
• 將作業列印出來
• 就寢

學習單五、程式語言是啥麼？？？