想想看,如果是取得一個英文版的 SDGs 目標的說明,在教學現場想要教師想要利用 Padlet、觸屏等進行互動式內容教學,你會如何做?

此時,生成式AI就可以上場幫忙老師了!

利用Claude AI將英文PDF內容轉成中文互動式網頁再結

以下的內容簡約,僅用於示範做法。先取用以下的 PDF 檔:(聯合國永續發展目標 SDGs)

https://sdgs.un.org/sites/default/files/2020-09/SDG%20Resource%20Document_Targets%20Overview.pdf

這是一個內容為全英文的PDF檔,而在上課時希望呈現的是中文內容。

提示詞:為我根據這篇文章,建立一個互動式介面來呈現文章內容,並且提供詳細解說。(請使用繁體中文和台灣用語)

Claude AI:https://claude.ai/

利用Claude AI將英文PDF內容轉成中文互動式網頁再結

點選上圖中的 PDF Converted to text,會看到以下的 PDF 內容。

利用Claude AI將英文PDF內容轉成中文互動式網頁再結

Claude 立即建立了三個目標的互動內容:

利用Claude AI將英文PDF內容轉成中文互動式網頁再結

根據 Claude 的說明,這個互動式介面具有以下特點:

視覺化呈現:

  • 每個目標都以不同的顏色標示
  • 使用展開/收合功能來管理內容顯示
  • 清楚的層級結構呈現

使用者體驗:

  • 可點擊展開查看詳細內容
  • 簡潔的視覺設計
  • 響應式設計,適合各種螢幕尺寸

資訊架構:

  • 目標層級:顯示主要SDG目標
  • 具體目標層級:顯示各項具體實施目標
  • 說明文字:提供每個目標的簡要說明

特色功能:

  • 互動式展開/收合
  • 圖示指示器
  • 顏色編碼系統
  • 階層式資訊呈現

 

取得公開的網頁連結

如果點選右下角的:Published,則可以取得公開的連結。教師可以據此進行數位教學。

利用Claude AI將英文PDF內容轉成中文互動式網頁再結

利用Claude AI將英文PDF內容轉成中文互動式網頁再結

本例:https://claude.site/artifacts/6fa9e7be-dddd-4d98-aa72-819d81e51da9

利用Claude AI將英文PDF內容轉成中文互動式網頁再結

經過以上的展示,你是否很想把這 17 個 SDG 目標都做出來,但是因為使用的是非付費帳號,所以這個想法就實現不了

透過 AI 協作,把來源 PDF 檔和產生的網頁連接,都放在 Padlet 中,即可結合觸屏進行數位教學了。

利用Claude AI將英文PDF內容轉成中文互動式網頁再結

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

arrow
arrow
    創作者介紹
    創作者 vincent 的頭像
    vincent

    學不完.教不停.用不盡

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