USR × Internet × Django × 地方創生

網際網路 × USR：
從地方故事到數位共生平台

以「水井三寶」網站為案例，重新思考一門網際網路課程： 學生真正需要學的，不只是把網頁做出來，而是理解 一個網站為什麼存在、服務誰，以及它如何把地方問題轉換成數位解決方案。

🏘️ 地方故事 柴井車・白馬・烏龜 姻緣花・工藝・生活記憶

→

💻 數位轉譯 故事・角色・教材 影音・工藝・商品

→

🌱 數位共生平台 文化保存 × 教育 品牌 × 地方行動

一、為什麼要成立「水井三寶網站」？

USR做網站的目的，不應只是「把成果放上網」，而是把分散在地方的人、故事、工藝、教材與行動， 整理成一個可以持續被看見、被使用、被傳承的數位入口。

1 讓地方記憶留下來 水井村的柴井車、白馬、烏龜、姻緣花，以及長輩的生活記憶， 原本散落在人與場域之中。網站將這些內容轉換成故事、圖像、角色與數位文本， 讓地方知識得以保存，也讓下一個世代能重新閱讀。	2 把文化轉成可理解的品牌 地方文化很多，但網站使用者不一定知道從哪裡開始認識。 因此，以白馬、烏龜、姻緣花形成「水井三寶」， 就是一次文化轉譯：把地方歷史與生產、生態、生活的概念， 變成容易理解、記憶與傳播的角色系統。
3 讓工藝、教育與地方行動串起來 玉米籜工藝、蓪草姻緣花、繪本、影音、課程與地方體驗， 不再各自存在，而能透過網站串聯成： 故事 → 教材 → 體驗 → 工藝 → 商品， 逐步形成地方文化價值鏈。	4 建立可以持續累積的USR平台 過去很多USR成果會隨著活動結束而逐漸散落。 網站則可以持續更新，讓學生、社區夥伴、工藝師與教師不斷加入新的內容， 讓一次性的活動，慢慢累積成長期的地方數位平台。

學生畢業，平台不畢業；
活動結束，地方知識仍然留下。

二、網站設計構思，可以教學生什麼？

如果只把「水井三寶網站」當成 Django 範例， 學生可能只看到 URL、View、Template 和 Model。 但如果從USR需求反推網站架構， 每一個網站功能，就可以變成一堂「Internet技術如何回應真實問題」的課。

📖

品牌故事

教「資訊架構」與「內容設計」。 學生必須思考：地方資料很多，首頁第一屏到底應該讓使用者先知道什麼？

HTML Template Content Design

🐎

水井三寶角色

教「資料模型」與「文化轉譯」。 角色並不是裝飾，而是將生產、生態、生活轉化成使用者容易理解的資訊。

Model View UX

🎬

線上閱讀與影音故事

教多媒體網頁設計，讓學生理解文字、圖片、影音如何被組織成不同年齡都能使用的數位教材。

Media JavaScript Digital Learning

🧺

工藝商城

教資料庫與電子商務，更重要的是讓學生思考： 一件地方工藝品如何同時呈現材料、作者、文化故事、價格與使用情境？

Database CRUD E-commerce

📰

最新消息與網站後台

教 Django Admin 與 CRUD，也讓學生理解： 真正的網站不是「做完就結束」，而是必須有人持續新增、修改與維護。

Admin CRUD CMS

🤝

聯絡合作

教 Form、HTTP POST 與資料處理，同時讓學生理解： 網站的終點不只是瀏覽，而是促成學校、社區、工藝師與外部夥伴之間真正的合作。

Form HTTP Participation

不是「功能清單」，而是「需求 × 技術 × USR價值」

地方需求 文化要保存 教材要被使用 工藝要被看見 夥伴要能參與

→

Internet 技術 HTML / CSS HTTP / URL Django / Database Deployment

→

USR 價值 文化傳承 教育推廣 地方品牌 持續共創

三、最值得教學生的，其實是「網站怎麼被想出來」

在AI能快速生成HTML、CSS甚至Django程式碼的時代， 最有價值的能力已經不只是「背語法」， 而是能不能從一個模糊的地方問題， 逐步定義出一個值得做、有人需要、能真正使用的網站。

課堂開始時，不要先說：

「今天我們來學 Django。」

而可以改問學生：

「如果水井村只有故事、照片、工藝品與長輩， 我們要怎麼利用 Internet，讓更多人認識它， 而且讓這些內容能夠持續累積？」

網站不是從程式開始，而是從問題開始

① 地方問題
故事分散、工藝曝光不足、USR成果不容易累積

↓

② 使用者需求
居民、兒童、教師、遊客、創作者、合作夥伴需要什麼？

↓

③ 內容策略
故事、角色、教材、影音、工藝、商品、活動

↓

④ 資訊架構
首頁 → 品牌故事 → 水井三寶 → 智慧學習 → 線上閱讀 → 工藝商城 → 最新消息 → 聯絡合作

↓

⑤ 資料模型
Story / Product / Course / News / Order / Contact

↓

⑥ Web實作
Django / Template / CRUD / Session / Admin / Media

↓

⑦ 部署到 Internet，回到真實使用者
測試 → 回饋 → 修正 → 持續營運

把這個案例帶進課堂，可以改變學生的學習順序

① 先看地方 有哪些人？故事？問題？資源？

→

② 再定義網站 誰要用？需要什麼？資訊如何組織？

→

③ 最後才寫程式 HTML、HTTP、Django、Database

結語：從「會做網站」走向「知道為什麼做網站」

透過「水井三寶」這個真實USR案例， 學生學到的不只是如何完成一個網站， 而是如何從地方場域中發現問題、辨識使用者、整理內容、建立資訊架構與資料模型， 最後再使用 Web 技術把想法真正部署到 Internet。

💡 從「會寫」到「會想」 先問功能為什麼需要存在

🛠️ 從「作業」到「作品」 面對真正的使用者與問題

🌏 從「網站」到「社會實踐」 讓技術成為地方改變的工具

AI可以幫學生寫網站，
但「什麼網站值得被做出來」，
仍然需要人去理解地方、理解使用者，也理解問題。

因此，《網際網路 × USR：從地方故事到數位共生平台》 最適合教學生的一課，不是如何複製「水井三寶」網站， 而是帶著學生真正走過一次完整的數位設計歷程：

從地方出發 → 發現問題 → 理解使用者 → 設計網站 → 建立系統 → 回到地方

案例網站
水井三寶｜三寶同行・水井共生

本文可作為「網際網路」、「Web程式設計」、「Django實務」、 「PBL專題實作」與「USR地方實踐」課程之導讀教材。