2014年3月13日 星期四

App Inventor 2 程式執行方式


當你的程式寫到一半想看看它現在長什麼樣子嗎?
現在就要來教你如何讓 App Inventor 2 的程式執行囉!

我們分成同步連接和安裝程式兩個部分。



(一)同步連接

方法一:Wifi 連接(最建議使用)

所需工具:具Android系統的行動載具、Wifi 網路、行動載具內需有「Google Play商店」。
(註:自己的行動網路是無法使用的)


步驟一:將你的行動載具連上 Wifi 網路。

步驟二:至Google Play商店下載「AI2 Companion」,或利用「QR Code掃描裝置」直接掃描下圖的QR Code。



步驟三:在 App Inventor 2 上方選單找到連接(Connect)→選擇AI Companion



步驟四:會出現QR Code視窗,請使用步驟二下載的「AI2 Companion」APP掃描它。





你的程式就會出現在你的手機上囉!


如果你沒有 Android 系統的行動載具,沒關係你還有下面的方法。


App Inventor 2 提供模擬器讓大家可以同步連接,有一隻假手機會出現在螢幕上,讓你馬上看到自己的程式。

方法二:連接模擬器

步驟一:到這裡下載套裝軟體,或直接點下載。




步驟二:安裝你的套裝軟體,安裝完成後桌面上會出現aiStarter的圖




步驟三:打開aiStarter,會出現黑屏,把它縮小不要關掉它。




步驟四:在 App Inventor 2 上方選單找到連接(Connect)→選擇模擬器(Emulator)




這時候畫面上會出現倒數畫面,aiStarter會跳出來,出現一大堆的字串。
耐心等候模擬器出現……



步驟五:模擬器出現了!一隻假手機會出現螢幕上,繼續等待程式就會出現了!但是第一次使用時,因為 App Inventor 從 Beta 版更新的過程,模擬器沒有更新完全,所以會出現錯誤訊息!點OK讓他開始更新。



步驟六:依序讓它更新直到完成。




步驟七:重複步驟四,再做一次連接,你的程式就會跑出來囉!






方法三:USB連接

所需工具:具Android系統的行動載具、USB連接線


步驟一:請做方法一的步驟二。

步驟二:請做方法二的步驟一至步驟三。

步驟三:設定你的手機

 1. 設定/安全性/裝置管理員/勾選「未知的來源」,代表允許安裝非Market的應用程式

步驟四:連接你的USB線和手機

步驟五:在 App Inventor 2 上方選單找到連接(Connect)→選擇USB




__________________________________________________________________________



當你程式寫完的時候,想要跟朋友分享嗎?
但是不可能請你的朋友先建置環境、安裝模擬器等東西。
利用.apk安裝檔將程式安裝到電腦或手機上,讓你可以分享給你的朋友們!


(二)安裝程式

方法一:安裝到電腦上

所需工具:具 Android 系統的電腦/行動載具

步驟一:在 App Inventor 2 上方選單找到建立(Build)→存取.apk擋到我的電腦




步驟二:等待下載安裝好,會出現.apk檔,如果你的電腦是Android系統的,直接點開.apk即可安裝與使用;如果不是,你也可以透過藍芽或USE傳輸的方式,將檔案傳到 Android 系統的行動載具安裝使用。



方法二:安裝到手機上

所需工具:具 Android系統的行動載具、「QR Code掃描」APP

步驟一:在 App Inventor 2 上方選單找到建立(Build)→產生.apk檔的QR Code




步驟二:出現 QR Code ,用手機的「QR Code掃描」APP掃描它。

































步驟三:「QR Code掃描」APP會出現一串網址,點進去手機便會幫你下載。

步驟四:下載好後進行安裝,就可以使用囉!


看到自己設計的程式出現在手機是不是很有成就感?
快拿去跟你的朋友們分享你的作品吧!


3 則留言: