App Inventor 初探

評論
評論

image

筆者在先前透過 寫 Android App 再也不是開發人員的專利 這篇文章,簡單的介紹過 App Inventor 這套架構在 Scartch 上的圖像化 android 程式開發介面。筆者最近也幸運的得到邀請函,可以開始玩 App Inventor 囉!目前網路上的資源還沒有很多,以下是筆者的初探心得,歡迎一起討論。

App Inventor 的特色

  • 雲端運算 :開發環境基本上都是 Web 介面,只有打開 [Open the Blocks Editor] 編寫一些程式邏輯時,會用到 Java 程式。不管你在那裡,只要打開網頁,就可以繼續你剛剛還沒有寫完的程式。
  • 直覺、圖像化的設計介面 :使用者在設計程式時,幾乎都可以透過「拖拉點選」來完成

基本環境介紹

如果有用過 Eclipse 這套 IDE 的人,對 App Inventor 應該也可以很快上手,畫面的左手邊是元件庫 (原文翻作調色盤),可以用拖拉的方式拉到中間的設計畫面。

image 中間的設計畫面就是一個手機的模擬畫面,拉來的元件就會顯示在畫面上,若是" 不可見的元件,則會顯示在畫面下方。時間永遠停在 5:09 分,不知道有沒有代表什麼意義:p。另外,每當使用者完成一個階段,還可以存一個 Checkpoint,為程式版本做記錄。

image 右邊的這個 Components 的方塊,代表的是你拉進來使用的元件有那些 ,下方也可以新增一些圖片、聲音等多媒體素材。

image 最右邊的畫面是屬性區塊,每一個不同的元件,都有可以自己設計調整的屬性欄位。

App Inventor 可使用的元件:

Basic- 比較特別的是有支援畫布 (Canvas) 功能,也可以將一些簡單的資訊 (如:遊戲最高分數) 記錄在 TinyDB 中。

image

Media-多媒體元件庫

image

Animation-動畫元件

image

Social-社群元件,除了有基本的電話、網路等與朋友聯絡的社群功能外,最酷的莫過於有 Twitter 這個元件了!不知道將來有沒有機會也把 Facebook 也一起放進來:p

image

Sensors-感應器元件。有加速度、地理座標、方向,三個感應器可以應用。

image

Screen Arrangement-螢幕排版元件

image

Other sutff-其他元件中,很酷的有條碼掃描元件以及語音辨識和文字轉語音 (TTS) 元件。

image

Not ready for prime time-App Inventor 還沒有準備好的元件。包含了遊戲、遠端資料和投票元件。

image

Blocks Editor 簡介

按下 [Open the Blocks Editor] 的按鈕,就會下載一個 Java 的程式,點開後即可運用拖拉點選的方式,編寫程式邏輯。

image 在左上方有 Built-In 及 My Blocks 的二個選項。在 Built-In 中的元件是一些在寫程式時常會用到的基本元件,而 My Blocks 中的元件則是你剛剛在網頁上拉出來的那些元件,就可以直接在這個畫面中使用。

image image

一切的程式都寫好後,把你的手機連接到電腦,按下 Connect to phone 後,可以在你的 Android 手機上執行了。如果要下載成為一個真正的 App,在 Web 畫面的右上方,選擇 [Download to Connected Phone] 就行了!

App Inventor 初探心得

開始使用 App Inventor 後,很開心的把網路上的教學文件照著玩了一遍。對於如此簡單就可以在手機上開發自己寫的 App 真的感到很興奮。然而使用一陣子後,簡單歸納幾點心得:

不支援中文 :目前 App Inventor 還不支援中文,不管是變數還是屬性都不能用中文。

App 檔案太大 :筆者寫了一個簡單的問答程式,佈署到 Android 手機上後,居然佔了 3 點多 MB。照理說這個程式應該只需要幾百 K 就夠了,可見透過 App Inventor 寫出來的程式,會有檔案很肥的問題。

不會寫程式的人,還是不會寫程式 :說真的,我覺得 App Inventor 只是簡化了寫程式的流程,本來不會寫程式的人,也許可以因為漂亮的介面而更容易了解程式如何運作。但真的要寫出漂亮的程式,還是要有很強的程式邏輯能力。App Inventor 要達到人人有功練,可能還有一小段距離。

相關文章

評論