世新物聯網模組陳育亮 by insight ewpg

智齡聯盟跨領域人才培育課程模組-106年研發初版

物聯網

胡碩誠助理教授世新大學資訊管理學系

3.0

目錄 ✽  03 概述 ✽  04 模組規劃 ✽  07 實施步驟及內容 08 單元一：物聯網-智慧輪椅背景介紹＆系統架構 12 單元二：網頁程式設計開發 23 單元三：Arduino YUN無線網路設定 28 單元四：感測器的簡介與應用

38 單元五：YBB CAR馬達校正&遠端行進控制 43 單元六：關卡設計與競賽

✽  52 實際案例 – 智慧輪椅工作坊 52 教學實況紀錄 55 學生成果花絮

✽  57 建議及注意事項 58 模組開發歷史

物聯網模組開發教師

物聯網應用開發

胡碩誠助理教授世新大學資訊管理學系

智慧輪椅

概述模組簡介對高齡者而言，能夠擁有自主行動力是晚年生活品質的重要基本需求。本課程將使用Arduino Yun為主控制板的輪型機器人作為智慧輪椅的硬體部分。學員將學習到多個常見的感測器模組、伺服馬達的原理和如何使用Arduino Sketch程式來存取或控制這些硬體，也教導學員使用HTML與JavaScript來撰寫

動態網頁，透過動態網頁與硬體互動，讓使用者可以利用任何平台的行動裝置來操控輪型機器人，能在螢幕上看到感測器資料以及即時的攝影機畫面，模擬出高齡者使用智慧輪椅的情境。最後，學員們將活用所學到的軟硬體整合技術，透過競賽的方式，思考如何設計出兼顧安全與實用性的智慧輪椅。 3

模組規劃教學理念「物聯網」課程模組採以學習者為中的參與式學習，培養學發揮自專業、跨領域合作的能，引導學以設計思考的流程，從概念介紹、情境分析、整合設計，讓學組成跨領域的組，討論、合作、分析不同的觀點，共同製作可行性方案。此模組中學生藉由課程瞭解軟硬體開發以及實際操作，引導學生思考生活中可能會遇到的問題及解決生活中的不方便。

課程時間總時數8小時六個單元

學生人數本模組學生為59位，共分為8組，每組都是由不同科系學生組成。

模組大綱單元一：物聯網-智慧輪椅背景介紹

場域洽談

＆系統架構（1時數）

電腦教室、一般教室 (需自備筆記型電腦以及具有上網功能的智慧型手機。)

介紹智慧輪椅的背景及物聯網的概念，瞭解智慧輪椅對於生活的重要性以及有哪些功能模組，說明系統架構。

單元二 : 網頁程式設計開發（1時數）學習基礎的網頁程式設計，了解HTML 基本結構，學習可以在網頁顯示文字、顯示圖片、製作表格，進而利用網頁操控YBB CAR智慧車。

單元三 : Arduino YUN無線網路設定（1時數）

介紹什麼是Arduino YUN以及按照步驟進行無線網路設定。

學生成果評量方式學生經過課程教學，學習物聯網基本概念、網頁程式設計、感測器的應用，讓YBB CAR能遠端控制，再藉由設計關卡、分組競賽的方式，達到教學目的。

單元四：感測器的簡介與應用（1.5時數）認識擴充板接腳，並了解每個感測器的內容，瞭解後實際運用及接線操作。

單元五：YBB CAR馬達校正&遠端行進控制（1.5時數）上傳程式來進行YBB CAR的馬達校正與操作。利用網頁送出指令，藉由 Arduino分析接收到的訊息，再加上攝影機傳遞影像，達到遠端行進控制。

單元六：關卡設計與競賽（2時數）各組思考生活中可能會遇到的障礙，設計出生活化的關卡，最後利用競賽，達成學習成果。

教學師資及人員授課教師：1位

擔任課程規劃、教學活動設計、授課及引導討論。

教學助理：14位

