Justin

Command Palette

Search for a command to run...

返回作品典藏庫
開發中2026information-system

ArchiveFlow Studio

以節點式 Workspace 管理個人數位典藏、Metadata、關係與匯出流程。

ArchiveFlow Studio 是以 C#、.NET 10 與 Avalonia 建立的跨平台桌面應用，核心是節點式 Workspace canvas。Desktop Full Version 使用本機 SQLite、Repository、Metadata editor、Graph Explorer、Import/Export pipeline；Browser Workspace Demo 則以 Avalonia WebAssembly 發布到 GitHub Pages，使用內建 sample data 與 in-memory storage 展示主要操作流程。

Workspace 網頁 Demo查看 GitHubREADME
ArchiveFlow Studio 的節點式工作流程畫布，包含檔案來源、處理節點與輸出節點

Browser Workspace 節點畫布 Demo

瀏覽器版以 Demo Mode 展示節點畫布、inspector、結果表、mock import/export 與 metadata preview/apply 流程。

8 張截圖

媒體總覽

快速瀏覽這個專案的截圖。

專案連結與 Demo 狀態

live

Workspace 網頁 Demo

有已驗證 Live Demo 時直接開啟；尚未部署時，使用本頁的執行指南準備手動展示。

github

查看 GitHub

有公開 repository 時直接開啟；尚未確認時，使用本頁原始碼狀態追蹤後續補齊。

documentation

README

有 README 時直接開啟；尚未補齊時，使用本案例頁作為文件基準。

專案概覽

ArchiveFlow Studio 是我用來展示「圖書資訊、Metadata、桌面 UI 與工程實作」交集的代表作品。它不是單純的檔案列表，而是把個人數位典藏流程變成可以操作的節點式 Workspace。 目前完整能力以 Desktop Full Version 為主，包含本機資料庫、檔案匯入、Metadata 編輯、關係建立、Graph Explorer 與匯出紀錄。Browser Workspace Demo 則是為了 portfolio 線上展示而做的 WebAssembly 版本：它不掃描使用者電腦、不寫入本機 SQLite，也不直接輸出到任意資料夾，而是用內建 sample data 模擬主要流程。 Demo 的重點是讓使用者一打開網頁就看到 Workspace canvas，可以理解 source、filter、search、metadata action、result table 之間如何連接，並在右側 inspector 看見不同節點的作用與目前輸出。這讓線上作品集可以展示產品核心互動，同時不誤導使用者以為瀏覽器版等同桌面版。

我的角色

獨立開發者 / Metadata 系統設計者 / .NET + Avalonia 工程師

問題背景

個人或小型單位的數位檔案常散落在資料夾中，缺少一致 Metadata、關係脈絡、批次處理流程與可交換的典藏格式。

解決方案

我設計一個節點式 Workspace，讓使用者把檔案來源、篩選、搜尋、Metadata 操作、關係建立與輸出串成可預覽、可套用、可重複執行的流程。瀏覽器 Demo 則保留這個互動模型，但用模擬資料避免觸碰瀏覽器 sandbox 無法支援的桌面功能。

目前成果

完成 Desktop Full Version 與 Browser Workspace Demo 的雙版本展示：桌面版保留完整本機能力，網頁版讓面試官可以直接在線上操作節點畫布、inspector、結果表、mock import/export 與 metadata preview/apply。

作品亮點

  • Browser Demo 第一畫面即為 Workspace canvas，包含節點庫、可拖曳節點、inspector、result table 與 pending changes。
  • Desktop 版保留本機 SQLite、Metadata Editor、Graph Explorer、Import Pipeline 與 Export Job Log。
  • 以 service abstraction 區分桌面功能與瀏覽器 Demo Mode，避免把平台差異散落在 UI 中。
  • GitHub Pages 部署的是 Avalonia WebAssembly publish 後的靜態 wwwroot，不是假裝執行桌面程式。

技術挑戰

  • 瀏覽器 sandbox 不能任意掃描本機資料夾、寫入 SQLite 檔案或使用原生 file dialog，因此需要清楚的 Demo Mode 邊界。
  • Workspace canvas 要在桌面與瀏覽器都維持可理解的節點流程、inspector 與結果回饋。
  • portfolio 頁面必須清楚區分 Desktop Full Version 與 Browser Demo Version，避免對功能完成度造成誤解。

目標使用者

  • 作品集審閱者與面試官
  • 需要快速理解專案目的、技術棧與成熟度的技術讀者

技術亮點

  • 偵測到的主要技術線索：C#, .NET, Avalonia, SQLite, Dapper, FluentMigrator, ImageSharp, WebAssembly, MVVM, Clean Architecture
  • 已有 README 作為後續補齊案例研究的依據
  • 已連接公開 GitHub repository，可從作品集追溯原始碼

系統架構

此專案目前由 portfolio catalog pipeline 依 README、Git metadata、package/build 設定與素材線索建立案例頁。正式架構說明仍需依實際 source code 補齊；目前可確認的技術線索包含：C#, .NET, Avalonia, SQLite, Dapper, FluentMigrator, ImageSharp, WebAssembly, MVVM, Clean Architecture。

資料流程

目前尚未完成可公開的資料流程說明。若此專案含資料處理、AI pipeline 或後端 API，後續應補上 input、processing、storage、UI/output 的端到端流程。

專案結構

ArchiveFlow/
  README.md              # project documentation, when available
  source files           # implementation reviewed by local audit
  package/build config   # detected capability signals

安裝與執行

This project does not expose a verified runnable web command yet. Review the README/source tree and add exact install, run, test, and build commands before interview use.
No verified build command was detected. Treat the current portfolio page as a case-study placeholder until build steps are reviewed.

後續改進

  • 補齊正式 README、截圖與操作腳本
  • 補上架構圖、資料流程與關鍵技術決策
  • 確認 build/test 狀態並更新 portfolio release report

面試說明重點

  • 先說明此專案目前的成熟度與可展示範圍
  • 聚焦在可驗證的技術棧、程式結構與已完成部分
  • 不要宣稱尚未部署或尚未測試的能力已完成

後續規劃

  • 持續補齊更多 built-in nodes 的實際執行測試。
  • 擴充 Workflow save/load 與更多 metadata mapping。
  • 補上更完整的 demo screenshots 與操作腳本。

相關作品