畫面示意 DEMO

垃圾清運(新竹市垃圾車清運動態)

依美術交付之切版組成的可點擊流程,用於確認畫面、狀態分支與後端欄位對照。

此為純靜態畫面示意,不連接任何 API、不會寫入或傳送任何資料、不會發送推播, 畫面上的清運點、時間、車號、公告皆為示意值。地圖底圖為 OpenStreetMap,需要連網才會顯示。

狀態設定

每一個維度都會寫進網址,可以把特定狀態的連結直接寄給客戶或後端。

後端對照

開啟後,手機框下方會列出這一頁會呼叫的端點與回應 JSON。 畫面上的狀態、時間、每週規律都由這份 JSON 驅動,兩邊保證一致。

畫面清單

編號為 PM 規劃的畫面編號 S01–S08。點選會一併套用該畫面所需的狀態組合。

流程:S01 首頁 ──即時清運動態──▶ S02 圖台 ──點 pin──▶ 詳情卡 ──提醒──▶ S03 到站提醒
   S01 首頁 ──清運路線查詢──▶ S05 路線總表 ──點路線──▶ S06 詳細路線
   S01 首頁 ──垃圾清運訊息──▶ S07 訊息列表 ──點標題──▶ S08 訊息內頁

S01 垃圾清運首頁 單頁開啟 ↗

切版來源 pelin/hc-clean/(S01・S02・S05・S06・S07・S08)與 pelin/modal/modal-page.html(S03・S04 兩個 Bottom Sheet); 欄位對照 docs/垃圾清運/api.html(HC1-1 ~ HC6-2)。 內部備註與待確認事項見 clean-demo/README.md,該檔不隨客戶包寄出。