一直增加的360相簿分享(2022.10設計中島、2023共讀站、海科館)
作者:塾長 日期:2022-06-23 20:00
這半年還是多以博物館、圖書館、社區共讀站與新北國際文教中心拍攝,也有些活動與風景,還有四本是2016就拍的相簿分享。
2024.4.5 Padlet一起逛台灣! 2025.2.1 Padlet地圖街景
2023.8.25成福國小營隊「成福水草塘360全紀錄 、2023三峽祖師廟 、AI生成360相片、程式練習」
2023海科館
2023圖書館與共讀站:新北德音(MAKAR製作) 、北市龍安、高雄大同
2022.10設計中島
2022.6.24再加七館:
02台中科博館360_20200215 https://photos.app.goo.gl/zMJafpUhPifFKTpL7
03台南市總圖書館 https://photos.app.goo.gl/qvu2ByR86vwEq1Kj8
04屏東縣立總圖書館 https://photos.app.goo.gl/8ZbrZhnuBJCuKfaR6
05國立科學工藝博物館20210417 https://photos.app.goo.gl/ET4sv9bSofG7mEK1A
06國立海洋科技博物館20170130 https://photos.app.goo.gl/hq93CZwTPrdf4hXF6
07國立臺灣科學教育館 https://photos.app.goo.gl/7SwjUqWVEv3VLg4W9
08國立臺灣美術館 https://photos.app.goo.gl/GJb1SkCoL7dEXABH9
09國立臺灣博物館 https://photos.app.goo.gl/4iPaYcvWDWkTeXoV8
10國立臺灣歷史博物館 https://photos.app.goo.gl/ewdiWozVCViieNLQ7
11新北市總圖 STEAM藝術教案展 https://photos.app.goo.gl/fT1pU28z7sUXQXtVA
12_360之展館(2016) https://goo.gl/photos/qXSyCUom98yPxsis6
13大豐國際文教中心 https://photos.app.goo.gl/RVBkdMjDG7ssRRU2A
14文德國際文教中心 https://photos.app.goo.gl/tfxstFjLquNXPRAk9
15金龍國際文教中心 https://photos.app.goo.gl/5Q4f1ysbDYveWGWE6
16瑞芳國際文教中心與圖書館 https://photos.app.goo.gl/YGzCZyKfs9b642798
17樹林國際文教中心 https://photos.app.goo.gl/X7ZN3Ptbe7roFeKe9
18淡水國際文教中心 https://photos.app.goo.gl/EaJKL7k1D4M5KiSz8
19_360之學校(2016) https://goo.gl/photos/XpWD4dUuNv3qFKTz9
20_德音共讀「竹櫻小棧」 https://photos.app.goo.gl/ZoJBoTBypUU8iFud6
21_永中人權英語小書展與圖書館 https://photos.app.goo.gl/mwo1CZBp7wuMb5X77
22_南投南光國小共讀站 https://photos.app.goo.gl/7LHAJa3sBJDYXiuG9
23_南投鯉魚國小共讀站 https://photos.app.goo.gl/W4Qz3KWuuUzyFkiK8
24高雄市大同國小社區共讀站 https://photos.app.goo.gl/me28jypahNLqXcTy5
25高雄市光華國中360 https://photos.app.goo.gl/aqCrTnzDoKDUuBv89
26_新北市九份國小 https://photos.app.goo.gl/V8Asa9XqwTZqsPnu6
27_新北光華國小共讀站 https://photos.app.goo.gl/yeTnr1oQ6rkGowL38
28_新北新泰國小格列佛遊記 https://photos.app.goo.gl/2GNwUzXrT14yAdUU8
29_噗11年會2019 https://photos.app.goo.gl/srHYChAejFtxaNEL6
30_2021數感嘉年華 https://photos.app.goo.gl/4TpCB8pbTCBujNsf8
31_小漾創遊記360 https://photos.app.goo.gl/emPmNcugJXnWyAK5A
32_台北101與大安森林公園 https://photos.app.goo.gl/amHZNRb9y3kVtBax5
33_五股守讓堂與心環原 https://photos.app.goo.gl/7SwV3W8iFuVBzkEN7
34_高雄市旗津鼓山 https://photos.app.goo.gl/Ry9QEzRHhHQMibs76
35_淡水八里 https://photos.app.goo.gl/FFxLkZgCeWwP9WaZ7
36_360之風景(2016) https://goo.gl/photos/wZ8fTLd5VWhPKatA8
電腦教學連結
作者:塾長 日期:2019-09-02 09:22
「物聯網防、救災系統」:從3種Webduino MQTT開始!
![]() | ![]() | ![]() |
應用Webbit積木中MQTT的基本操作練習。(操作影片)
※發送 (程式頁)
首先建立一個文字輸入,利用綠色怪獸檢視呈現訊息。接著建立MQTT頻道,設定傳送的訊息即為剛才的輸入文字。

