讓知識，
有形可見。

互動式通訊教育系統

5G NR 實體層協議小測驗

一項專為 3GPP LTE/5G NR 實體層工程師設計的專業線上互動測驗平台。深入涵蓋 SSB 時頻資源映射、下行廣播通道 (PBCH) 頻道編碼流、RACH 隨機接入程序與子載波間距 (SCS) 對齊計算。每個測驗題目都附有嚴謹的學術推導、公式解析與 3GPP 規格書條款引用。

• React
• Next.js
• TypeScript
• Tailwind CSS
• SVG Canvas
• KaTeX (Math)

功能摘記

• 包含單選題、多選題與情境式頻譜分配填空題
• 提供即時的答題正誤分析，並以 LaTeX/Markdown 渲染完整的推導細節
• 內嵌動態 SVG 資源網格 (Resource Grid) 題目，點擊可即時查閱各 RE (Resource Element) 分配情況
• 整合 3GPP TS 38.211 與 TS 38.212 標準文件查閱指南

數位訊號處理 (DSP) 實驗室

離散傅立葉轉換與頻譜洩漏模擬器

在數位訊號處理中，有限長度的時間截斷會導致頻譜洩漏。本工具提供一個完全互動式的動態圖形介面，讓使用者自訂弦波信號參數（振幅、頻率、相位），並透過調整取樣長度與不同的窗函數（Rectangular, Hamming, Hann, Blackman），實時觀察並對比頻域旁瓣 (Side-lobe) 的衰減與解析度變化。

• HTML5 Canvas
• Tailwind CSS
• JavaScript (ES6)
• DSP Algorithms

功能摘記

• 純瀏覽器端實時計算離散傅立葉轉換 (DFT) 頻譜響應
• 雙頻道對比：可同時渲染兩種不同窗函數在時域與頻域下的性能差異
• 精準標記第一旁瓣衰減分貝值 (-13dB, -43dB, -32dB 等) 與主瓣寬度變遷
• 流暢的 Canvas/SVG 折線圖渲染，支持多指縮放與精確懸停數值標籤

無線通訊資源可視化

5G NR 幀結構多維網格查看器

3GPP 5G NR 支援多種靈活的子載波間距 (SCS = 15k, 30k, 60k, 120k Hz)，導致一個子訊框中的 Slot 數量不同。本項目建構一個三維響應式格點檢視器，動態拆解 10ms Frame -> 1ms Subframe -> Slots -> 14 OFDM Symbols 的多層級級聯關係，並彩色標記下行 (DL) / 上行 (UL) / 彈性 (Flexible) 符號的符號級別分配。

• React
• TypeScript
• Tailwind CSS
• Dynamic SVGs

功能摘記

• 視覺化展示 Type A / Type B 隨機存取前導碼映射結構
• 支援 3GPP 規格的常見 Slot 格式設定 (TDD Common Configuration)
• 即時計算當前 SCS 與 CP 類型下的時域物理長度與傳輸開銷
• 高對比網格視角，極佳的 RWD 縮放比例，在手機螢幕上依然保持清晰可讀

嵌入式互動教育工具

部落格互動式協議測驗

直接嵌入技術部落格文章中的互動測驗元件，讓讀者在閱讀 5G NR 實體層知識後即時驗證理解。測驗涵蓋 SSB 結構映射、PBCH 頻道編碼、RACH 隨機接入程序，以及 SCS 與 Slot 結構計算等核心主題。每道題目皆附帶嚴謹的 3GPP 規格引用與數學推導，並採用 KaTeX 渲染公式，提供深度學習與自我評估的一站式體驗。

• React
• Next.js 14
• TypeScript
• MDX
• Tailwind CSS
• KaTeX

功能摘記

• MDX 內嵌互動元件：可直接在部落格文章中使用 <Quiz /> 標籤調用
• 支援單選與多選題型，答題後即時顯示正確/錯誤分析與詳解
• 每題推導使用 KaTeX 渲染 LaTeX 數學公式，確保學術級精確表達
• 題庫按主題分類：SSB Mapping / PBCH Polar Coding / RACH Preamble / SCS Timing