Google Gemini 實戰教學:0 基礎用 AI 寫出「互動教室工具箱」網頁 (抽籤/計時/鬧鐘)
Автор: 施育廷_國立臺中教育大學
Загружено: 2026-01-17
Просмотров: 236
工具試用
https://sites.google.com/view/andrews...
【影片介紹】
想製作一個簡單的網頁工具,但不想從頭學習複雜的程式碼嗎?
這支影片將示範如何利用 Google 最新的 AI 模型 —— Gemini,透過簡單的自然語言指令 (Prompt)
快速生成一個功能完整的「互動教室工具箱」。
影片中,我們將一步步操作:
輸入提示詞:告訴 Gemini 我們需要抽籤、倒數計時器與鬧鐘功能。
生成代碼:看 AI 如何瞬間寫出 HTML、CSS 與 JavaScript。
功能實測:使用網路上的姓名產生器生成名單,實際測試抽籤與時間提醒功能。
無論你是老師想要製作課堂小工具,或是對 AI 輔助編程感興趣的初學者,這支影片都能帶給你靈感!
【使用工具】
Google Gemini Canvas
【核心功能展示】
✅ 隨機抽籤系統 (支援自訂名單、剔除已抽中者)
✅ 倒數計時器 (附帶彈窗提醒)
✅ 鬧鐘設定功能
00:00 Gemini 提示詞輸入 (設定抽籤、計時、鬧鐘需求)
01:05 AI 自動生成程式碼與說明
03:18 匯出程式碼至線上編輯器
03:42 實測功能 1:隨機抽籤 (匯入名單)
04:54 實測功能 2:倒數計時器
05:04 實測功能 3:鬧鐘提醒功能
#GoogleGemini #AI教學 #程式設計 #NoCode #教室工具
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: