教學現場的教師們需要 AI 的協助!Gemini 可以直接將你提供的內容或是由 AI 產生的內容,製作成網頁、資訊圖表、測驗,並且可以插入由 Gemini 提供的 AI 功能,讓你設計的網頁也能使用 AI 的幫忙。

以下二篇文章,主要是在描述利用「新增 Gemini 功能」在網頁中插入 AI 的功能:

使用Gemini寫程式時,善用「新增Gemini 功能」,讓你的程式具有AI輔助功能

利用Gemini將教材PDF轉換為動態網頁並結合AI融入智慧教學資源

如果想要在開始設計網頁時,就讓 AI 置入網頁中,可以參考以的做法。

在 Gemini 使用以下指令:

根據主題:光合作用,製作適合高中生的教師教學與學生學習的互動式平台,網頁內容要求: 

1.網頁內容具學習和測驗的功能。

2.配合學習和測驗的內容 ,分別加上多個Gemini的AI功能。

3.界面使用繁體中文並注意字體大小以利學生閱讀。

4.以明亮而色彩豐富的視覺化設計呈現。

5.盡量增加網頁互動性以利學生學習。

其中主要是:指定主題和加上Gemini的AI功能。

參考範例:https://gemini.google.com/u/2/share/0dcb9239be69

Gemini 直接在網頁中新增這三個功能:

AI 解釋概念:學生可以點擊按鈕,讓 AI 對當前主題的概念進行更深入或不同角度的解釋。

AI 生成比喻:針對較複雜的概念,AI 可以生成生動的生活化比喻,幫助學生理解。

AI 提問區:學生可以輸入任何關於光合作用的問題,AI 會即時給予解答,實現個性化輔導。

在「學習模式」中可以使用AI 解釋概念、AI 生成比喻,以擴大教學內容。

如何在Gemini中設計網頁時直接插入AI功能

如何在Gemini中設計網頁時直接插入AI功能

AI 回應:

如何在Gemini中設計網頁時直接插入AI功能

利用 AI 提問,更能直接由 AI 代替教師提供答案給學生。

而在「測驗模式」中使用 AI 功能,利用 AI 提示來引導學生自主學習。

如何在Gemini中設計網頁時直接插入AI功能

網頁做到這裡,你還是可以右下角的用「新增 Gemini 功能」來擴充你的網頁設計內容。

參考範例:https://gemini.google.com/share/051846dc40cd

這次又增加了二個 Gemini 的 AI 功能。

如何在Gemini中設計網頁時直接插入AI功能

接著,要讓頁面上的插圖也能自動產生。

指令:重新產生並插入在網頁上每個主題對應符合的示意圖。

結果看來是失敗的!Gemini 有說明它的想法,想要插入的圖想要表達的概念,但是產生的結果不如預期。這也是有待進步的地方。

如何在Gemini中設計網頁時直接插入AI功能

學不完.教不停.用不盡文章列表

arrow
arrow
    文章標籤
    Gemini
    全站熱搜
    創作者介紹
    創作者 vincent 的頭像
    vincent

    學不完.教不停.用不盡

    vincent 發表在 痞客邦 留言(0) 人氣()