Evonne 研究室

Energy Websites

Backgroud Intro

大學畢業後第一份工作是在一間新加玻商的IoT能源公司上班,擔任UI Designer。

在這邊遇到了很多挑戰(?) 像是… 要設計大型資料的呈現方式 / 思考使用者好操作的介面,三不五時還會被抓去新加坡出差等等。其實說是UI Designer但其實已經兼任UX Design了吧 (笑)

Key of Energy Website

在設計能源相關的網站時,我認為最重要的是要「深入了解要控制的能源的是什麼」?

舉例來說,今天要控制的燈光的話,就可以知道介面可能要出現 on / off 的按鈕去做開關切換。如果是要控制太陽能板就不會有這種開關,可能是要做取得能源多寡的顯示畫面。

所以說能源的種類以及特徵對於網站的內容非常重要,這也是第一部需要了解的地方。

以下簡單放上當初的一些作品,由於隱私權的關係,這邊只放上一點點範例,有興趣可以去看開放的運行中的網站 :智慧校園監測系統 (thu.edu.tw)

Front-end

Back-end

至於後端的部分,IoT的後端其實大同小異,大概都是這個架構:

IoT後端架構圖

IoT顧名思義會有各類的裝置負責收集資料,然後再透過Gateway傳到後端資料庫,而前端就只需要從資料庫撈出資料呈現即可。