工程筆記本 / AppInventor - 圖形化Android

AppInventor - 圖形化Android

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

CAVEDU 阿吉 - 雜工📅 2015-06-05👁 57
本範例說明如何取得中央氣象局所提供的即時紫外線強度資料,格式為 JSON,aia下載請按我
 
大家別忘了把您的作品分享到 App Inventor Gallery,下載率很不錯喔
http://opendata.epa.gov.tw/ws/Data/UV/?$orderby=PublishAgency&$skip=0&$top=1000&format=json
 
一共有30多個站點可供查詢。您還可以結合 Sharing 元件,將紫外線狀況寄發 email 或是發佈到 Facebook 喔。或者用藍牙傳給 Arduino 或樂高機器人也是有趣的專題呢

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

Designer 頁面配置如下
 

程式說明
 
按鈕更新最新的紫外線資料
 
 
更新清單內容,會在點選Listpicker之後呼叫 Web元件來取得網頁內容
 
 
解析網頁資料,並根據所點選的觀測站來顯示該站的縣市、紫外線與經緯度資料。
 
開啟地圖
 
本範例所用之變數

相關文章 📎

留言 💬 (0)

還沒有留言,來當第一個。