精靈式網站生成系統之設計與實作 Design and Implementation of a Wizard-based Web Generation System

精靈式網站生成系統之設計與實作Design and Implementation of a Wizard-based Web Generation System 碩士論文學生：廖麗雅指導教授：張顧耀老師

大綱 • 前言 • 相關背景 • 系統設計與實作 • 結論與未來展望

前言 • 校內的網站 • 人力 • 維護 • 風格 www.dyu.edu.tw

前言 • 網站生成系統(Web Generation System:WGS) • 精靈式的網站 • 生成網站 • 系所 • 行政 • 優點 • 減少人力 • 方便維護 • 風格一致性 WGS 資工系電算中心體育室生成網站

前言 • 生成網站 • 資訊統一 • 架構符無障礙A+規範 • 29條檢測碼 • 定位點(:::) • 網站導覽

相關背景 其他架站系統 • 常見架站系統 • Xoops • wordpress • Moodle • Joomla WGS 資工系電算中心體育室資工系 General purpose 電算中心體育室 Domain specific

相關背景 • PHP • MySQL • DHTML (Dynamic HTML) • DOM (Document Object Model) • CSS (Cascading Style Sheets) • JavaScript • AJAX (Asynchronous JavaScript and XML)

系統設計與實作 • 主要設計 • 身分認證 • 精靈式流程 • 導覽列編輯 • 佈景主題 • 公告消息與廣告發布 • 內容之新增與編輯

系統設計與實作-身分認證 • 身分認證設計-使用對象 • 使用者的身分 • 網站管理者的身分 • 方法 • 文字設定 • 身分認證模組

系統設計與實作-身分認證 • 使用者的身分 • Admin • User • Guest(空白) • 網站管理者的身分 • 網站創建者 • True • False

系統設計與實作-身分認證 • 優點 • 簡單 • 系統化做法 • 程式重複利用

系統設計與實作-精靈式流程 • 精靈式流程 • 問答方式 • 上一步與下一步 • 優點 • 設定方便(預設值) • 淺顯易懂

系統設計與實作-導覽列編輯 • 導覽列編輯設定-目標 • 使用者 • 直覺式 -WYSWYG（What You See is What You Get） • 降低與伺服器連結次數 • 設計 • 階層關係 • 呈現方式 • 編輯功能

系統設計與實作-導覽列編輯 • 階層關係 • 項目編號 • 數字 (3碼) • 第一層 • 100倍數 • 第二層 • 第一層+10倍數

系統設計與實作-導覽列編輯 • 呈現方式 • 表格 • 行數 = 網站類型(可視筆數)+ 20(隱藏筆數) • 網站類型 • 行政 (5筆) • 系所 (15筆)

系統設計與實作-導覽列編輯 可視筆數 n 可視筆數 n+1 隱藏筆數 20 隱藏筆數 20-1

系統設計與實作-導覽列編輯 • 編輯功能 • 新增 • 刪除 • 上移 • 下移 • 升階 • 降階 • Demo

系統設計與實作-佈景主題 • 佈景主題設計 • 資料 • 呈現 • Demo CSS 1 CSS 2 CSS 3

系統設計與實作-公告消息與廣告發佈 • 公告消息與廣告發佈 • 全校 • 個別 • 設計 • 網站編號 • 系統保留:0~99 • 全校:99 • 生成網站:100以上

系統設計與實作-內容之新增與編輯 • 內容之新增與編輯 • 導覽列項目設定 • 外部連結 • 內部連結 • 使用樣板 • 不使用樣板 • Demo

系統設計與實作 • 實作-開發環境 • Microsoft Windows XP平台 • Apache Web Server 2.2.4版本 • PHP Script Language 5.2.3版本 • MySQL Database 5.0.45版本 • phpMyAdmin Database Manager 2.10.2版本 • Macromedia Dreamweaver 8

結論與未來展望 • 提供一個精靈式的網站生成系統 • 資料提供 • 快速建置網站 • 方便管理 • 節省人力 • 提高一致性 • 未來展望 • 結合校內資料庫 • 減少資料提供

The End Thanks

精靈式網站生成系統之設計與實作 Design and Implementation of a Wizard-based Web Generation System