歡迎參觀:尼爾網站設計工坊網站 跳到主要內容 網站導覽

會員登入

忘記密碼? 現在註冊!

流量統計

今天: 49
昨天: 504
本週: 2830
本月: 13547
總計: 119585
平均: 399

網站QRcode

尼爾網站設計工坊-網站QRcode
關閉網站選單
:::

內容資訊:完成「桃園市獎學金申請系統」XOOPS AWD 無障礙AA自適應網站設計與模組開發專案-尼爾網站設計工坊-網站設計


發佈者:管理員 / 發佈時間:2025-11-20 / 內容狀態:啟用中
:::

2025年11月最新網站設計作品,由桃園市立富岡國民中學委託尼爾網站設計工坊打造全新的「桃園市獎學金申請系統」。本次專案從視覺介面設計、前後端程式開發、模組功能優化,到系統安全與無障礙規範全面強化,完整提升桃園市跨校獎學金申請流程的效率與品質。
核心開發內容包含客製化打造「Neil 獎學金申請模組」tad_users批次會員匯入功能優化與資料匯入、以及重構XOOPS會員機制並加入初次登入強制變更密碼流程。透過模組化系統重新設計,協助全市各級學校承辦人順暢完成名冊填報,大幅減少行政作業時間,提升公務效能。UX/UI 動線亦全面優化,操作流程明確不混亂,提升整體易用性。
網站已正式通過 數位發展部 WCAG 2.1 AA 無障礙認證,完全符合政府最新無障礙法規,提供所有族群皆能順利瀏覽的友善環境。

系統環境與技術架構
  • 使用程式:PHP8.3.26、jQuery、JavaScript、Smarty3、AJAX
  • Apache 版本:2.4.65
  • XOOPS 版本:2.5.11
  • MySQL 版本:8.0.4
  • 前端框架:HTML5+Bootstrap 4.6+客製化 CSS
  • 網站語系:繁體中文
  • 瀏覽器相容:Edge、Chrome、Firefox、Vivaldi、Opera
  • 最佳解析度:1440px(向下相容 1024×768 以上)
  • 支援裝置:桌機/平板/手機,具備自動等比例縮放與 CTRL+200% RWD 自動重排
  • SSL 憑證採 Certbot,自動續期,TLS 1.3,ssllabs.com A+ 級驗證
  • 搜尋引擎最佳化:已提交 search.google、xsitemap,完整建立索引
無障礙與系統安全強化
  • 完全符合 WCAG 2.1 AA,導盲磚(:::)、網站導覽、Access Key、完整鍵盤操作
  • Google PageSpeed 手機版無障礙檢測:100 分
  • 配置尼爾網站設計自研發 Neil_ISP v2.0 分散式爬蟲攻擊智能防禦套件,有效阻擋分散式爬蟲與代理攻擊
  • 重構 XOOPS 會員機制,加入初次登入強制變更密碼流程,提升使用者資安保障
主要開發成果
  • 完成 Neil 獎學金申請模組
  • 優化 tad_users 批次匯入功能 並成功匯入全市各級學校帳號
  • 完整改寫 XOOPS 會員啟用流程
  • 建立獨立行動版介面,依裝置自動載入對應佈景
  • Google 行動裝置相容測試通過
視覺設計理念:溫暖校園 × 行政服務 × 現代網頁體驗
「桃園市獎學金申請系統」以 溫暖、親切、易於理解 的校園風格作為主軸。色彩採柔和粉橘、校園藍與中性色調,打造既具有教育氛圍又不失現代感的行政平台。 首頁大幅插畫以「畢業典禮頒發獎學金」為主題,透過清新的動漫視覺呈現學生努力與榮耀的瞬間,象徵桃園市以獎學金鼓勵學習、支持孩子實現夢想。
版面採左側功能主選單搭配中央資訊呈現區,操作結構清晰易懂;按鈕、圖示、最新消息區、外部連結與警示資訊皆以高識別度方式設計,確保大量資訊下仍能保持整齊與易讀性。
整體設計融合:
  • 教育網站的友善氛圍
  • 公務系統的可信度與穩定性
  • 現代介面的輕盈與易用體驗
打造一個讓師生、家長與承辦人都能安心使用、易於理解且視覺舒適的市級獎學金申請入口網站。

:::
內容資訊