項目7智慧會議室系統(tǒng)的安裝與調(diào)試

授課人：黃永杰時間：2020年9月11日《物聯(lián)網(wǎng)工程綜合實訓(xùn)》目錄/CONTENT會議室控制終端APP的開發(fā)會議室室內(nèi)環(huán)境傳感器的安裝與調(diào)試會議室空調(diào)、投影儀的安裝與調(diào)試會議室窗簾、照明燈、排氣扇的安裝與調(diào)試1.11.21.31.4云平臺和”萬物互聯(lián)“APP的配置1.2會議室控制終端APP的開發(fā)任務(wù)41【任務(wù)描述】根據(jù)項目中的任務(wù)3，能夠?qū)崿F(xiàn)數(shù)據(jù)的獲取后，任務(wù)4需要學(xué)習(xí)使用Appinventor開發(fā)一個能夠獲取傳感器數(shù)據(jù)并且能夠?qū)崿F(xiàn)遠(yuǎn)程控制燈光的APP。1【任務(wù)描述】--任務(wù)要求完成會議室控制終端的App的界面設(shè)計；完成App邏輯代碼的編寫；完成獲取傳感器數(shù)據(jù)，實現(xiàn)遠(yuǎn)程控制功能；完成App程序與傳感器的關(guān)聯(lián)操作，通過傳感器數(shù)據(jù)變化實現(xiàn)自動開燈、開排氣扇；1【任務(wù)描述】--任務(wù)目標(biāo)了解Appinventor的開發(fā)環(huán)境；能使用Appinventor組件實現(xiàn)界面的設(shè)計；能使用Appinventor實現(xiàn)數(shù)據(jù)的獲?。荒芡ㄟ^獲取回來的數(shù)據(jù)，對開關(guān)設(shè)備進(jìn)行自動控制。2知識鏈接--APPInventor簡介AppInventor是一款谷歌公司開發(fā)的一款采用拖拽操作的可視化編程工具，主要用于構(gòu)建運行在安卓平臺上移動應(yīng)用。首先，AppInventor提供了基于Web的圖形化的用戶界面設(shè)計工具，可以設(shè)計應(yīng)用的外觀，然后，再像玩拼圖游戲一樣，將“塊”語言拼在一起，來定義應(yīng)用的行為。APPInventor的優(yōu)點：無需記憶和輸入指令你要做的只是選擇限定代碼塊之間的匹配事件的即時處理若對此感興趣可打開網(wǎng)址/login/進(jìn)行注冊與學(xué)習(xí)。3任務(wù)實施1--任務(wù)分析

在本項目中，我們將利用AppInventor開發(fā)一個可以實時把溫濕度、光照度、PM2.5的數(shù)據(jù)顯示出來，還有能夠根據(jù)窗簾、燈光、排氣扇、空調(diào)、投影儀現(xiàn)在的開關(guān)狀態(tài)來對其進(jìn)行控制的一個“智慧會議室”系統(tǒng)，該系統(tǒng)做完效果如左圖所示，整個開發(fā)流程圖如右圖所示。3任務(wù)實施2--項目實施步驟1：組件設(shè)計該系統(tǒng)需要用到的具體組件和該組件的屬性如下表所示，在工作面板設(shè)計成如圖7-4-4所示的界面。組件命名屬性名屬性值ScreenScreen1標(biāo)題智慧會議室水平布局水平布局1高度充滿寬度充滿水平布局水平布局2高度30%寬度充滿垂直布局垂直布局1高度充滿寬度充滿水平對齊居中垂直對齊居中垂直布局垂直布局2高度充滿寬度充滿水平對齊居中垂直對齊居中組件命名屬性名屬性值標(biāo)簽溫度字號20標(biāo)簽濕度字號20標(biāo)簽光照度字號20標(biāo)簽PM2_5字號20按鈕窗簾字號18寬度15%按鈕燈光字號18寬度15%按鈕排氣扇字號18寬度15%按鈕空調(diào)字號18寬度15%按鈕投影儀字號18寬度15%web客戶端網(wǎng)關(guān)地址網(wǎng)關(guān)IP計時器計時器1

3任務(wù)實施2--項目實施

3任務(wù)實施2--項目實施步驟2：邏輯設(shè)計（獲取數(shù)據(jù)）a)定義全局變量首先定義兩個全局變量，其中“數(shù)據(jù)暫存”用于暫時儲存還未處理完的數(shù)據(jù)，初始值為空的文本，“數(shù)據(jù)”用于儲存已經(jīng)處理完的數(shù)據(jù)，初始值為空的列表，設(shè)置結(jié)果左圖所示。b)添加計時器事件和網(wǎng)關(guān)接收到文本時事件。c)獲取網(wǎng)關(guān)的云變量和其對應(yīng)的值：當(dāng)計時器每次到達(dá)計時點時，計時器就向網(wǎng)關(guān)進(jìn)行Get請求，把網(wǎng)關(guān)的數(shù)據(jù)獲取回來，具體邏輯如右圖所示。3任務(wù)實施2--項目實施d)把網(wǎng)關(guān)返回的數(shù)據(jù)轉(zhuǎn)成JSON格式： 網(wǎng)關(guān)返回回來數(shù)據(jù)格式不能直接使用，所以我們可以用下圖的過程把網(wǎng)關(guān)的數(shù)據(jù)轉(zhuǎn)成JSON格式并儲存到“數(shù)據(jù)暫存”里。3任務(wù)實施2--項目實施e)把JSON格式的文本轉(zhuǎn)成列表 為了后面方便取單個數(shù)據(jù)，把轉(zhuǎn)成JSON的文本通過web客戶端解析然后保存到“數(shù)據(jù)”里，具體邏輯如圖所示。3任務(wù)實施2--項目實施f）把數(shù)據(jù)從列表中取出來 通過列表查找的代碼塊來把單個數(shù)據(jù)截取出來了，具體邏輯如下所示。g）獲取數(shù)據(jù)顯示效果 現(xiàn)在可以將數(shù)據(jù)任意取出并顯示出來，邏輯設(shè)計如下。3任務(wù)實施2--項目實施3.邏輯設(shè)計（開關(guān)控制）a）向網(wǎng)關(guān)POST 控制控件的狀態(tài)就得改變網(wǎng)關(guān)上對應(yīng)變量的值，這個可以通過POST請求做到，邏輯如下。b）根據(jù)控件現(xiàn)在的狀態(tài)對其進(jìn)行控制，那就需要知道該控件當(dāng)前的狀態(tài)，可以通過上面獲取數(shù)據(jù)的辦法來實現(xiàn)，具體邏輯設(shè)計如圖3任務(wù)實施2--項目實施c）因為向網(wǎng)關(guān)POST數(shù)據(jù)會返回一個“OK”，所以我們要把網(wǎng)關(guān)返回時的代碼改成如下所示。3任務(wù)擴(kuò)展--自主學(xué)習(xí)問答：AppInventor能不能做到自動控制呢？自動控制是在“網(wǎng)關(guān)”做處