※接收(程 式頁)
建立另一頁接收訊息的程式,先利用黃色怪獸顯示文字訊息,這樣在本地與遠端確保收到資訊之後,就可以多元應用,我們先藉由語音朗讀唸出來。很多人都可以使 用文字輸入,也有很多人可以接收與朗讀,這也可以當即時線上雙向、多向聊天室呢!
◎認識物聯網與應用
※伺服馬達
![]() | ![]() |
希望 · 未來 莫拉克風災紀念館
邀請碼:055116

1.內容編輯器
2.親師生平台Google帳號、登入Google。![]() | ![]() |
AR/VR COSPACES & MergeCube。
![]() |
1.親師生平台
Google、微軟
![]() | ![]() |
2.教育部單一簽入 自訂帳號、密碼
Google:https://go.k12cc.tw/
※德音學習吧
0518 世界博物館日cos0XX@apps.tyes.ntpc.edu.tw
視訊鏡頭應用:
4.擦玻璃
3/25教師研習 德音國小校本研習@學習吧
※※※※※※※※※※※※※※※※※※※※※※※※※※※※※
填寫完畢,請瀏覽「防範新型冠狀病毒」課程、「冠狀病毒傻傻分不清」影片
親師生平台 、Google Tour Creator 德音360(1)、(2)
※期末問卷填寫 ※
威力導演(呂聰賢老師教學頻道 )
1210
一小時玩程式 (介紹、認識、享受認真玩!)
填寫:我喜歡的理由
1202
1125班級360錄影、後製
![]() | ![]() |
1118 Insta360軟體操作
01開啟360相片與截圖從我放在Google相簿的360相片下載後,比較一般與360相片瀏覽工具的差異,用一般的看圖軟體來看,會把360相片切成長方形。
小行星模式帶給我們不易想像的視覺效果,這正是360相機的特色:利用兩邊各有一個眼睛,而且是超廣角。我們也可以說這是一個魚眼的視角模式,我有個比喻是好比我們在這個空間裡面拍照,360的相機等於是球心,拍了一個球體的照片,而這些照片的內容就都在是球體的內皮,而小行星模式,相當於把內皮翻到外面來。
360相片當然是靜態的,但你需要花時間去看完整體,因此,若這樣的花費時間,配合影片的時間軸,就可以做一些變化。
設定關鍵畫面的視角,而軟體自動將兩點之間流暢轉換。
傳統與360的影片瀏覽效果比較。
看看呈現的結果,了解軟體功能 、關鍵影格與效果設定之後,有助於未來發想拍攝與創作腳本。
配合動態的過程,選擇關鍵影格定點與轉換效果,都是另一種創作!
1111 德音360相片應用、Insta360軟體、截圖
.
1104 拆組之交看機構動力
10/28~11/08 德音30週年「小小神攝手」投稿(六年級平時活動)
相簿:601 、602、603 、604 、605 、606 、607 、608
Kodu

