Gemini Canvas再進化!一鍵生成互動式網頁「秒變自學神器」:實測教學一次看
Gemini Canvas再進化!一鍵生成互動式網頁「秒變自學神器」:實測教學一次看

今年3月,Google推出Gemini Canvas新功能,可用於創作潤飾、程式碼專案等工作任務。近日又有重大更新,不須懂得程式語言,只要輸入簡單的prompt指令,就能一鍵生成互動式內容,包括網頁、圖表、測驗和語音概要。

特別是在互動式網頁方面,能夠將單純的文本內容轉化成學習單,相當適合用在課程教材、作業練習或個人學習等面向,以下教學帶你一次看!

延伸閱讀:Gemini推Canvas新功能!不只幫忙寫作還可「Vibe Coding」:拋一句提示就能寫遊戲

一鍵生成互動網頁!怎麼操作?

首先,在Gemini中選取Canvas功能,並寫出簡單指令生成文本,例如:生成一份「英文文法中的假設語氣」的教學文件,讓AI生成文法基本概念、動詞形式、例句等。

Gemini Canvas網頁生成教學1
在Gemini中,選取Canvas功能,並輸入想要生成的指令。
圖/ Gemini Canvas

接著,在右上方處點擊「Create」,下拉選單可選擇製作成網頁(Web Page),或是圖表(Infographic)、測驗(Quiz)、語音概要(Audio Overview)。

Gemini Canvas網頁生成教學2
在右上方處點擊「Create」,點選「網頁」功能。
圖/ Gemini Canvas

點選網頁,就會依據文本內容生成單頁互動式網頁應用程式,透過 Tailwind CSS設計模式、JavaScript程式語言,自動設計標籤導覽、互動式範例、練習題等區塊。

Gemini Canvas網頁生成3
圖/ Gemini Canvas

生成網頁完成後,可直接看到實際的互動英文文法教學網頁。例如,點選「使用時機」,會出現詳細的文法介紹和例句,也提供題目單供學習練習。

Gemini Canvas網頁生成教學3
圖/ Gemini Canvas
Gemini Canvas網頁生成教學3-1
圖/ Gemini Canvas

如果想要增加教學內容區塊,可直接下新指令,像是新增對話教學和聽力測驗。不滿意文字

Gemini Canvas網頁生成
圖/ Gemini Canvas
Gemini Canvas網頁生成
圖/ Gemini Canvas

最後,還可以將生成的互動式網頁下載成獨立網址,複製 HTML 程式碼並儲存成.html檔案,就能用瀏覽器開啟。

Gemini Canvas網頁生成
圖/ Gemini Canvas

或是利用分享功能,自動生成網頁網址,也能將網址分享至LinkedIn、Facebook、X
和Reddit等社群平台。

Gemini Canvas網頁生成
圖/ Gemini Canvas

經實際測試過後,目前台灣免費版僅能生成一次網頁功能,Pro版則可無限生成。

除了英文文法教學,《數位時代》也測試語音概要功能,成功生成了一段12分鐘的英文對話語音,語氣相當自然生動,適合用於聽力教學課程。

Gemini Canvas網頁生成
圖/ Gemini Canvas

另外,《數位時代》也在原本的網頁中加入測驗功能,AI機器人自動保留原本的英文文法教學,並新增了「綜合測驗」的標籤分頁,一共生成了7 道選擇題,每回答一題,系統會立即顯示「正確!」或「錯誤。正確答案是:XXX」,以及其他測驗限制條件。

Gemini Canvas網頁生成
圖/ Gemini Canvas

最後則是圖表功能,可依據想要的圖表格式下指令,本次的指令為「在完成測驗後顯示答對和答錯的題目比例」,就能生成視覺化的簡易圖表。

Gemini Canvas網頁生成
圖/ Gemini Canvas

延伸閱讀:Builder.ai宣布破產!假AI全靠「真人印度工程師」手動:為何微軟、亞馬遜⋯都變債主?

往下滑看下一篇文章
門市越展越多,如何降低管理與維運負擔?不用全面汰換設備,也能逐步升級智慧化多據點管理
門市越展越多,如何降低管理與維運負擔?不用全面汰換設備,也能逐步升級智慧化多據點管理

快速展店背後的挑戰 如何降低跨據點管理與維運負擔

對連鎖零售企業而言,展店代表商機與成長,但當門市數量快速增加,營運與管理的複雜度也隨之提升。尤其對便利商店(C-store)、餐飲連鎖與其他高密度展店型態的企業而言,總部需要面對的不只是據點數量增加,更包括不同門市的設備管理、系統維護、日常維運與人力配置等多方面挑戰。

過去多據點門市的設備與資訊管理,往往以單一門市為單位,各據點可能擁有不同的攝影機、錄影設備配置與管理模式。當總部需要掌握事件狀況、確認門市營運情形,或進行跨區域管理時,往往需要投入大量人力逐一確認資訊,不僅增加管理負擔,也提高維運成本。

此外,零售產業本身具有高度變動性。門市可能因應市場策略進行展店、搬遷、改裝,甚至調整營運規模。傳統一次性設備投資模式,容易讓企業在面對據點變化時缺乏彈性,也增加設備重新配置與後續維護的負擔。

因此,現代零售企業所需要的不只是單純記錄事件的設備,而是一套能隨企業成長彈性調整、協助總部有效掌握多據點安全資訊,並支援未來智慧應用發展的智慧化管理架構。

晶睿通訊-2.png
圖/ 晶睿通訊

從既有設備開始升級 降低全面汰換設備的轉型負擔

面對智慧化轉型需求,許多企業最大的挑戰並非是否需要升級,而是如何在不中斷現有營運的情況下完成轉型。

