MIT App Inventor之使用介紹與應用範例

手機 App開發平台: MIT App Inventor 2

Android 系統

以Google Chrome瀏覽器打開網址 https://ai2.appinventor.mit.edu, 即可使用App Inventor 2 開發環境

iOS 系統

• 操作步驟請參考 https://youtu.be/z9YmWY8FeII
  
• iPhone 安裝MIT App Inventor, 啟動後產生QR碼
• 電腦以Chrome開啟ai2.appinventor.mit.edu上之計畫，上方選單選Connect，後選 AI companion ，產生QR碼及文字碼
• iPhone執行MIT App Inventor掃描QR碼或輸入文字碼，AI2計畫會傳送應用程式至iPhone執行

App Inventor 2 教學

操作大綱:

App Inventor 2 零起點速學指南

基本輸入輸出

溫度轉換

畫面設計: (以UI元件設計)

程式設計:

執行結果:

溫度轉換

畫面設計: (以layout介面配置元件配置)

程式設計:

執行結果:

BMI計算

畫面設計:

程式設計:

微型資料庫(TinyDB)

畫面設計:

程式設計:

執行結果:

聲音輸出

寵物叫聲

畫面設計:

程式設計:

電子琴

畫面設計:

程式設計:

語音輸出

文字轉語音 (Text-To-Speech)

畫面設計: Text Box & Button + TextToSpeech

程式設計:

陀螺儀感測

方向感測 (Compass)

畫面設計:

程式設計:

簡易計步器 (Pedometer)

畫面設計:

程式設計:

位置感測

LocationSensor

畫面設計:

程式設計:

執行結果:

藍牙應用

藍牙遙控: BT2RC.aia

畫面設計:

程式設計:

BLE遙控: BLE2RC.aia

畫面設計:

程式設計:

藍牙鍵盤: BT_KBM.aia

專題實作

安卓找車

• LocationSensor :確定安卓設備的位置
• TinyDB：直接在設備資料庫中永久保存數據。
• WebView：在應用中打開谷歌地圖，並顯示從一個位置到另一個位置的方向。

畫面設計:

程式設計: