探索行動應用構建者

  • 瞭解不同的App構建器和程式設計語言
  • 設置使用應用程式構建器構建移動應用程式

構建移動應用

對於您的 Technovation 專案,您將構建一個可以在行動裝置上運行的應用程式。Web 應用程式是一種選擇,但建議具有一些編碼經驗並正在尋找挑戰的參與者使用。

在這裡,我們將開始探索使用基於塊的編碼構建移動應用程式。如果您是編碼新手,那麼這就是開始的地方!

要製作移動應用程式,您將使用應用程式構建器。App Builders 也稱為編碼平臺。 

編碼平臺 是在您的計算機上運行的軟體,例如 Android Studio,或在線網站(例如 MIT App Inventor)。它們允許您編寫代碼,無論是使用塊(如 App Inventor)還是文本(如 Android Studio)。你的代碼被 編譯,或變成機器代碼,這是計算機(和手機)能理解的東西。一旦轉換為機器代碼,計算機或手機就可以按照您的指示運行代碼。

應用程式構建器

應用程式構建器 通常有一個拖放介面,允許您使用塊而不是輸入代碼來構建應用程式。儘管代碼在應用程式構建器中看起來很簡單,但您仍將學習有價值的編碼概念。

如果您不熟悉編碼,我們建議您使用 App InventorThunkable 作為您的程式設計語言。您不僅限於將這些平臺用於您的專案,但這些是我們在本課程中支持的平臺。

App Inventor 蜜蜂徽標
麻省理工學院應用程序發明者
Thunkable 海狸標誌
砰的

要在 App Inventor 和 Thunkable 之間進行選擇,您應該根據哪個平臺對您希望包含在應用程式中的功能有更好的支持來決定。請查看下表以説明做出決定。

特徵 App Inventor 砰的
可以在iOS和Android上運行和測試專案 是的 是的
開源* 是的
自由的 是的 免費,有限制,最多 3 個項目,每個項目 5 個螢幕,全部公開
提供除英語以外的多種語言版本 是的
包含範例項目的畫廊 通過wifi使用電話,或使用模擬器 在瀏覽器中內置預覽(更易於測試)或與手機一起
實時測試 是的 是的
構建應用程式以在手機上安裝或上傳到App/Play商店 僅限Android 每月限制下載 2 次
用戶介面 基本 更多選項和控制
地圖 更多選項和控制 基本
遊戲的精靈和動畫 使用更方便 有效但更複雜
在行動裝置上儲存數據 TinyDB(標籤/值對) 存儲的變數
在雲中存儲和共享數據 CloudDB、Firebase、Google 表格 Airtable、Firebase、Google Sheets、Media DB(更多選項,更易於實施)
人工智慧 個人影像分類器、個人音訊分類器、人臉網格、Posenet(更多選項) 影像識別器(預構建Microsoft圖像分類器)Image Recognizer (pre-built image classifer)
生成式 AI ChatGPT、Dall-E ChatGPT、Dall-E
數據科學/圖表 內置圖表元件,回歸模型 使用外部 API

* 什麼是開源?

開源意味著用於創建應用程式構建器的所有代碼都是免費的,並且可以在 Web 上使用。如果您擔心如果應用程式構建器停止受支援或倒閉而丟失工作,這對您來說可能很重要。如果您想找到離線使用應用程式構建器的解決方法,這對您來說也很重要。

請注意,截至 2024 年 10 月中旬,Thunkable 將其免費方案限制為僅 3 個項目。每個項目僅限 5 個螢幕。如果您認為您的應用程式可能比 5 個螢幕更複雜,您應該考慮使用 App Inventor 來編寫您的應用程式程式碼。未來也有可能失去對 Thunkable 專案的存取權限,這取決於 Thunkable 是否繼續降級其免費產品。

其他語言選項

除了 App Inventor 和 Thunkable 之外,您還可以使用許多其他程式設計語言來構建應用程式,這些語言大多 是基於文本的。 

以下是 Technovation 參與者上一季使用的四種頂級語言,除了 App Inventor 或 Thunkable。您不僅限於這些語言,還可以使用任何您熟悉的程式設計語言。您需要在提交時提供原始程式碼檔。

