功能網站-發現你可能不了解的自己
https://sites.google.com/view/founding-me/教學投影片
https://sites.google.com/view/founding-me/%E6%95%99%E5%AD%B8%E6%8A%95%E5%BD%B1%E7%89%87CEv2重點整理
https://v2.chateverywhere.app/zh/meeting-transcription/result/1766043710750-NMFeMqiL77ua9od6Google全家餐應用-功能網站架設大綱:
1.使用gemini canva製作網站並預覽
2.發佈在Google sites
3.儲存操作資料、上傳檔案到雲端
4.輕量系統、低成本、易維護
入門到完成,無紀錄功能10~20分鐘
有資料記錄功能預估1小時
https://www.threads.com/@andrewshih1210/post/DSYa9EvE4iv本次會議主要探討如何利用AI工具(Gemini)和Google雲端服務(Google Apps Script、Google協作平臺、Google試算表)來建置一個互動式個人特質分析網站。講者指出此主題需求量高,並以課堂範例為基礎,實際操作建置過程。
網站的核心功能是透過回答十道問題,讓AI分析個人特質、性格、未來適合的工作,以及應避免的工作環境,並以繁體中文(臺灣用語)呈現結果。這些問題的靈感來自YouTube頻道「老高與小茉」介紹的「人生之錄」主題,並結合講者在微軟總部參與的延期活動中體驗到的互動分析流程。
在建置過程中,講者強調使用免費的Gemini版本和Google雲端服務,讓使用者無需付費即可操作。他解釋了為何不直接在Gemini的「build」功能中發布,而是透過Google Apps Script部署,再嵌入Google協作平臺,以確保網站網址的穩定性,提升使用者體驗,並避免開發者因預設使用自己的API Key而產生額外費用。講者偏好在AI Studio進行進階程式碼修改,因其支援Gemini 3 Pro模型且上下文視窗較長,有助於生成更完整的程式碼。
會議詳細展示了從零開始建立網頁、部署到Google協作平臺,以及後續加入資料儲存功能(將使用者輸入及AI分析結果儲存至Google試算表)的步驟。在整合Google試算表時,曾遇到資料未能成功儲存的問題,講者透過與AI互動進行偵錯,最終發現是權限授予問題,並透過建立新的Google Apps Script專案重新部署,成功觸發了授權視窗,解決了資料儲存的困境。整個過程耗時約42分鐘,符合預期的一小時內完成具資料記錄功能的網站建置目標。
00:00:00 - 影片開場與專案概述
00:00:20 - AI個人特質分析概念與靈感來源
00:01:37 - 網站建置前置作業與Gemini免費版應用
00:02:35 - 撰寫AI提示詞生成互動式網頁
00:05:00 - 網站功能規劃與部署平台選擇
00:06:16 - 首次測試AI生成網頁與功能修正
00:08:55 - 導入Google Apps Script (GAS) 環境開發
00:11:00 - GAS程式碼調整與網頁應用程式部署
00:14:10 - 測試GAS部署的網頁應用程式
00:17:22 - 整合Google Sites固定網址與發布
00:20:50 - 新增資料記錄功能:Google試算表整合
00:23:50 - 設定試算表欄位與更新GAS程式碼
00:26:22 - 測試資料記錄功能與初步問題
00:29:00 - 偵錯與解決Google Apps Script權限問題
00:38:00 - 重新建立GAS專案解決權限問題
00:41:00 - 最終網站發布與結語
學習目標
引導參與者學習如何運用人工智慧工具(Gemini)與Google雲端服務(Google Apps Script、Google協作平臺、Google試算表),從零開始建置一個具備互動式個人特質分析功能的網站。核心學習目標包括:
理解如何利用免費版Gemini進行個人特質分析的AI模型建構。
掌握Google Apps Script的部署技巧,將AI生成的網頁程式碼發布至雲端。
學會透過Google協作平臺嵌入Apps Script部署的網頁,以提供穩定且使用者友善的網站網址。
了解如何整合Google試算表,實現使用者輸入資料及AI分析結果的自動儲存功能。
熟悉在建置過程中可能遇到的權限授予及資料儲存問題,並學習有效的偵錯與解決策略。
認識AI教學中引導學生探索自我特質的方法,並評估AI分析結果的準確性。
關鍵概念
提供一個全面且實用的AI網站建置指南:
高需求主題: 「AI個人特質分析網站建置」顯示市場對此類應用有高度興趣與需求。
跨平台整合: 結合Gemini的AI分析能力與Google Apps Script、Google協作平臺、Google試算表的雲端服務,實現功能完整的互動式網站。
免費資源利用: 強調使用Gemini的免費版本及Google雲端服務,降低學習與開發門檻,讓使用者無需額外付費即可操作。
網站部署策略: 選擇透過Google Apps Script部署程式碼,再嵌入Google協作平臺,而非直接在Gemini的「build」功能中發布。此策略旨在:
避免因「build」功能預設使用開發者API Key並發布至GCP而可能產生的額外費用。
透過Google協作平臺提供一個固定且不隨Apps Script程式碼更新而變動的網址,提升使用者體驗。
AI Studio的優勢: 講者偏好在Google AI Studio進行程式碼修改,因其支援Gemini 3 Pro模型且上下文視窗較長,有助於生成更完整且複雜的程式碼。
個人特質分析流程: 網站核心功能是透過回答十道問題,讓AI分析個人特質、性格、未來適合的工作及應避免的工作環境,並要求以繁體中文(臺灣用語)呈現結果。此靈感源自YouTube頻道「老高與小茉」的「人生之錄」主題及講者在微軟總部的互動分析經驗。
資料儲存與記錄: 網站整合Google試算表,自動記錄日期、使用者編號、問題答案及AI分析結果,為後續資料分析奠定基礎。
偵錯與權限管理: 在整合Google試算表時,曾遇到資料未能成功寫入的問題,經偵錯後確認為權限授予未觸發。解決方案是重新建立一個新的Google Apps Script專案並重新部署,以確保正確觸發Google試算表的存取權限視窗。
API Key安全性: 網站設計不會儲存使用者的API Key,確保API Key的安全性。
參與者理解度
講者透過實際操作與逐步演示,有效提升了參與者對AI網站建置流程的理解度:
從需求出發: 會議開頭即點出「AI個人特質分析網站建置」的高流量與需求,激發了參與者的學習興趣。
靈感與應用連結: 講者分享網站建置的靈感來源(老高與小茉、微軟總部經驗),使抽象的技術應用更具體化,幫助參與者理解其現實意義。
分階段建置演示: 網站建置分為無資料記錄功能和有資料記錄功能兩階段,清晰展示了功能的疊代與複雜度增加的過程。
實時偵錯教學: 在整合Google試算表時,講者現場演示了資料未能成功儲存的問題,並透過與AI互動進行偵錯,最終發現並解決權限問題。這段實時偵錯過程極具教育意義,讓參與者親身體驗了開發中常見的挑戰及解決方法。
技術選擇的解釋: 講者詳細解釋了為何採用Google Apps Script搭配Google協作平臺部署,而非直接在Gemini「build」功能中發布,闡明了背後的成本考量、網址穩定性及使用者體驗等因素,幫助參與者理解技術決策的邏輯。
AI輔助程式碼生成: 演示如何利用AI生成和修改程式碼,展現了AI在開發過程中的強大輔助作用。
結果驗證的重要性: 鼓勵使用者將AI分析結果與信任的人核對,培養了參與者對AI輸出內容的批判性思考和驗證習慣。
練習與活動
其中蘊含了多個可供參與者實踐的練習與活動,以加深理解和技能掌握:
AI形象描述練習: 講者習慣先讓學生練習描述自身或同學形象,這是一個很好的暖身活動,有助於參與者熟悉如何向AI提供清晰的描述性輸入。
個人特質問卷回答: 網站的核心是回答十道問題,參與者可以親自體驗回答這些問題,並思考自己的答案。
AI分析結果檢視與驗證: 鼓勵參與者在網站建置完成後,輸入自己的答案並讓AI進行分析,然後將分析結果與身邊信任的人核對,以評估AI的準確性。
網站建置實作(建議): 參與者可依循講者演示的步驟,親自動手利用Gemini和Google雲端服務建置一個類似的個人特質分析網站。
程式碼閱讀與理解: 鼓勵參與者在獲得AI生成的程式碼後,仔細閱讀並理解其HTML、JavaScript和Google Apps Script的邏輯,為未來的客製化和問題解決打下基礎。
資料儲存功能整合實作(建議): 嘗試將資料儲存功能整合到自己的網站中,並練習設定Google試算表的存取權限。
偵錯與問題解決: 模擬或實際遇到Google Apps Script部署中的權限授予或資料儲存異常時,嘗試講者提供的解決方案(重新建立GAS專案並重新部署)。
資源與材料
本次會議主要利用以下免費且易於取得的資源與材料,供參與者學習與實踐:
AI工具:
Gemini (免費版本): 用於生成AI分析邏輯和初步的網頁程式碼。
Google AI Studio: 講者偏好用於進階程式碼修改和生成,因其支援Gemini 3 Pro模型且上下文視窗較長。
Google雲端服務:
Google Apps Script (GAS): 用於部署AI生成的網頁程式碼,並作為網站後端處理AI請求和資料儲存。
Google協作平臺 (Google Sites): 用於嵌入Apps Script部署的網頁,提供一個固定且易於分享的網站網址。
Google試算表 (Google Sheets): 用於儲存使用者輸入的問題答案及AI分析結果,作為網站的資料庫。
後續培訓
為鞏固學習成果並鼓勵進一步探索,建議參與者進行以下後續培訓活動:
親身體驗與驗證: 積極試用此AI個人特質分析網站,輸入自己的答案,體驗AI分析的互動性與結果。務必將AI的分析結果與身邊信任的親友核對,以培養對AI輸出內容的批判性評估能力。
深入研究資料儲存: 深入學習資料儲存的原理與實務,包括哪些資料應被記錄、如何設計資料結構、以及如何進行後續的資料分析。這對於開發更進階、更具洞察力的應用至關重要。
強化偵錯與問題解決能力: 若在Google Apps Script部署過程中遇到權限授予、資料未能成功儲存或其他異常情況,應嘗試講者提供的解決方案(例如建立新的GAS專案並重新部署),並記錄問題與解決步驟,以提升獨立偵錯的能力。
精進程式碼理解與客製化: 不僅止於使用AI生成的程式碼,更應花時間仔細閱讀、理解其邏輯與結構。嘗試對程式碼進行小幅度的客製化修改,例如調整問題內容、修改分析結果的呈現格式,或增加新的功能,以提升自主開發能力。
探索多元應用潛力: 思考如何將此AI互動分析模式應用於其他領域。例如,開發一個用於評估學習風格的網站、分析團隊成員角色與協作偏好、或根據使用者偏好推薦產品或服務等,以擴展AI應用的廣度與深度。