協助課程規劃、場地安排及行政聯繫等工作。工作人員：5位協助課程攝影紀錄、體驗物聯網應用開發及相關軟硬體教學，負責團隊輔導。 5

課程時間總時數8小時六個單元

學生人數本模組學生為59位，共分為8組，每組都是由不同科系學生組成。

場域洽談

電腦教室、一般教室 (需自備筆記型電腦以及具有上網功能的智慧型手機。)

實施步驟及內容單元規劃 1HR

1 HR

物聯網-智慧輪椅背景介紹＆系統架構

網頁程式設計開發

Arduino YUN 無線網路設定

單元一

單元二

單元三

1.5 HR

2 HR

感測器的簡介與應用

單元四

YBB CAR馬達校正&遠端行進控制

關卡設計與競賽

單元五

單元六

本課程為技術模組，透過導師引導，促進團隊跨領域合作、討論及解決問題，透過課程教學並實際應用操作。課程包含六個單元，運講授法、體驗式教學法、討論法、合作學習等教學法，最後將每個單元統整，使得YBB CAR智慧車能夠成功行進，完成關卡。

單元一：物聯網-智慧輪椅背景介紹&系統架構教學方法

講授法，由教師先以簡報式，概述本課程的目標、流程，講授物聯網-智慧輪椅背景、定義概念及應用、系統架構等知識，建基本的專業內涵。

教學內容背景介紹 – 智慧輪椅下肢行動障礙是高齡者常見的障礙之一,自主行動能力是高品質晚年生活的基本需求,輪椅是最常見、最重要的行動輔具,輪椅使用者中六成是中高齡者,目的是要提高自主行動力。

目標

了解智慧輪椅的需求及背景

時間 1HR

場地

電腦教室

器材

投影機、麥克風電腦 http://news.ltn.com.tw/news/life/paper/289759 http://blog.xuite.net/lee325/mountain/48268878%E8%80%81%E6%A6%95%E6%A8%B9%E4%B8%8B%E8%80%81%E4%BA%BA %E8%88%87%E5%A4%96%E5%8B%9E

物聯網-智慧輪椅背景介紹&系統架構背景介紹 – 智慧輪椅功能模組輪椅行動載具環境（情境）感知系統智慧行車系統生理訊號量測與評估系統環境控制系統網路與通訊系統人機介面

http://ifish.dudaone.com/newpage-13 https://www.polyu.edu.hk/ife/corp/en/publications/tech_front.php?tfid=12009

物聯網-智慧輪椅背景介紹&系統架構背景介紹 – 系統架構(硬體)

行動裝置

微控制器 http://www.playrobot.com/ arduino-board/7-arduinoyun.html

感測器與致動器

http://www.playrobot.com/ playrobot-education-kit/775arduino-yun-ybb-car.html

http://mypaper.pchome.com.tw/pigkuo2012/ post/1326449059 https://www.kocoafab.cc/tutorial/view/62

硬體架構: 藉由各種行動裝置連線至Arduino Yun主控制板，加上多個感測器模組、伺服馬達等，使輪型機器人可以執行動作。

物聯網-智慧輪椅背景介紹&系統架構背景介紹 – 系統架構(軟體)

行動裝置

HTML&JavaScript

HTTP

微控制器

Digital/Analog Signal

Arduino Sketch

感測器與致動器

軟體架構: 使用HTML與JavaScript來撰寫動態網頁，透過動態網頁與 Arduino Yun主控制板作連結，再使用Arduino Sketch程式存取或控制感測器模組。

單元二：網頁程式設計開發目標簡單了解HTML與 JavaScript的架構，最終能完成簡單的動態網頁。

時間 1HR

場地

電腦教室

器材

投影機、麥克風、電腦

教學方法講授法，由教師以簡報

式，概述網頁程

式基本概念，講授及練習並行，建

基本網頁

撰寫的專業技術。

教學內容 HTML

HyperText Markup Language 超文件標示語言 (一)打造網頁的基石 (二)用標籤(tag)來標記(markup)網頁中所呈現的畫面內容<html>

HTML基本結構 <html> <head> <title> </title> </head> <body> 您所要在瀏覽器顯示的內容 </body> </html> 11

網頁程式設計開發 HTML – 文字及圖片顯示 <html> <head> <title> IoT Workshop </title> </head> <body> Hello Everyone! </body> </html> welcome.html <html> <head> <title> IoT Workshop </title> </head> <body> <img src="on.jpg" width="50“id="image12"> <br> <img src="off.jpg" width="50" id="image13“> </body> </html> image.html

網頁程式設計開發

HTML – 表格

<html> <head> <title> IoT Workshop </title> </head> <body> <table border="1"> <tr> <th width="100dp" height="50dp">Left Light</th> <th width="100dp" height="50dp">Right Light</th> </tr> <tr> <th height="50dp"></th> <th height="50dp"></th> </tr> </table> </body> </html>

table.html

網頁程式設計開發 HTML – 按鍵、文字欄位

<html> <head> <title> IoT Workshop </title> </head> <body> <input type=“button” value=“BUTTON” id="btn" style="width: 200px;height: 70px"> </body> </html> button.html

<html> <head> <title> IoT Workshop </title> </head> <body> Show Text: <input type="text" style="text-align: center;" id="text1" value="100" size="10" readonly /> </body> </html> text.html

網頁程式設計開發 JavaScript - 介紹

HTML文件

使用在HTML文件中 <script> …</script> 在瀏覽器環境下執行的程式語言以程式來控制網頁內容提供網頁互動功能與動態效果

Javascript

事件發生(參數)

改變網頁內容

html

網頁程式設計開發 JavaScript - 範例說明

<table border="1"> <tr> <th>Left Light</th> <th>Right Light</th> </tr> <tr> <th> <input type="hidden" name="pin" value="12" id="pin12" /> <input type="hidden" name="action" value="1" id="action12" / > <img src="on.jpg" width="50" id="image12“ onclick="sendbutton(document.getElementById('pin12').value ,document.getElementById('action12').value);" /> 12 </th> 1 <th> <input type="hidden" name="pin" value="13" id="pin13" /> <input type="hidden" name="action" value="0" id="action13" / > <img src="off.jpg" width="50" id="image13" onclick="sendbutton(document.getElementById('pin13').value ,document.getElementById('action13').value);" /> </th> </tr> </table> dyn_image.html pin12(12) action12(1) pin13(13) action13(0) 16

網頁程式設計開發 JavaScript - 範例說明

pin12(12) action12(1)

pin12(12) action12(0)

網頁程式設計開發無線傳輸影像

利用網頁與YUN溝通 Arduino YUN HTTP

Linino

網頁檔案(html)

Bridge/process Arduino

Script (ino)

Browser

http://YUN網址/sd/AJAX/index.html HTML *顯示影像* <img src=“http://YBB網址:8080/?action=stream" />

JavaScript ㄏ function morestatus() *取得Sensor值* function updateasyncstatus() function YBBControl()

*遙控行進方向*

onClick

網頁存放路徑: /mnt/sda1/Arduino/www/AJAX/index.html 18

網頁程式設計開發無線傳輸影像重點程式碼如下: 傳輸影像至網頁 (HTML) <html> <head> <title>Arduino Yun I/O Demo</title> </head> <font face=”Arial”> <img src="http://192.168.31.110:8080/?action=stream" / > <p id="description"> Live Video Streaming </p> </font> </html> 傳輸影像至網頁 (Script) #include <Bridge.h> //加入Bridge.h程式庫 #include <YunServer.h> //加入YunServer.h程式庫 #include <YunClient.h> //加入YunClient.h程式庫 #include <Process.h> //加入Process.h程式庫 YunServer server; //Yun的網路伺服器監聽預設在port 5555將會發送所有HTTP指令給我們 Process WebCam; // 宣告WebCam物件使用Process類別

