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。

後面也是一樣使用相同的方式去做就可以嘞。





3.操作畫面錄影:






4.相關連結:

交通部中央氣象局網址
https://www.cwb.gov.tw/V7/forecast/world/world_aa.htm
APP Inventor的網址
http://ai2.appinventor.mit.edu/

2019年3月31日 星期日

Android程式設計作業9

1.重點說明
   學習如何使用畫布、圖像來製作一個簡易小遊戲。並藉此理解到各個物件的各座標一級相對互動關係等等。

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

3.操作畫面錄影:




4.相關連結:
APP Inventor的網址
http://ai2.appinventor.mit.edu/

Android程式設計作業8

1.重點說明

    學習如何使用清單 List以及使用設計程式處理料分割的問題,並透過之前所學的按鈕、文字輸入盒、標籤音效等等元件,來完成清單功能。

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




3.操作畫面錄影:





4.相關連結:
APP Inventor的網址
http://ai2.appinventor.mit.edu/

2019年3月24日 星期日

Android程式設計作業7

1.重點說明
了解內建函數、亂數的使用方式,學習以及修改和計數器的使用,並結合上一次的副程序所完成app,以達到發生隨機事件。

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




3.操作畫面錄影:



4.相關連結:
APP Inventor的網址
http://ai2.appinventor.mit.edu/

Android程式設計作業6

1.重點說明
    了解副程式的使用以及學習要如何修改並了解初步指令使用方法來透過程序簡化總程式數量,使設計畫面整齊美觀以及更好除錯。

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



3.操作畫面錄影:


4.相關連結:
APP Inventor的網址
http://ai2.appinventor.mit.edu/

2019年3月17日 星期日

Android程式設計作業5

1.重點說明
   了解變數的使用及自訂義變數和對話框以及了解For迴圈的使用,做出簡單的奇數運算。

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

3.操作畫面錄影:

4.相關連結:
APP Inventor的網址
http://ai2.appinventor.mit.edu/


Android程式設計作業4

1.重點說明:
   這次所要做的是資料的運算部分,了解變數的使用及自訂義變數和對話框以及了解For迴圈的使用,使程式能自行運算出來或是跳出警告訊提通知。

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


3.操作畫面錄影:



4.相關連結:
APP Inventor的網址
http://ai2.appinventor.mit.edu/




2019年3月10日 星期日

Android程式設計作業3

1.重點說明:
        這次從APP Inventor學習新東西的是文字輸入盒以及「焦點」的使用,再藉由之前所提到的其他功能來完成這次的單位換算。

2.畫面配置與程式設計:
一開始的步驟和之前一樣先登入到APP Inventor後,新增一個按鈕至面板中,並創造一個新螢幕HW3,接著在寫入按下按鈕切換螢幕的程式。

接著切到新創的螢幕HW3後,將左側的文字輸入盒子移到中間的工作面板,再放上一些標籤及按鈕,大致如下。

再來就是我們的程式部分嘞,這次比較需要講解的是下面這3個
首先是第一個 當 HW3 初始化,其實也就是一開始初始頁面的時候會執行一些程式,再來是下方的2個都有提到的焦點 ,所謂的「取得、要求焦點」就是當你去觸碰到該文字盒或是藉由其他程式去關注到文字盒時,我們便可以在該文字盒上面打字,而點選其他的文字盒或是依靠其他的程式來離開這個文字盒時稱為「失去焦點」。
大致上的程式為下方這樣。

會在HW3初始化的地方使用「呼叫隱藏文字輸入盒請求焦點」的原因是因為剛開始的時候焦點都會自動被設定在第一個文字輸入盒也就是「公克輸入盒」的地方,需要先移動到我們預設的地方,並把所有的資料都先設為空白,當「清除」按鈕按下的時候會把焦點移至隱藏的輸入盒,並且把其他的輸入盒變更空白,「確認」按鈕的功能也是為了把轉換的輸入盒上的焦點移走,而去完成後面的程式。
若不這麼做的話,一開始直接點及其他的轉換輸入盒就會產生錯誤,像是下方這樣。
都完成後就可以打包APK了!

3.操作畫面錄影:
最後放個下載至手機操作的影片

4.相關連結:
APP Inventor的網址
http://ai2.appinventor.mit.edu/

單位換算表的網址
http://www.mold.net.tw/classroom/unit.htm


2019年3月1日 星期五

Android程式設計作業2

1.重點說明:
        那麼這次上課所學到的是自製一個鋼琴鍵盤piano,並且如何去使用複製和覆蓋的方式,
使用學長的程式,物件等等完成自己的app,學習如何將別人專案裡的東西移動至自己的專案內。(當然要需要先經過他人允許,採用合法的獲取方法才能拿別人專案裡的東西)


2.畫面配置與程式設計:
        首先,將自己設計好的專案導出成aia檔,接這對導出的檔案按右鍵,點選內容後
將開啟檔案變更成使用WinRAR開啟。





接著把別人提供給的專案也轉成使用WinRAR開啟後,開啟檔案裡面會出現 assets 、src、youngandroidproject三個資料夾。 

而當中的assets對應為素材的資料夾
src則是螢幕配置及程式設計。

素材的話只要把想要的素材從別人的assets中丟置自己的assets裡即可
而螢幕及程式的部分就需要多加一個步驟,像原先我所設定APP要放Piano的螢幕及程式位置檔案名為HW2,這時就需要把別人專案裡我所需要的檔案名改成跟我一樣為HW2,接著覆蓋過去即可。
最後再回到APP Inventor的頁面將原先的專案刪除或是更改檔名,最後匯入剛剛修改過後的專案就可以看到內容以增加別人的素材、程式、螢幕了。


3.操作畫面錄影






4.相關連結:
http://ai2.appinventor.mit.edu/