程式設計語言 創建應用 編碼平臺 啟動資源
爪哇島 人造人 Android 工作室
迅速 iOS系統 XCode
Dart(Flutter SDK) 安卓/iOS系統 Android 工作室
Streamlt (蟒蛇) Web 應用程式(任何瀏覽器) Anaconda (Windows) 或任何文本編輯器/IDE

不確定使用哪種編碼平臺/語言? 聽聽這些 Technovation 校友談論他們選擇什麼編碼平臺以及為什麼。

最佳 做法: 查看 Technovation YouTube 編碼播放清單,與您的團隊一起觀看一對視頻,以幫助瞭解每個播放清單的工作原理並做出決定。

歷屆參會者建議: 

  • Thunkable 具有簡潔的介面、與 iOS 的天生相容性,以及其他應用程式構建器可能沒有的功能可用性
  • App Inventor 是可靠的,許多參與者對該工具有一定的瞭解
  • Swift 和 Java 對於想要挑戰自我或探索不同功能的返校學生來說非常有用
  • 其他程式設計語言也很棒。

導師提示由 AmeriCorps 提供支援。

程式化的 A,海軍藍的 AmeriCorps 標誌

開始

要為您的 Technovation 專案編寫行動應用程式,您將需要:

  • 一台電腦或筆記型電腦
  • 上網
  • 行動裝置是可選的,但強烈建議進行測試。 Android 和 iOS 裝置都可以使用。
首先,您必須設置計算機和行動裝置,以便準備好編寫行動應用程式!
 

活動一: 設置您的編碼平臺

預計時間:30 分鐘

如果您使用的不是 Thunkable 或 App Inventor,請利用這段時間下載所有必要的軟體,以便按照上述資源連結並按照設定說明設置您的電腦。

對於 Thunkable 和 App Inventor 編碼員,請按下下面的相應選項卡,然後按照說明設置您的工作站以開始編碼!隨意嘗試這兩個平臺,看看您喜歡每個平臺。

第 1 部分:註冊
  1. 在瀏覽器中,訪問 http://ai2.appinventor.mit.edu。使用 Gmail 帳戶註冊。如果您沒有 Gmail 帳戶,請立即創建一個。
  2. 登錄並看到初始螢幕後,按兩下繼續。
  3. 按兩下啟動空白專案以打開一個新專案。
  4. 花點時間環顧平臺。
第2部分:設置到測試
在構建應用程式時,您需要對其進行測試,以確保其正常運行。 這裡可以找到多個選項。 

第 1 部分:註冊

在您的瀏覽器中,訪問 Thunkable Signup 頁面 以註冊一個免費帳戶。

第2部分:設置以進行測試

您可以直接在瀏覽器中使用 Web 預覽在 Thunkable 中測試您的應用程式。在某些時候,你會想要在行動裝置上即時測試你的應用。您需要在您的裝置上 安裝 Thunkable Live 應用程式 。  

活動二: 編寫您的第一個應用程式

預計時間:30 分鐘

現在,您已經為應用程式構建器設置了計算機和行動裝置,讓我們直接開始學習入門教程!

按兩下您選擇的編碼平臺的下方選項卡,然後按照說明進行操作。 

指示:

使“與我交談”應用程式。按兩下 此處 ,按照App Inventor平臺中的書面教程進行操作。

如果您更喜歡視頻,請按照以下教程進行操作:

指示:

按照 Dave Wolber 的此視頻教程製作 theTalk to Me 應用程式。

想要更多?

如果你有時間,在你選擇的編碼平台上嘗試另一個教程:

關鍵術語的審查

  • 應用程式構建器 ー通常具有拖放介面的程式,可讓您無需輸入代碼即可構建應用程式
  • 程式設計語言 – 一種與計算機或手機交談的方式,告訴它做事
  • 編碼平臺 – 允許您編寫程式或應用程式的程式或網站
  • 編譯 – 將計算機代碼轉換為計算機可以理解的機器代碼

反射

恭喜您製作了您的第一個應用程式!這裡有一些反思問題供你與你的團隊和你的導師一起考慮。

日落和湖面上的倒影
您認為本課中哪些內容對創建應用有用?你為什麼這麼認為?
你認為塊語言與你在日常生活中習慣使用的語言有什麼不同?