Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

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 #教室工具

Google Gemini 實戰教學:0 基礎用 AI 寫出「互動教室工具箱」網頁 (抽籤/計時/鬧鐘)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

DeepSeek и Excel ➤ Используем Искусственный Интеллект для создания формул

DeepSeek и Excel ➤ Используем Искусственный Интеллект для создания формул

Создаю AI-бизнес на инструментах Google: 6 сервисов, которые работают как фабрика!

Создаю AI-бизнес на инструментах Google: 6 сервисов, которые работают как фабрика!

cto-web自动化测试实战教程【selenium unittest pytest】(完结)

cto-web自动化测试实战教程【selenium unittest pytest】(完结)

БЕЗ VPN👉 НОВЫЙ СПОСОБ Как обойти блокировку Ютуб и все остальное! Скорей включи

БЕЗ VPN👉 НОВЫЙ СПОСОБ Как обойти блокировку Ютуб и все остальное! Скорей включи

Вайбкодим СУПЕР Сайт Для Твоего Бизнеса За Минуты с Gemini

Вайбкодим СУПЕР Сайт Для Твоего Бизнеса За Минуты с Gemini

Что такое вайбкодинг?

Что такое вайбкодинг?

Best Vintage Spring Paintings for Frame TV, 8 Spring Paintings For 2 Hours 2024, TV Screensaver

Best Vintage Spring Paintings for Frame TV, 8 Spring Paintings For 2 Hours 2024, TV Screensaver

ПЕРЕСТАНЬ ПЛАТИТЬ за Cursor AI. Используй эту БЕСПЛАТНУЮ и ЛОКАЛЬНУЮ альтернативу | VSCode+Roo Code

ПЕРЕСТАНЬ ПЛАТИТЬ за Cursor AI. Используй эту БЕСПЛАТНУЮ и ЛОКАЛЬНУЮ альтернативу | VSCode+Roo Code

Вот Что

Вот Что "ВСЕГДА" Происходит Перед Обвалом Рынка!

Cyberpunk Hi-Tech Glitchy Neon Gamepad Background video | Footage | Screensaver

Cyberpunk Hi-Tech Glitchy Neon Gamepad Background video | Footage | Screensaver

ChatGPT + Nano Banana: Твой Личный AI-Дизайнер. Пошаговая Инструкция 2026

ChatGPT + Nano Banana: Твой Личный AI-Дизайнер. Пошаговая Инструкция 2026

5 Уровней ИИ-Кодинга: от n8n и Cursor до Figma MCP и Google Stitch

5 Уровней ИИ-Кодинга: от n8n и Cursor до Figma MCP и Google Stitch

ЛУЧШАЯ БЕСПЛАТНАЯ НЕЙРОСЕТЬ Google, которой нет аналогов

ЛУЧШАЯ БЕСПЛАТНАЯ НЕЙРОСЕТЬ Google, которой нет аналогов

Google 黑科技!Opal 讓你秒做出專屬自己的AI自動化助理!好用而且免費!|泛科學院

Google 黑科技!Opal 讓你秒做出專屬自己的AI自動化助理!好用而且免費!|泛科學院

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Gemini 3 ОБГОНЯЕТ всех! ПОЛНЫЙ ОБЗОР Nano Banana, Veo 3, Deep Research

Gemini 3 ОБГОНЯЕТ всех! ПОЛНЫЙ ОБЗОР Nano Banana, Veo 3, Deep Research

Я в опасности

Я в опасности

【Vibe Coding 學習地圖】用實戰帶你搞懂 Gemini、Google AI Studio、Antigravity 的使用情境

【Vibe Coding 學習地圖】用實戰帶你搞懂 Gemini、Google AI Studio、Antigravity 的使用情境

Тренды в ИИ 2026. К чему готовиться каждому.

Тренды в ИИ 2026. К чему готовиться каждому.

9 AI-навыков, которые должен освоить каждый в 2026 году

9 AI-навыков, которые должен освоить каждый в 2026 году

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: infodtube@gmail.com