小小的BLOG

2019年5月13日星期一

Android程式設計作業13

1.重點說明
了解如何使用AI2與IFTTT結合和將其資訊等等傳送至LINE，並使用計時器達到每隔一段時間自動發送之功能。

2.畫面配置與程式設計:

3.操作畫面錄影：

4.相關連結：

交通部中央氣象局網址
https://www.cwb.gov.tw/V7/forecast/world/world_aa.htm

APP Inventor的網址
http://ai2.appinventor.mit.edu/

IFTTT的網址
https://ifttt.com/discover

2019年5月5日星期日

Android程式設計作業12

1.重點說明
學習如何使用計時器來製作一個計時碼表。

2.畫面配置與程式設計:

先拉出元件來配置在中央面板，有計時器、按鈕以及標籤。
分別對3個按鈕設定為「開始計時」「暫停計時」和「碼表歸零」，並可以找圖片來當作背景，如下:

再來就是程式設計的部分嘞。

3.操作畫面錄影：

4.相關連結：

APP Inventor的網址

http://ai2.appinventor.mit.edu/

下方網址有更詳細的講解

clock app inventor 2 計時功能的APP

https://www.youtube.com/watch?v=ISBA_Ua25GI

Android程式設計作業11

1.重點說明
學習如何使用畫布以及圖像選擇器的基礎功能來完成一個小型的圖片播放器。

2.畫面配置與程式設計:

那我們一樣先在首頁處加按鈕並把程式設計成按下去後會開啟一個新螢幕。

並做一些元件配置，圖像選擇器、標籤以及按鈕。

再來就是程式設計的部分嘞，

3.操作畫面錄影：

4.相關連結：

APP Inventor的網址

http://ai2.appinventor.mit.edu/

2019年4月7日星期日

Android程式設計作業10

1.重點說明
了解網路元件的使用方式以及如何使用網路元件將其他網頁裡原始碼中的資訊切割分解後連結至手機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。