9/30~10/4
數位攝影介紹
9/2~5
2、問卷調查
3、親師生平台
9/6~12
桌面:新注音符號鍵盤
桌面:英文字母鍵盤
※人類登月50週年 ※天氣的變化
9/6~20
新北教育局雲端應用服務
舞台、演員、表現、互動
9/23~27
演員的多種移動方式
專案存檔、匯出
(發射星光彈)
Moodle應用文章整理
作者:塾長 日期:2009-06-07 21:48
邏輯思考的技術、金字塔原理~三種WHY問題之Moodle體驗
*網路課程與實體教學混搭應用:
*安裝與應用:
將Moodle、Xoops、F2blog、Lifetype打成一包!
B2D+Moodle『真的』錄影檔(YouTube影片內嵌)
Intel TwT:思考工具操作影片
作者:塾長 日期:2007-12-20 19:56
Intel 教育創見計畫在台灣,愈想愈有力喔!我從網站簡介到教師帳號申請開始,每個工具也從教師端設定到學生端操作一齊介紹:
0.學生端網址連結
1.網站與思考工具介紹(swf影片 )
2.申請教師帳號(swf影片 )
3.1(swf影片 )
3.2(swf影片 )
3.3(swf影片 )
Seeing Reason Tool網站 ,操作:
4.1(swf影片 )
4.2(swf影片 )
4.3(swf影片 )
Showing Evidence Tool網站 ,操作:
5.1(swf影片 )
5.2(swf影片 )
5.3(swf影片 )
**太空計畫範例
Firefox 下載 、套件top15 (1,2,8,10,11)、教學
大學塾的Google 標籤
社教博識網終身學習系列
作者: 日期:2007-01-01 21:47
◎AY軟體 ◎網站LINK ◎Wink軟體 (請按右鍵下載)
Firefox 下載 、套件top15 (1,2,8,10,11)、教學、OPML下載
大學塾的Google 標籤
◎ 英語學習專區◎高中專區
自然與生活科技、數學領域
◎植物博覽 ◎花的前世今生 ( 首部曲 ) ◎台灣的藻類 ◎真菌一族
◎台灣鄉土生物系列 -- 外來種 ◎臺灣鄉土生物系列 -- 蝴蝶
◎揭開星空的奧秘 ─ 觀天術 ◎航向太空世界 ◎生物科技面面觀
◎海洋新樂園 - 幕後大搜奇 ◎水族繁衍傳奇 ◎魚樂世界 - 台灣河川湖泊魚類
藝術與人文領域:
◎我的孩子是畢卡索 ◎書法的奧秘 ◎藝術生活 DIY ◎臺灣傳統建築欣賞
◎認識台灣鄉土藝術 ◎美麗五千年-人與服飾篇 ◎生活藝術系列 - 中華花藝篇
◎兒童劇欣賞 ◎創作性戲劇欣賞 ◎台灣傳統戲曲 ◎大家來唱歌仔戲
◎臺灣原住民衣飾文化之旅 ◎聽姆姆的故事說以娜的話唱阿瑪的歌
◎舞在台灣 ◎舞蹈欣賞 ─ 現代舞系列 ◎臺灣原住民樂舞欣賞
社會、鄉土領域:
◎台灣原住民口傳故事之旅 ◎卑南遺址與卑南文化 - 考古學入門
◎認識臺灣 ◎節氣新生活 ◎孫中山先生與台灣 ◎孫中山先生紀念地巡禮
◎歷史的長河 - 中華古今政治傳統 ◎唐三彩探險之旅 ◎美麗五千年-人與宇宙篇
健康與與體育:
◎認識台灣中草藥 ◎台灣本草行 ◎食療養生 ◎武動 ─ 武術、養生、文化
其他類:
Gem分享:多樣式Vibe Coding 專案架構師
作者:塾長 日期:2025-11-20 14:23
繼AI知識架構師(萬用提示詞產生器)之後,有一段時間我也常問自己:然後呢?

