Version Evolution
版本進化對比
從 1.0 的 Python Streamlit 單體實驗原型,進化為 2.0 現代化 Next.js 15 + FastAPI 高效能分離式航太戰情系統。
首頁初次載入12x 提速
1.0 Streamlit3.8 秒 (單體阻塞)
2.0 Next.js0.3 秒 (SSR + Edge)
航班輪詢延遲零畫面卡頓
1.0 Streamlit整頁重新執行 (2.5s)
2.0 Next.js局部 30s 非同步 (80ms)
架構模式微服務化
1.0 StreamlitStreamlit 耦合單體
2.0 Next.jsNext.js + FastAPI 解耦
視覺體驗航太戰情室
1.0 Streamlit傳統 2D 圖表堆疊
2.0 Next.js3D 互動地球 + 擬態戰情室
Legacy Architecture
Airframe 1.0 原型架構
Streamlit 單線程執行模型
每一次 UI 互動(滑桿拖曳、按鈕點擊)都會從頭到尾重新執行整份 Python 腳本,造成顯著運算延遲與白屏等待。
業務邏輯與介面緊密耦合
爬蟲、資料清洗、天文計算與 HTML/CSS 混雜在同一檔案中,難以進行單元測試與現代前端元件化開發。
受限的版面自訂彈性
依賴 Streamlit 預設容器,無法實作 3D 空間互動、自訂雷達掃描動畫或進階響應式手機導航。
Modern Fullstack
Airframe 2.0 現代微服務
Next.js 15 App Router + Turbopack
極速 SSR 渲染、非同步 React 19 架構與 Tailwind CSS 打造細緻流暢的航太深色戰情室介面。
FastAPI 非同步高效後端
提供完整 Pydantic 型別契約,並支援多源氣象與 ADS-B 航班的高並發非同步快取查詢。
純 Canvas 3D 互動地球 & 局部輪詢
每 30 秒靜默刷新周遭 300km 空域,即時呈現呼號、高度、航向與地速,操作完全零中斷。
Detailed Comparison
Features
使用者介面與互動 (UI / UX)
3D 互動全球航線球體
1.0: 未支援
2.0: 全新支援
2.0 提供純 Canvas 打造的 360° 可旋轉 3D 全球大圓航線與台北雷達動態掃描。
深色航太戰情室美學
1.0: 未支援
2.0: 全新支援
採用暗黑座艙色調、雷達青光暈、玻璃擬態卡片與響應式排版。
手機端與平板完整適配
1.0: 未支援
2.0: 全新支援
Streamlit 在手機易產生破版與橫向捲軸;2.0 針對各尺寸螢幕深度優化。
即時互動地圖局部刷新
1.0: 未支援
2.0: 全新支援
ADS-B 航班更新時僅平滑移動圖釘,地圖不重載、不重置縮放中心。
Features
系統架構與性能 (Architecture)
前後端完全分離 (RESTful API)
1.0: 未支援
2.0: 全新支援
FastAPI 提供嚴格 Pydantic 型別定義與 OpenAPI 規範,方便未來擴充 App 或桌面版。
狀態管理與偏好持久化
1.0: 未支援
2.0: 全新支援
支援 LocalStorage / Cookie 雙向同步儲存使用者專屬 API Key、自訂預設座標與半徑。
多源氣象非同步平行請求
1.0: 未支援
2.0: 全新支援
OpenWeatherMap、METAR 與 OpenSky 同步並行查詢,大幅縮短分析等待耗時。
生產級容器與微服務部署
1.0: 未支援
2.0: 全新支援
支援 Docker Compose、Vercel + Render / Fly.io 雲端彈性部署架構。
Features
拍攝運算與 AI 核心 (Algorithms & AI)
複合氣象物理與光線模型
1.0: 具備
2.0: 全新支援
100% 傳承經過實測的能見度、雲幕高度、降水、太陽天球方位及尾跡運算法則。
自適應反饋偏差校正 (Feedback EMA)
1.0: 具備
2.0: 全新支援
依據攝影師實際出景評分紀錄,自動計算指數移動平均修正機率 Bias。
OpenAI-Compatible AI 攝影顧問
1.0: 未支援
2.0: 全新支援
支援在前端填入任意 OpenAI-compatible Key,即時給予鏡頭焦段、快門光圈配置建議。