技術教學

本課提供一個地方,讓您在同一個地方檢視所有 Technovation 編碼應用程式和建立 AI 模型的視訊教學。 

按一下下面的按鈕,即可查看該主題或平台的教學。 

coding icon

編碼平台

該影片概述了 Technovation 的編碼語言選項。它有點過時了,因為 Technovation 現在允許任何編碼語言。不過,它很好地概述了 App Inventor 和 Thunkable 以及每個平台的功能。

scratch cat

從頭開始教程

刮刮教程

3 視頻
更多資訊

帶有精靈和計時器的簡單遊戲。

app inventor bee logo

應用程式發明家教程

打開下面的每個分頁以查看一些影片教學課程,以幫助您學習有助於開發應用程式的不同功能。

這些影片概述了 App Inventor 中的兩個視窗 - 設計器和區塊編輯器。 

平台概覽

2 影片
更多資訊

本教學是製作遊戲的更大播放清單的一部分,但展示了設計器的一些功能以及在 App Inventor 中設計 UI。如果您想使用入門模板,請點擊以下連結。 

如果您是編碼新手,可以嘗試以下一些很好的入門教學。

學習應用發明家

2 影片
更多資訊

這是關於使用 App Inventor 的一個很好的介紹。也稱為音板教程,您將學習如何製作一個簡單的應用程序,用戶單擊按鈕即可播放語音。您可以在此處下載入門專案並將其匯入 App Inventor(Dave 在影片中向您展示如何操作)。 

許多應用程式的一個功能是使用者能夠使用使用者名稱和密碼登入。您可以按照影片中的說明將此功能新增至任何應用程式。

《回收遊戲》運用了許多簡單概念,並在此基礎上構建出相當複雜的遊戲機制。您將學習如何使用計時器顯示圖片、偵測按鈕點擊,以及增加與減少分數。以下是 App Inventor 中的初始模板連結

回收遊戲

7 影片

這些影片將向您展示如何運用畫布與圖像精靈來製作動態遊戲。

若您想從頭開始跟進,可在此處找到應用程式中使用的圖片。 

如果您想跳過構建用戶界面的第一個視頻,可以通過單擊此處打開已構建用戶界面的模板。  

動畫遊戲

4 視頻

這些影片將引導您完成製作志工應用程式。這些教學向您展示如何在應用程式中添加帶有資訊標記的地圖。您還將了解如何將電話呼叫與您的應用程式整合以及如何使用 WebViewer 元件顯示網站。

志工應用程式

2 影片
更多資訊

使用地圖組件向使用者提供基於位置的資訊的良好範例。在這種情況下,志工的機會。該應用程式還使用 WebViewer 顯示網站訊息,並使用 PhoneCall 以便用戶可以從該應用程式呼叫志願者組織。

第 1 部分(共 2 個影片) - 新增地圖、標記和基本訊息

前 3 個影片介紹如何製作一個綠色追蹤器應用程序,讓用戶可以追蹤他們每天的環保程度。資料使用 TinyDB 儲存在使用者的行動裝置上。 

第四個影片展示如何在 TinyDB 中儲存清單項目。 

 

使用TinyDB儲存數據

4 視頻
更多資訊

Green Tracker 第 1 部分展示如何使用 TinyDB 元件在手機上儲存追蹤資料。

應用程式介面或 API 對於應用程式非常有用。了解如何將您的應用程式連接到外部網站或伺服器以傳送和接收資料。 

蜜蜂屬

4 視頻

快速測驗教學展示如何將 Google 試算表連接到您的應用程式以儲存排行榜資料。按一下此處在 App Inventor 中開啟專案範本。

聊天應用程式教學展示如何使用 CloudDB 儲存聊天資訊。

雲端數據

2 影片
更多資訊

快速測驗教學展示如何將 Google 試算表連接到您的應用程式以儲存排行榜資料。按一下此處在 App Inventor 中開啟專案範本。

Thunkable beaver logo

可思考的教程

打開下面的每個分頁以查看一些影片教學課程,以幫助您學習有助於開發應用程式的不同功能。

該影片對 Thunkable 平台進行了總體概述。

如果您是編碼新手,可以嘗試以下一些很好的入門教學。

學習Thunkable

2 影片
更多資訊

這是關於使用 Thunkable 的一個很好的介紹。也稱為音板教程,您將學習如何製作一個簡單的應用程序,用戶單擊按鈕即可播放語音。點擊此處並點擊“我有一個夢想”的鏈接下載製作應用程式的資源。

許多應用程式的一個功能是使用者能夠使用使用者名稱和密碼登入。您可以按照影片中的說明將此功能新增至任何應用程式。

這些影片將引導您完成製作志工應用程式。這些教學向您展示如何在應用程式中添加帶有資訊標記的地圖。您還將了解如何將電話呼叫與您的應用程式整合以及如何使用 WebViewer 元件顯示網站。

