[App Inventor 教學] 取得中央氣象局即時紫外線強度資料

本範例說明如何取得中央氣象局所提供的即時紫外線強度資料,格式為 JSON,aia下載請按我
 
大家別忘了把您的作品分享到 App Inventor Gallery,下載率很不錯喔
 
一共有30多個站點可供查詢。您還可以結合 Sharing 元件,將紫外線狀況寄發 email 或是發佈到 Facebook 喔。或者用藍牙傳給 Arduino 或樂高機器人也是有趣的專題呢

操作方式如下
 
1. 點選 [取得縣市清單]按鈕,會呼叫Web元件去爬一次上述網址取得最新資料。程式初始畫面如下
 
2. 點選 [選取縣市] 清單選取器,會開啟縣市清單讓您點選想要檢視的觀測站。請注意這是原始資料中的 Sitename 而不是 County,因為在嘉義縣(County)下有三個觀測站:朴子、塔塔加與阿里山
  
 
3. 點選您想要的縣市就會顯示當地的紫外線強度與該站點的GPS座標
 
  
 
4. 還可點選 [開啟地圖] 按鈕,即可在 Google Map 中檢視該站點位置(ActivityStarter元件)
   

Designer 頁面配置如下
 
程式說明
 
按鈕更新最新的紫外線資料
 

 
更新清單內容,會在點選Listpicker之後呼叫 Web元件來取得網頁內容
 

 
解析網頁資料,並根據所點選的觀測站來顯示該站的縣市、紫外線與經緯度資料。
 


開啟地圖

 
本範例所用之變數

9 thoughts on “[App Inventor 教學] 取得中央氣象局即時紫外線強度資料

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *