blockly.webduino.io

edumakerlab.blogspot.com

EduMakerLab STEAM 實驗室: 知識管理與運算思維

http://edumakerlab.blogspot.com/2017/01/blog-post.html

STEAM 教育與教學研究室！ Wayne's 教學手扎. 2006年3月，美國卡內基·梅隆大學計算機科學系主任 周以真（Jeannette M. Wing）教授因提出並倡導「計算思維」(Computational Thinking). 而享譽計算機科學界。她在美國計算機權威期刊《Communications of the ACM》雜誌上給出並定義計算思維（Computational Thinking）。周教授認為：計算思維是運用計算機科學的基礎概念進行問題求解、系統設計、以及人類行為理解等涵蓋計算機科學之廣度的一系列思維活動。在她看來，「計算思維是一種普適思維方法和基本技能，所有人都應該積極學習並使用，而非僅限於計算機科學家。」. 綜合上述，運算思維就是問題的解決策略，使用電腦、人或兩者都可以理解的方式來呈現問題的解決方案。（ BBC：Introduction to computational thinking. 65289;，蓋可分為下列部分：(參考： 兒童程式設計 KidsCoding. 解（Decomposition）：. 抽象（Abstraction）：. 知識管理是在於接受外界新的資訊後&#...

edumakerlab.blogspot.com

EduMakerLab STEAM 實驗室: 用 YwRobot Easy module Shield v1 學 Scratch 2.0

http://edumakerlab.blogspot.com/2017/01/ywrobot-easy-module-shield-v1-scratch.html

STEAM 教育與教學研究室！ Wayne's 教學手扎. 用 YwRobot Easy module Shield v1 學 Scratch 2.0. 2016 2020資訊總藍圖規劃，運算思維(computational thinking)成為課程發展的一項重要綱領。雖然，運算思維所要強調發展，並非僅止於程式編輯一項，反而更是一個解決問題的思維發展模式。但是，在資訊教育的課程發展中，利用程式編輯的學習經驗，是足以作為培養學生發展運算思維的媒介工具。 利用YwRobot Easy Module Shield學編程！ 許多老師會利用Scratch 來作為學生學習編程課程的基礎，常見搭配 Scratch 課程的硬體也不少，主要有兩類：Picoboard 與 S4A(Scratch for Arduino)。在台灣，最常見也最知名的，不外乎由 慧友科技. 所推出的 S4A Sensor Board. 12300;用YwRobot Easy Module Shield 多功能實驗擴展板學編程」這個課程主要就是使用 YwRobot Easy Module Shield.

edumakerlab.blogspot.com

EduMakerLab STEAM 實驗室: 從 Scratch 學習運算思維

http://edumakerlab.blogspot.com/2017/01/scratch.html

STEAM 教育與教學研究室！ Wayne's 教學手扎. 網站中對於Scratch 學習運算思維的定義：(1) computational concepts, (2) computational practices, and (3) computational perspectives。從程式編輯的角度，正是：(1)程式設計概念 (Concepts)；(2)程式設計技巧 (Practices)；(3)程式設計觀點 (Perspectives)。 Scratch是一種具有物件概念的積木式程式語言，透過角色、行為與時間的不同搭配方法，藉由使用迴圈、條件和變數的程式編輯觀念來完成指派的行為動作或任務。 接下來將進入本課程探討的焦點，如何利用 Scratch 培養運算思維 (Computational Thinking)? 序列（sequence）：. 對某一個任務，確定一系列的步驟 。 迴圈（loops）：. 平行（parallelism）：. 65288;events）：. 條件（conditionals）：. 運算子（operators）：. 資料（data）：. 蔡淑玲老師 Coding for Fun.

edumakerlab.blogspot.com

EduMakerLab STEAM 實驗室: 用S4A Sensor Board玩Scratch 2.0： 利用「變數」控制 Servo 的角度變化

http://edumakerlab.blogspot.com/2016/11/s4a-sensor-boardscratch-20-servo_1.html

STEAM 教育與教學研究室！ Wayne's 教學手扎. 用S4A Sensor Board玩Scratch 2.0： 利用「變數」控制 Servo 的角度變化. 這個 Session 將利用變數來作為 Servo 角度的變化，控制 Sevo 的轉動。 Step 1：(範例：S4A Sensor Board 22.sb2). 預設 Servo 的角度起始位置是 0 度，每隔 0.01 秒增加 1 度(時間的設定值可以控制 Servo轉動的平順度)。由於 Servo 的轉動角度只有 180 度 (SG90 或 MG90)，當舵機依序從 0 度轉動到 180 度時，回到 0 度，重複步驟轉動。 Step 1：(範例：S4A Sensor Board 22.sb2). 訂閱： 張貼留言 (Atom). 阿簡老師 Scratch2.0 Transformer. 探奇教室 EV3 樂高機器人 mBot mBlock 教學 Touch Classroom. EV3 遊戲 - Fix EV3 Rover. CAI2 - 楊心國小鄭之婷老師 and 興雅國小賴國安老師.

webduino.io

教學範例 7：超音波傳感器控制 LED 燈 :::: Webduino = Web × Arduino

https://webduino.io/tutorials/tutorial-07-ultrasonic-led.html

教學範例 7 超音波傳感器控制 LED 燈. 對於直接寫 C/C 來控制 Arduino 的人來說，用超音波傳感器控制 LED 應該是小菜一碟，但對於要用 Web 技術來實現就沒那麼容易，不過在我們由前面幾個範例了解相關傳感器運作原理之後，就可以很輕鬆的做出來用超音波傳感器控制 LED 燈的實例，也因為是透過 Web 的方式，所以當行為觸發時，網頁端同時也可以收到動作的發生 ( 圖片也會改變 )，相當的方便。 超音波傳感器與 LED 燈相關套件 Webduino 基本套件 Plus ( 支援馬克 1 號、Fly ). Webduino 開發板 Webduino 馬克一號. Webduino Fly Arduino UNO. 因為超音波傳感器與 LED 都必須用到 GND 的腳位，所以我們必須要用到麵包板和電線，同樣用電線引出腳位，把超音波傳感器的 VCC 接在 3.3v，Trig 接在 11，Echo 接在 10，GND 就接在 GND 的腳位，然後再用另外的電線將 LED 接在 9 的腳位上。 超音波傳感器與 LED 燈相關套件 Webduino 基本套件 Plus ( 支援馬克 1 號、Fly ).

webduino.io

Webduino = Web × Arduino

https://webduino.io//index.html

使用 Webduino 將可以讓不具有韌體程式專業背景的設計師、網頁開發者，也可以輕鬆成為創客 ( Maker、自造者 )，享受創造的樂趣和快感。 純粹利用 HTML、Javascript .等網頁語法進行開發，不需要學習艱難的 C 或 C ，只要會寫網頁，就可以串起 Arduino，控制形形色色的傳感器。 由於使用網頁語法開發，可以藉由網頁控制元件或傳感器，因此不論是 Windows、Mac、Android 或 iOS 都可以順利運行，輕鬆實現跨平台的控制。 Webduino 平均每個月舉辦 2.8 場活動，在 Facebook 更擁有上千人的技術討論社團，有任何問題都可在社團裡找到專人解答。 80661 高雄市前鎮區復興四路 12 號 2 樓之 6 / 886-7-3388511.

webduino.io

教學範例 8：超音波傳感器控制三色 LED 燈 :::: Webduino = Web × Arduino

https://webduino.io/tutorials/tutorial-08-ultrasonic-rgbled.html

教學範例 8 超音波傳感器控制三色 LED 燈. 當我們由上一個範例學會了用超音波傳感器控制 LED 燈之後，這個範例應該就輕鬆不少，這個範例最主要是希望能藉由三色 LED 燈顏色上的變化，對應距離的改變，如此一來我們就可以藉由燈號來判斷距離。 超音波傳感器與三色 LED 燈相關套件 Webduino 基本套件 Plus ( 支援馬克 1 號、Fly ). Webduino 開發板 Webduino 馬克一號. Webduino Fly Arduino UNO. 影片對應範例 https:/ blockly.webduino.io/? 雖然超音波傳感器與三色 LED 可以分別用 webduino 的兩個排插來接，因為三色 LED 燈需要用到 PWM 腳位 ( 不能接在 7 和 8 )，所以我們必須要用到麵包板與杜邦線，用電線引出腳位，把超音波傳感器的 VCC 接在 VCC，Trig 接在 7，Echo 接在 8，GND 就接在 GND 的腳位，三色 LED 的 VCC 接在 3.3v 的腳位，紅色 R 接 10，藍色 B 接 6，綠色 G 接 9。 Webduino 開發板 Webduino 馬克一號.

