Table of contents
跨世代升級!純靜態網站進化 Astro 框架
為提供全校師生與自治夥伴更流暢、更現代化的法規查詢體驗,我們很高興宣佈:「高師大附中學生會自治法規共用系統」已經完成全面性的底層重構與視覺升級!
本次升級雖然外觀沒有很大的變化,但系統核心架構卻是徹底翻新。我們引進了 Astro 前端技術,致力於打造一個極致快速、優雅且易於維護的法規資料庫。
使用者有感!全新亮點與功能
雖然外觀並沒有大變化,但我們還是替各位帶來了全新的小功能。過去的補助功能也隨著底層的架構升級有所進化。
法規「動態目次」
可以跟過去慢慢滑、慢慢找法規章節的日子說掰掰了!隆重為各位介紹法規目次功能:
- 電腦版:常駐於畫面左側,滾動時還能自動標示目前正在閱讀的章節,不再於茫茫大海中迷路。目次字很多很煩嗎?目次支援一鍵收合,還給你最純粹的閱讀空間。
- 手機版:導入「滑動感知」技術。當您往下閱讀條文時,按鈕會自動隱藏、不干擾閱讀體驗;當往上滑動或到達頁面底部時,目次按鈕才會從畫面左側滑出來,點擊即可呼出的章節導覽選單。
條文關鍵字搜尋
找法條不用再靠肉眼!右上角的搜尋功能經過重新打磨:
- 輸入關鍵字,系統會自動將所有符合的詞彙以醒目的黃色底色標示。
- 支援「上一筆 / 下一筆」跳轉搜尋結果。
- 附件標題也找的到喔!(附件內文就不行了,還請自行點開來看) 除此之外,我們還微調了程式邏輯,試著讓使用者體驗更好。
把 SA Law 帶回家:漸進式網絡應用程式
想找法規不再需要打開 Google 瀏覽器!漸進式網絡應用程式(Progressive Web App,簡稱PWA)讓你直接把 SA Law 下載到你的裝置上。
Android 系統(Chrome 瀏覽器)
- 開啟網站。
- 瀏覽器右上角通常會彈出「將應用程式新增至主畫面」的提示。
- 若無提示,按右上角三個點選單,選擇「安裝應用程式」或「新增至主畫面」。
iOS 系統(Safari 瀏覽器)
- 使用 Safari 開啟網站。
- 點擊下方分享按鈕。
- 選擇「加入主畫面」。
桌上型電腦(Chrome、Edge等)
- 網址列右側會出現一個類似下載安裝的圖示(安裝提示)。
- 點擊圖示,確認安裝。
在沒有網路的地下室或高鐵上查法規也沒問題! 只要造訪過一次網站,法規內容與樣式就會自動快取到裝置中。下次點開,即便是離線狀態也能秒開所有法規。
可維護性極大程度簡化
過去,更新法規需要在一堆雜亂的 HTML 標籤中修改文字,對於沒有網頁編輯經驗的同學不太友善;現在,我們導入了強大的自定義解析器。未來的學弟妹只需要編寫最簡單的純文字 Markdown 檔案,系統就會自動將其轉換為帶有正確縮排、章節標號與精美樣式的法規網頁。
詳細的維護格式與手冊,請從 SA Law 的 Github REPO 閱讀。
高師大附中學生會,致力於用科技推動校園民主的前進。
※ 本文由學生議會第八屆議員主筆