視覺化程式語言Logo在資訊教學中的應用。 課程活動設計及學習單 ☛ http://chibaby1231.pixnet.net/blog/post/47642430

1. 視覺化程式語言LOGO
講師／楊騏老師

2. • Logo是設計給兒童學寫程式的程式語言，學生可
利用它來繪製圖案、計算結果或發出聲音。
• 其內建一套海龜繪圖（Turtle Graphics）系統，透
過向海龜發送命令，可以直觀地學習程序的運行
過程，因此Logo對兒童學習程式語言或數學繪圖
來說十分適合。
簡介 (1/4)

3. • Logo一詞源自希臘語logos——理性的話語。
• Logo的原型來自邏輯程式語言Lisp（利用理性、邏
輯的指令對電腦下命令），Logo的開發者Seymour
Papert修改了Lisp的語法使LOGO更簡單易懂，也因
此Logo通常被稱作沒有括號的Lisp。
簡介 (2/4)

4. • 以Logo的許多直譯器來說，MSWLOGO的畫面簡潔，
而且有中文版，所以我們選擇用MSWLOGO來進行
Logo的教學演示。
簡介 (3/4)

5. • 除了簡單的幾何圖形之外，也可以利用Logo來繪
製各種複雜的美麗圖形。
簡介 (4/4)

6. 操作介面
它就是小海龜！
目前的方向是朝上
命令打在這邊…
不用怕錯，打錯了
清掉（重製）就好

7. • 在命令處輸入以下指令：
forward 100（前進 100步）
right 120（右轉 120度）
forward 100 （再前進 100步）
right 120 （再右轉 120度）
forward 100 （再前進 100步）
right 120 （再右轉 120度）
• 有點煩躁？不如改寫成：
repeat 3[forward 100 right 120]
來畫個三角形吧！
內角
外角

8. 英文指令 英文簡碼 中文指令 用法範例 說明
forward fd 前進 fd 100 前進100步
back bk 後退 bk 100 後退100步
right rt 右轉 rt 90 右轉90度
left lt 左轉 lt 90 左轉90度
repeat 重複 repeat 4[fd 100 rt 90] 重複括弧內指令4
次，形成一正方形
相關指令
註：不分大小寫，使用中英文指令皆可
越熟練Logo，就
可以越打越少字！

9. • 怎麼變成這樣？
• 歪斜的三角形不是我們要的…想想看該怎麼解決？
加分題

10. • 把做過、做對的指令存起來，以後可以直接用
做對的事何必一再重來
在這裡打指令
把一連串指令存成一
個副程式，以後就可
以直接呼叫使用

11. • 在編輯處輸入以下指令：
to 三角形（副程式的名稱，一般都打英文，也可以打中文）
rt 30
repeat 3[fd 100 rt 120]
end（結束副程式）
• 在命令的地方試試看：
三角形
呼叫一個三角形！
（畫三角形的指令）

12. • 在編輯處輸入以下指令：
to 三角形 :長度（副程式的名稱、參數）
rt 30
repeat 3[fd :長度 rt 120]
end（結束副程式）
• 在命令的地方試試看：
三角形 100
三角形 300
利用「參數」來指定不同的大小
（畫三角形的指令）

13. • 在編輯處輸入以下指令：
to 三角形 :長度（副程式的名稱、參數）
if :長度=0 [stop]（判斷長度＝0時停止動作、不畫圖）
rt 30
repeat 3[fd :長度 rt 120]
end（結束副程式）
• 在命令的地方試試看：
三角形 0
畫圖前先檢查，避免猴子亂打字
（畫三角形的指令）

14. • 在編輯處輸入以下指令：
to 三角螺旋 :長度（副程式的名稱、參數）
if :長度>300 [stop]（判斷長度＞300時停止動作）
fd :長度 rt 120（先畫第一條線）
三角螺旋 :長度*1.2 （呼叫自己重複畫三角形）
end（結束副程式）
• 在命令的地方試試看：
三角螺旋 10
三角形的極致：三角螺旋！

15. 總結練習

16. 天女散花的飛鏢

17. • 你會怎麼畫？有沒有更精簡的寫法？
看我的飛鏢！
60 °
120 °
30 °
150 °

18. • 把飛鏢寫成有參數的副程式
to 飛鏢 :長度
repeat 4[fd :長度 rt 120 fd :長度 lt 30]
end
伸縮自如的飛鏢！

19. • 利用遞迴讓每個飛鏢散出更多的飛鏢！
to 飛鏢 :n :s
if :n=0 [stop]
repeat 4[fd :s lt 130 飛鏢 :n-1 :s*0.4 lt 110 fd :s lt 30]
end
團體攻擊技－天女散花！
次數=1, 長度=50 次數=2, 長度=50 次數=3, 長度=50
呼叫自己，重複畫飛鏢
合起來左轉240 °
為什麼？

20. 附錄：LOGO教學案例

21. • 小海龜教材
– 適合國小以上學生，以繪圖為主
– 課程
• 凡走過必留下痕跡
• 小海龜不說累
• 做對的事何必一再重來
– 來源：
http://www.hmes.kh.edu.tw/~jbh/resource/%E6%88%91%E7%9A%84%E5%B0%8F%E6
%B5%B7%E9%BE%9C%E6%95%99%E6%9D%90(%E4%BA%94%E5%A0%82%E7%B9%AA
%E5%9C%96%E8%AA%B2)/index.htm
課程規劃參考 (1/3)

22. • 計算類小程式
– 適合國中以上學生
– 課程
• 輸入身高體重，計算BMI，並評估是正常、過輕或過重
• 輸入三邊長，判斷是否能組成三角形
• 印出九九乘法表
• 猜數字遊戲
– 來源：https://sites.google.com/site/mswlogo/design2
課程規劃參考 (2/3)

23. • 碎形藝術作品
– 適合高中以上學生
– 課程
• 遞迴概念
• 碎形介紹
• 圖形實做
– 來源：http://www.atlas-zone.com/art/talk/part_1/art9952555.htm
– 教材檔案：http://www.digiarts.org.tw/Content/Column/Upload/128.zip
課程規劃參考 (3/3)

24. • 第一課 凡走過必留下痕跡
– 利用前進、後退、左轉、右轉來操縱小海龜移動
小海龜教材 (1/6)

25. • 第一課 凡走過必留下痕跡（續）
小海龜教材 (2/6)

26. • 第二課 小海龜不說累
– 利用重複指令操縱小海龜做出重複動作
小海龜教材 (3/6)

27. • 第二課 小海龜不說累（續）
小海龜教材 (4/6)

28. • 第三課 做對的事何必一再重來
– 將指令撰寫成程序加以利用
小海龜教材 (5/6)

29. • 第三課 做對的事何必一再重來（續）
小海龜教材 (6/6)

30. 附錄：參考資源

31. • LOGO教學
– 新上國小LOGO教學網站
https://sites.google.com/site/mswlogo/
– 小海龜教材
http://www.hmes.kh.edu.tw/~jbh/resource.htm
– 國網中心LOGO教學網站
http://walker.nchc.org.tw/logo/logo.html
參考資源

32. • LOGO專案：碎形圖案繪製
– 吳文成老師Logo小海龜實現碎形繪圖程序
http://www.atlas-
zone.com/art/talk/part_1/art9952555.htm
• 教學檔案下載：
http://www.digiarts.org.tw/Content/Column/Upload/128.zip
– 廖冠智、孫春望（2005）。遞迴性多層次相對運動之
幾何圖樣研究。設計學報，10(1)，89-106。
參考資源

33. • 遞迴概念教學
– 遞迴之美: 數學, 電腦科學與碎形
http://mmdays.wordpress.com/2007/05/24/recursive/
– 愚公移山與遞迴
http://people.ofset.org/~ckhung//b/pr/recursion.php
– 遞迴 (電腦科學)－維基百科
http://zh.wikipedia.org/wiki/Recursion
參考資源

34. 備用投影片

35. • 畫個正方形
• 加分題：畫個正六邊形
練習題
外角
內角

36. 其他繪圖指令
註：在開始繪畫之前設定
英文指令 英文簡碼 用法範例 說明
clearscreen cs cs 清除繪圖區, 小海
龜回原點(0,0)
showturtle st st 顯示小海龜
hideturtle ht ht 不顯示小海龜
setpencolor setpc setpc [000 000 255] 設定畫筆的顏色為
藍色。
setscreencolor setsc setsc [000 255 000] 設定螢幕的顏色為
綠色
setpensize setpensize [8 8] 將筆粗設為[8 8]點
setpos setpos [100 100] 把小海龜定位在座
標 (100,100)