Justin

Command Palette

Search for a command to run...

返回作品典藏庫
開發中2026backend-desktop

ChronosMap 時空編織者

數位典藏時空導航器：在地圖與時間軸上重現歷史脈絡

ChronosMap 是以 .NET 10 與 Avalonia 打造的跨平台桌面應用，將歷史事件與典藏檔案同時投影到地圖、時間軸與知識關係圖三個維度。拖動時間軸即可篩選對應年代的事件，點選地圖節點可在拓樸圖中展開人物、地點與機構間的語意關聯，並支援完整的新增、編輯、搜尋與 JSON 匯入匯出。

網站 DemoGitHubDemo 錄影Project Docs

已驗證 Demo 錄影 1

由 portfolio quality pass 從既有專案 demo 素材複製。

11 張截圖2 支 Demo 影片

媒體總覽

快速瀏覽這個專案的截圖與錄影展示。

專案連結與 Demo 狀態

live

網站 Demo

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

github

GitHub

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

video

Demo 錄影

有 Demo 錄影時直接開啟；尚未錄影時，使用本段作為錄影檢查清單。

documentation

Project Docs

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

專案概覽

## 專案概觀 ChronosMap（時空編織者）是一款數位典藏「時空導航器」，把歷史事件與檔案資料同時呈現在**地圖**、**時間軸**與**知識關係拓樸圖**三個維度上。使用者拖動時間軸即可看到對應年代的事件在地圖上浮現，點選節點則能在拓樸圖中展開該事件與人物、地點、機構之間的語意關聯。 ## 技術架構 專案以 **.NET 10 + Avalonia UI 12** 建構跨平台桌面前端，採用 **ReactiveUI / CommunityToolkit.Mvvm** 的 MVVM 模式。後端邏輯遵循 **Clean Architecture**，拆分為 Domain（KnowledgeEntity、HistoricalEvent、KnowledgeRelation、HistoricalTimeRange 等領域模型）、Application（TemporalQueryService、ProjectDocumentService 等用例）與 Infrastructure（LocalProjectFileStore、JSON 序列化）三個獨立專案。地圖以 Mapsui 疊加 OpenStreetMap 圖磚並渲染事件圖釘。 ## 主要功能 - 時間軸滑桿與「時空巡航」自動播放，依年代即時篩選事件 - 地圖圖釘點擊選取，與右側資訊面板及清單雙向連動 - 以三角函數自製的 2D 力導向拓樸圖，依關係型別動態著色節點 - 完整 CRUD 表單、關鍵字／標籤搜尋，以及原生 JSON 匯入匯出 ## 完成度 目前為**可運行的進行中原型**：核心互動（地圖、時間軸、拓樸圖、CRUD、持久化）皆已實作並有 stage 化的開發歷程與 xUnit 往返測試；README 與部分舊模型遷移仍待補完。

我的角色

獨立開發者（架構設計、領域建模、UI 與資料層全端實作）

問題背景

傳統數位典藏多以靜態清單呈現，使用者難以同時掌握史料的「時間、空間、關係」三個面向，也缺乏可互動探索的脈絡視圖。

解決方案

採用 Domain／Application／Infrastructure 分層的乾淨架構，以 MVVM（ReactiveUI）串接 Avalonia 介面；用 Mapsui 疊加 OpenStreetMap 圖磚與事件圖釘，時間軸滑桿驅動 TemporalQueryService 做年代篩選，並以三角函數自製力導向拓樸畫布呈現知識關係。

目前成果

已完成可運行的原型：地圖圖釘、時間軸巡航播放、關係拓樸圖、CRUD 表單與 JSON 持久化皆可操作，並建立領域模型與 xUnit 往返測試。

作品亮點

  • 三維度整合：地圖、時間軸、知識拓樸圖同步連動
  • Mapsui + OpenStreetMap 即時渲染地理圖釘與點擊選取
  • 以 Clean Architecture 切分 Domain／Application／Infrastructure 三專案
  • TemporalQueryService 依年代範圍與篩選模式查詢事件
  • 自製三角函數力導向拓樸圖呈現人物／地點／機構關係
  • 原生 JSON 匯入匯出，啟動時智慧遷移舊版存檔

技術挑戰

  • 在 Avalonia 12 整合 Mapsui 並修正圖釘樣式與點擊雙向綁定
  • 重構領域型別重複編譯與 partial method 簽章衝突問題

目標使用者

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

技術亮點

  • 偵測到的主要技術線索：C#, .NET 10, Avalonia UI 12, ReactiveUI, CommunityToolkit.Mvvm, Mapsui, OpenStreetMap, xUnit, JSON Serialization
  • 已有 README 作為後續補齊案例研究的依據
  • 尚未確認公開 GitHub repository，作品集會先標示 GitHub 待補

系統架構

此專案目前由 portfolio catalog pipeline 依 README、Git metadata、package/build 設定與素材線索建立案例頁。正式架構說明仍需依實際 source code 補齊；目前可確認的技術線索包含：C#, .NET 10, Avalonia UI 12, ReactiveUI, CommunityToolkit.Mvvm, Mapsui, OpenStreetMap, xUnit, JSON Serialization。

資料流程

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

專案結構

ChronosMap/
  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.
Build support was detected from project configuration. Run the repo-specific build command before publishing new screenshots or demos.

後續改進

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

面試說明重點

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

後續規劃

  • 完善 README 與使用說明文件
  • 將 Legacy ArchiveEvent 全面遷移至新領域模型並擴充測試覆蓋

相關作品