JetAIR 空氣清淨機 DIY開發全記錄-4

[2018.01.09更新] 分離版硬體完成..軟體開始優化補強

在20多個小時的列印地獄之後..分離試作版終於來到世上..

上蓋列印中…

後蓋完成, 試組合..

加入開關, 電源及使用航空接頭連接風扇及主機, 這裡發生一件大事(後述)

開關和12V電源接頭都使用高規格..都使用可以耐10A電流的零件

電源供應器也使用台達電的產品, 以維持供電穩定..

前面提到的大事件就是這個… 感測器開孔錯置180度…結果讓感測器無法用螺絲固定..只好使用束線帶解決..

也馬上修正3D模型設計..

不過試組的成果還不錯.. 加了LED燈方便一眼就看出目前空氣的品質(LED和螢幕一樣, 也會依現場光線自動調整亮度, 以維持睡眠品質)..

在這之前也用風速計分別測量了一下各段的風速(共10段)..

再依風扇大小計算出大約的CADR值 (風扇直徑12公分, 半徑就是6cm=0.06m, 面積就是 3.14159*0.06^2=0.011310平方公尺)

到目前為止..寫在裡面的程式都是很簡單的, 其實全自動就是依目前的空氣品質來設定風扇的風量..
除了1-9的9段外..另外會在各段之間再設定1個中間段讓風速更微調, 因此自動共有17段不同的風速調整, 手動的話則是10段控制..

風速的設定完成後..接下來就是開始加入新功能了..首先就是加入WIFI的支援..

記得之前寫JetSOVI舒肥機時..因為使用Nano這個容量超級小的控制板, 因此程式編寫時就要在很小的空間裡擠進一大堆的功能

其中還包含一個Web Service讓手機可以直接連上它做控制. 所以畫面就只能弄得非常陽春..

不過這次直接使用Arduino MEGA主板, 不論程式空間或記憶空間都是Nano的好幾倍..在寫WebService這一塊當然就把CSS, JavaScript, AJAX也都放進去了..

不過說真的..在C裡面塞進HTML就算了..還要在HTML裡再塞進去CSS, JavaScript, 還要用AJAX做出動態更新的網頁.. 還真是有點挑戰, 其中JavaScript和AJAX不難..只是Debug有點麻煩..因為改一個就要燒進去測試一次..

還好..終於順利完成了…畫面還可以..因為以手機連線為主..所以直接設定成手機顯示(META裡還要加入ViewPort設定..)..
手機上的效果還不錯.. 中間的空氣資訊每10秒會更新一次..

設定無線基地台時也會把JetAIR抓到的基地台列出, 並加上訊號強弱db值..方便使用

Wifi成功連上基地台後..就會顯示基地台名稱和取得的IP位址了..

這時候JetAIR已經連上Internet囉, 接下來就要來處理當JetAIR連上雲端後要上傳的資料和雲端網頁了..
我希望是完全不使用APP來達到雲端操控的功能(也就是只要找台可以上網的手機, 平板或電腦, 就可以控制自己的JetAIR以及瀏覽所有JetAIR上傳到雲端的空氣品質資訊)

相關連結：
JetAIR 空氣清淨機 DIY開發全記錄-3
JetAIR 空氣清淨機 DIY開發全記錄-5
JetAIR 空氣清淨機預購(蝦皮賣場)