[精讚] [會員登入]
2274

[MBOT+ AI2] 開發第一個app #2

第一次近入 APP Inventor2,建立專案及測試環境

分享此文連結 //n.sfs.tw/12485

分享連結 [MBOT+ AI2] 開發第一個app #2@Axer's World
(文章歡迎轉載,務必尊重版權註明連結來源)
2018-08-05 21:09:44 最後編修
2018-07-04 11:11:30 By Axer
 

自動目錄

MBOT整合MIT APP INVENTOR2 在平板開發app的一系列教材

此份教材會提供教師或學生同時使用,已熟析的使用者可以跳過。

第一次近入 APP Inventor2,建立專案及測試環境

一、修改語系

修改成正體中文

二、建立一個專案

APP inventor2可以快速的建立App,點選左上角「新增專案」建立一個專案。

專案名稱要以英文字母作開頭,不能用中文字,我取名 myApp1

建立完成後點擊選擇自己的專案

 

三、開發第一個app

拉一個標籤和按鈕到畫面中

按右上角「程式設計」

點擊「按鈕1」,拉第一個積木到右側

點擊「標籤1」,拉圖中的積木到右側->點擊文字,拉第一個積木出來,並輸入文字。

這個程式就是按下按鈕後把文字換為設定的文字。

 

四、測試執行結果

測試的方式有兩個,一個是使用模擬器,另一個是使用手機或平板直接測。

使用模擬器

使用模擬器需要安裝aiStarter

下載頁(windows) http://appinventor.mit.edu/explore/ai2/windows.html

下載點(windows) http://appinv.us/aisetup_windows

下載頁(mac) http://appinventor.mit.edu/explore/ai2/mac.html

下載點(mac) http://appinv.us/aisetup_mac_3.0rc3

安裝完畢後請執行

執行後會出現這個

接下來執行你的程式,選擇上面選單「連線」->「模擬器」

會出現

請耐心等候...

 

第一次執行或是如果出現要升級的對話框,請選「確定」

到你的模擬器上按下[Ok]->[Install]->[Open]->[Ok]->[Install]->[Open]

升級完畢後請重新執行你的程式

當已連上模擬器,會出現下面訊息…

最後你的程式會被載入

大成功!

 

使用平板或手機(安卓系統)

這次我們使用ACER Iconia One7 這個平板作為操作的平台,使用他的原因是因為他有支持wifi和藍牙,重點是,他夠便宜,學校能以有限的預算建置足夠的數量。

要執行在平板上,應先安裝這個app:

MIT App Inventor 2

在網頁上連線選取「連線」->「AI Companion」

會出現Qrcode,請用平板上面的黃色按鈕來拍照,就能把你的程式傳上去平板

 

END

你可能感興趣的文章

[Inkscape] #2 第二堂課:繪製捷運人物 inkscape系列教材之二,基礎練習利用結點工具繪製捷運人物

Openoffice writer/WORD文章編排練習 請依照下面版面配置編輯出一樣的文章,格式文字和圖片位置等都要完全一樣

[MBOT] 循線感應法+MBLOCK5 循線感應及程式,教學上會用到

[威力導演] 請利用威力導演製作影片剪輯 請利用威力導演製作影片的作業

[Inkscape] #1 第一堂課:繪製數個方塊、國徽 inkscape系列教材之一,基礎練習繪製數個方塊、國徽

[MBOT] 光線感應蟲 此文搭配MBOT機器車進行教學,授課時數二小時

隨機好文

中市教網無線憑證無效無法進入登入畫面的解決方法 目前中市教網的無線 TanetRoaming 因為aruba網域沒買認證,造成被大多數瀏覽器拒絕的情形 web-port

中打練習 題一,常用字練習(出現率70%) 題二、句子練習(基本)梅豔芳--似水流年 參考資料 [1] tqc 中文檢定規定 ht

台中市WINDOWS/OFFICE KMS認證伺服器 台中市每年簽約的KMS認證伺服器,可認證微軟相關產品,以下是認證及除錯方式。

[Scratch2] 自由落體 使用自訂積木來做出自由落體的效果,古今中外沒有人講過。

如何拆米袋 如何拆米袋 我不會拆米袋,以前曾為了拆米袋那條縫線傷透腦筋,上網找文章竟然找不到,沒人教怎麼拆米袋。 非常呆,弄了很久,