了解網路元件的使用方式以及如何使用網路元件將其他網頁裡原始碼中的資訊切割分解後連結至手機APP中加以運用，來獲得天氣資訊。
2.畫面配置與程式設計:
那我們一樣先在首頁處加一個的按鈕並把程式設計成按下去後會開啟一個新螢幕。
並做一些元件配置。
接著到天氣預報的地方按下右鍵點取檢視網頁原始碼或是按下Ctrl+U後，使用搜尋的方式(Ctrl+F)找到我們所要的資訊地方。
再來就是程式設計的部分嘞，
在清單功能設計出來後，開始放入web，在網址的那邊放置天氣預報的網址。
下方的2張圖分別為3個我們所要的地點資訊。並使用自己的方式將文字和資訊一同呈現出來。
而上方的藍色數字部分，則是我們所需要資訊的字數，向第一個地點我們的文字開始處在<a
name="New Delhi" id="earea">，所以後面要擷取的資訊都要先從<a
name="New Delhi" id="earea">的 < 開始計算，像是第一個天氣資訊 多雲 為我們需要的，所以計算到 多雲時的字串為 48 ，因此下方圖片第一個數字為 48，而多雲為2個字數，所以下個數字需要輸入2。
後面也是一樣使用相同的方式去做就可以嘞。
3.操作畫面錄影：
4.相關連結：
交通部中央氣象局網址
https://www.cwb.gov.tw/V7/forecast/world/world_aa.htm
APP Inventor的網址
http://ai2.appinventor.mit.edu/