對已經投入大量資源建置安全系統的零售企業而言,全面汰換既有架構不僅成本高,也可能影響門市日常運作。因此,能夠兼容既有設備並逐步升級的彈性架構,成為企業導入智慧安全管理的重要關鍵。

透過混合雲架構,企業可以從既有設備開始,逐步整合不同據點的安全資訊與管理需求,同時導入雲端管理能力。相較於一次性重新建置,新一代平台架構能協助企業延續既有投資價值,並依照實際需求逐步導入更集中化、智慧化的管理能力。

此外,訂閱式雲端服務模式和混合雲安防架構,也為零售企業帶來更靈活的資產管理方式。相較於頻繁的硬體汰換、傳統一次性採購或繁瑣的跨品牌安防系統的管理,企業更有彈性的因應門市拓展、搬遷、調整或營運規模調整,精準配置資源,降低一次性投入壓力,也減少因據點變動造成設備閒置的情況。

對快速成長的連鎖零售企業而言,安全管理不再是一套固定且難以調整的架構,而是一個能隨企業規模與需求持續演進的平台。無論是新增門市、跨區域管理,或因應營運策略調整,都能以更彈性的方式完成管理升級。

晶睿通訊-3.png
圖/ 晶睿通訊

AI 不只是安防工具 更開始協助零售提升營運效率

隨著 AI 技術快速發展,安全管理的角色也正在改變。過去企業導入影像系統主要用於事件記錄、事後查看與追蹤;如今,智慧雲端安防平台則能進一步從大量影像資訊中辨識人、車與行為,協助企業從「看見發生什麼」進一步「理解正在發生什麼」,甚至主動協助管理者發現與處理事件。對門市數量眾多、人力有限的連鎖零售業者而言,AI 正逐步成為降低管理負擔、提升營運效率的重要工具。

從基本事件偵測到自然語言規則 讓 AI 主動理解更多異常情境。 AI 智慧辨識已能針對跌倒、奔跑、徘徊、跨線等常見事件進行自動偵測,協助門市減少人工查看影像的需求。而進一步透過 Think Alert,管理者更可以直接以自然語言設定客製化的偵測條件,將 AI 應用延伸至傳統事件規則以外。以門市尖峰時段為例,店員往往需要同時處理結帳、補貨與顧客服務,總部也難以持續掌握每個據點的即時狀況。透過 Think Alert,管理者可以直接以自然語言設定「在門店入口抽菸的人」等情境;當符合設定條件的畫面出現時,系統即可主動發出警報,協助管理者即時掌握異常狀況。對於門市數量龐大的企業而言,這代表 AI 不只是協助辨識既定事件,更能依據不同營運需求,讓管理者以更直覺的方式設定希望 AI 主動關注的情境。

從大海撈針到快速完成調查 Think Search 搭配 Case Vault(案例庫) 掌握完整事件脈絡。 當事件發生後,如何從大量、多據點的影像中找到關鍵人物與事件脈絡,往往是最耗費人力的環節。透過 Think Search,管理者可以直接用自然語言描述想尋找的對象與情境,例如,當家長反映孩童可能在門市附近走失時,店員或總部人員不需要逐一查看不同攝影機的錄影畫面,只要在 Think Search 輸入「昨日上午,牽著小女孩的男性」等自然語言描述,系統即可協助從大量影像中篩選相關畫面,快速找到相關人物可能出現的時間與位置。若需要進一步追蹤,還能將不同搜尋階段找到的重要畫面與資訊整理至 Case Vault,建立事件時間線與人物移動路徑,協助管理者更完整掌握事件脈絡。

從安全管理延伸至顧客服務與門市營運 讓既有影像創造更多價值。 AI 的應用也不只限於安全事件。例如在咖啡店、餐飲等場景,若顧客將手機、包包等物品遺留在座位或櫃台附近,遺留物與遺失物偵測可以協助門市人員更快發現異常,主動確認並協助顧客處理失物問題;人流分析則能協助企業掌握不同時段的門市活動趨勢,作為空間配置與人力安排的參考;車牌辨識可應用於停車區域或門市周邊管理,而工安防護裝備辨識則能協助後場、倉儲等區域進行安全規範管理。透過這些應用,企業能在既有設備基礎上,進一步將影像資料延伸至安全、服務與營運等不同場景。

對連鎖零售業而言,AI 的價值已不只是「看得更清楚」,而是讓企業更快發現問題、更快找到資訊,並進一步理解事件脈絡與營運狀況。從基本事件偵測、自然語言設定規則,到 AI 搜尋與事件調查,再延伸至顧客服務與營運分析,雲端安防平台正讓影像從被動的紀錄工具,逐步成為支援多據點安全管理與營運決策的重要資訊來源。

晶睿通訊-4
圖/ 晶睿通訊

85°C 北美導入 VIVOTEK AI 雲端安防平台 加速 80+ 門市智慧營運升級

隨著零售產業持續朝向多據點與數位化營運發展,如何在快速展店的同時兼顧營運效率、安全管理與服務品質,已成為企業的重要課題。

為支援持續拓展的營運需求,85°C Bakery Cafe 北美導入 VIVOTEK VORTEX AI 雲端安防平台,透過雲地整合架構與 AI 智慧應用,將原本分散的監控系統整合至單一平台,全面提升多據點管理效率、事件處理速度與日常營運效能。

此案例呈現零售企業如何從既有設備與架構出發,分階段導入雲端安防平台,並為未來智慧化管理與 AI 應用建立基礎。

閱讀完整案例

85°C Bakery Cafe North America 如何透過 VIVOTEK 雲端安防平台打造更智慧的門市管理模式

觀看案例影片

了解 85°C Bakery Cafe North America 如何應用 VIVOTEK VORTEX AI 雲端安防平台

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
台達電全解讀
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