1 / 43

Node-R e d 基 本元件操作實驗

Node-R e d 基 本元件操作實驗. NODE-RED 基本實例. 設計一個 UI 顯示 Raspberry pi 的 CPU 溫度 如何取得 空氣品質指標 (AQI) 的 資料 如何抓取氣象局的資料 在 Node-Red 使用 Json 資料庫儲存資料. 設計一個 UI 顯示 Raspberry pi 的 CPU 溫 度. 1. 在右上角點擊. 2. 選擇 Import Examples  ibm Watson- iot  Pi cpu temperature. 1. 放值空白的地方. 連起來. 2. 加入 debug 元件.

rmason
Download Presentation

Node-R e d 基 本元件操作實驗

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Node-Red基本元件操作實驗

  2. NODE-RED基本實例 • 設計一個UI顯示Raspberry pi 的CPU 溫度 • 如何取得空氣品質指標(AQI)的 資料 • 如何抓取氣象局的資料 • 在Node-Red使用Json資料庫儲存資料

  3. 設計一個UI顯示Raspberry pi 的CPU 溫度

  4. 1.在右上角點擊 2.選擇Import Examples ibm Watson-iot  Pi cpu temperature

  5. 1.放值空白的地方 連起來 2.加入debug元件 3.按下Deploy

  6. 若找不到debug視窗,請按下Ctrl + Space (空白鍵) 發現Raspberry pi 的CPU 溫度有傳進來

  7. 1.取到CPU溫度值然後加入UI界面元件 2.到dashboard,拉出兩個元件 3.到function ,拉出function元件

  8. 1.把拉出的元件連接起來,如下圖示 2.把timestamp的屬性欄的 Repeat 設成 interval 時間為30s 3.點擊function元件,然後編輯

  9. 1.點擊gauge元件,然後編輯 5.Range MAX改成80,然後點擊Done 2.點擊編輯 3.更改名字 4.點擊Update

  10. 1.點擊chart元件,然後編輯 3.點擊Done 2.點擊選擇剛更改的群組 4.按下Deploy

  11. 1.在網頁輸入網址 http://192.168.xx.xx:1880/ui 儀表板就會顯示你的Raspberry Pi 主機溫度

  12. 如何取得空氣品質指標(AQI)的資料 什麽是PM2.5 資料來源 --行政院環境保護署 http://www.epa.gov.tw/public/Data/511515595871.pdf

  13. http://taqm.epa.gov.tw/taqm/tw/b0201.aspx

  14. PM2.5的指標等級

  15. 行政院環境保護署--環境資源開放平臺 輸入空氣品質指標(AQI) http://opendata.epa.gov.tw/

  16. 空氣品質指標(AQI) 點選空氣品質指標(AQI) 點選JSON

  17. 1.把網址複製下來 http://opendata.epa.gov.tw/ws/Data/REWIQA/?$orderby=SiteName&$skip=0&$top=1000&format=json

  18. 1.貼上剛複製的網址 2.選擇 a parsed JSON Object

  19. 只取PM2.5的值,空氣品質狀態和發佈時間 1.填入程式碼 2.改成3

  20. 1.按下inject 2.就會出現數值

  21. 1.把UI的元件增加上去,並把屬性欄填好 2.把timestamp的屬性欄的 Repeat 設成 interval 時間為1hr

  22. 如有要更換地點,也可以在程式碼更改地點

  23. PM 2.5的儀表板

  24. 如何抓取氣象局的資料 氣象局目前天氣網頁 http://www.cwb.gov.tw/V7/observe/real/NewObs.htm

  25. 範例以板橋爲主,若需更換地點請往下看 板橋 http://www.cwb.gov.tw//V7/observe/24real/Data/46688.htm

  26. 1.選擇地點 2.假設選擇臺北,網址如下 3.然後在XXXX填入該號碼 http://www.cwb.gov.tw/V7/observe/24real/Data/XXXX.htm

  27. 1. 根據如下圖示,拉出所需的元件 x1 x2 x2 x2 x1 x2 x1 2. 根據如下圖示連接起來

  28. 1.把timestamp的屬性欄的 Repeat 設成 interval 時間為1min 2.把http request node的屬性欄的 URL輸入 3.選擇 a UTF-8 String

  29. 1.根據下圖設定 2.跟td屬性欄一樣,唯有Select 的欄位改成th

  30. 1.填入程式碼 3.填入程式碼 2.設定Outputs 為3

  31. 1.設定元件群組 2.設定元件類型為Level ,並 Size 為3x3 3.其他元件只需設定名字,然後Deploy

  32. Node-red 儀表板

  33. 在Node-Red使用Json資料庫儲存資料 1.在Manage Palette裏,安裝JSON 的資料庫(DataBase)的套件 json-db-node-red 儲存JSON 的資料庫(DataBase)的套件 儲存資料節點 讀取資料節點 2.安裝好了,使用PM2.5的範例來做實際應用 http://opendata.epa.gov.tw/ws/Data/REWIQA/?$orderby=SiteName&$skip=0&$top=1000&format=json 在這網址裏的JSON格式有很多不同地點的感測資料,每次都要改程式,比較不方便,所以需要改進

  34. 1.這是PM2.5的範例,然後改成下圖

  35. 1.紅色框起來的是需要添加或更改 Q:跟之前有什麽不一樣? A:以之前的做法,沒辦法在儀表版切換地點,即使加了地點選項,每次查詢都會詢問一次網址回傳資料,這樣會浪費很多時間等待和資源,所以增加了資料庫來存取網址資料,不需要每次查詢地點時詢問網址取得資料,直接在資料庫查詢,這樣查詢快,網路負載不會那麽重。

  36. 1. 根據如下圖示,拉出所需的元件 x1 x1 x1 x1 x1 2.使用PM2.5的範例改成如下的圖示

  37. 1.點擊鉛筆的圖示,在Collection欄框填入名字Data 2.資料的名字叫/PM2.5Data 3.初始的設定,會把原本的資料覆蓋

  38. 1.根據下圖設定 *每小時會詢問網址,並把網址回傳的資料儲存在資料庫,同時觸發后5秒讀取一次資料確保資料顯示在儀表板上。

  39. 1.設定元件群組 http://opendata.epa.gov.tw/Data/Contents/AQI/ 2.在Options設定下拉選單内容, 地點可在網址資料尋找 3.在Options下方可增加欄位

  40. 1.填入程式碼

  41. 1.點擊鉛筆的圖示,選擇你剛設定的Data 2.選擇你剛設定的DataPath

  42. 1.這是原本的程式 2.把’板橋’改成

  43. Node-red 儀表板 1.然後你可以使用下拉選單選擇你要的地點

More Related