志工應用程式

2 影片
更多資訊

使用地圖組件向使用者提供基於位置的資訊的良好範例。在這種情況下,志工的機會。該應用程式還使用 WebViewer 顯示網站訊息,並使用 PhoneCall 以便用戶可以從該應用程式呼叫志願者組織。

第 1 部分(共 2 個影片) - 新增地圖、標記和基本訊息

這 3 個影片介紹如何製作一個綠色追蹤器應用程序,讓用戶可以追蹤自己每天的環保程度。資料使用儲存變數進行存儲,因此可以保存在使用者的行動裝置上。 

使用TinyDB儲存數據

3 視頻
更多資訊

Green Tracker 第 1 部分展示如何使用 TinyDB 元件在手機上儲存追蹤資料。

應用程式介面或 API 對於應用程式非常有用。了解如何將您的應用程式連接到外部網站或伺服器以傳送和接收資料。 

蜜蜂屬

3 視頻

快速測驗教學展示如何將 Google 試算表連接到您的應用程式以儲存排行榜資料。按一下此處在 Thunkable 中開啟專案範本。

第二個影片向您展示如何製作播放影片的應用程式。影片資訊儲存在 Google Sheet 中。

第三個影片是另一個基於氣候的應用程序,展示瞭如何顯示谷歌表格中的排行榜資訊。可以在此處找到入門項目範本。

第四個影片是一位校友使用 Google 試算表儲存應用程式資訊的另一個範例。是入門項目的連結。 

雲端數據

4 視頻
更多資訊

快速測驗教學展示如何將 Google 試算表連接到您的應用程式以儲存排行榜資料。按一下此處在 Thunkable 中開啟專案範本。

artificial intelligence - brain with neural network

人工智慧教學

本系列展示如何使用兒童機器學習來訓練模型。然後將輸出模型用於 Scratch 專案。

請注意,Scratch 專案僅適用於初學者。

AI 教程

3 視頻
更多詳情

Make Me Happy 使用 Machine Learning for Kids 來製作機器學習模型來檢測快樂或悲傷的文本。由 3 部分組成的教程在 Scratch 專案中使用模型。

此範例使用模型來偵測經過 Teachable Machine 訓練的聲音(啪嗒聲、拍手聲或口哨聲),然後在 Scratch 專案中使用。這是製作模型說明的連結。 

請注意,Scratch 專案僅適用於初學者。

本系列教學將展示如何從網路取得公開的圖像資料集,運用App Inventor的圖像分類器進行訓練,最後透過App Inventor將模型整合至行動應用程式中。

圖像資料集與應用程式發明家

3 視頻

這些影片展示如何製作一個簡單的「猜拳」應用程式,該程式運用人工智慧來判斷使用者選擇的動作。您將學習如何在Teachable Machine中使用圖像來訓練機器學習模型,接著將模型整合至App Inventor中,以應用於行動應用程式。

播放清單

2 影片

普拉塔姆·戈拉迪亞展示如何運用Ximilar平台,透過珊瑚礁影像訓練模型。隨後在Thunkable應用程式中,藉由Web API元件的輔助,將該模型整合應用。

使用 API 和電腦視覺技術偵測衣服標籤上的品牌名稱。然後使用 WebView 取得該品牌的永續性評級。 

使用 API 從 IUCN Redlist 網站取得有關瀕臨絕種物種的資訊。然後使用聊天機器人重新表達資訊,讓年輕人更容易理解。

這些影片(也在下面的 Web 應用程式教學部分)展示如何在 Jupyter Notebook 中使用 Python 建立機器學習模型,以及如何在使用 Streamlit 建立的 Web 應用程式中使用該模型。

Web 應用程式播放清單中的 AI

2 影片

這些影片(也在下面的 Web 應用程式教學部分)展示如何在 Jupyter Notebook 中使用 Python 建立機器學習模型,以及如何在使用 Streamlit 建立的 Web 應用程式中使用該模型。

水質 ML 模型

2 影片
python logo

網路應用程式教程

如果您正在編寫網頁應用程序,課程提供兩種選擇:安裝免費軟體並在您自己的電腦上進行本地編碼,或使用網頁瀏覽器中的線上平台進行編碼。 

這些影片適用於本機選項,在您的電腦上進行編碼。

使用 Python 和 Streamlit 進行編碼

7 影片
更多資訊

如果尚未安裝,則必須在電腦上安裝 Python。以下是說明

如果您正在編寫網頁應用程序,課程提供兩種選擇:安裝免費軟體並在您自己的電腦上進行本地編碼,或使用網頁瀏覽器中的線上平台進行編碼。 

這些影片適用於線上選項,在網路瀏覽器中對所有內容進行編碼。

播放清單

6 視頻