AI 創新工作坊
Embedded Files
這是2026/10/1~10/29 舉行的AI 定位創新工作坊;
這次的課程是基於手機定位+ AI CODING的主題所設計;
課程目的在培養『逆分工: 產品架構師』的觀念, 任何的開發先有服務架構，再開工實作!
課程對象為沒有程式基礎的同仁; 課程主要以實作為主, 教學的比重較少!
本課程採多元的AI工具，由淺入深，從簡單到完整:
如gemini canvas, google sites, google stitch, github pages, google ai studio, google fireabse等等.
每堂課堂中有實作, 課後有練習, 練習題在下次上課都會再做複習, 希望讓學員都能有所幫助!
我將課表內容列示在下, 也將練習題的題目與期待結果放在後面, 有興趣的學員可以再複習!
我也找到一些YouTube做為學員參考的學習影片，幫助學員需要時可以借鏡其他人的經驗。
共計五堂課
S1 定位資訊 + 靜態網頁
學習工具: Gemini Canvas, Google Sites
實作練習: 旅遊軌跡圖
S2 逆分工 + 動態網頁
學習工具: Github , Google Stitch
實作練習: 日本47地制霸圖
S3 VIBE架構 + 動態網頁
學習工具: Google AI studio
實作練習: 台灣百景 3D 打卡圖
S4 打卡 + 資料庫
學習工具: Firebase
實作練習: 團體定位APP
S5 同學分享
補充報告: 人的角色與經驗談
第一堂 2026/10/1 15~18
1.1課程簡介
1.2盒內思考的觀念: 點亮台灣 & 集徽章案例
1.3Google Sites 介紹與案例
1.4靜態網頁的實作 1 : Google Sites + 個人簡介
1.5靜態與動態網頁, 開發工具
1.6靜態網頁提示詞的哲學
1.7定位資訊的取得實作
1.8靜態網頁的實作 2 : Canvas + Sites + 定位資訊
第一堂練習題
1.1南投縣景點人流泡泡圖
1.2大坑登山軌跡與高度圖
1.3台灣環島景點足跡圖
1.4日本47都道府縣制霸圖
第二堂2026/10/8 15~17
2.1 課後練習題/討論
2.2 美化UI 設計的 google stitch
2.3 靜態到動態: 第三個習題台灣景點地圖的美化
2.4 逆分工~ 產品架構師
2.5 日本47地練習題:架構
2.6 Github Repository & Pages
2.7 Google Stitch + Gemini + Github Pages =日本47地遊
第二堂練習題
日本 47地增加輸入暱稱可以查詢介面
第三堂 2026/10/15 15~17
3.1 課後練習題複習/日本47地練習題討論
3.2 Github Pages 步驟複習
3.3 在 Github Pages 發布取得網址
3.4 日本3D打卡地圖的 Github Repository
3.5 台灣3D打卡地圖的架構術 ~VIBE
3.6 Googl AI Studio ~ Step by step
3.7 台灣百景3D實作
第三堂練習題
1.Googl AI Studio 製作台灣百景3D實作
2.練習寫一個打卡練習
Page updated
Google Sites
Report abuse