AI 時代的軟體工程

SITCON Camp 2026 主線課程

Denny Huang

2026/07/09

Denny Huang

資訊「工程」

手機很快沒電怎麼辦？

流程

  • 觀察與分析
  • 設計方案
  • 測試與改進
  • 實現解決方案

科學方法

圖片來源：Wikimedia Commons

軟體工程？

  • 系統性
  • 規格化
  • 可定量
  • 程序化方法

軟體危機

花蓮馬太鞍

圖片來源：行政院全球資訊網（新聞傳播處），2025-09-28，政府資料開放授權條款-第1版；Lin Yen Ting / Office of the President（總統府），2025-09-25，CC BY 4.0

今日專案

打開 GitHub 組織

repo 命名規則

第 1 小隊 第 1 個人：t1-m1-se-disaster
第 1 小隊 第 2 個人：t1-m2-se-disaster
...
第 2 小隊 第 1 個人：t2-m1-se-disaster
第 2 小隊 第 2 個人：t2-m2-se-disaster
...
第 9 小隊 第 6 個人：t9-m6-se-disaster

https://denny.one/SITCON-Camp-2026-SE/

光復超人平臺資訊流

小蜜蜂平臺資訊流

兩種設計方向

面向 光復超人 小蜜蜂
核心定位 建立較完整的災後協作平台 把重要需求送到可執行的人
設計重心 功能覆蓋、資料結構化、任務追蹤 低門檻、人工審核、快速派單
適合情境 任務量大、需要長期追蹤 變動快速、需要即時判斷

取捨一：功能完整 vs 聚焦單一流程

面向 光復超人 小蜜蜂
功能範圍 志工行前、人力媒合、物資配送、地圖整合 需求填單、審核、派單、接案
優點 能支援較完整協作流程 流程單純、容易快速上線
代價 系統與角色理解成本較高 可處理問題範圍較窄

取捨二：開放輸入 vs 人工審核

面向 光復超人 小蜜蜂
需求進入 較開放，需求可快速進入平台 需求進入後由人工審核調度
資料品質 較容易出現重複、不完整或不實資訊 較能過濾錯誤與可疑資訊
代價 需要後續查核與整理 依賴審核者，人力可能成為瓶頸

取捨三：自接任務 vs 調度派單

面向 光復超人 小蜜蜂
任務媒合 志工自行瀏覽、主動接案 審核後派單，執行者接案
優點 快速、分散、降低管理成本 較能確認任務是否合理
風險 熱門任務被搶接，冷門任務沒人處理 調度者負擔高，難以擴大

軟體開發生命週期（SDLC）

  • Request and Analysis Phase（需求與分析階段）
  • Design Phase（設計階段）
  • Coding Phase （撰寫階段）
  • Testing Phase（測試階段）
  • Maintenance Phase （維護階段）

DevOps Infinity Loop

改作自 Devops-toolchain.svg，原作者 Kharnagy，來源 Wikimedia Commons，採 CC BY-SA 4.0 授權；由 Denny Huang 修改並翻譯，本改作同樣採 CC BY-SA 4.0。

Request and Analysis Phase 需求與分析階段

找 Agent 來做使用者訪談

使用 01-interview-kit

Design Phase 設計階段

用 Mermaid 建立流程圖，幫助人類與 AI 共同理解

flowchart LR
  Flickr[Flickr<br/>照片與相簿來源]
  Sheets[Google Sheets<br/>正式照片索引]
  AppsScript[Apps Script<br/>Sheets 內維護輔助]
  Pages[公開搜尋前端<br/>唯讀找圖介面]
  AI[AI 助手與 agent<br/>找圖與標記候選]
  Users[籌備團隊與公開使用者]

  subgraph Project[這個專案提供的能力]
    Rules[資料規則<br/>schema / taxonomy / 欄位文件]
    Intake[匯入與同步工具<br/>相簿盤點 / intake / validation]
    Interfaces[使用介面原始碼<br/>GitHub Pages / Apps Script]
    AIGuide[AI 輔助流程<br/>prompt / run artifact / report]
  end

  Flickr -->|相簿與照片 metadata| Intake
  Rules --> Intake
  Intake -->|候選列與同步計畫| Sheets
  Interfaces -->|clasp deploy| AppsScript
  Interfaces -->|GitHub Actions artifact| Pages
  Rules --> AppsScript
  AppsScript -->|提示與校對| Sheets
  Sheets -->|build-time 公開 CSV / static artifact| Pages
  Sheets -->|公開 photos CSV / Sheet| AI
  AIGuide -->|輸入規則與報表| AI
  AI -->|找圖建議或候選標註| Users
  Pages -->|搜尋與篩選| Users
  Users -->|確認後編輯| Sheets

用 Mermaid 建立流程圖，幫助人類與 AI 共同理解

使用 02-flow-design-kit

實作！

交流分享

  • 你下了什麼 prompt 特別有用？
  • 你 prompt 說了什麼沒有達成目的甚至有反效果？

Q & A

Thanks for listening

這堂課的成果如何？課程結束後，另外整理了實際課堂、全班成果、Git 紀錄與教學反思。

查看課程成果報告 →

特別感謝

數位發展部

Cloudflare

本投影片採用

CC BY-SA 4.0 釋出

Marp 製作

Google tag (gtag.js)