1、,國立台灣師大附中 學務主任 李啟龍 老師,MIT App Inventor 2介紹,自我介紹（李啟龍。Jason）,學歷：台灣科技大學資訊管理博士經歷：師大附中教學組長師大附中資訊中心主任師大附中圖書館主任師大附中國中部主任師大附中學務處主任,學習Android裝置程式設計， 可以不必學習較為艱澀的Java語法，只要使用拼圖模式來組合程式，就可以完成Android裝置的應用程式。MIT App Inventor 2網站提供雲端服務，讓我們可以免費使用其提供的強大功能，來設計Android裝置上的App應用程式，完成作品後還可以上傳到Google Play商店，提供給大眾下載使用喔。,104.
2、05.12台南、台北、台中,MIT App Inventor 2簡介,MIT App Inventor 2簡介,Android作業系統是一個以Linux為基礎的開放原始碼作業系統，中文俗稱為安卓，其起源最早是在西元2003年由安迪魯賓（Andy Rubin）所開發製作，目前由Google公司成立的開放手持設備聯盟Open Handset Alliance（OHA）來持續開發主導。Android作業系統的應用層面，最早是由智慧型手機開始，後來逐漸擴展到平板電腦及其他領域上，在西元2010年底，Android作業系統成為全球第一大智慧型手機作業系統，其市佔率超過Apple公司的iOS作業系統。,1
3、04.05.12台南、台北、台中,MIT App Inventor 2簡介,Google公司在西元2010年，為了讓更多人在沒有程式基礎的狀況下，能夠開發Android裝置應用程式，推出Google App Inventor for Android工具軟體，讓使用者可以運用拼圖模式來組合程式語法，進而發展Android裝置的應用程式。後來，Google公司在西元2012年將此軟體，移轉給美國麻省理工學院（MIT）的行動學習中心（MIT Center for Mobile Learning）來維護，行動學習中心的網址為：http:/mitmobilelearning.org/。,104.05.1
4、2台南、台北、台中,MIT App Inventor 2簡介,麻省理工學院是在西元2013年12月3日推出MIT App Inventor 2網站，提供免費的雲端服務，使用者可以透過瀏覽器來開發Android裝置應用程式，該網站的網址為：http:/appinventor.mit.edu/。創作雲端App程式的網站：http:/ai2.appinventor.mit.edu/,104.05.12台南、台北、台中,MIT App Inventor 2簡介,使用MIT App Inventor 2網站來開發Android裝置應用程式，對於電腦作業系統、瀏覽器及Android裝置版本有一些限制，其要
5、求如下：瀏覽器要求：Google Chrome 4.0或更高的版本（建議）Mozilla Firefox 3.6或更高的版本Apple Safari 5.0或更高的版本不支援Microsoft Internet Explorer瀏覽器Android裝置版本Android 作業系統2.3或更高的版本,104.05.12台南、台北、台中,建置App Inventor 2開發環境,使用MIT App Inventor 2來開發Android程式，其開發動作都是在瀏覽器上完成，為網路雲端開發環境，要建置MIT App Inventor 2的開發環境，需要進行3項前置作業：申請Gmail帳號。（http
6、:/）安裝並測試Java環境。（http:/ App Inventor 2軟體（為了以模擬器或USB連線來測試程式）。（http:/appinventor.mit.edu/explore/ai2/windows.html）,104.05.12台南、台北、台中,我的第一支Android程式,在完成了MIT App Inventor 2開發環境的建置之後，本節我們將以一個簡單的例子，帶領大家來撰寫第一支Android程式。使用MIT App Inventor 2來開發Android裝置的應用程式，其整體設計的概念可分為3個階段，說明如下：階段1：使用Design畫面來設計Android裝置的使用者
7、介面。階段2：使用Blocks Editor畫面來設計程式的控制邏輯。階段3：使用Android裝置或模擬器來測試程式的執行。【1-3我的第一支Android程式】,104.05.12台南、台北、台中,測試執行開發好的程式,我們要測試執行開發完成的程式（Live Testing），依據MIT App Inventor 2官方網站的說明，網址為：http:/appinventor.mit.edu/explore/ai2/setup.html，主要有三種選擇方式：第1種方式：適用於已經有Android裝置，電腦與裝置之間有WiFi連線，此方式是測試執行App程式最容易的方式。第2種方式：適用於沒有
8、Android裝置，使用模擬器（Emulator）來測試執行App程式。第3種方式：適用於已經有Android裝置，但是電腦與裝置之間無法使用WiFi連線，此方式是使用USB連線來測試執行App程式。【1-4測試執行開發好的程式】,104.05.12台南、台北、台中,安裝程式到Android裝置,先前我們透過WiFi連線或是USB連線的方式，將MIT App Inventor 2的程式，放到Android裝置上去測試執行，此方式並不是真正安裝App程式到Android裝置上。要將開發完成的App程式安裝到Android裝置上，需要將App程式建置成封裝檔（.apk）格式，然後安裝到Androi
9、d裝置上。【1-5安裝程式到Android裝置】,104.05.12台南、台北、台中,常用元件與運算,MIT App Inventor 2提供了多種便利的元件，讓我們可以直接使用，幫助開發各種App應用程式。常用介面元件Screen元件Textbox元件Label元件Button元件PasswordTextBox元件Layout元件【2-1 常用介面元件】,104.05.12台南、台北、台中,拼圖模式操作,MIT App Inventor 2的程式邏輯設計，是透過拼圖模式來完成，要切換到拼圖模式，也就是Blocks頁面，請按下頁面右上方的Blocks按鈕，如要返回Designer頁面，可按下頁
10、面右上方的Designer按鈕返回。【Say Hello應用程式】,104.05.12台南、台北、台中,引導入門練習題,在MIT App Inventor 2的設計概念中，將程式的設計，拼圖組合方式來完成，當進行拼圖設計時，需要瞭解元件、屬性、事件、方法之間的概念。【計算3個數字的最大值】【圓面積計算】【BMI計算】【華氏溫度轉攝氏溫度計算】,104.05.12台南、台北、台中,判斷控制,MIT App Inventor 2的判斷控制語法，與其他程式語言的判斷控制概念大同小異。要使用判斷控制拼圖塊，需點選Blocks頁面的Blocks面板內之Control元件，接著在Viewer面板中即可看到
11、IfThen判斷控制拼圖塊。【成績及格判斷程式】,104.05.12台南、台北、台中,判斷控制IfThenElse,我們經常會說若成績大於等於60分，則成績及格，否則成績不及格。，也就是如果成績大於等於60分成立，表示成績及格；不成立即成績小於60分，表示成績不及格。這樣的語法，表示當條件式成立時，執行某敘述，當條件式不成立時，執行另一個敘述，MIT App Inventor 2中也有類似的結構可以與之對應，以下就此結構進行介紹。要使用IfThenElse判斷控制拼圖塊，需點選Blocks頁面的Blocks面板內之Control元件，接著在Viewer面板中即可看到IfThenElse判斷控制
12、拼圖塊，其拼圖塊圖形如下圖所示。【成績判斷程式】,104.05.12台南、台北、台中,判斷控制IfThenElseIfElse,對於成績而言，除了以60分為標準，分成及格與不及格之外，尚可將及格成績更細分為6080分或80100分等多個等級，此時就需使用到多途判斷的結構，以下就此判斷結構進行說明。要使用IfThenElseIfElse判斷控制拼圖塊，需點選Blocks頁面的Blocks面板內之Control元件，接著在Viewer面板中即可看到IfThen判斷控制拼圖塊，其拼圖塊圖形如下圖所示，此時需要點選其左上方的藍色方塊，就可以增加else if或else選項，如圖所示。【成績區間判斷程式
13、】,104.05.12台南、台北、台中,巢狀判斷控制,所謂巢狀判斷控制結構，就是判斷結構內還有判斷結構，例如先使用一個IfThenElseEndIf 結構，判斷成績是否在0到100分的範圍，再包含另一個IfThenElseEndIf結構來判斷成績是否及格，這樣的結構就稱為巢狀判斷結構，有時也稱為多層次的If敘述。【閏年判斷程式】,104.05.12台南、台北、台中,Break：2012導師致詞,104.05.12台南、台北、台中,迴圈控制For Range,迴圈控制結構使得程式語言更具威力，且善用了電腦的好處，可以不厭其煩的重複執行特定程式敘述，以完成指定的動作。For Range迴圈會先比較
14、迴圈變數之值，第一次執行是比較初始值是否超過終止值。若是則跳出迴圈，執行迴圈之後的程式動作，否則繼續執行迴圈內之程式動作。【1+2+.+N之總和程式】,104.05.12台南、台北、台中,迴圈控制While Do,While Do迴圈會先進行條件式判斷，若條件式為真，則執行程式區塊，不斷重複上述步驟，直到條件式為假，則跳出迴圈，執行之後的程式動作。要使用While Do拼圖塊進行迴圈控制，需點選Blocks頁面的Blocks面板內之Control元件，接著在Blocks頁面的Viewer面板看到While Do拼圖塊，如圖所示。,104.05.12台南、台北、台中,巢狀迴圈,如同巢狀的If結構
15、，迴圈結構中可能還會包含迴圈結構。執行時，先從外部迴圈進行第一輪，然後待內部迴圈執行結束後，外部迴圈才會進行到下一輪，此種迴圈結構，常稱為巢狀迴圈結構，也就是迴圈結構裡還有迴圈結構。如果以拼圖塊來表示巢狀迴圈的概念，其架構會如下圖所示，在迴圈內仍有迴圈。【九九乘法表程式】,104.05.12台南、台北、台中,進階元件,MIT App Inventor 2提供了多種進階元件，功能實用，幫助我們設計Android裝置應用程式，相關說明如下：CheckBox元件Notifier元件List元件ListPicker元件Image元件Slider元件Sound與Player元件Camera與ImageP
16、icker元件【進階元件】,104.05.12台南、台北、台中,Break：2013導師致詞,104.05.12台南、台北、台中,實用好玩的App應用程式,百貨公司打折App高鐵票價查詢App質數判斷App猜數字遊戲App費氏數列App大樂透49選6好運App【實用好玩的App應用程式】,104.05.12台南、台北、台中,上架到Google Play商店,開發完成的App應用程式，可以上架到Google Play商店，以免費或付費的方式，提供給對這個App應用程式有興趣的使用者下載。要把應用程式上架到Google Play商店，需要先花費25美元，註冊一個開發者帳號，才能夠進入到上傳App的頁面，申請開發者帳號的網址為：https:/ Play商店】,104.05.12台南、台北、台中,學生App作品分享,九宮格拼圖遊戲APP 及時設計問卷APP天數計算APP自己的鬧鐘APP板南線車票查詢APP倒數計時器APP,104.05.12台南、台北、台中,Break：2014導師致詞,104.05.12台南、台北、台中,今天的教材,104.05.12台南、台北、台中,感謝各位夥伴的熱情參與！,Email: LineID: skymanjasonFB:
