大家好, 歡迎收看本週的Weekend project with Stonez56。
本周要進行的是 App Inventor 第9集 - 自己來寫 YouBike 2.0 APP (上集)
這個影片適合初學者來觀看學習, 想拿來這個單元來學習 App Inventor 2 也是很 Ok 的!
上集內容主要包括程式流程:
- 讀入 YouBike 2.0 JSON 資料並做先期處理
- 把所有地區送入, 清單選擇器按鈕
- 使用者選擇某一地區後
- 在清單顯示器內顯示所有的站點, 位置, 總共單車量, 剩餘單車量
- 移動地圖到所選的地點, 並呈現出 YouBike 圖示
下集內容包括: (製作中, 敬請期待~ 10/22 TBD)
- 資料由政府資料開放平臺即時更新
- 更新程式流程並且美化使用者介面
- 取得手機所在位置定位
- 顯示附近 YouBike 車輛數目
YouBike 2.0 資料是由政府資料開放平臺的下載而來的, 每幾分鐘便會做更新. 本程式會把 YouBike 2.0 json 資料下載到電腦上, 以節省去一直查詢政府雲端資料庫的時間.
參考資料:
- Online Json Parser http://json.parser.online.fr/
- YouBike2.0臺北市公共自行車即時資訊https://data.gov.tw/dataset/137993
- YouBike 2.0 Json file: https://tcgbusfs.blob.core.windows.net/....../youbike......
- YouBike 2.0 Json file: https://tcgbusfs.blob.core.windows.net/dotapp/youbike/v2/youbike_immediate.json
- APP 地圖使用: App Inventor 內建之 OpenStreet Map: https://www.openstreetmap.org/#map=8/23.611/120.768
如果你時間不夠, 也可以從以下的時間軸挑選想看的部份即可!
影片時間軸：
00:00 開始
00:21 取得 YouBike 即時資訊
01:04 Json 線上編排後讀取 (Json Parser Online)
02:20 YouBike 2.0 APP 成果展示
03:32 開始APP頁面設計
07:23 簡化資料方便偵錯
17:52 開始程式設計
18:29 讀取上傳檔案的位置以 // 表示
29:50 如何取得站別的資訊 (Json)
55:19 如何移動地圖到 YouBike 站點
1:02:15 如何顯示 YouBike 圖示
No comments:
Post a Comment