webduino.io

教學範例 4：三色 LED 調色盤 :::: Webduino = Web × Arduino

https://webduino.io/tutorials/tutorial-04-rgbled-palette.html

教學範例 4 三色 LED 調色盤. 介紹過三色 LED 的原理，這篇將利用 HTML5 裏頭新的 input 類型 color ，來控制三色 LED 燈的顏色變換，同時在網頁裡頭對應相同的色彩。 影片中則是展示使用 input 的 range 類型來切換顏色 ). 三色 LED 燈相關套件 Webduino 基本套件 Plus ( 支援馬克 1 號、Fly ). Webduino 開發板 Webduino 馬克一號. Webduino Fly Arduino UNO. 影片對應範例 https:/ blockly.webduino.io/? 接線的方式和上一個範例相同，就是將三色 LED 燈接上杜邦線 ( 一公一母 ) ，把 v 接在 3.3v 的位置 ( 避免電壓過高，造成三色 LED 燈會發出微弱的光線 )，R ( 紅色 ) 接在 10，B ( 藍色 ) 接在 6，G ( 綠色 ) 接在 9，如果沒有這些腳位，可以選擇其他有 PWM 的腳位來接 ( 3、5、11 )。 三色 LED 燈相關套件 Webduino 基本套件 Plus ( 支援馬克 1 號、Fly ). HTML 的 header 引入.

webduino.io

教學範例 9：按鈕開關 :::: Webduino = Web × Arduino

https://webduino.io/tutorials/tutorial-09-button-led.html

按鈕開關相關套件 Webduino 基本套件 Plus ( 支援馬克 1 號、Fly ). Webduino 開發板 Webduino 馬克一號. Webduino Fly Arduino UNO. 影片對應範例 https:/ blockly.webduino.io/? 按鈕開關的接法剛好利用麵包板中間斷路的設計，將四隻腳兩兩成對橫跨兩邊，如此一來按下開關就會四隻腳通路，然後在接 GND 的一側用電阻連接 ( 這種方式稱作下拉電阻，如果接在正電的一側稱之上拉電組 ). 按鈕開關相關套件 Webduino 基本套件 Plus ( 支援馬克 1 號、Fly ). Webduino 開發板 Webduino 馬克一號. Webduino Fly Arduino UNO. 打開 Webduino Blockly 編輯工具 ( https:/ blockly.webduino.io. 因為這個範例會用網頁 顯示文字 來根據開關的狀態，顯示不同的文字，所以要先點選右上方 網頁互動測試 的按鈕，打開內嵌測試的網頁，用下拉選單選擇 顯示文字。 完成後，確認開發板上線 ( 點選 檢查連線狀態. 解答 https:/ b...

webduino.io

教學範例 5：控制超音波傳感器 :::: Webduino = Web × Arduino

https://webduino.io/tutorials/tutorial-05-ultrasonic.html

超音波傳感器顧名思義就是會發送超音波，藉由超音波碰撞到物體之後反射回來的時間差，就可以計算超音波傳感器與相對應物體之間的距離，在這個範例裡頭使用的超音波傳感器 HC-SR04 上頭有兩個類似喇叭的裝置，其中一個是 Trig，負責發送超音波，另外一個是 Echo，負責接收反射回來的超音波，最後會得到一個單位為 公分 的數值，就是超音波傳感器與待測物體之間的距離，不過因為超音波有指向性，如果今天受測的物體是傾斜的，超音波可能就會被反彈到別的地方，或是今天待測物會吸收聲波，可能測出來的距離就會有不準確的情形發生。 超音波傳感器相關套件 Webduino 基本套件 Plus ( 支援馬克 1 號、Fly ). Webduino 開發板 Webduino 馬克一號. Webduino Fly Arduino UNO. 影片對應範例 https:/ blockly.webduino.io/? 我們使用的超音波傳感器的型號為 HC-SR04，接線的方式只要將 VCC 接在 3.3v 或 VCC 的位置，GND 接在 GND 的位置，Trig 和 Echo 接在數字腳位上即可。 HTML 的 header 引入.