在現今數位學習快速發展的時代,教師在教學現場或推廣閱讀活動時,善用YouTube影片作為輔助教材,已成為相當普遍的教學策略。不僅能提升學生的學習興趣,更能突破傳統教室的限制,提供更多元且生動的學習體驗。

然而,若能進一步結合生成式AI技術,打造一個集影音觀賞、自主學習、遊戲互動、即時測驗與學習歷程紀錄於一體的互動式學習平台,將更有助於提升教學效果與學習成效。這樣的平台不僅能支援學生差異化學習需求,也讓教師更容易掌握學生的學習狀況與進度。

本篇文章將以「v0 網站平台」為例,實際示範如何建立一個以YouTube影片為核心的互動教學平台,結合生成式AI工具,協助教師打造符合108課綱精神的自主學習環境。不論您是中小學教師、高中教師或是教育科技領域的工作者,都能從中獲得實用的教學應用靈感與操作方法。

操作方式範例

1. 先取得要讓學生觀看的 YouTube 影片網址,例如:https://www.youtube.com/watch?v=2M52p5sZsPI

2. 開啟 v0(https://v0.dev/)網站。

3. 使用以下提示詞:

為YouTube影片(https://www.youtube.com/watch?v=Sc48ToLIQAY)製作一個網頁,這是一個具自學、遊戲和測驗的互動學習平台。在網頁中可以觀賞這個影片,並依據影片內容,盡量充實學習內容的知識量,使用繁體中文並注意字體大小以利學生閱讀。避免使用外部圖片資源,以明亮而色彩豐富的視覺化設計,並盡量增加網頁互動性,以利學生學習。再以側邊欄位,顯示學生操作歷程的記錄,並且可以切換顯示/隱藏側邊欄位。並提供按鈕,可以將學生操作歷程的記錄在瀏覽器中以列印方式輸出學習記錄的PDF檔。

4. 讓 v0 製作互動網頁,修正過程中增加以下指令。

加入內容:

資料來源:https://www.youtube.com/watch?v=2M52p5sZsPI,莊子,你好:給21世紀的備忘錄 蔣勳演講。

5. 檢查網頁沒問題後,點選:發佈(Deploy),即可取得網址:https://v0-you-tube-21-i0.vercel.app/

在v0網站利用生成式AI創新運用,協助教師以YouTube影

學生自學時,也可以記錄其學習歷程記錄。

在v0網站利用生成式AI創新運用,協助教師以YouTube影

利用相同做法,可以無限製作推廣閱讀影片的網站。

例如,黃仁勳加州理工演講:https://v0-you-tube-three.vercel.app/

在v0網站利用生成式AI創新運用,協助教師以YouTube影

在v0網站利用生成式AI創新運用,協助教師以YouTube影

例如,TED影片:https://v0-youtube-tau.vercel.app/

在v0網站利用生成式AI創新運用,協助教師以YouTube影

在v0網站利用生成式AI創新運用,協助教師以YouTube影

接著,以另一個 YouTube 影片(https://www.youtube.com/watch?v=mZ6iOeXZoeg)為例。

你也可以透過 NotebookLM 來整理這個影片的內容,例如,輸入提示詞:整理出完整影片的摘要,並根據影片內容列出講者要表達的核心理念和重要的關鍵字詞。

得到以下內容:

在v0網站利用生成式AI創新運用,協助教師以YouTube影

複製以上內容,則至 Word 文件中,再轉存成一個 PDF 檔。

在v0網站利用生成式AI創新運用,協助教師以YouTube影

接著,來到 v0 網站中,進行網頁製作。

提示詞:為YouTube影片(https://www.youtube.com/watch?v=mZ6iOeXZoeg)製作一個網頁,並參考上傳的PDF檔,設計這個具自學、遊戲和測驗的互動學習平台。在網頁中可以觀賞這個影片,並依據影片內容,盡量充實學習內容的知識量,使用繁體中文並注意字體大小以利學生閱讀。避免使用外部圖片資源,以明亮而色彩豐富的視覺化設計,並盡量增加網頁互動性,以利學生學習。再以側邊欄位,顯示學生操作歷程的記錄,並且可以切換顯示/隱藏側邊欄位。並提供按鈕,可以將學生操作歷程的記錄在瀏覽器中以列印方式輸出學習記錄的PDF檔。

例如:https://v0-youtube-eq.vercel.app/

在v0網站利用生成式AI創新運用,協助教師以YouTube影

在v0網站利用生成式AI創新運用,協助教師以YouTube影

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

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

    學不完.教不停.用不盡

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