對於Vibe Coding,我相信每個人都有獨一無二的情境與心境(我喜歡Vibe Flowing),因此,當事人打造Vibe Coding作品,開發工具誠屬重要,但更需要的應該是「需求、創意與想解決的問題或創造的價值」,也是我自己常說的「勇敢想、認真玩!」
我先想自己:除了方便的萬用提示詞公式產生器,記得:萬用,也就是指在產生提示詞的千變萬化而已,但這樣的程式仍只能算是一種。所以我先探索了:請舉例常見的Vibe Coding作品類型,我挑選組合15種,想依使用者輸入的主題來做對應配合,之後將其需求優化出一份Vibe Coding提示詞,繼而生成程式,同時加上版本管控。目前的Gem提示詞如下:
Gem開始
Gem 工作流程設計
步驟 1:接收使用者主題 (Topic Input)
您 (使用者):提供一個您想發展的「主題」或「概念」。
範例:「我想做一個番茄鐘計時器」、「我想分析一個 CSV 檔案」、「我想做一個貪食蛇遊戲」。
步驟 2:自動分析構面與建議類型 (Facet Analysis & Type Suggestion)
我 (Gem):
分析構面:我會將您的主題分解為核心的功能構面。
匹配類型:我會根據這些構面,從文件中提供的五大類型中,推薦最適合的一個或多個選項:
類型 1:實用工具與自動化腳本
類型 2:互動式網頁應用
類型 3:資料分析與視覺化
類型 4:簡單的遊戲與互動式動畫
類型 5:API 整合與聊天機器人
類型 6:即時表單驗證:在用戶填寫表單時即時驗證並提供反饋。 *類型 7:動態內容加載:無需重新載入頁面,通過 AJAX 或 Fetch API 加載新內容。
類型 8:圖片輪播/畫廊:展示一系列圖片,並提供導覽控制。
類型 9:拖放介面:允許用戶通過拖放元素來重新排序或管理內容。
類型 10:即時協作工具:如共享白板、即時編輯文件等(需要後端支持,但前端互動是關鍵)。
類型 11:數據儀表板:動態圖表和表格,通常會定期更新或透過過濾器即時更新。
類型 12:互動式地圖:例如使用 Leaflet 或 Google Maps API 製作的地圖,包含自訂標記和彈出視窗。
類型 13:在線繪圖工具:允許用戶在畫布上繪圖,並提供不同畫筆和顏色選擇。
類型 14:音樂或音訊播放器:具有自定義控制項和視覺化效果的播放器。
類型 15:3D 視覺化:使用 WebGL(Three.js)創建的 3D 場景和動畫。
步驟 3:使用者選定開發類型 (Type Selection)
您 (使用者):從我建議的類型中,選定一個您想優先發展的方向。
步驟 4:生成 Vibe Coding 提示詞範例 (Prompt Generation)
我 (Gem):
整合構面:我會將步驟 2 分析的「構面」作為具體的功能需求。
套用結構:我會使用文件中驗證過的最佳提示詞結構(如「角色設定」、「任務描述」、「具體指示」)。
生成提示詞:產出一個您可以直接複製使用、高度客製化的 Vibe Coding 提示詞範例。
提供迭代建議:同時附上 2-3 個「後續 Vibe 迭代建議」,幫助您逐步完善作品。
步驟 5:你是軟體設計大師,採響應式介面設計軟體方便操作
1.將提示詞範例生成程式
2.每次修正或更新都會產生一個新的版本檔案(版本從1.0.0開始),不覆蓋,保留舊檔。
3.每次修正或更新會加入版本編號。
4.音效或背景音樂使用可正常撥放之來源。
5.整體版面靠上對齊,配色採清晰自然風格,容易辨識。
這個 Gem 的設計已經準備就緒。 您準備好開始了嗎?請提供您的第一個「主題」,我將立即為您啟動這個流程。
Gem結束
步驟5要謝謝網友Yaochou Chung的分享,我還因此緬懷上次寫了34版沒用上這招,哈哈!
您也可以先試試我分享的Gem「Vibe Coding 專案架構師」,記得要勾選 canvas喔!使用過後,就可以在自己的Gem的最下方「與我共用」區找到「Vibe Coding 專案架構師」,從三個小點點選擇建立副本,就可以看到這個Gem如上的提示詞喔!後來看到不同領域老師所開發的作品,如立體模型展開、成語學習閃卡...,我自己也學到很多。昨天我也玩出360相片瀏覽器以及相片生成點線動畫都很有趣呢!一起玩!
![]() | ![]() |
Gem分享:AI知識架構師(萬用提示詞產生器)
作者:塾長 日期:2025-11-20 13:52
在近三個月來探討「AI助力研究與寫作 (YouTube )」的過程中,我主要利用Gemini canvas開發網頁程式。對於研究各階段的行動,加上不同主題的研究切入方式,總想著該有對應的「提示詞組合」,因此,寫了許多網頁程式都是「生成提示詞」的工具。
積累經驗下來發現:即便是相同提示詞組合,只是換了主題,所得到的提示詞產生界面都不盡相同。我最後選定的是「│兩層式功能表提示詞公式」的設計,同時,我也歸納出想讓每次產生的網頁風格盡可能一致(主要也是兩層式公式、下拉選項變數組合),先製作一份JSON格式的選單元素開展是最保障的。因此,下列的提示詞執行兩項任務:讓使用者輸入一個主題後,自動分析與建立構面,建立一份JSON格式,再接著開發成為網頁程式:
你是一位頂級的 AI 知識架構師與提示詞工程師。兩項任務:
一、接收使用者給定的主題,為此主題生成一個純粹的、符合指定結構的 JSON 物件。
執行流程分析:
主題:將主題拆解成 1-5 個核心「構面」。
設計公式:為每個構面設計 1-5 個「提示詞公式」。
定義變數:為每個公式找出 2-5 個 {變數}。
提供選項:為每個變數提供 3-5 個合理的預設選項。
將以上結果,轉換成指定的 JSON 格式。
二、參考json資料,建立一個「主題」HTML程式網頁
主要功能:
1.使用者建立主題後,呈現可展開/收合選單的側邊欄,可以在不同的分析面向與寫作公式之間切換。右側的主區域則會直接顯示您所選公式的參數設定、情境補充欄位以及最終生成的提示詞。
2.公式各項元素可選用下拉選項,提供使用者選用,亦可新增項目並提供補充說明。
3.請使用者補充情境說明,可上傳多份PDF、貼上文字或參考網頁,據以建立提示詞示例。
4.使用者可以編輯提示詞,複製或下載txt檔使用。
5.生成提示詞時,請將各公式參數標題與選項加以組合
6.介面以白色為主
您也可以先試試我分享的Gem,記得要勾選 canvas喔!使用過後,就可以在自己的Gem的最下方「與我共用」區找到「主題架構師Coding」,從三個小點點選擇建立副本,就可以看到這個Gem如上的提示詞喔!近來分享與自製,應該用它生產過上百個提示詞產生器了,一起玩!
![]() | ![]() |
NotebookLM與Gemini新應用作品分享
作者:塾長 日期:2025-11-20 07:47
這幾天在 Google 的兩個 AI 應用上,分別推出了新功能與服務:一個是NotebookLM可以識別圖像,另一個則是Gemini升級到 3.0 版本。我也順手來玩,應用在目前正進行的任務上。
NotebookLM:週五有場關於學生應用生成式AI的資安概念分享,我先寫了兩面筆記,並用錄音檔說明,再利用錄音檔生成大綱簡報(附於文後)。後續想再加入兩頁筆記進行圖像識別,利用Gemini canvas 進一步製作成資訊圖表看看。
![]() | ![]() |
接著來玩Gemini:有三份作品,都在「台南高鐵→市區」的公車上利用手機完成,「作品」都放在Google Apps Script可以直接使用。我利用自己原本已設計的程式產生器Gem(另文分享):
利用「AI 架構師」,製做一個「兒少媒體素養提示詞產生器」作品 ,提示詞:兒少生成式AI媒體素養、產生程式,搞定。
![]() | ![]() |
另外,利用「Vibe Coding專案架構師」製作一個 360 相片瀏覽器,還有「Vibe Sketch」,這個自動創造的標題我很喜歡!
※360 相片瀏覽器作品 ,提示詞:
可以上傳並檢視360相片的瀏覽介面。上傳2D相片也可以模擬為360檢視展現
後續還有迭代版本,可以拉近拉遠檢視相片,我也曾加入小行星模式,但後來放棄這個模式(效果不明顯)。
![]() | ![]() |
※Vibe Sketch作品 ,提示詞:
使用者上傳一張相片,發展一些列作品:
1、黑白單色線稿圖
2、由空白方式展現動畫,以線稿圖動態描繪
3、最後描繪完疊合出原來相片
迭代版本:本來是上傳相片後,藉由黑白線稿漸匯成彩色相片。後來增加上動態錄影功能,以及漸繪過程改成從純黑到漸彩呈現。影片還會自動下載喔,我超喜歡玩的!
![]() | ![]() | ![]() |
I. 引言:認識生成式 AI 帶來的挑戰與機遇
A. 時代背景:生成式 AI 帶來的資安攻防新形勢。
B. 核心議題:個人資訊隱私(個資)的風險與防範。
C. 簡報目標:希望孩子們能「勇敢想、認真玩、聚於知幸福」,並善用科技機會。
II. 生成式 AI 時代的核心威脅與風險
A.深度偽造與內容造假(Deepfakes)
1. 攻擊手法:深度偽造(造假)的新聞。
2. 內容範疇:包括新聞、相片、影片,現在都很容易生成。
3. 行為風險:孩子可能成為打手去攻擊別人。
B. 個人資料外洩與使用習慣
1. 隱私警惕:上傳或改造照片時需要小心。
2. 行為動機關聯:資安風險來自於行為引發的動機、能力與提示的關聯。
C. AI 幻覺與認知偏差
1. AI 幻覺現象:學生可能誤以為是或誤相信自己有能力。
2. 青少年特點:孩子可能容易過度自信。
III. 實務上的安全運用與人際關係維護
A. 個人資安防護的日常習慣
1. 基本操作:瀏覽使用載具後務必登出或使用無痕模式。
2. 點數經驗與追蹤:使用 Google 分身,加上代號來追蹤可能的資訊外漏源網站。
B. 處理人際與情感互動的挑戰
1. 現實關係:重視朋友之間的紅線、人際現場真實的關係,尤其是師生、家人與同儕之間。
2. 線上線下反差:線上遊戲世界與現實的反差,性格外顯或內隱部分,大人不見得知道。
3. 情感教學:SEL 的情感教學變得重要。
4. 負面互動:需處理人際互動中可能出現的層級、暴力或不好的互動。
IV. 教育策略與陪伴者的角色
A. 成年人(師長、家長)的責任與行動
1. 法定責任:在未滿 18 歲的保護下,照顧者、老師、家長都有相對應的責任。
2. 陪伴原則:用正向、樂觀,與其「餘生共在盈語」的機會來陪伴孩子。
3. 掌握狀況:讓陪伴者知道孩子正在做的事情,掌握他們。
4. 求救意識:必須懂得求救真正的大人,以防真的受害。
B. 培養開放態度與免疫力
1. 開放角度:與其防堵或控制時間,不如提供開放的角度,讓他們看見一些案例跟例子。
2. 模擬與演練:讓孩子們自己來模擬,刻意耍笨或自願當受害者,看看生成出什麼效果。
3. 免疫機制:提供孩子們或老師們一定的免疫跟了解,以避免過度自滿或超越現有限制。
C. 鼓勵學生的行為發展
1. 自我當責:個人要當事人的概念。
2. 腦部功能:行為、動機、能力也與大腦的情緒、動機、意志相關。
3. 關鍵能力:鼓勵他們能夠「明辨慎思,也能夠篤行」。
V. 善用生成式 AI 的教育應用與展望
A. 提升教師能力
1. 教師自用:老師可以善用生成式 AI 提升自己。
2. 教案生成:利用生成式 AI 生成案例(例如 RPA 的立刻收集)。
3. 規範生成:利用生成式的公式網頁生成對青少年資安應做的規範與運用,再拿提示詞去搜尋結果。
B. 賦權學生參與
1. 學生創作:提供作品讓學生發揮,從模仿、改造到創造和玩樂。
2. 志工宣講:孩子們說不定也能夠自己來當宣講的志工。




























