工程交接

活動報名 ＋ 創作者・串接規格文件

同一個實習通認證帳號：辦活動、收報名與審核、發內容。下面可直接點開 Demo，再往下是完整串接說明（資料模型、路由、對應原平台後台）。

串接進度看板 工程師從這裡回報

交接文件的每一項工作都在這裡逐項打勾。串好了點「已完成」，卡住了寫下問題 — 進度存在伺服器，雙方打開同一頁就看得到。

開啟看板 →
這頁有兩種東西，已分開標示： Demo 畫面 ＝ 可點開操作的前端示意（假資料、不接後端、右下角有「前端 Demo」標記） 　· 交接文件 ＝ 給工程師的串接規格、說明與架構圖（不是產品畫面）

開發排程：短 / 中 / 長期

給工程端的優先順序；各項連到對應 Demo，完整週次與驗收見 工程時程規劃

2026-07-25 調整優先序：活動相關的東西（含社團等組織型主辦）＋創作者主頁＋部落格全部拉到短期，目標是這個暑假讓社團把招募資料放上來。收費活動用的代收代付與撥款結算移到中期 —— 免費招募活動先跑起來，金流不擋上架。

短期

暑假衝刺・目標：社團把招募資料放上來

中期

暑假後・收費活動與擴充

  • 代收代付繳費動線外部依賴金流特店申請外部審核 2–4 週：確定要開放收費活動的那一週就要送件（§6）
  • 撥款結算 settleAndPayout高難度需按會計法規／發票流程撰寫；結算對帳 gross−抽成−手續費＝net（spec §14.1）；金流 PR 雙人 review
  • 活動個人化：領域／推薦／追蹤主辦只影響排序、不隱藏活動；推薦標示原因（spec §16）
  • 帳號選單依角色＋話題牆串接共用選單＋旗標條件展開（spec §15）；活動上架自動建話題（INTEGRATION §17）
  • 整合回歸＋資安＋灰度上線三視角回歸、資安清單逐項、feature flag 逐批開（TIMELINE Phase 5）

長期

另案排程・可較晚（活動金流穩定後）

  • 職涯學院 Academy 全套另案課程探索／購買／教室／課程後台／Admin；另案 2 人 8–10 週（ACADEMY-PRD、spec §17）
  • 推薦 API（職缺／履歷健檢／活動共用）回傳需帶推薦原因（INTEGRATION §20.2）
  • 短中期只做兩個預留Order／Payment 加 itemType（activity｜course）；Payment Provider interface 先定好（§20.1），Academy 才不重工

緊急＝先做，擋住其他功能或有外部等待期　·　高難度＝需會計法規／金流商配合，預留較長時間　·　外部依賴＝送件後等待外部審核　·　另案＝獨立排程、可較晚

Demo 畫面

前端假資料，點進去可實際操作；卡片上已標「短／中／長期」與緊急度
Demo

主辦單位入口 從這裡開始

怎麼取得主辦單位身份（＝認證帳號）、怎麼發佈活動，兩條動線一頁看完，並連到各 Demo。

看入口 → Demo

建立活動・編輯器 短期・緊急

四步驟：活動內容 / 票券（販售時間×數量）/ 報名表單（拖曳排序、欄位設定）/ 進階。

開啟 Demo → Demo

認證帳號後臺 短期・緊急

活動管理、報名名單＋審核、撥款結算、創作內容（部落格），長在官方帳號底下。

開啟 Demo → Demo

撥款結算 中期・高難度

後臺的金流那半：總收款 / 手續費 / 待撥款 / 已撥款、每場結算明細與撥款記錄（對應金流規格 §10）。

看撥款結算 → Demo

社團主頁 多管理員 / 換屆 短期・緊急

社團以組織身分擁有帳號：幹部團隊（多管理員角色）、換屆交接（換人不換社團、資料保留）、社團活動。

開啟 Demo → Demo

社團註冊流程 短期・緊急

社團資料 → 身分驗證（指導老師）→ 邀請幹部（多管理員）→ 送審。四步驟，可實際操作。

開啟 Demo → Demo

活動個人化加層 中期

補在既有活動頁上的個人化：領域 chips、「為你推薦」（接既有「綜合」排序、標出原因）、追蹤主辦。不取代既有篩選，見 spec §16。

開啟 Demo → Demo

報名者畫面 短期・緊急

活動介紹 → 報名表單 → 選擇票券。內容由編輯器帶入，票券狀態自動判斷。

開啟 Demo → Demo

創作者主頁 短期・緊急

關於我 / 專長 / 部落格 / 主辦活動 / 活動紀錄。主辦活動連到報名頁。

開啟 Demo → Demo

創作者專區・介紹 短期

價值主張、精選創作者、能做什麼、三步驟成為認證創作者（流程介紹）。

看介紹 → Demo

部落格 短期

認證創作者發佈職涯／求職內容；發佈權對應 verified-creator 標章。

開啟 Demo → Demo

部落格編輯器・block 短期・緊急

取代舊的單一 contentEditable「框」：block 化、拖曳排序、＋ / 「/」插入、選字浮動工具列、圖片預覽、即時預覽。

開啟 Demo → Demo

職涯學院・課程探索 長期・另案

職涯導向課程平台：五類標籤篩選、職涯用途課程卡。整站可操作、資料存瀏覽器。

逛課程 → Demo

課程頁＋Mock 購買 長期・另案

18 區塊職涯導向課程頁；Order → Payment → Enrollment → 分潤紀錄全流程可實際操作。

走一次購買 → Demo

教室播放器 長期・另案

進度記錄、字幕（CC 可開關）、試看、教材下載、單元留言與公告；完課接個人頁／職涯地圖。

進教室 → Demo

創作者課程後台 長期・另案

Dashboard／我的課程／4 步開課精靈（拖曳章節）／收益分潤／留言管理。

開後台 → Demo

課程管理後台 Admin 長期・另案

課程審核（通過/退回/精選）、創作者管理、訂單退款、收益撥款與分潤設定。

開後台 →

交接文件 / 說明

給工程師：規格、說明、架構圖（非產品畫面）
文件

串接規格文件

活動報名＋創作者：逐頁對比「原本平臺 vs 這個 mockup」、資料模型、API、狀態機。本頁下方可讀／下載。

往下看文件 → 說明

整合動線

對應原平台後台（professional/home）的位置與點擊路徑、兩種審核的差異（圖解）。

看動線 → 文件

工程規格速查

速查表：資料模型、欄位、API、Firestore 規則、驗收標準，實作時快速對照。

看規格 → 流程圖

創作者使用流程 creator-zone

創作者專區那站的「完整流程圖」：申請認證 → 審核 → 發標章 → 主頁串接。另開分頁。

到 creator-zone → 文件

工程時程規劃 2 人×16 週

短中長期排程的完整版：六階段週次、兩人分工、外部依賴 lead time、資料完整性與資安檢查清單。

讀時程 → 未來功能

Academy 課程平台 預告・低優先

職涯導向課程平台 PRD：未排程、暫不實作，先讓工程端知道方向與「現在要預留什麼」（spec §17）。

讀 PRD →
活動報名整體串接架構
活動報名・整體串接架構：建立活動 → 票券（販售時間×數量）→ 上架（approvalStatus）→ 公開頁報名 → 報名者審核（待審核→已通過→待繳費→已付款）→ 平台代收代付。藍＝既有、金色虛線＝待補。切換下方分頁可看創作者版架構。
下載 Markdown

載入串接說明中⋯