第三章 專題設計與規劃
3.5 專題時程規劃
圖 3-3 甘特圖
第四章 專題成果
2.3 聯絡我們部份，該功能使用微軟 server CDO.Message 寄發電子郵件元件 提高網路安全性。
2.4 聯絡我們部份，消費者只需提供姓名、電話、email 資料，後續連絡方式 使用人工聯絡，降低網路個人資料外洩風險。
3.效能需求
3.1 寄發電子郵件傳輸速度不得大於 30 秒。
3.2 文字資料庫上傳主機傳輸速度不得大於 30 秒。
3.3 照片資料庫上傳主機傳輸速度不得大於 60 秒。
4.文化與政治需求
4.1 廢棄物清除網站整體視覺風格應考慮到瀏覽者視覺觀感，固文化需求需要 以客觀與主觀主場~提供高文化高水準的網站設計與相關內容。
4.2 不需要特別的政治需求
4.1.4 系統的目標
一九衛生服務網期許能建置出一九衛生工程行從清理化糞池、疏通水管、疏 通馬桶、清理截油池、清理污水池、清洗水塔…等等相關廢棄物清除的完整資訊，
使想知道該資訊的消費者能不必再到其它網站，就可以得到該資訊。
4.2 系統分析
4.2.1.統一塑模語言
UML 是 Unified Modeling Language 的簡稱，中譯為「統一塑模語言」，是 一種以視覺化方法、訂定、建構及記錄系統用的一種語言。它是一種標記符號系 統(notational system)，目的在使用物件導向概念來塑模系統，也可以做到程式設 計開發人員與市場行銷人員和產品規劃人員的溝通平台，在程式未完全開發完成 前，UML 所產生的規劃藍圖是一個最佳的整合溝通文件。
4.2.2 UML的使用案例圖
圖 4-1 一九衛生服務網 UML 使用案例圖
4.2.3 UML的進階圖1
圖 4-2 一九衛生服務網 UML 進階圖 1
4.2.4 UML的系統循序圖
圖 4-3 一九衛生服務網 UML 系統循序圖
4.2.5 UML的活動圖
圖 4-4 一九衛生服務網 UML 活動圖
4.2.6 UML的進階圖2
圖 4-5 一九衛生服務網 UML 進階圖 2
4.2.7 UML的進階圖2
圖 4-6 一九衛生服務網 UML 部署圖
4.3 系統介紹 4.3.1 系統架構
一九衛生工程行首頁
公司簡介資料庫
施工實景上傳照片資料庫
相關證照上傳照片資料庫
F&Q 資料庫(F&Q Search)
聯絡我們表單轉電子郵件 專業服務資料庫
F&Q Search(F&Q 資料庫) 網站管理員登入管理資料庫
網站管理頁面資料庫
圖4-7 一九衛生服務網系統架構圖
4.3.2 系統架構
1.公司簡介資料庫：前台使用.aspx，後台使用 Access，可任意更新網頁公司簡介 文字內容上傳/更新/刪除。
2.專業服務資料庫：前台使用.aspx，後台使用 Access，可任意更新專業服務簡介 文字內容上傳/更新/刪除。
3.施工實景資料庫：前台使用.aspx，後台使用 Access，可任意更新專業服務簡介 文字內容與照片上傳/更新/刪除。
4.相關證照資料定庫：前台使用.aspx，後台使用 Access，可任意更新專業服務簡 介文字內容與照片上傳/更新/刪除。
5.F&Q 資料庫：前台使用.aspx，後台使用 Access，可任意更新專業服務簡介文 字內容上傳/更新/刪除，F&Q 文字標題會新增至每頁的 Search F&Q，在 Search F&Q 功能時可以快速選至該選取 F&Q。
6 聯絡我們：表單轉電子郵件方式，表單所填寫文字可以寄至指定電子郵件信箱。
7.Search F&Q 功能:Search F&Q的資料是由F&Q資料庫提供，F&Q資料庫會將 每筆F&Q的標題截取至Search F&Q，使其Search F&Q可以產生快速標題導引。
4.4 使用手冊 4.4.1資料庫登入 輸入帳號與密碼
圖 4-8 登入首頁 選擇公司簡介
圖 4-9 頁面選項
填入公司簡介相關資訊
圖 4-10 公司簡介內容頁面 1 按"儲存"按鈕
圖 4-11 公司簡介內容頁面 2
網頁呈現
圖 4-12 公司簡介 按"專業服務"按鈕，進入專業服務資料庫頁面
圖 4-13 專業服務內容頁面 1
填入專業服務相關資訊，按"儲存"按鈕
圖 4-14 專業服務內容頁面 2 網頁呈現
圖 4-15 專業服務
按"施工實景"按鈕，進入施工實景資料庫頁面 按"分類維護"按鈕，進入分類維護。
圖 4-16 施工實景 1
在新增按鈕右側，填入欲新增欄位名稱，填入後按＂新增＂按鈕，新增照片分類。
圖 4-17 施工實景 2
修改分類名稱，直接在欲修改名稱左側，按下＂修編＂功能
圖 4-18 施工實景 3
新增圖片，先選擇欲新增照片分類，該分類以下拉式選單呈現。
圖 4-19 施工實景 4
按＂分類圖片＂按鈕進入
圖 4-20 施工實景 5
進入分類圖片，按”瀏覽”按鈕，可新增照片
圖 4-21 施工實景 6
單擊欲上傳的照片後，在視窗下方按＂開啟＂按鈕。
圖 4-22 施工實景 7
上傳欄位此時會出現圖檔路徑，下方說明欄位填入照片檔說明。
圖 4-23 施工實景 8
按”儲存”按鈕，照片上傳至資料庫。
圖 4-24 施工實景 9 網頁呈現
圖 4-25 施工實景
欲刪除該上傳照片，按該照片左下角＂刪除＂選項。
圖 4-26 施工實景 10
按下＂確定＂按鈕，照片由資料庫中刪除。
圖 4-27 施工實景 11
已從資料庫刪除該照片檔
圖 4-28 施工實景 12 按＂分類維護＂按鈕，進入分類維護功能
圖 4-29 相關證照 1
在新增按鈕右側欄位填入欲新增照片標題，填完後按＂新增＂按鈕。
圖 4-30 相關證照 2 在分類的下拉式選單，選取新增分類選項。
圖 4-31 相關證照 3
進入分類圖片，按＂瀏覽＂按鈕，可新增照片，單擊欲上傳的照片後，在視窗下 方按＂開啟＂按鈕。
圖 4-32 相關證照 4
上傳欄位會出現圖檔路徑，下方說明欄位填入照片檔說明文字。
圖 4-33 相關證照 5
按”儲存”按鈕，照片上傳至資料庫。
圖 4-34 相關證照 6 網頁呈現相關證照
圖 4-35 相關證照
欲刪除該上傳照片，按該照片左下角＂刪除＂選項。按下＂確定＂按鈕，照片由 資料庫中刪除。
圖 4-36 相關證照 7 已從資料庫刪除該照片檔。
圖 4-37 相關證照 8
網頁呈現相關證照
圖 4-38 相關證照 按＂分類維護＂按扭新增分類
圖 4-39 F&Q1
在新增按鈕右側欄位填入欲新增標題。然後按＇新增＂按鈕。
圖 4-40 F&Q2 如需修改標題，按＂編修＂功能。
圖 4-41 F&Q3
在該欄位填上修改文字標題。然後在欄位左側下＂確定＂功能。
圖 4-42 F&Q4
已新增修改欄位
圖 4-43 F&Q5
網頁每一頁的 F&Q Search 選單則會出現新增 F&Q 標題。
圖 4-44 F&Q
新增 F&Q 分類內容，在分類下拉式選單，選取欲新增內容的標題。
圖 4-35 F&Q6
在該欄位中編輯欲上傳文字。
圖 4-46 F&Q7
網頁 F&Q 呈現。
圖 4-47 F&Q1
在欲刪除標題欄位左側按＂刪除＂功能。
圖 4-48 F&Q8 按下＂確定＂按鈕。
圖 4-49 F&Q9
網頁 F&Q 呈現
圖 4-50 F&Q2 聯絡我們網頁頁面
圖 4-51 聯絡我們 1
在聯絡我們欄位中，依照該欄位內容填寫。
圖 4-52 聯絡我們 2
聯絡我們的網頁欄位表單會轉為電子郵件寄至指定信箱。
圖 4-53 聯絡的表單轉電子郵件
第五章 結論與建議
者網站平台或其它拍賣與線上購物平台的販賣，業者不需走一般賣場通路，節省
5.4 參考文獻
1. 一一成衛生工程清潔行 http://www.一一成.tw 2. 一太清潔衛生工程行 http://www.ethe.com.tw 3. 一清環保工程行 http://www.sgce.com.tw 4. 乙乙環保工程行 http://www.twsanto.com 5. 三多衛生行 http://www.oneclean.48h.tw 6. 大眾衛生工程行 http://www.dch.com.tw/
7. 文明環境維護顧問有限公司 http://www.wme.com.tw 8. 永川衛生工程行 http://www.pass.url.tw
9. 宅即通清潔包通抓漏宅修公司 http://www.flashaim.com/2525955 10. 宏興清潔有限公司 http://www.79964892.com
11. 信記環保工程有限公司 http://www.eehb.com.tw
12. 製造資訊與商業智慧實驗室 http://140.124.77.80/intro_UML.htm 13.ASP.NET 2.0網頁設計範例教本
14.PhotoShop CS4 影像創意魔法 15.Flash CS3標準教程
16.資料庫系統理論使用 Access 2003 17 .Access 2003使用手冊
會議紀錄表
會議紀錄表
會議紀錄表
會議紀錄表
專題名稱
公司網站設計
時間 2009/8/31 地點 A102 時間 2009/11/19 地點 A102 主席 廖國雄老
師 記錄 廖敏君 主席 廖國雄老
師 記錄 廖敏君 出席者 陳璋揚、廖敏君、吳忠泰 出席者 陳璋揚、廖敏君、吳忠泰
內容 討論結案報告開始撰寫 內容 討論伺服器架設方式
決議 立即執行 決議 架設至網路空間
老師
建議 不懂立即發問 老師
建議 無