網頁程式設計開發無線傳輸影像傳輸影像至網頁 (Script) void setup() { // 建立初始化區塊 pinMode(13, OUTPUT); //設定紅色LED為輸入 digitalWrite(13, LOW); // 透過燈號改變知道bridge開始運作 Bridge.begin(); // 初始化Bridge，連接ATmega和AR9331 server.listenOnLocalhost(); // 只監聽連接本地主機的指令，不能連接其他額外的網路 server.begin(); delay(10000); //等待Linux開機完全再輸入指令 //開啟視訊串流 WebCam.runShellCommandAsynchronously("mjpg_streamer -i \"input_uvc.so -d /dev/video0 -r 320x240 -f 25\" -o \"output_http.so -p 8080 -w /www/webcam\" &"); while (WebCam.running()); digitalWrite(13, HIGH); } //end of setup() 如何上傳網頁至YUN

開啟WinSCP 輸入主機名稱(IP)、使用者名稱(root)、密碼(doghunter) 即可登入 20

網頁程式設計開發無線傳輸影像如何上傳網頁至YUN 登入後的畫面

Teaching Note: 登入後，左邊畫面是自己電腦的資料夾目錄，右邊是YBB CAR的SD CARD 資料夾目錄，將index.html的檔案上傳至/mnt/sda1/Arduino/www/ AJAX 再開啟瀏覽器，輸入 YUN’s ip/sd/AJAX 即可看到影像畫面 21

單元三：Arduino YUN無線網路設定

教學方法講授法，由教師以簡報式，介紹Arduino YUN雲板，講授及實作Arduino YUN之無線網路設定，建操作YBB CAR的基礎能力。

教學內容概述Arduino YUN雲板 Arduino Yun是Arduino最新的開發板，是 Arduino公司Wi-Fi生產線的首項產品。設有乙太網和WiFi支援功能、USB-A埠、微型SD卡插槽、20個數位輸入/輸出引腳、micro USB連接器、ICSP和三個重新開機按鈕。

目標認識Arduino YUN 雲板，並學習無線網路設定，上傳程式。

時間 1HR

場地

電腦教室

器材投影機、麥克風、 YBB CAR、筆記型電腦以及具有上網功能的智慧型手機。 http://www.playrobot.com/arduino-board/7-arduino-yun.html

Arduino YUN無線網路設定概述Arduino YUN雲板

https://www.epictinker.com/Arduino-Yun-p/ard-yun.htm

左邊是ATmega32u4控制晶片為Arduino環境，右邊是AR9331處理器為Linux環境，Bridge庫用來連結兩個處理器之間的通信。USB、網路介面、Wifi和SD卡是連接到AR9331，再利用Bridge連結到Arduino。

Arduino YUN無線網路設定無線網路設定 STEP 1: 先重設Wifi 壓住wifi reset鍵五秒鐘以YUN作為Access Point

STEP 2: 在筆記型電腦選擇AP(Arduino YUN-XXXXX) 接著開啟瀏覽器輸入 : http://192.168.240.1 進入設定頁面，輸入密碼 : doghunter，按下configure Teaching note 14pt 1.15

doghunter

Arduino YUN無線網路設定無線網路設定 STEP 3: 將手機開啟網路並分享熱點到此頁面選擇自己手機的網路、輸入密碼按下Configure&Restart，無線網路設定完成!

選擇手機網路輸入密碼

以手機為AP

Arduino YUN無線網路設定無線網路設定測試並上傳Arduino程式: 打開Arduino→選擇Tools→Board:Arduino YUN→ Board:Arduino YUN Tools→Port→YUN at 192.168.X.XX→按下箭頭符號

Teaching note: 這一單元須設定無線網路，在第二步驟，若是電腦一直搜尋不到AP(Arduino YUN-XXXXX)，則需要再次按壓wifi reset鍵五秒，直到筆記型電腦搜尋到，才能進行下一步驟。 26

單元四：感測器的簡介與應用目標認識擴充板接腳，了解感測器的用途，實際運用及操作。

時間 1.5HR

1. •

•

場地

電腦教室 2. •

器材

•

投影機、麥克風、 YBB CAR、筆記型電腦以及具有上網功能的智慧型手機。

感測器的簡介與應用感測器介紹 3.紅外線收發器 •  利用紅外線收發器來感應前方是否有物品或者前方是否懸空 •  應用實例：避障、循跡、防跌落 ( ) ( ) 4.超音波測距模組(HC-SR04) •  由超音波發射器、接收器和控制電路所組成 •  藉由物體反射超音波，感測器依來回時間測量與物體距離 5.溫溼度感測器 •  可以檢測周圍環境的濕度和溫度 •  將所量測到的溫、濕度資料拆解成為數位訊號，再由 data pin腳將資料送出

http://www.playrobot.com/5-Sensor

感測器的簡介與應用 Sensor shield & 擴充板接腳介紹

上圖左半邊為Sensor shield有Digital pins(數位訊號:只有0和1兩種訊號)、Analog pins(類比訊號:有連續的訊號)、馬達接到的GND(接地線) 和馬達接到的5V(電流)以及一個Power LED。右半邊則是有VCC(電流)、麵包板、Digital pins(與左半邊的數位訊號是同樣的)、 GND(接地)、Analog pins(與左半邊的類比訊號是相同的)。 [上述是本次工作坊主要會使用到的部分]

LED接線範例圖

LED長腳接到正極(VCC);短腳接到負極(GND) 此範例:黑線→接地;藍線→綠LED和紅LED共用地線; 綠色LED接電阻再接到Digital pin13; 紅色LED則接到Digital pin12(Digital帶有電流) 29

感測器的簡介與應用 Sensor shield & 擴充板接腳介紹光敏模組接線範例圖此範例: 綠線:Signal→A0 黑線:GND 紅線:VCC

三軸加速器接線範例圖此範例: 綠線:Z→A1 黃線:Y→A2 藍線:X→A3 黑線:GND 紅線:VCC

感測器的簡介與應用 Sensor shield & 擴充板接腳介紹超音波測距(HC-SR04)模組接線範例圖此範例: 紅線:VCC 黃線:Trig(發送訊號) →Digital5 藍線:Echo(接收訊號) →Digital6 黑線:GND

溫溼度感測器(DHT11)接線範例圖此範例: 黑線:GND 紅線:VCC 綠線:Signal→Digital pin8

感測器的簡介與應用無線傳輸感測資料重點程式碼如下: 傳輸感測資料 (html)

傳輸感測資料 (JavaScript)

HTTP GET request YUN(Server)

http://YUN’s IP/ arduino/status / 99 response

Teaching Note: 上半部程式碼為HTML的部分: Light的內容為光敏電阻值;LED Green&Red的內容為LED燈亮或不亮; X、Y、Z axis為三軸加速器值。下半部程式碼為JavaScript的部分: 紅框中表示每隔兩秒會傳送資訊到YUN，再去解析回應內容。 32

感測器的簡介與應用無線傳輸感測資料重點程式碼如下: 傳輸感測資料 (Arduino)

Arduino YUN

Linino 網頁檔案(html)

http://YUN’s IP/ arduino/ status / 99

Bridge/process status/99

Arduino Script (ino)

Teaching Note: 紅框部分表示從伺服器接收，如果是新的client端訊息就跳到process執行，如果是command=status再到statusCommand接收接腳訊息，下頁程式接續。 33

感測器的簡介與應用無線傳輸感測資料重點程式碼如下: 傳輸感測資料 (Arduino)

status [12,13] status#12=0 status#12=0 #13=1 [0,1,2,3]

status#12=0#13=1#A0=900 status#12=0#13=1#A0=900#A1=407 status#12=0#13=1#A0=900#A1=407#A2=347

status#12=0#13=1#A0=900#A1=407#A2=347#A3=339 Teaching Note: 此頁程式是將讀取數位及類比各個接腳的資訊並輸出成所要的格式，再傳到Client端。 34

感測器的簡介與應用無線傳輸感測資料重點程式碼如下: 傳輸感測資料 (JavaScript)

分析response，更改網頁內容

status#12=0#13=1#A0=950#A1=390#A2=378

status

12=0

13=1

A0=950

950

A1=390

390

A2=378

378

Teaching Note: 此頁程式是將接收到的資訊分割，先分割”#”再分割”=”，讓網頁在指定的資訊欄只呈現出”數值”。 35

感測器的簡介與應用無線傳輸感測資料網頁呈現的結果

單元五：YBB CAR馬達校正&遠端行進控制教學方法

講授法、體驗學習法，由教師以簡報式教學，測試馬達方向，並修改網頁端程式，成功遠端操控;學生們將老師範例程式進行修改，實際操作、撰寫程式。

教學內容校正馬達啟動Arduino軟體，並上傳 MotorTest.ino程式。重點程式碼如下:

停止

void carstop( ) { servoRight.writeMicroseconds(1500); servoLeft.writeMicroseconds(1500); }

目標上傳程式校正YBB CAR馬達。利用網頁送出指令，分析訊息，達到遠端行進控制。

時間 1.5HR

場地

電腦教室

器材

Teaching Note: 當傳送停止的指令，馬達需為靜止狀態; 若馬達有動作，則需調整馬達螺絲，調整至馬達靜止。 37

投影機、麥克風、 YBB CAR、筆記型電腦以及具有上網功能的智慧型手機。

YBB CAR馬達校正&遠端行進控制行進控制啟動Arduino軟體，並上傳MotorTest.ino程式。重點程式碼如下:

前進

void forward( ) { servoRight.writeMicroseconds(1300); servoLeft.writeMicroseconds(1700); } 後退

右輪順時針方向最大轉速左輪逆時針方向最大轉速

void backward( ) { servoRight.writeMicroseconds(1700); servoLeft.writeMicroseconds(1300); }

右輪逆時針方向轉

void turnLeft( ) { servoRight.writeMicroseconds(1300); servoLeft.writeMicroseconds(1300); }

右輪順時針方向轉

void turnRight( ) { servoRight.writeMicroseconds(1700); servoLeft.writeMicroseconds(1700); }

右輪逆時針方向轉

左轉

右轉

左輪順時針方向轉

左輪逆時針方向轉

YBB CAR馬達校正&遠端行進控制遠端行進控制

如何送出前進指令 - 網頁端重點程式碼如下:

type="hidden" name="action" value="1" id="forward" /> <input <input type=“button” value=“Forward“ id="btnF" style=“width:200px;height:70px”onclick= “YBBControl( document.getElementById(‘forward’).value );" />

function YBBControl(action) { document.getElementById(“description”).innerHTML = “Button Click"; server = "/arduino/robot/" + action; request = new XMLHttpRequest(); request.open("GET", server, true); request.send(null); }

http://YUN’s IP/ arduino/ robot / 1

Teaching Note: 此部分程式碼為網頁端接收到前進的指令，前進的指令值為action“1” ，再傳送到Arduino端去執行動作。 39

YBB CAR馬達校正&遠端行進控制遠端行進控制如何送出前進指令 - Arduino分析接收訊息重點程式碼如下:

setup() { void ………… servoLeft.attach(11); // 連接左邊馬達的訊號到PIN 11 servoRight.attach(10); // 連接右邊馬達的訊號到PIN 10 ………… } void process(YunClient client) { String command = client.readStringUntil('/');// 讀取指令，讀取指令的字串直到遇到 / 符號 if (command == "status") { // 是"status"指令? (回報個接腳狀態) statusCommand(client); // 是的話執行statusCommand副程式 } if (command == "robot") { // 是否為"robot"指令? (控制移動方向) robotCommand(client); // 是的話執行robotCommand副程式 } } // end of process() Arduino YUN http://YUN’s IP/ arduino/ robot / 1

Linino 網頁檔案(html)

Bridge/process Arduino Script (ino)

robot/ 1

YBB CAR馬達校正&遠端行進控制遠端行進控制如何送出前進指令 - Arduino控制行進方向重點程式碼如下:

void robotCommand(YunClient client) { byte command; command = client.parseInt(); if (command == 1) { // 前進 forward(); } if (command == 2) { // 後退 backward(); } if (command == 3) { // 右轉 turnright(); } if (command == 4) { // 左轉 turnleft(); } if (command == 5) { // 停止移動 carstop(); } } // end of robotCommand()

robot / 1

Teaching Note: P.40&P.41程式碼解說: 設定好馬達的PIN，到process執行，如果是(command=="robot")再到 robotCommand執行，接收到的值為”1”，就執行前進的動作。

單元六：關卡設計與競賽

目標

教學方法

將學習到的技術實際應用，藉由設計關卡、闖關的方式，呈現出最後成果。

教學內容

時間 2HR

場地

電腦教室一般大教室

器材 YBB CAR、筆記型電腦以及具有上網功能的智慧型手機、紙箱、巧拼墊、剪刀等文具。

講授法、討論法、合作學習法。由教師示範教學，再讓學員們分組討論。由教師示範，結合網頁程式、Arduino YUN、馬達校正、遠端行進操控，最終實際操控YBB CAR。學員們發想討論，思考生活中會遇到的障礙，設計出符合生活及多元化的關卡，最後利用闖關競賽，展現學習成果。學員們分為六組，各自進行討論。分別進行程式撰寫、修改及除錯，將自己組別的智慧車程式修改成符合實際操作的角度或動作;也需要同時進行關卡的設計，各組發揮創意，設計出有趣的關卡。

關卡設計分為幾個重點 1.  直線前進 2.  直角轉彎 3.  弧度轉彎 4.  自動避障 5.  上坡下坡 6.  紅外線偵測 7.  超音波偵測 42

關卡設計與競賽關卡設計

在智慧輪椅工作坊課程的最後，教師示範最後成果給學員們參考，包含網頁設計、感測器變化的結果即時呈現、感測器的應用、智慧車的攝影機拍攝等等，給予學員參考及方向，完成最後的競賽。

關卡設計與競賽關卡設計第一組學員們自行分為兩個小隊。一個小隊負責設計關卡，另一個小隊負責程式碼的部分。

初想的關卡: 1.  上坡及下坡 2.  凹凸地面 3.  轉彎 4.  勿壓到黑線學員們思考生活中可能會遇到的障礙並結合競賽關卡。第一組學員的關卡，最後加上寶特瓶作為障礙物，在上坡後把寶特瓶移除原本路線，並且避開路旁的寶特瓶。

關卡設計與競賽關卡設計第二組學員設計的關卡為: 1.  遇到障礙物，不能撞倒。 2.  偵測到牆壁，能後退或是轉彎 3.  直角轉彎 4.  停車到車庫中

從起點出發馬上遇到障礙物，接下來遇到的暗處轉角，可利用 LED一點點微弱的光作為打亮的功能，指引路線，最後矯正角度，完美停車。

關卡設計與競賽關卡設計

第四組學員，設計的關卡為一出發就必須要大角度繞過障礙物，直線加速通過第一個坡道，遇到牆壁後必須直角轉彎，再經過一個約三十度的斜坡及完成關卡。看似簡單，但是富有許多生活中會遇到的狀況，是個很實際的關卡。

1.  2.  3.  4.

大角度轉彎上坡下坡直角轉彎陡上坡度

關卡設計與競賽關卡設計第五組學員相當有創意關卡豐富又有趣。 1.  勿壓黑線 2.  倒車上坡 3.  斜角直走 4.  進入山洞 5.  停車入庫

第五組學員們絞盡腦汁想出來的關卡非常特別，利用寶特瓶做成翹翹板，也在關卡中加入許多小機關，例如黑洞及窗簾，讓闖關更加有趣。

關卡設計與競賽關卡設計第六組學員設計關卡相當的用心，只簡單利用巧拼墊、寶特瓶，就構想出富有難度、考驗操控者技術、智慧車行進角度的一關。

最後的關卡規則: 1.  起點出發，跟著路線走 2.  超過黑線則加5秒撞倒寶特瓶加5秒 3.  停車到黑框中

關卡設計與競賽關卡設計

關卡如下: 1.  直線前進 2.  上坡下坡 3.  自動避帳 4.  調整角度 5.  停車入庫

第七組學員，將主力放在撰寫程式、矯正馬達及調整轉彎角度，經過多次的修改，最後把智慧車調整得很好，讓操控者在其他組別闖關時，都能順利過關。 49

關卡設計與競賽競賽

學員們到各組一一闖關，每一組關卡風格都不同，難度也不同，希望藉由這些關卡，反思生活中在一般道路上也時常會遇到這些障礙，要如何突破、避障都值得我們去思考。

智慧輪椅工作坊時間:106/3/17、18 地點:世新大學管理學院

Arduino YUN 無線網路設定

教學實況紀錄

助教們技術輔導

教學實況紀錄

助教們技術輔導

學生成果花絮

賽後合影

學生成果花絮

教師、助教群及工作人員合影

建議及注意事項

本模組為技術模組，學習著教學中使用到的網頁程式碼、重於網頁程式、Arduino程式及 A r d u i n o 程式、需安裝的軟體、感測器的使用，需將這三個部分教學用之PowerPoint都放在雲端串聯起來才能完成整個物聯網的硬碟中(https://goo.gl/3Vb4Ms) 應用。，或於智齡聯盟網站 ( h t t p : / / 由於學員們都是跨領域學習， www.t-edu.tw/module)、智活因此教導軟體應用部分需從基本資料庫下載，可供參考使用。概念開始教學，可參考教師已完注意的事項:軟體可能會有版成的程式碼，再進行修改及測試，本的更新，使用者可至官方網站較有效率及完成度較高。下載最新版本。硬體應用部分按照步驟教學以及助教在旁協助，學員們可快速上手，達成教學目標。最後關卡設計及競賽，讓學員們發揮創意，思考生活中可能會遇到的障礙，製作趣味又富有挑戰性的關卡，整合課程所學，完成課程。

模組開發歷史智齡聯盟物聯網模組。在世新大學資訊管理學系，由胡碩誠老師開課，課程名稱為”智慧聯網”，課程中教導學生學習Arduino Sketch程式及各種感測器應用。於2017年由世新大學資訊管理學系胡碩誠老師指導執行，研發成適合智齡聯盟之模組教材，目前經歷過一次工作坊教學。第一次教學時間為2017年3月17、18日，由胡碩誠老師指導，於世新大學辦理兩天的「智慧輪椅工作坊」，參與人數79人，包含講師1 人、學員59人、助教14人及工作人員5人。

Note

智齡聯盟課程模組系列

物聯網模組開發教師：胡碩誠助理教授 (世新大學資訊管理學系) 開發學校：世新大學原屬課程：智慧聯網內容編輯 : 陳佩妤 (世新大學資訊管理學系) 版面設計 : 楊哲玟專任助理 (臺大土木工程學系) 杜欣恩 (臺科大工商業設計系) 排版格式：林喬茵 (臺灣大學智活中心) 開發時間：106年12月18日初版計畫名稱：智齡聯盟計畫網站：www.t-edu.tw 計畫主持人 : 康仕仲教授 (臺大土木工程學系) 共同主持人：劉佩玲特聘教授 (臺大智活中心) 協同主持人：陳育亮教授 (世新大學資訊管理學系) 指導單位：教育部智慧生活整合性人才培育計畫執行單位：臺灣大學智慧生活整合與創新研究中心 106臺北市羅斯福路四段一號聯絡資訊：(02)3366-3366 分機55201 silverstaff@caece.net

3.0

世新 物聯網模組 陳育亮

世新物聯網模組陳育亮