iT邦幫忙

1

使用App Inventor 設計 快篩何處買(地圖顯示)? 學習筆記

  • 分享至 

  • xImage
  •  

怎麼學:
其實一開始想放棄,因為第二次接觸 App Inventor,雖說老師很會教因為不熟導致卡卡,後來我改變學習方法將她與之前寫程方法一起做連結學習,忽然覺的比較容易了

怎麼寫:
1.跟寫程式一樣要先將會用的參數先定義出來轉換成一個有意義的名字(中英文都可以)
2.將會重複使用的程式做成一個,副程式(Procedure)
3.程式的重點在取參數及清單傳參數(寫程式亦相同)

App Inventor 優點說明:
1.積木界始祖,薑是老的辣,人是老的好
2.可以使用 QRCODE debug 程式,很方便哦,內行便知
3.可以產出 apk 檔,立即可以使用
4.專案都可存在雲端,任何地點都可帶著她修改
5.前台可以畫面設計後台可以程式設計很是方便(個人覺得 Node Red 方式更好)
6.可以將作品上傳到 Gallery

準備工作:
1.要先下載 json 檔
配合辦理發放公費COVID-19家用快篩試劑社區定點診所名稱、地址、座標
https://data.gov.tw/dataset/150692

2.下載TextUtils extension:
https://community.appinventor.mit.edu/t/all-rescued-extensions-from-inactive-communities/27169/47?page=3

設計步驟:
1.設計 App 使用者界面
2.準備開始來寫 APP
3.如何建立並使用副程式(Procedure):
Procedure 如程式碼的 fountion,可以重複引用
4.使用 ListUtils 擴展刪除重複項
外擴元件有提供去除重複項,不用再寫判斷
5.如何分割/結合字串
主要是導到地圖晝面需要的參數及各項字串分割(如診所名稱、地址、座標...)
6.使用副程式(Procedure)的好處
可以重複使用,寫好只要 call 便可以使用
7.加入 OpenStreetMap 地圖畫面
重點:
a.加入一個畫面
b.將前一畫面參數傳過來
c.加一返回鍵
d.加一詳細內容的 Label
8.設計 MapScreen 使用者介面
重點:
地圖的倍數要 17 倍才看得清楚
9.開始設計 MapScreen 程式
重點:
a:地圖經緯要用逗號隔開
b:標記使用 SetLocaltion 拉入經緯度
c:標記抬頭使用 Title
d:最重要:要使用 ShowInfoBox 便會顥示

參考學習網址:
https://www.youtube.com/watch?v=u5J4FJQ5UQQ&t=0s


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言