重整氣象局的資料- My Weather 我的氣象台

My Weather 我的氣象台


因為覺得氣象局的資料很雜很亂，一直就很想把他的資料抓回來，重新安排一個更適合瀏覽的介面，去年看到氣象局開放 open data 後就更躍躍欲試，講了三年，卻因為上禮拜一篇有人重新設計氣象局的網站的文章，讓我花了三天不到，就和 fripig 把這個一直想做的東西的雛型給弄出來了。


一直沒動工的原因是因為想做鋼鐵人的 UI，操作的介面也要像電影一樣看起來很酷，現在要用 js 來實作都不是問題，困難的都還是操作跟介面上的安排，才一直沒動工。

鋼鐵人 UI 之前有做過一個桌面板的在這邊。


這次想說先把資料都接回來，參考那個網友設計的介面，把資料都安排上去，至少我以後想看氣象資料就不用每次去氣象局找覺得很浪費時間了。另外除了這個介面外，同時也用了 RWD(Responsive Web Design)，簡單的說就是根據不同的載具(電腦、平板和手機等)，讓操作介面更符合各個載具的特性，可以試著把視窗縮小，或是用手機開啟網站，就會長成下面這樣。


手機可以掃這個 QR Code





這是我心中比較想要的網站的樣子，當然氣象 app 很多，但是好像還沒什麼看到有氣象資料的網站有做 RWD 的，這次是先把資料抓回來，之後介面應該還會調整，也會再把其他資料整進來。


再來講抓資料的部分，氣象局的 open data真的很不好用 - - ，我們還把資料抓回server後再處理，不過觀測資料雲林跟苗栗沒有，我是抓旁邊縣市的資料，七日預報的部分則是縣市預報的格式看起來很不整齊，要想想怎麼在處理跟呈現好，所以先抓一週天氣，只是那邊的資料西部只分北部、中部跟南部和台北市，所以有好些縣市的預報資料會重複，再來是有即時的天氣資訊，卻沒有氣象概況，這個之前朋友用爬的爬的到， open data 卻沒有，也是很可惜，這些都會是下一個階段要修正的部分。