App Inventor 2 互動範例教本 Android/iOS 雙平台適用 第 5 版

 

　　程式是解決問題的工具，具備運算思維、拆解問題，找出解決問題的方法，

　　問題拆解 ► 模式識別 ► 抽象化 ► 演算法設計

　　搭配中文圖形化的積木，帶你在手機上立即實踐好玩有趣的行動 APP！

 

　　圖形化的 App Inventor 2 用積木來編寫程式，把建立 App 手機應用程式變得更簡單、超有趣，不用再面對一堆英文程式碼，大大降低了學習的門檻！我們將從每一個元件開始了解，由淺入深、一步一步完成每一個 App 實作練習，每一個範例都可以幫你解決日常生活的各種問題；不僅如此，目前 App Inventor 2 更同時支援 Android 和 iOS 的連線模擬，作者也都實機測試，並特別說明 iOS 連線要注意的事項和限制，只要跟著我們的腳步，你將有能力打造出跨平台運作的創意 App！

 

　　近年來，「人工智慧」崛起，App Inventor 2 也擴充功能加入了 Personal Image Classifier (PIC) 元件，我們將利用手機鏡頭來訓練影像辨識模型，搭配 App Inventor 2 完成一個「剪刀、石頭、布」猜拳辨識器，讓讀者可以親自體驗、並動手玩 AI。

 

 

　　● 音效 + 按鈕 + 圖片 — 動態小鋼琴

　　● 事件驅動 + 條件判斷 — 溫度轉換術

　　● 滑桿 + 畫布調整圖形 — 進階小畫家

　　● 迴圈 + 副程式 + 加速度感測器 — 體感抽籤範例

　　● Web 網站資料擷取 + 語音元件 — 紫外線即時監測

　　● 多介面 + 畫布觸控操作 — 有聲電子書範例

　　● 社交應用 + 微型資料庫 — 通訊錄範例

　　● 定位 + 地圖 — 垃圾車開到哪

　　● 條碼掃描器 — LBS 行動導覽範例

　　● 多重畫面 + 方向感測器 — 氣球遊戲範例

　　● 雲端資料庫存取 — 課堂表決器範例

　　● Personal Image Classifier 線上訓練自己的 AI 模型

　　● PIC 元件 + 手機鏡頭 — 猜拳辨識器

 

　　☆ 最直覺的中文化拼圖介面，一定看得懂！

　　☆ 不須具備任何程式基礎，保證做得到！

　　☆ Android/iOS 裝置實機測試，最具成就感！

　　☆ 詳細剖析解題流程與程式思維，強化邏輯力！

　　☆ 人工智慧初體驗，訓練 AI 我也會！

　　☆ 線上 Gallery 分享 App 成果，立即套用超速成！

1-1 認識 App Inventor 2 

1-2 開發環境建置 

1-3 App Inventor 2 專案管理 

1-4 畫面編排與程式設計視窗 

1-5 第一個 App 程式 (HelloPurr.aia) 

1-6 打包及分享 App 程式 

1-7 AI Companion 更新 

1-8 打包至其他模擬器 

課後評量

 

2-1 App Inventor 元件介紹 

2-2 音效元件、按鈕元件和常數 

2-3 小鋼琴基本功能設計 (Piano.aia) 

2-4 小鋼琴進階功能設計 (Piano_1.aia) 

課後評量

 

3-1 常用的使用者介面元件 

3-2 變數宣告、運算思維與運算式 

3-3 條件判斷流程控制 

3-4 溫度轉換 (Temp.aia) 

課後評量

 

4-1 介面配置元件 

4-2 滑桿元件 

4-3 用畫布元件來繪製圖形 

4-4 簡易小畫家 (Paint_1.aia) 

4-5 進階小畫家 (Paint_2.aia) 

課後評量

 

5-1 迴圈指令 

5-2 清單 

5-3 簡易抽籤範例 (Ballot.aia) 

5-4 加速度感測器 

5-5 副程式 

5-6 體感手搖版抽籤程式 (Ballot_1.aia) 

課後評量

 

6-1 網路元件 

6-2 文字語音轉換元件 

6-3 天氣查詢系統 (Weather.aia) 

6-4 紫外線即時監測資訊查詢 –JSON 資料處理 (Ultraviolet.aia) 

6-5 翻譯機 (Speak.aia) 

課後評量

 

7-1 複選盒元件 

7-2 對話框元件 

7-3 被滑過事件 

7-4 文字轉語音 Web 服務 

7-5 音樂播放器 

7-6 有聲電子書 (Book.aia) 

課後評量

 

8-1 微型資料庫元件 

8-2 社交應用元件 

8-3 Activity 啟動器元件 

8-4 通訊錄 (Addressbook.aia) 

課後評量

 

9-1 位置感測器元件 

9-2 FirebasDB 元件 

9-3 地圖元件 

9-4 垃圾車開到哪 

課後評量

 

10-1 QR Code 的製作與景點定位資訊 

10-2 條碼掃描器元件 

10-3 計時器及網路瀏覽器元件 

10-4 台北 101 行動導覽 (Guide.aia) 

10-5 紫外線強度 (UVI.aia) 

課後評量

 

11-1 多重畫面的應用 

11-2 方向感測器元件 

11-3 動畫元件 

11-4 氣球遊戲 (Ball.aia) 

課後評量

 

12-1 網路微型資料庫元件 

12-2 課堂表決器 (Vote.aia) 

12-3 課堂表決的統計結果介面 (Answer.aia) 

12-4 其他雲端資料庫 

課後評量

 

13-1 App Inventor 的人工智慧擴展元件 

13-2 猜拳辨識器 (Guess.aia) 

課後評量