20180627屏東大學(科丁教練培訓班)

科丁教練培訓班

  • 日期：107年6月27日(三)晚上~6月29日(五) 共20小時

  • 時間：(6/27) 18:00~21:00、(6/28、29)08：00~12：00；13：30~17：30

  • 地點：屏東大學 五育樓地下室 電腦教室B

  • 講師：黃文玉老師

    • 高雄市新上國小電腦老師

    • 高雄市SCRATCH推廣教師

    • 教育部中小學教師運算思維增能研習種子教師

    • Facebook S4A社團管理員之一

    • 致力Scratch、Arduino、Micro:bit等創客教育的推廣(分享一系列的文章)

課程內容：

<6/27 晚上>

  • 認識【運算思維 Computational Thinking】：解決問題的思維

    • 拆解 (Decomposition): 將一個任務或問題拆解成數個步驟或部分。

    • 找出規律 (Pattern Recognition): 預測問題的規律，並找出模式做測試。

    • 歸納與抽象化 (Pattern Generalization and Abstraction): 找出最主要導致此模式的原則或因素。

    • 設計演算法 (Algorithm Design): 設計出能夠解決類似問題並且能夠被重複執行的指令流程。

    • 簡單的說：就是會分析問題，進而解決問題

  • 學習SCRATCH之前 ，先認識【任務型】積木式程式語言

  • 認識SCRATCH (【專案型】積木式程式語言)

    • Scratch是美國麻省理工學院（MIT）媒體實驗室所發展出來的一套「程式語言」，它的設計對象為八歲以上的孩童，小朋友利用此軟體就可以輕輕鬆鬆的創造出互動式故事、動畫、遊戲、音樂等令人驚豔的作品，真是一套簡單又有趣的軟體喔！

    • 官網：https://scratch.mit.edu/ 一個充滿創意的學習社群，分享超過 32,802,284 個專案(2018/06/21)

    • 認識【程式積木】：一共有動作、外觀、音效、畫筆、資料、事件、控制、偵測、運算、更多積木等十大類，利用顏色來分類，不用特意去教學生每一類有哪些積木，做久就知道了！

  • 安裝SCRATCH

    • 線上版：直接點官網的【創造】 ，建議到官網註冊，就可以保存自己的作品在官網，也可分享自己的作品，另外，還可申請教師帳號來建立及管理學生帳號。

    • 離線版：官網下載網頁

      • 先下載及安裝 Adobe AIR

      • 然後下載及安裝 Scratch離線編輯器

  • 認識【座標】：

    • 人們利用【座標】來標示所在的位置：如你的座位在第幾排、第幾位；高雄位於東經XX度、北緯XX度。角色在舞台上的位置也是用座標(X,Y)來呈現。

    • 國小五年級有教過座標的知識：如原點、橫軸(X軸)、縱軸(Y軸)、座標的讀法寫法等諸多概念，並加入負數的概念，原點的右邊為正數，左邊為負數，同樣的，X軸Y軸也有正數負數。

    • 舞台座標：橫軸(X軸)介於-240與240、縱軸(Y軸)介於-180與180

    • Scratch的座標教學 (點、線、面)

  • SCRATCH第一個練習

    • 想一想

      • 如何讓小貓咪在舞台上任意走動？

      • 先把自己想像成你就是那隻小貓咪

      • 方法有非常多種，大家可參考【動作】積木內的項目來思考

    • 將你的想法利用SCRATCH寫程式來實現，看有沒有達成目標？

    • 老師的作法 (向前移動10步，隨機轉個角度)

    • 完成【魚兒魚兒水中游】的作品

  • 打老鼠

    • 內容：老鼠在舞台上到處亂跑，玩家利用工具(如瞄準器、拖鞋、鐵槌、噴霧器...)來打老鼠

    • 把魚兒魚兒水中游的程式再加些東西，就是【打老鼠】的遊戲

    • 想一想：(拆解問題)

      1. 你想用什麼來打老鼠？(如瞄準器、拖鞋、鐵槌、噴霧器...)

      2. 設計這些工具(如瞄準器)時，要如何表達我已經打下去了？

      3. 如何控制瞄準器？(鍵盤或滑鼠)

      4. 如何判斷老鼠被我們打到？

      5. 如何改變老鼠的移動速度？

      6. 如何增加遊戲的量化？(分數、時間的呈現及控制，變數的使用)

      7. 如何設計外掛程式？

    • 參考教材

  • 學員職責

    • 由於每位學員未來是要擔任科丁教練，教導小朋友如何使用Scratch，因此在本課程最後要進行簡短試教來磨練自己！

<6/28上午>

  • 猴子接香蕉

    • 內容：香蕉隨機出現在舞台上方，並且往下方掉落，下方有猴子左右移動，來接落下的香蕉

    • 想一想：(拆解問題)

      1. 你想用什麼東西來接掉下來的什麼物品？

      2. 如何讓香蕉隨機出現在舞台正上方的不同位置？

      3. 如何讓香蕉往下掉落？

      4. 如何讓猴子在舞台下方左右移動？(可用滑鼠或鍵盤控制)

      5. 如何判斷猴子接到香蕉？

      6. 如何讓多條香蕉不會同時掉下來？

      7. 如何增加一些創意作法？

      8. 如何讓遊戲結束？(分數控制或時間控制)

      9. 你覺得一個完整的遊戲要包含哪些東西？(如封面、說明、遊戲主體、結束)

    • 參考教材

  • 射擊遊戲：將【猴子接香蕉】修改成【射擊大白鯊】的遊戲

    • 內容：大白鯊由舞台右邊往左邊移動，主角在舞台左邊上下移動，看到大白鯊過來時，發射子彈來射擊大魚鯊

    • 想一想：

      • 如何發射子彈？子彈程式與大白鯊程式相同，大白鯊從右到左移動，子彈從左到右移動

        • 一次一發，子彈到底才能再發下一顆子彈：

        • 隨時可發，但一次還是一發：利用【廣播】的功能

        • 隨時多發：利用【分身】的功能

      • 如何控制子彈從所需要的地方發射出來？此與角色的【造型中心】有關

    • 未完成檔案：為縮短創作時間，提供未完成檔案供下載，請完成【子彈】的程式

    • 參考教材

  • 拉霸機：

    • 內容：拉下【拉霸機】的搖桿，則拉霸機的三個角色會轉動，如果中獎則會得分。

    • 想一想：

      • 想一想拉霸機要怎麼玩，最少需要幾個角色？

      • 當停止時，如何控制每一個造型出現的機率都一樣？

      • 如何判斷是否中獎？也就是三個角色出現的造型都一樣，這與【造型編號】有關

    • 參考教材

<6/28下午>

  • 科丁上課12節的大綱 (不是很了解所要教的內容)

  • 【繪圖編輯器】的使用

    • 點陣圖形(工具列在左方)

      • 使用方法就跟【小畫家】一樣

      • 就只有一層，所有作畫的動作都在這一層上來實現(就像在一張圖畫紙上)

      • 圖形是用一點一點點出來的(點陣圖)，所以圖形放大後會有鋸齒狀

      • 有【橡皮擦】可以刪除不要的部份

      • 對於人物的作畫比較方便

      • 畫圖練習

      • 學生繪圖作品示範1、學生繪圖作品示範2

    • 向量圖形(工具列在右方)

      • 每一個物件(圖形)就是一層

      • 一張圖是由很多層的物件組合而成，所以有【移到上一層】、【移到下一層】及【群組】(橘色框)、【解散群組】的功能

      • 圖形是方程式畫出來的，所以圖形放大後不會有鋸齒狀

      • 沒有橡皮擦的功能，只有刪除圖層的功能

      • 利用【重新塑形】來改變圖形的形狀

      • 畫圖練習

      • 可開啟【可縮放向量圖形 Scalable Vector Graphics，SVG檔】，創用CC圖庫SVG圖檔下載

      • 利用SVG圖檔來製作【蠟蠋火焰晃動的動畫】(SVG蠟蠋圖檔下載)

    • 中文字的處理

      • 繪圖編輯器無法顯示中文字，可利用【小畫家】或【POWERPOINT】來製作有中文字的圖

  • 【音樂】的使用

    • 可讀取mp3檔及wav檔，創用CC圖庫音效檔下載

    • 可錄音

    • 可簡易編輯音樂 (剪輯、淡入、淡出、反轉)

    • 學生錄音作品示範1、學生錄音作品示範2

  • 音樂創作

    • 全家便利商店入店時的音樂簡譜：3 1 5(低音) 1 2 5 ~2 3 2 5(低音) 1

    • 給愛麗絲

    • 製作一個鍵盤鋼琴，按1發出Do；按2發出Re；....；另外，按A呈現鋼琴聲；按B呈現吉他聲；...

    • 螢光鍵盤

    • 學生音樂創作示範 (可改變演奏速度，也可改變樂器)

    • 請學員們提供自己創作的音樂給我 (shspswenyu@gmail.com)，並告知提供者姓名

      • 屏北高中楊詠婷老師_波斯市場_少女划步

  • 動畫類作品重點提示

    • 舞台變換

    • 角色外觀變化，適時使用效果(顏色、魚眼、漩渦、像素化、馬賽克、亮度、幻影)、尺寸變化及角色移動位置，來增加角色的活潑度

    • 角色對話及錄音

    • 角色及舞台如果能自己畫那更好

    • 學生動畫作品示範

    • 比照遊戲類，製作一動畫類教材

  • 試教作品發想與實作

    • 試教作品：主題不拘，也可利用教過的東西去做變化 (不用做得很複雜)

    • 試教時間：每人約 3~5 分鐘

    • 發表時間：6/29下午 13:10開始 (按抽籤決定試教順序)

    • 評分重點：如何清楚、有自信的把你準備的東西教給學生

<6/29上午>

  • 如何將scratch檔轉為exe檔 (學員發問的問題)

    • 早期有scratch2exe的程式可用，測試後發現好像不能用了

  • 【說話文字呈現】的特效 (學員發問的問題)

    • 一般說話就以文字框來呈現

    • 此部份的說話以【文字跑馬燈】的方式來呈現

    • 程式如下：(參考資料)

  • 數理類作品試作 (我覺得透過【數理類解題】比較能分出程式設計能力的高低！但國小生可能比較不適合)

    • 製作抽籤程式

      • 學習【詢問並等待】的使用

      • 學習【清單】的使用

      • 簡易程式如下：

        • 先建立【抽籤筒】及【抽籤結果】兩個清單 (其實建立後者就可以了)

      • 完成抽籤程式後，我們就可以來抽出下午試教的順序了~~

      • 延伸題：我在8/13~17有開了一班【新上國小暑期程式創客夏令營】，名額只有25人，但現在有53人報名，請修改上面抽籤程式，幫我抽出錄取人員。

  • 簡易小畫家 (畫筆功能)

    • 做出一個簡易小畫家的介面，可以塗鴨，也改變畫筆顏色及畫筆粗細，也可以使用橡皮擦來去除畫線

      • 想一想：(拆解問題)

      • 如何移動畫筆？利用滑鼠控制

      • 如何改變畫筆顏色？

      • 如何改變畫筆粗細？

      • 如何使用橡皮擦？如果畫紙為白色，那橡皮擦相當於塗什麼顏色？

<6/29下午>

  • 學員試教

    • 放輕鬆....

    • 講評

  • SCRATCH的演進

    • Scratch 1.3及以前

    • Scratch 1.4(July 2, 2009)

    • Scratch 2.0(May 9, 2013) 使用flash的環境

    • Scratch 3.0

      • Release Date

        • (beta) August 2018

        • (official) January 2, 2019

      • Programming language HTML5 / JavaScript (捨棄flash環境)

      • 體驗一下(英文版)

      • 體驗一下(中文版)

  • 學習SCRATCH之後

    • 將SCRATCH延伸到硬體控制(直接用官網程式即可)，如picoboard 及 WeDO

    • 利用中介軟體，讓SCRATCH可以控制如Arduino或Micro:bit等硬體

    • 連現在最夯的Tello空拍機，也可利用SCRATCH寫程式來控制

~~~ 課程結束 ~~~

希望大家都有收穫，並且成為小朋友程式教育的推手