- 查看可在 App Inventor 或 Thunkable 中使用的不同元件
- 找到一個可以説明你的應用的元件
- 研究教程並將至少一個元件編碼到您的應用程式中
智慧手機元件
現在是時候選擇和編碼您希望應用使用的元件了，其中一些元件包括感測器。 可用的各種元件將使您的應用程式能夠執行許多不同的操作 - 請務必選擇適合您的元件！
本課可為您提供參考，讓您瞭解可在應用中使用的許多元件。
您現在可能已經選擇了您的平臺，但我們將列出 App Inventor 和 Thunkable 的所有元件，以便您瞭解可用的元件。
查找可用於實現為應用規劃的功能的元件。
按類別列出的元件清單
接下來的元件是標準使用者介面元件之外的元件，允許使用者與應用進行互動。
這不是一個完整的清單，但確實涵蓋了大多數當前可用的元件。Thunkable 和 App Inventor 一直在繼續添加更多功能和元件。
本 文件中也提供了以下資訊。
| 功能描述 | App Inventor | 可縮小 |
|---|---|---|
| 允許使用者拍攝視頻。您可以將其用於社交應用程式、視頻共用應用程式或您希望使用者錄製視頻的任何其他時間。 | 攝像機 | 攝影機 |
| 允許使用者拍照。這對於允許使用者設置個人資料圖片或拍攝照片以共用或保存到畫廊的應用非常有用。 | 攝影機 | 攝影機 |
| 允許使用者從其相片庫中選擇圖片。此功能將讓使用者能選取在您的應用程式之外拍攝的照片。 | 圖片選擇器 | 檔案（照片庫） |
| 允許您將視頻嵌入到使用者可以按下的應用程式中。視頻必須為.wmv、.3gp或.mp4，且不得大於 1MB。 | 視頻播放機 | 視頻 |
| 允許您將文字翻譯成另一種語言。它要求您的應用程式可以訪問 Internet，因為它依賴於外部翻譯服務。 | 翻譯員 | 演講 |
| 允許用戶錄製聲音或噪音。 | 錄音機 | 聲音 |
| 此音訊元件播放聲音。這最適合“長”的聲音，例如歌曲、演講或詩歌。 Thunkable 只有一個元件，即 Sound，適用於任何長度的音訊。 | 選手 | 聲音 |
| 與 Player 元件非常相似，但最適合短聲音，例如通知「叮噹聲」。 | 聲音 | 聲音 |
| 將使用者的語音轉換為文字。這對於需要免提功能的應用特別有用。 | SpeechRecognizer（語音辨識器） | 演講 |
| 此元件與SpeechRecorder相反;它允許使用者輸入文字，應用程式會大聲朗讀。 | TextToSpeech （文本轉語音） | 演講 |
| 您可以在應用中播放 JSON 動畫。 | 不可用 | 動畫 |
如果您需要您的應用程式來撥打電話、發送電子郵件、發簡訊和分享某些類型的信息，這些社交元件可能會有所説明。
| 功能描述 | App Inventor | 可縮小 |
|---|---|---|
| 顯示使用者的聯繫人，並允許使用者從該清單中選擇某人。 | ContactPicker（連絡人選擇器） | 不可用 |
| 允許使用者從使用者的聯繫人清單中輸入電子郵件位址。 | EmailPicker | 不可用 |
| 允許使用者從電話聯繫人清單中選擇電話號碼。 | PhoneNumberPicker | 不可用 |
| 允許您將視頻嵌入到使用者可以按下的應用程式中。視頻必須為.wmv、.3gp或.mp4，且不得大於 1MB。 | 視頻播放機 | 視頻 |
| 使用戶能夠從您的應用撥打電話。 | 電話呼叫 | 共用 |
| 允許使用者通過您的應用向其他使用者的手機發送文本消息。 | 發簡訊 | 共用 |
| 此音訊元件播放聲音。這最適合“長”的聲音，例如歌曲、演講或詩歌。Thunkable 只有一個元件，即 Sound，適用於任何長度的音訊。 | 選手 | 聲音 |
| 允許使用者在您的應用程式中，將訊息、圖片或其他內容分享至使用者手機上的其他應用程式，例如電子郵件和通訊軟體。 | 共用 | 共用 |
| 允許你的應用和 Twitter 之間進行通信。使用者可以搜索推文、發送和接收消息、獲取關注者清單等。 | 推特 | 不可用 |
| Thunkable 允許您向應用程式添加廣告。所有應用程式必須先獲得 Thunkable 的批准，然後才能下載或發佈。 | 不可用 | 廣告 |
這些元件允許你的應用與應用外部的實體進行交互，例如 Web、設備和其他應用。
| 功能描述 | App Inventor | 可縮小 |
|---|---|---|
| 允許您的應用啟動其他應用，例如相機或Google地圖，或使用者在手機上創建的應用。 | ActivityStarter（活動啟動器） | 開啟連結（控制塊） |
| 允許您將地圖嵌入到應用程式中。App Inventor 包括可以添加到地圖中的標記和形狀等元件。這些功能是在 Thunkable 的代碼中添加的。 | 地圖 | 地圖 |
| 允許使用者查看您的應用中的網頁。 | Web查看器 | Web 查看器 |
| 使您的應用能夠向外部網站發送資訊以及從外部網站獲取資訊。 | 蹼 | Web API |
| 使用戶能夠從您的應用撥打電話。 | 電話呼叫 | 共用 |
| 這些元件使你的應用能夠與藍牙設備連接。 | 藍牙用戶端， 藍牙伺服器， BlueToothLE（擴展） | 藍牙低功耗 |
| 此音訊元件播放聲音。這最適合“長”的聲音，例如歌曲、演講或詩歌。Thunkable 只有一個元件，即 Sound，適用於任何長度的音訊。 | 選手 | 聲音 |
| 用於從外部來源（感測器、網路、數據檔）收集數據並以圖表形式顯示它們。 | 圖表、ChartData2D | 不可用 |
| 可用於連接到 Arduino 等串行設備。 | 串行 | 不可用 |
| 允許您的應用使用者使用使用者名和密碼進行註冊。這要求您首先設置一個 Firebase 帳號。 | 不可用 | 登錄 |
| 允許您在應用程式中嵌入 pdf 檔案 | 不可用 | PDF閱讀器 |
如果您的應用需要收集有關其周圍世界或用戶的資訊，App Inventor 和 Thunkable 可以訪問以下一些感測器。
| 功能描述 | App Inventor | 可縮小 |
|---|---|---|
| 可以確定手機是否在晃動，以及手機是直立還是倒置。當您希望螢幕根據手機的握持方式重新定向，或者您希望應用程式對晃動做出反應時，此功能非常有用。 | 加速度計感測器 | 加速度計 |
| 使用加速度計感測器來測量使用者拿著手機走的步數，還可以估計行進的距離。 | 計步器 | 不可用 |
| 可以感應到手機是否傾斜。它比加速度計更精確，可以測量手機的方向發生了多大的變化。 | 陀螺儀感測器 | 陀螺儀 |
| 用於測量磁通密度。並非所有電話都支援此功能。 | 磁場感測器 | 磁力計 |
| 允許您的應用獲取當前時間或使用計時器。這對於設置定時鬧鐘或使用計時器非常有用。 | 時鐘 | 定時器 |
| 收集手機位置的緯度和經度。當您需要搜索使用者附近的興趣點時，此感測器非常有用。 | 位置感測器 | 位置感測器 |
| 判斷手機是否靠近物體。它通常用於判斷使用者是否將手機靠近耳朵。並非所有手機都支援此功能。 | 接近感測器 | 不可用 |
| 允許您的應用讀取條碼。 | 條碼掃描器 | 攝影機 |
| 測量環境氣壓。 | 晴雨錶 | 不可用 |
| 測量相對環境空氣濕度。對於大多數行動裝置來說並不常見。 | 濕度計 | 不可用 |
| 測量光線水準。 | 光感測器 | 不可用 |
| 允許您的應用與其他配備 NFC（近場通信）的設備共享數據。 | 近場 | 不可用 |
| 在三個維度上提供有關設備物理方向的資訊：滾動、俯仰和方位角。 | 方向感測器 | 不可用 |
| 測量環境（外部）溫度。 | 溫度計 | 不可用 |
您的應用可以使用這些元件在 opp 中、設備上和雲中存儲數據。
| 功能描述 | App Inventor | 可縮小 |
|---|---|---|
| 阻止，允許您在應用程式內更新和儲存資訊。當應用程式關閉時，任何信息都會被刪除。 | 變數 | app 變數 |
| 允許您的應用在行動裝置上本地存儲和更新資訊，並在應用內使用這些資訊。可以在應用程式運行之間存儲和檢索數據。在 Thunkable 中，DataViewer 和 DataViewerGrid 可以使用“創建自己的表”選項在本地存儲數據。 | TinyDB資料庫 | 存儲變數 DataViewer 清單 數據查看器網格 |
| 允許您的應用在雲中存儲、檢索和更新數據，以便可以在應用的不同使用者之間共享數據。Thunkable 使用 Firebase 提供雲變數。DataViewer 和 DataViewerGrid 可以連結到 Airtable、Google Sheets 和 Webflow。App Inventor 的電子錶格元件連結到 Google 表格。 | 雲資料庫 Firebase資料庫 電子表格 | 雲變數 – （Firebase） DataViewer 清單 DataViewerGrid（資料檢視器網格） |
在應用中使用機器學習模型進行分類和生成式 AI 工具。
| 功能描述 | App Inventor | 可縮小 |
|---|---|---|
| 允許與 AI 聊天機器人 OpenAI 的 ChatGPT 進行通信。 | 聊天機器人 | Open AI Services（文本補全） |
| 讓您能在應用程式中整合 DALL-E，用於創建與編輯圖像。 | 圖像機器人 | 開放式人工智慧服務（圖像生成） |
| 讓您能夠建立自己的機器學習模型（圖像、聲音、姿勢），並在應用程式中使用它。 | 個人影像分類器 個人音訊分類器 PoseNet擴充套件 可教學機器 （請注意這些功能皆需您自行安裝擴充套件） | 不可用 |
在應用程式中啟用繪圖，並添加精靈以製作動畫和創建遊戲。
| 功能描述 | App Inventor | 可縮小 |
|---|---|---|
| 在螢幕上添加一個區域，用戶可以在其中繪圖。這也是您可以添加可以製作動畫的精靈的地方。 | 帆布 | 帆布 |
| 這些元件是可以在遊戲或動畫內部進行動畫處理和交互的元素 | 圖像精靈 球體 |
精靈 |
您將在 Thunkable 的 Designer 視窗中添加元件。您可以通過鍵入元件名稱來搜尋元件。
在 Thunkable 的新拖放版本中，任何不可見的元件都將在 Blocks 選項卡中找到，而不是 Designer。因此，如果您正在搜索元件但找不到它們，請嘗試在“塊”選項卡中查找它們。
活動：學習新元件
預計時間：60 分鐘
選擇要瞭解的元件
- 至少選擇一個您認為將在應用中使用的元件或感測器。
- 查找文檔和/或教程以在應用程式中使用該元件。 你可以從這裡開始：
- 使用該新元件編寫應用代碼
導師小貼士
最佳 做法： 您選擇的元件不一定適合您的應用！只要您正在學習一個新元件，這才是最重要的。只需選擇您認為可能有效的東西，如果您發現它不起作用，那也沒關係。在編碼世界中，我們稱這項研究為 「尖峰」 ，因為你試圖盡可能深入地挖掘（有點像將鐵路尖峰撞入地面）。
要向學生提出的指導性問題： 如果我們正在為Apple Watch製作一個應用程式，Apple Watch 上可能包含哪些元件？（心率監測器、陀螺儀 – 用於步數跟蹤、藍牙）。您收集了多少數據？你能用這些數據來訓練你的人工智慧模型嗎？
導師提示由 AmeriCorps 提供支援。
作為一名程式師，你可以學習的最佳技能之一就是當你遇到困難或需要學習如何使用某些東西時，如何找到資源來説明你。
這個活動就是練習！
它可能與您想要構建的應用程式不完全一致，但是當您開始構建自己的應用程式時，使用元件練習編碼將有所説明。
反射
本課是可用於構建應用的所有元件的參考。查找教程或文檔來學習如何使用您的元件並不容易！
關鍵術語的審查
- 用戶介面元件 – 使用者將與之交互的標準元件，如按鈕、標籤和文本框
- 媒體元件 – 媒體元件的範例包括照片、音訊和視頻。
- 感測器 – 安裝在手機上的不同類型的設備，用於各種目的收集數據
- 社交元件 – 使用戶能夠透過您的應用程式撥打電話、發送電子郵件、發簡訊和分享內容的功能
- 連接元件 – 允許您的應用與應用之外的位置（如 Web 和其他應用）進行互動的功能
- 儲存元件 – 允許您在應用程式、設備和雲端中儲存資訊的塊和元件
- AI 元件 – 允許您在應用程式中使用機器學習模型或生成式 AI 工具的元件
其他資源
Thunkable 的其他有用教程網站
- draganddropcode.com
- Thunkable Youtube 頻道
- Technovation 校友 Meenakshi Nair 的 Thunkable Udemy 課程
一般資源
- GirlsCodeIt Technovation 教程
- 完整元件參考清單 （用於列印的Google文件）
