公司網站設計

元培科技大學

資訊管理系畢業專題

B17 組

公

司

網

站

設

計

指導老師: 廖國雄老師

組 員: 陳璋揚(952408012)

廖敏君(952408015)

吳忠泰(952408024)

王文宏(952408045)

中

華

民

國

九

十

九

年

元

月

摘 要

在近年來自於網際網路的快速發展，電腦與網路的結合，促成網路的使用人 口普遍，大大提升了工作的效率，很多資訊的來源，在這時代凡是任何事情只要 透過電腦，便可以得知需要的資訊，完成所有的事情。而本專題的目的，是為了 幫業者轉換與以往不同的廣告行銷方式，為業者一九衛生工程行建立一個專屬的 服務網站，透過網路上 WWW 的功能，便可以隨時隨地得到貴公司提供的服務 與資訊。本系統開發網站架設使用 ASP.net 撰寫，而美工方面則使用 Photoshop 的軟體，將這兩個軟體功能結合在一起，建立一套讓業者管理方便與瀏覽者易於 瀏覽查詢的網站。 關鍵字：清理化糞池(水肥)、疏通水管、疏通馬桶、清理截油池、清理污水池、 清除技術員合格證書、環保局清除許可證、清洗水塔、環保法規、黃頁廣告簿、 廢棄物

目 錄

摘 要 ………I 目 錄 ………II 表目錄 ………III 圖目錄 ………IV 第一章 緒論………1 1.1 背景與動機………1 1.2 目的………2 1.3 可行性分析………2 1.4 關鍵名詞定義………3 第二章 文獻探討………4 2.1 衛生工程相關網頁分析 ……….……4 2.2 優劣點分析………...21 2.3 工具探討………..…….22 第三章 專題設計與規劃 ………27 3.1 專題規劃目標………...………27 3.2 系統發展方法………...………29 3.3 系統藍圖描述………...…………30 3.4 專題設備………...………31 3.5 專題時程規劃………...……….32 第四章 專題結果………．33 4.1 需求分析..………33 4.2 系統分析..………35 4.3 系統介紹………...41 4.4 使用手冊………...43 第五章 結論與建議 ……… 66 5.1 研究與貢獻………...66 5.2 對業者的建議………….……….…….66 5.3 未來研究方向………...66 5.4 製作心得………..…….67 5.5 參考文獻………..…….68

表目錄

表 2-1 未建立網頁之優缺點 ………...21 表 2-1 已建立網頁之優缺點………..…………...21 表 3-1 軟體設備……….31

圖目錄

圖 2-1 一太清潔衛生工程行首頁………4 圖 2-2 一太清潔衛生工程行架構圖………....5 圖 2-3 乙乙環保工程行首頁………6 圖 2-4 乙乙環保工程行架構圖………6 圖 2-5 一清環保工程行首頁………7 圖 2-6 一清環保工程行架構圖………8 圖 2-7 三多衛生行首頁………9 圖 2-8 三多衛生行架構圖………....9 圖 2-9 宏興清潔有限公司首頁………..10 圖 2-10 宏興清潔有限公司架構圖……… ...11 圖 2-11 信記環保工程有限公司首頁………....12 圖 2-12 信記環保工程有限公司架構圖………....12 圖 2-13 大眾衛生工程行首頁………....13 圖 2-14 大眾衛生工程行架構圖………....14 圖 2-15 一一成衛生工程清潔行首頁………....15 圖 2-16 一一成衛生工程清潔行架構圖………....15 圖 2-17 文明環境維護顧問有限公司首頁………....16 圖 2-18 文明環境維護顧問有限公司架構圖………....17 圖 2-19 宅即通清潔包通抓漏宅修公司首頁………....18 圖 2-20 宅即通清潔包通抓漏宅修公司架構圖………....18 圖 2-21 永川衛生工程行首頁………....19 圖 2-22 永川衛生工程行架構圖………....20 圖 3-1 一九衛生服務網架構圖………..27 圖 3-2 生命週期圖………..29 圖 3-3 甘特圖………..32 圖 4-1 一九衛生服務網 UML 使用案例圖………35 圖 4-2 一九衛生服務網 UML 進階圖 1……….36 圖 4-3 一九衛生服務網 UML 系統循序圖………37 圖 4-4 一九衛生服務網 UML 活動圖………38 圖 4-5 一九衛生服務網 UML 進階圖 2………...39 圖 4-6 一九衛生服務網 UML 部署圖………40 圖 4-7 一九衛生服務網系統架構圖………..41 圖 4-8 登入首頁………..43

圖 4-9 頁面選項………..43 圖 4-10 公司簡介內容頁面 1………..……..44 圖 4-11 公司簡介內容頁面 2………44 圖 4-12 公司簡介………...45 圖 4-13 專業服務內容頁面 1………45 圖 4-14 專業服務內容頁面 2………....46 圖 4-15 專業服務………...46 圖 4-16 施工實景 1………....47 圖 4-17 施工實景 2………....47 圖 4-18 施工實景 3………....48 圖 4-19 施工實景 4………....48 圖 4-20 施工實景 5………....49 圖 4-21 施工實景 6………....49 圖 4-22 施工實景 7………....50 圖 4-23 施工實景 8………....50 圖 4-24 施工實景 9………....51 圖 4-25 施工實景………...51 圖 4-26 施工實景 10………..…52 圖 4-27 施工實景 11………..…52 圖 4-28 施工實景 12………..…53 圖 4-29 相關證照 1………..………..53 圖 4-30 相關證照 2………..…………..54 圖 4-31 相關證照 3………..………..54 圖 4-32 相關證照 4………..…………..55 圖 4-33 相關證照 5………..………..55 圖 4-34 相關證照 6………..………..56 圖 4-35 相關證照………..……….56 圖 4-36 相關證照 7………..…………..57 圖 4-37 相關證照 8………..………..57 圖 4-38 相關證照………..……….58 圖 4-39 F&Q1………...……..58 圖 4-40 F&Q2………...………..59 圖 4-41 F&Q3……….59 圖 4-42 F&Q4……….60 圖 4-43 F&Q5………...60 圖 4-44 F&Q………...61 圖 4-45 F&Q6……….61 圖 4-46 F&Q7……….62

圖 4-47 F&Q1……….62 圖 4-48 F&Q8………...63 圖 4-49 F&Q9………...63 圖 4-50 F&Q2……….64 圖 4-51 聯絡我們 1………....64 圖 4-52 聯絡我們 2………65 圖 4-53 聯絡的表單轉電子郵件………...65

第一章 緒論

1.1 背景與動機

經營廢棄物清除事業，其主要的工作內容是從事清理化糞池、疏通水管、疏 通馬桶、清理截油池、清理污水池、清洗水塔…等等。其主要經營項目中的廢棄 物項目，是在降低政府環保負擔及提高整體環保品質，求取合理經營利潤。 隨著國內經濟的繁華，科技的突飛猛進，相對民間所產生出來的廢棄物日漸 增多，政府環保單位壓力亦日益加劇，基於此因，許多民間業者主動參與有關一 般廢棄物的清除事業，除了可減輕政府環保單位龐大的經濟負擔，增加環保清運 的機動力量，服務社會大眾及有效率的環保品質，貢獻一份微薄力量，為了讓公 司更有效率的企業經營方向，而向環保局申請清除許可證並考取清除技術員合格 證書求取合法、正當、合理化的經營利潤與政府共同解決環保問題。 在早期之前，很多的小公司為了生存，都是夜間在路邊或鄉間小路上的電線 桿及住家牆壁上張貼自家公司的小廣告。因時代的變遷，環保法規更加嚴謹，對 於小廣告的隨意四處張貼行為，有了相關規定的懲處。業者於是另尋廣告方式， 在中華電信的黃頁廣告簿上，刊登了工作行業的服務訊息。初期刊登時，確實有 相當的工作利潤，但因利潤的吸引，同業都相續刊登，民眾及各企業的選擇增加， 造成工作量的瓜分，導致利潤下降。 然而因資訊時代的來臨，大家翻閱黃頁尋找廣告的人數已不如從前，現在的 人廣泛使用網際網路，就連雞毛蒜皮的小事都會想要上網去查詢相關的解答及尋 找合適的店家，對於這個行業而言，在網際網路上已建立網站的業者並不多，所 以業者才構想在網際網路上建立起屬於自己的工作網站，以增加曝光機會來吸引 更多的客戶來源。

1.2 目的

本專題的目的是在建置一個業者專屬的服務網站，不需像以前透過廣告簿或 路邊的電線杆上留下的電話來尋找業者，其主要內容是對於一般民眾以及各企業 公司等業者，提供一個可以直接上網查詢服務內容及相關問題的解決方法的網 站，對於現在的同業的網頁來說，有些內容過於雜亂，會讓人不知從何看起，所 以本網站的架設可讓民眾一目了然本網頁的服務內容及服務電話查詢，更希望的 就是讓有需求的人都能上來瀏覽參考，而架設本網站的目的： 1. 提供服務內容關鍵字查詢減少搜尋時間。 2. 減少業者傳統刊登廣告費用。 3. 24H 全天候線上查詢服務。 4. 提供一般民眾相關知識查詢。

1.3 可行性分析

1.3.1 預算：在電腦硬體設備上花費的經額大約是在 2 萬元至 2 萬 5 千元之 間，在軟體方面我們使用的是學校提供的軟體。 1.3.2 技術：網站架設是使用 ASP.net 系統撰寫，美工則是使用 Photoshop 繪圖。 1.3.3 人力：本網站架設將由本小組 4 人合力分工製作，網站方面將朝後台 管理者 控制與瀏覽者頁面為設計方向。 1.3.4 資料：網站所需相關資料由一九衛生工程行提供（如服務項目及相關 證照、施工實景圖等等）網站設計方面則參考其他網站優點完成草稿 後諮詢業主意見。

1.4 關鍵名詞定義

本專題列下幾個重要的名詞，分別定義如下： 1. 清理化糞池（水肥）：凡是建築物污水處理設施（指處理建築物內人類活動所 產生之人體排泄物或其他生活污水之設施）為有效提升污水處理設施功能， 建議每年宜定期清理一至二次才能保持使用者的正常功能使用。 2. 疏通水管：凡是建築物所配施之水管排水功能，如有不當的使用或水管結構 體施工不良，導致水管堵塞，就必須聯絡廠商施工，確保水管正常使用。 3. 疏通馬桶：凡是建築物所配置的馬桶，如有不當使用使異物掉入，導致馬桶 不通時，就必須聯絡廠商施工，確保馬桶正常使用。 4. 清理截油池：只針對餐廳、小吃店…等較大型廚房設備所設置之污水系統， 為確保水質合格及環境乾淨，需定期清理水池內之油物。 5. 清理污水池：指公司所設之污水處理設施，因長期使用造成底部淤泥過多， 為有效提升污水處理設施功能，因定時清理確保污水設施所排出之水質合格。 6. 清除技術員合格證書：因響應環保局政策，公司的廢棄物清理人員，需向政 府或各考試機關考取清除技術員證照，以利往後向環保局申請廢棄物進廠之 所需。 7. 環保局清除許可證：對應環保局廢棄物清理法，必需備有清除技術員合格證 書，像環保局申請廢棄物清運進廠證明，往後廢棄物都需到環保局指定地方 處理。 8. 清洗水塔：凡是建築物所配施的生活用水水池，因長期使用未清理之下，造 成底部泥沙即牆壁污垢，為飲食及人體的安全使用，建議半年到一年定期清 洗一次。 9. 環保法規：環保法規是來自於環保局所針對各項業務，如環境資源、空氣污 染、水污染、事業廢棄物、一般廢棄物、環保設施管理以及環境監測，所訂 製的各項法規。 10. 黃頁廣告簿：是來自中華電信局每年度所發行的黃頁電話廣告簿，廣告簿內 容包含各行各業的服務廣告以及一般大眾姓名的電話號碼。 11. 廢棄物：一般大眾或是公司所產生的廢棄物，而廢棄物又分為一般廢棄物及 事業廢棄物。如非有害之有機性及無機性污泥或油泥、廢酸、有機廢液等。

第二章 文獻探討

2.1 衛生工程相關網頁分析

以下是幾個網站的比較分析： 網站名稱：一太清潔衛生工程行 網址：http://www.ethe.com.tw 圖 2-1 一太清潔衛生工程行首頁

網站架構： e-mail 業務聯絡 服務項目 公司簡介 一太清潔衛生工程 圖 2-2 一太清潔衛生工程行架構圖 網站優點： 1. 提供人數指標，讓瀏覽者知道瀏覽人數。 2. 頁面運用動畫，感覺生動。 3. 排版明確。 網站缺點： 1. 人數統計位置擺放不佳。 2. 資料內容多，但都在同一個版面上。 3. 較少網頁技術。 本文討論建議： 1. 經討論後，此網站缺乏專業技術士，本文該引以為戒的網站。 2. 給此網站的建議圖片的大小需一致，資料需規劃放置，才不會過於雜亂。

網站名稱：乙乙環保工程行 網址：http://www.eehb.com.tw 圖 2-3 乙乙環保工程行首頁 網站架構： 乙乙環保工程行 公司簡介 水管馬桶疏通 化糞池清理 水肥車打造 聯絡資訊 圖 2-4 乙乙環保工程行架構圖

網站優點： 1. 網站配色明亮，美工設計良好。 2. 頁面使用動畫，感覺生動。 網站缺點： 1. 無人數瀏覽統計。 2. 網站頁面文字擺放位置不佳，讓瀏覽者察覺不易。 本文討論建議： 1. 可採用此網站，放置一些相關性的連結。 2. 建議頁面排版應多改善。 網站名稱：一清環保工程行 網址：http://www.oneclean.48h.tw 圖 2-5 一清環保工程行首頁

網站架構： 一清環保工程行 公司簡介 最新消息 服務項目 留言討論 客戶問答 聯絡我們 圖 2-6 一清環保工程行架構圖 網站優點： 1. 提供最新資訊。 2. 提供刊登廣告功能。 網站缺點： 1. 留言討論、客戶問答與聯絡我們頁面重複。 2. 文字內容與排版複雜。 本文討論建議： 1. 留言版與討論區是不可以缺少的，但都要有專業人員定期管理。 2. 在資料內容及呈現的設計上應要注意不可以太雜，內容過多時應再給予適當 的分段連結。 3. 建議目錄上的有些分類可以合併在一起。

網站名稱：三多衛生行 網址：http://www.twsanto.com 圖 2-7 三多衛生行首頁 網站架構： 圖 2-8 三多衛生行架構圖 三多衛生行 公司簡介 合法執照 處理流程 服務項目 聯絡電話 問答專區 聯絡我們 網站地圖

網站優點： gle 搜尋功能。 站缺點： 缺乏美工設計。 文討論建議： ，以及每個頁面加以美工設計，也可以讓網站較吸引人。 站名稱：宏興清潔有限公司 址：http://www.79964892.com 1. 提供 Goo 2. 提供網站地圖以便搜尋。 3. 問與答都有專業人士解答。 4. 提供施工影片導覽。 網 1. 背景單調， 2. 排版格式不佳。 本 1. 首頁可設計動畫 2. 此網站的處理流程採用影片實例，讓瀏覽者有更直接的參考，值得學習。 網 網 圖 2-9 宏興清潔有限公司首頁

網站架構： 網站優點： 業流程表，以供瀏覽者參考。 站缺點： 調，缺乏美工。 文討論建議： 版都有相當規劃，值得本文參考。 瀏覽者。 宏興清潔有限公司 公司簡介 服務項目 合作廠商 清潔證照 作業流程 客戶實績 圖 2-10 宏興清潔有限公司架構圖 1. 提供相關作 2. 使用 Flash 動畫功能，讓頁面感覺生動。 3. 頁面文字排版有規劃，使瀏覽者簡易搜尋。 網 1. 網頁背景單 2. 內容不夠豐富。 本 1. 此網站的架構排 2. 此網站美工設計及內容若能夠補充加強，就更能吸引

網站名稱：信記環保工程有限公司 址：http://www.sgce.com.tw 網 圖 2-11 信記環保工程有限公司首頁 網站架構： 圖 2-12 信記環保工程有限公司架構圖 信記環保工程有限公司 公司簡介 相關證照 服務項目 服務電話 電子信箱

網頁優點： 功能。 ，讓網頁顯得生動活潑。 頁缺點： 樂，感覺有點吵。 文討論建議： 美觀及動畫是很值得本文學習得地方。 站名稱：大眾衛生工程行 址：http://www.dch.com.tw/ 1. 有人數統計 2. 使用 Flash 動畫功能 網 1. 使用背景音 2. 網頁內容單調。 3. 網頁排版不佳。 本 1. 此網站版面設計 2. 首頁擺出一些生動的施工動畫，部分看了使人發笑。 3. 文字資料內容如再多加以補充，會使得網站更加完整。 網 網 圖 2-13 大眾衛生工程行首頁

網站架構： 站優點： lash 為主，讓瀏覽者感覺生動。 站缺點： 亂，使瀏覽者不易搜尋。 文討論建議： 生動，更吸引瀏覽者的觀看。 清楚服務地區區域，本文很 大眾衛生工程行 公司簡介 相關證照 服務項目 服務電話 聯絡我們 圖 2-14 大眾衛生工程行架構圖 網 1. 首頁以 F 2. 內容豐富，且有很多相關性資料。 網 1. 文字排版雜 2. 子網頁中間背景單調，缺乏美工技巧。 本 1. 此網站首頁動畫 2. 網頁服務電話採用地圖區域性方式，讓瀏覽者更 值得參考。

網站名稱：一一成衛生工程清潔行 址：http://www.一一成.tw 網 圖 2-15 一一成衛生工程清潔行首頁 網站架構： 站優點： 置令人舒適，不會眼花撩亂。 齊，讓瀏覽者容易搜尋。 一一成衛生工程清潔行 服務項目 相關證照 聯絡我們 抽水肥 通馬桶 通水管 圖 2-16 一一成衛生工程清潔行架構圖 網 1. 版面顏色配 2. 美工設計佳。 3. 文字排版規劃整

網站缺點： 1. 缺乏專業技術。 易閱讀。 文討論建議： 定時的更新網頁內容。 區分。 站名稱：文明環境維護顧問有限公司 址：http://www.wme.com.tw 2. 頁面文字太小，不 本 1. 網站有專業人士 2. 此網站美工設計明亮鮮豔，且不雜亂容易 3. 可採用此網站，放置一些相關性的連結。 網 網 圖 2-17 文明環境維護顧問有限公司首頁

網站架構： 網站優點： 和，整理架構明確。 人數。 更多的知識。 站缺點： 但沒有相關字搜尋功能，找起資料很吃力。 常吃力。 文討論建議： 保辭典，本文值得參考。 出來。 文明環境維護顧問有限公司 文明簡介 專業服務 最新訊息 服務剪影 聯絡我們 人才招募 環保辭典 圖 2-18 文明環境維護顧問有限公司架構圖 1. 網站配色柔 2. 提供人氣指標，讓瀏覽者知道瀏覽 3. 頁面有提供相關網站的連結。 4. 提供環保辭典，可讓瀏覽者了解 5. 提供服務剪影，讓瀏覽者參考施工實景。 網 1. 資料很多， 2. 沒有回首頁 TOP 的功能。 3. 網頁字體太小，觀看內容時非 本 1. 此網站有提供環 2. 網站設計上顏色柔和，感覺上非常舒適。 3. 提供人氣指標，且把每季及每年人數皆統計

網站名稱：宅即通清潔包通抓漏宅修公司 址：http://www.flashaim.com/2525955 網 圖 2-19 宅即通清潔包通抓漏宅修公司首頁 站架構： 網 宅即通清潔包通抓漏宅修公司 關於我們 服務項目 部落格 策略合作 圖 2-20 宅即通清潔包通抓漏宅修公司架構圖

網站優點： 格，與瀏覽者有良好互動。 站缺點： 內容太多，都在同一版面上，應再細分連結頁面。 便。 文討論建議： 落格讓瀏覽者可以交換更多的資訊，本文值得參考。 不會繁 站名稱：永川衛生工程行 址：http://www.pass.url.tw 1. 提供部落 網 1. 有些資料 2. 頁面排版過於簡單，缺乏美工。 3. 網站旁沒有分類連結，使用上不方 本 1. 此網站提供部 2. 版面目錄及頁面文字內容可以加以更明確的規劃與放置，使網站看來 亂。 網 網 圖 2-21 永川衛生工程行首頁

網站架構： 永川衛生工程 最新消息 服務內容 服務電話 問題解答 電子信箱 線上預約 相關知識 優惠方案 圖 2-22 永川衛生工程行架構圖 網站優點： 1. 提供問題解答。 2. 網頁內容資料豐富。 3. 提供瀏覽人數。 4. 有回首頁 TOP 功能。 5. 提供線上預約功能。 網站缺點： 1. 每個頁面的設計風格不一。 2. 文章字體太小，讓瀏覽者閱讀起來很吃力。 本文討論建議： 1. 建議次網頁部分目錄可以合併在一起。 2. 此網站之問題解答，使瀏覽者可以得到相關的問題解答，本文值得參考。 3. 建議應該有搜尋功能，讓瀏覽者尋找問題時更方便簡易。

2.2 優劣點分析

本小組經過多家業者訪談後，我們歸納出同行業者，有使用網站和沒使用網 站的優缺點。 表 2-1 未建立網頁之優缺點 無建立網頁 優點 缺點 沒有軟體及網站費用成本。 廣告本電話成本費用高。 不需播出時間管理網站。 工作訂單有限。 無法提供給客戶公司文獻參考。 表 2-2 已建立網頁之優缺點 有建立網頁 優點 缺點 工作量明顯較多。 需時間每天管理網站。 可直接給客戶公司參考文獻。 有些網站過於簡略，維護資料不便。 不必每年花費上萬廣告費用。

2.3 工具探討

製作本專題需要使用到一些軟體工具，讓專題更完美呈現，在網站製作中會 用到 ASP.net 來製作網站，美工方面則是使用 Adobe Photoshop，網頁動畫部分 則是使用 Adobe Flash 來製作。 2.3.1 使用 ASP.net 的理由 因為在課程中已經有學習過 ASP.net ，而且 ASP.net 編輯容易並且程式 碼不會傳到使用者的瀏覽器中以保護我們的程式碼不會外洩，後續完成網站 後也可讓業者直接從網站後台修改網頁內容，以即時更新訊息。 2.3.2 ASP.net 特點 1. 使用 VB Script 這種簡易的 Script 語言。 2. 不須另外的編譯器。 3. 使用一般文書編輯程式，如記事本，即可編輯。 4. ASP 的原始程式碼，不會傳到使用者的瀏覽器（指定在 Client 執 行）。

5. 可以 Active X Server Components 來擴充功能（但多數僅 IE 可以顯 示）。

2.3.3 使用 AdobePhotoshop & Adobe Flash 的理由

由於近年來網際網路的發達，因此有越來越多的個體用戶及各種行業希望也 能夠建立專屬於自己的網站。建立一個普通的網站非常容易，但是如果要架構一 個外觀生動的網站則需要許多工具軟體的配合，在這其中 Adobe Photoshop 就 是一個製作網頁特效的強大應用程式。Adobe Photoshop 是用前美工相關設計業 最熱門的軟體，Photoshop 亦是目前全世界在處理美工攝影等..點陣圖檔時最佳軟 體。 電腦圖像主要分成兩類︰「點陣影像」及「向量圖像」。徹底了解這兩類圖 像的不同，有助於建立、編輯數位影像。 使用 Adobe Photoshop 軟體製作點陣影像 Photoshop 與其他繪圖及影像編輯程式，都能產生點陣影像（也稱為「點陣 化影像」）。點陣影像利用一格格稱為「像素」的小方塊來呈現影像。每個像素 都指定有一特定位置及顏色數值。在本專題中的網頁圖檔是由一堆拼貼的像素所 組成。處理點陣影像時，編輯的是像素，而非物件或形狀。

點陣影像與解析度有關，換句話說，它以固定數量的像素來表現其影像資 料。所以，若在螢幕上以高倍率放大檢視，或以太小的解析度列印時，點陣影像 可能會遺失細節並產生鋸齒。在表現濃度及色彩的精細漸次變化上(Photoshop 可 辨示超過百萬顏色)，點陣影像是最佳選擇。 使用 Adobe Flahs 軟體處理向量圖像 如 Adobe Illustrator 之類的向量繪圖軟體，產生的是向量圖像，是以稱為「向 量」的數學物件定義之直線及曲線所組成。向量依照圖像的幾何特性來描述圖 形。向量圖像與解析度無關，它可縮放為任意大小，且用任意解析度列印至任何 輸出裝置，而不會遺失其細節或清晰度。因此，對於文字與線條，或不論縮放比 例為何，都可以呈現清晰之鮮明的圖像，向量圖像是處理 Adobe Flash 動畫的最 佳的選擇。本專題針對此優點，在網站的文字動畫方使用 Adobe Flahs 軟體處理 向量圖像的文字產生動畫。 本專題在網頁的實作上要更生動活潑，就需要使用 Adobe Photoshop 處理網 頁相關圖檔。且本專題計劃網站要引人注目，所以 Adobe Flahs 動畫則是最好的 選擇。 2.3.4 Adobe Photoshop 軟體的特點 Adobe PhotoShop 在電腦上算是被使用最為普遍的影像處理軟體，它之 如此受到設計者的愛戴，在於它具有完整且強大的功能指令；不論您是編修 處理影像、或是繪製合成圖片，它都有細分的各種工具以及相關的參數設定 面板，讓使用者可以做到最為精準的調整，Adobe Photoshop 在處理影像及 圖形方面都有很強大的功能，Adobe Photoshop針對攝影、平面設計、網站設 計、產品設計、3D動畫設計、電影特效…等，都有很好的支援性，而它強大 的濾鏡功能更是不可錯過的項目，各種濾鏡特效可以模擬且合成出以假亂真 的影像畫面，這裡列舉一些重要的功能： 1. 優異的點陣、向量、3D 元件支援

Adobe PhotoShop 可以同時支援點陣、向量檔，最新版本 Adobe Photoshop CS4 亦可以支援 3D 元件模組。在設計的領域中，多種不同格式的切換，Adobe Photoshop 是最好的選擇。

2. 高級 Adobe Acrobat pdf 輸出選項

Adobe Photoshop 與 Adobe Acrobat pdf 都是同屬於 Adobe 公司的軟體，Adobe Acrobat pdf 以是目前最流行的跨平台文件檔案，pdf 檔案的優點非常多， Adobe Photoshop 與 Adobe Acrobat pdf 的組合堪稱是最佳拍檔。

3. Adobe PhotoShop 多功能圖層款式。

Adobe PhotoShop 的圖層是所有設計人員最喜愛的功能，也是使 Adobe PhotoShop 能夠成為最佳的設計軟體關鍵，多功能圖層目前已將樣式功能整 合，設計人員在多功能圖層可以任意變化、儲存、修改所有的獨立圖層，檔 案存檔後在開啟，圖層亦存在，加上圖層有支援歷史功能，包括操作錯誤或 重新修改都可以使用圖層的歷史功能返回。 4. 圖像與影像變形 圖形檔案的處理是 Adobe PhotoShop 最拿手的，使用者可以針對該修改區域 做修改變形，加上上述多功能圖層功能，又有備份支援，圖像與影像變形可 以說是輕而易舉。 5. 圖像與影像切割工具 Adobe PhotoShop 支援圖像與影像切割工具非常精準，可以支援到 mm 單 位，機乎沒有誤差。 6. 局部優化控制 Adobe PhotoShop 可以針對細微的部份修修改，顏色、筆觸、符號、文字、 像素、慮鏡…等皆可。 7. 動態圖層性切片與 htm 網頁格式

Adobe PhotoShop 內建一套 Adobe Imageready 軟體，這個軟體在安裝 Adobe PhotoShop 時就會一同安裝，是 Adobe 系列軟體中專門處理網頁的部份，該 軟體可以支援 gif 動畫與直覺的 htm 網頁格式，gif 動畫的部份可以針對多功 能圖層的設定，一格一格的產生動畫，在軟體中可以設定出現秒數來操作動 畫的呈現，且優化的設計，可以在 gif 檔支持的 256 色中做優化，檔案可以 壓縮到非常小，在網站的流量上有一定的幫助。Htm 網頁格式更是 Adobe Imageready 的強項，Adobe Imageready 在網頁的分割上非常直覺且容易上 手，在參考線的部份直接拖曳至所需位置，就可以直接轉檔為 htm 檔案，非 常簡單。

8. 增多的文字功能

文字功能在設計上是非常重要的，Adobe PhotoShop 支持目前市售的文字 TrueType 字型檔案，且任何語言語係的文字都支援，以往只有在 Apple Computer 麥金塔電腦上的多國語支持性，現在在 Adobe PhotoShop 的 PC 版 中也有支援。

2.3.5 Adobe Flash 軟體的特點

Flash 是由 Macromedia (現已被 Adobe 公司併購)公司所開發出來的一套製作 多媒體動畫的軟體，使用 Adobe Flash 所製作的動畫可在不同的平台播放，也具 備了強大的動畫設計功能，在與網站設計結合更是一大主流，可以為原本單調無 變化的網站變的更加生動有趣！ Adobe Flash 有向量繪圖與動畫編輯功能，簡易地製作連續動畫、互動按鈕、 繪圖與音效在您的網頁中使用！可以不需要任何程式腳本即可在網頁中增加互 動式多媒體。使用了 Adobe Flash 製作的任何物件，皆可以時間軸與動態路徑 (Path-Based) 的動畫設計方式，由淺入深，容易學習與使用 ！只有以向量為基 礎的 Flash 多媒體，才能流暢地呈現在 Internet 上，即使放大縮小也不降低本 身品質。 Adobe Flash 主要有以下幾點特性： 1. Adobe Flash 使用”向量式”圖形技術 使用”向量式”圖形技術來製作動畫，Adobe Flash 使檔案容量較小（因為向量 圖形是使用數學函數來記錄圖形中的屬性）；而且將向量圖放大或縮小，也 不會失真，最重要的是檔案容量也不會改變，Adobe Flash 非當適合本專題網 頁動畫部份。 2. Adobe Flash 支援陣式圖形

加強與支援點陣式圖形處理 (Enhanced Bitmap Support)，使之可旋轉、 拉長 等功能。支援陣式圖形 png 格式，透明部份可完全透視，這點就比 gif 格式 支持透明度要好很多，Adobe Flash 內也可以單獨設定陣式圖形的透明度、變 換成單一顏色功能，對陣式圖形的支持度非常高。 3. Adobe Flash 支援音樂格式 可為 Adobe Flash 配上悅耳動聽的音效，而且是以 MP3 的音樂壓縮格式壓 縮，可大幅降低聲音所佔據的檔案容量，也可保有高品質的音質，時間軸與 動態路徑亦支持音樂音軌。 4. Adobe Flash 支援影像格式

可把 avi 檔或影片相關格式，置入 Adobe Flash 中，Adobe Flash 有支持影片 格式，且還有內建單獨控制影片按鈕，如播放、停止、暫停…功能，也是目 前網路播放影音檔的主流。

5. 下載最佳網路封包流量控制

到資料全部下載完畢才能觀看動畫，Adobe Flash 會暫存在瀏覽器暫存空間， 使用第二次觀看網站時，可以不用透過網路再次的下載就能迅速播出 Adobe Flash。

6. 內建 Actions Script 指令

Adobe Flash 內建 Actions Script 指令設定環境，可使網頁作到極佳的互動性， 不是很懂程式的動畫開發人員可以迅速上手，網路上亦有非常多的 Actions Script 指令資源，如果有開放原始碼的 fla 檔案(Adobe Flash 原始工作未轉存 檔案)，則其 Actions Script 指令設定還可以修改參數。

7. 支援網頁格式與單機格式

為了讓使用者可以在完成動畫之後，立即看到動畫在網頁中的效果，Flash 可 直接將動畫出版成網頁，產生 htm 檔直接放上網站，亦可產生 exe 檔方便沒 有安裝 Adobe Flash 軟體的單機可以觀看 Adobe Flash 動畫。

第三章 專題設計與規劃

3.1 專題規劃目標

本專題是以公司服務為主的網站，經由與業者訪談後，本小組討論整理後， 依照業者的想法與需求，將公司服務網站分為八大類： 一九衛生工程行 公司簡介 施工實景 相關證照 F&Q 聯絡我們 業務洽詢 專業服務 回首頁 網站管理頁面 網站管理員登入頁面 圖 3-1 一九衛生服務網架構圖

針對公司服務網站區分的七大類項目裡，其中的專業服務內容還會再加以細 分解說，以下是對於以上架構圖的每大項頁面分別的大概內容解說： 1. 公司簡介：解說公司歷史與經營型態。 2. 專業服務：公司的相關服務項目。 3. 施工實景：提供每項施工項目的施工照片給予瀏覽者參考。 4. 相關證照：提供公司的相關證照給予瀏覽者參考。 5. F&Q：提供比較常見的問題與解答，讓瀏覽者更加了解。 6. 業務洽詢：提供服務地區與該服務地區電話。 7. 聯絡我們：以電子郵件方式與客戶問題交流。 8. 回首頁：以方便瀏覽者操作與觀看。 9. 網站管理員登入頁面：網路管理員登入網站管理頁面輸入 ID 及 Password。 10. 網站管理頁面：網管人員可以利用此頁面來針對其他各網頁進行新增、修改、 刪除等指令進行網站管理的維護。

3.2 系統開發方法

系統開發方法分別有系統開發生命週期法、雛型法、螺旋法等等，而我們所 採用的是系統開法生命週期法。

系統發展生命週期（System Development Lifecycle；SDLC）是有組織的方 式用來開發一個企業的資訊系統。SDLC 又稱為瀑布模式（Waterfall Model）， 它是 1970 年 Royce 所提出，它定義了一個系統由產生階段至淘汰，整個存活 期間所必須經歷的活動，系統開發的生命週期其順序為：系統規劃→系統分析→ 系統設計→系統建置→系統維護。其目的在進行以下的工作： 1. 了解使用者所遭遇的問題及發生的原因。 2. 定義系統任務及目標。 3. 確認新系統的功能及資料需求。 4. 確認系統限制及風險。 5. 決定專案範圍。 6. 找出所有可行方案，並進行可行性研究，找出最佳方案，為最佳方案做成本 效益分析。 7. 撰寫可行性報告及專案計劃。 瀑布分析法是簡單，也是最容易懂的系統分析方法，但由於把系統測試與除 錯放在最後，所以，大多都未能及時發現系統的瑕疵，而增加開發的成本甚至會 造成計劃的終止。本系統是採用瀑布分析法來規劃的，我們認為所有活動都該按 照順序做，先完成一件事後，才可以開始做下一件，這樣對於系統的設計才能一 個步驟接著一個步驟來完成，這也是我們採用瀑布分析法的理由。 系統規劃 系統分析 系統設計 系統建置 系統維護 圖 3-2 生命週期圖

3.3 系統藍圖描述

功能性需求： 1. 一九衛生服務網： 1.1 公司簡介：簡述公司的歷史與經營的型態。 1.2 專業服務：簡述公司專業服務項目與施工工程的流程說明，而其中專業服 務內容還可以區分為三大類並加以連結。 1.2.1 清理化糞池：敘述工作細項及施工方式與配備並，提供作業流程圖 以供瀏覽者參考。 1.2.2 疏通排水管：敘述工作細項及施工方式與配備並，提供作業流程圖 以供瀏覽者參考。 1.2.3 疏通馬桶：敘述工作細項及施工方式與配備並，提供作業流程圖以 供瀏覽者參考。 1.3 施工實景：提供各項施工項目處裡前、中、後實景圖，使瀏覽者更加了 解工作內容及環境。 1.4 相關證照：提供政府營利事業登記證、環保署清除許可證、環保局廢棄 物清除許可證、缺氧作業主管證書，使瀏覽者更加確定公司 的專業與合法化。 1.5 業務洽詢：提供服務範圍，新竹市地區、新竹縣地區以及各區聯絡服務 電話。 1.6 F&Q：分為清理化糞池、疏通水管、疏通馬桶等項目的疑難雜症問題與 解答。 1.7 聯絡我們：提供格式以便瀏覽者填寫，以電子郵件方式與業者聯繫。 2. 管理者後台維護功能： 2.1 管理者後台維護：建立後台管理維護功能，使管理者可以隨時更新維護 網站各項資訊。 非功能性需求： 1. 操作性需求 1.1瀏覽者可利用此系統了解更多的相關知識。 2. 安全性需求 2.1 防止網站資料外洩。 3. 效能需求 3.1 寄發電子郵件傳輸速度不得大於 30 秒。

3.4 專題設備

表 3-1 軟體設備 軟體方面 作業系統 Microsoft Windows XP 資料庫 Access 2003 網頁設計 Asp.net 2.0 繪圖軟體 Adobe Photoshop 動畫軟體 Adobe Flash

3.5 專題時程規劃

圖

3-3

第四章 專題成果

4.1 需求分析

4.1.1 問題描述 一九衛生服務網是與一九衛生工程行合作所架構的網站，一九衛生工程 行主要經營廢棄物清除事業，其工作內容是從事清理化糞池、疏通水管、疏通馬 桶、清理截油池、清理污水池、清洗水塔…等等。一九衛生工程行即委託本組整 合網路資源，並建置與開發網站，讓有該需求的消費者能利用網路找到一九衛生 工程行所提供的服務。 4.1.2 使用者需求 消費者在有廢棄物清除需求時不知透過何種管道找到該服務，一九衛生 工程行針對此需求架設一九衛生服務網，在網站上提供服務資訊給消費者，使消 費者能夠得到相關資訊，早期沒有網站的年代，廢棄物清除服務資訊是以電話簿 黃頁與貼小貼紙宣導為主，電話簿黃頁因為版面欄位有限，無法提供所有服務資 訊，而小貼紙亂貼在大樓門口，不僅破壞市容，更會讓消費者反感，造成負面企 業形象。 4.1.3 可行性分析 1.操作性需求 1.1 瀏覽者可利用此系統了解更多的相關資訊。 1.2 系統採用資料庫處理，更新資料方便迅速。 1.3 照片上傳網站採用資料宦處理，更新照片方便迅速。 2.安全性需求 2.1 防止網站資料外洩。 2.2 網站資料庫使用專業網站代管服務，網路頻寬、網站資料備份、網站資 料異地備源..等，提高網站安全性。 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.4 UML的系統循序圖

4.2.5 UML的活動圖

4.2.6 UML的進階圖2

4.2.7 UML的進階圖2

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資料庫會將

4.4 使用手冊

4.4.1資料庫登入 輸入帳號與密碼 圖 4-8 登入首頁 選擇公司簡介 圖 4-9 頁面選項

填入公司簡介相關資訊

圖 4-10 公司簡介內容頁面 1

按"儲存"按鈕

網頁呈現

圖 4-12 公司簡介 按"專業服務"按鈕，進入專業服務資料庫頁面

填入專業服務相關資訊，按"儲存"按鈕

圖 4-14 專業服務內容頁面 2 網頁呈現

按"施工實景"按鈕，進入施工實景資料庫頁面 按"分類維護"按鈕，進入分類維護。

圖 4-16 施工實景 1

在新增按鈕右側，填入欲新增欄位名稱，填入後按＂新增＂按鈕，新增照片分類。

修改分類名稱，直接在欲修改名稱左側，按下＂修編＂功能

圖 4-18 施工實景 3

新增圖片，先選擇欲新增照片分類，該分類以下拉式選單呈現。

按＂分類圖片＂按鈕進入

圖 4-20 施工實景 5

進入分類圖片，按”瀏覽”按鈕，可新增照片

單擊欲上傳的照片後，在視窗下方按＂開啟＂按鈕。

圖 4-22 施工實景 7

上傳欄位此時會出現圖檔路徑，下方說明欄位填入照片檔說明。

按”儲存”按鈕，照片上傳至資料庫。

圖 4-24 施工實景 9 網頁呈現

欲刪除該上傳照片，按該照片左下角＂刪除＂選項。

圖 4-26 施工實景 10

按下＂確定＂按鈕，照片由資料庫中刪除。

已從資料庫刪除該照片檔

圖 4-28 施工實景 12 按＂分類維護＂按鈕，進入分類維護功能

在新增按鈕右側欄位填入欲新增照片標題，填完後按＂新增＂按鈕。

圖 4-30 相關證照 2 在分類的下拉式選單，選取新增分類選項。

進入分類圖片，按＂瀏覽＂按鈕，可新增照片，單擊欲上傳的照片後，在視窗下 方按＂開啟＂按鈕。

圖 4-32 相關證照 4

上傳欄位會出現圖檔路徑，下方說明欄位填入照片檔說明文字。

按”儲存”按鈕，照片上傳至資料庫。

圖 4-34 相關證照 6 網頁呈現相關證照

欲刪除該上傳照片，按該照片左下角＂刪除＂選項。按下＂確定＂按鈕，照片由 資料庫中刪除。

圖 4-36 相關證照 7 已從資料庫刪除該照片檔。

網頁呈現相關證照

圖 4-38 相關證照 按＂分類維護＂按扭新增分類

在新增按鈕右側欄位填入欲新增標題。然後按＇新增＂按鈕。

圖 4-40 F&Q2 如需修改標題，按＂編修＂功能。

在該欄位填上修改文字標題。然後在欄位左側下＂確定＂功能。

圖 4-42 F&Q4

已新增修改欄位

網頁每一頁的 F&Q Search 選單則會出現新增 F&Q 標題。

圖 4-44 F&Q

新增 F&Q 分類內容，在分類下拉式選單，選取欲新增內容的標題。

在該欄位中編輯欲上傳文字。

圖 4-46 F&Q7

網頁 F&Q 呈現。

在欲刪除標題欄位左側按＂刪除＂功能。

圖 4-48 F&Q8 按下＂確定＂按鈕。

網頁 F&Q 呈現

圖 4-50 F&Q2 聯絡我們網頁頁面

在聯絡我們欄位中，依照該欄位內容填寫。

圖 4-52 聯絡我們 2

聯絡我們的網頁欄位表單會轉為電子郵件寄至指定信箱。

第五章 結論與建議

5.1 研究貢獻

1.替業者每年省下 3-4 萬的廣告費 2.為業者開拓了網路市場提升營業額 3.為業者建立一個可以隨時更新資訊的網路平台 4.為環境減少了不必要的垃圾如廣告傳單等... 5.提供瀏覽者解答問題的網路平台

5.2 對業者的建議

本網站建置其主要目的是為業者開拓網路市場、提高業者的曝光率、增加業 績及營業額,所以網站內容及相關資訊必須定期更新才能達到建置網站的目的,而 且定期更新網站內容可以提高網站內容的專業度並吸引更多瀏覽者閱覽網站。

5.3 未來研究方向

1.增加成功案例: 增加成功案例的照片或相關資料，讓消費者能夠從網站上得知業者的一些服務與 成功案例，廢棄物清除事業的成功案例，例如:海灘油污清潔、道路油污清潔… 特殊清除工作，都可以放置在網站上，這樣消費者會對業者的工作專業與能力更 有信心。 2.24 小時線上客服 未來計劃提供 24 小時線上客服人員，透過線上 Skype 或 MSN…等線上溝通平台 軟體，消費者不論何時需要業者提供服務都可以隨傳隨到，且溝通零成本，業者 也可以立即處理消費者問題。 3.提供清潔用品網路購物 未來將出品業者自有品牌清潔用品，以業者在該產業多年的經驗，研發出比現在 市售更好、更便宜、更環保的清潔用品，未來將透過自有網路平台販售，將可以 大大的提高營業額，且消費者能夠在市售清潔用品中能夠有另外的選擇，透過業

者網站平台或其它拍賣與線上購物平台的販賣，業者不需走一般賣場通路，節省 上架、運送物流…費用。 4.網路線上估價 消費者如果有任何需要業者估價的地方，可以透過網路，將消費者所需清潔的部 份，使用照相、攝影方式，再配合地點、樓層、坪數…等數據，傳送給業者，業 者則可以不用親臨現場也可以進行估價報價的動作，少了幾次通車的往返，也算 是另類的環保。 5.整合全台灣廢棄物清除事業 未來規劃提供更優質的網站平台，整合全台灣的廢棄物清除事業業者，所有業者 都可以透過此平台一同創造出新的廢棄物清除服務型態。

5.4 製作心得

本專題的製作過程中，我們小組成員一直不停的遇到挫折與問題，每週犧牲休假 時間不停的開會討論，追蹤各組員進度，也是因為這樣每個組員更是體會到完成 一個專案是非常不容易的一件事，要整合一個專案的人員進度更是麻煩。 在整個過程中軟體的應用，從原來課堂上完全的整合為一個專案是有難度的，為 了要使本專業更有商業價值，製作的過程也是一直不停的修改設計與改用軟體， 還把之前學習過的軟體課本都拿了出來，仔細研究。 整個過程，每個組員都有學到新的知識，也因為每個組員都在不同的行業任職， 過程中看法與觀點都不相同，不過最後能夠完全的整合也順利的產出該專題，也 是這幾個月來最大的心慰。 最後謝謝指導老師 廖國雄 老師，謝謝他們為了我們的專題給予提導。這幾年的 學習過程，也因為導師能夠讓本小組成員能夠順利將這四年大學生涯所學的知識 整合，謝謝。

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/02/26 地點 A102 時間 2009/03/05 地點 A102 主席 廖國雄老 師 記錄 廖敏君 主席 廖國雄老 師 記錄 廖敏君 出席者 _{陳璋揚、廖敏君、吳忠泰 出席者 陳璋揚、廖敏君、吳忠泰} 內容 尋找專題題目與方向 內容 討論內容大綱與工作分配 決議 決定以設立公司網站為專題 決議 決定以衛生工程公司為專題 對象 老師 建議 往公司網站架設系統思考 老師 建議 無 時間 2009/03/12 地點 A102 時間 2009/03/28 地點 業主家中 主席 廖國雄老 師 記錄 廖敏君 主席 陳建鎰先 生 記錄 廖敏君 出席者 陳璋揚、廖敏君、吳忠泰 出席者 陳璋揚、廖敏君、吳忠泰 內容 討論專題名稱 內容 與業者討論網站內容 決議 命名為架設公司網站 決議 決定網站相關內容 老師 建議 無 老師 建議 無

會議紀錄表

專題名稱

公司網站設計

時間 2009/04/02 地點 A102 時間 2009/04/16 地點 A102 主席 廖國雄老 師 記錄 廖敏君 主席 廖國雄老 師 記錄 廖敏君 出席者 陳璋揚、廖敏君、吳忠泰、王 文宏 出席者 陳璋揚、廖敏君、吳忠泰 內容 討論第一章及整理內容 內容 討論第二章文獻 決議 確定背景以及動機、按照所決 定的內容開始撰寫 決議 依照討論的結果開始製作文 獻內容的部分 老師 建議 修正報告內容 老師 建議 修正報告內容 時間 2009/04/30 地點 A102 時間 2009/05/07 地點 A102 主席 廖國雄老 師 記錄 廖敏君 主席 廖國雄老 師 記錄 廖敏君 出席者 陳璋揚、廖敏君、吳忠泰 出席者 陳璋揚、廖敏君、吳忠泰、王 文宏 內容 討論第三章架構及書面排版 內容 請指導老師計畫書哪裡部份 需修改 決議 討論建製整體及網頁架構 決議 老師 建議 修正報告內容 老師 建議

會議紀錄表

專題名稱

公司網站設計

時間 2009/06/12 地點 A102 時間 2009/06/18 地點 A102 主席 廖國雄老 師 記錄 廖敏君 主席 廖國雄老 師 記錄 廖敏君 出席者 _{陳璋揚、廖敏君、吳忠泰 出席者 陳璋揚、廖敏君、吳忠泰} 內容 討論初稿需修正的地方並整 理其內容 內容 請指導老師再次檢核修正後 之內容 決議 確定錯誤地方並加以修改內 容 決議 確定無誤後再將其予以列印 成冊 老師 建議 修正報告內容 老師 建議 列印時需注意事項 時間 2009/7/2 地點 A102 時間 2009/7/14 地點 A102 主席 廖國雄老 師 記錄 廖敏君 主席 廖國雄老 師 記錄 廖敏君 出席者 陳璋揚、廖敏君、吳忠泰 出席者 陳璋揚、廖敏君、吳忠泰 內容 網站架構討論 內容 討論程式 決議 修改專業服務部份架構 決議 討論網站架設細節 老師 建議 無 老師 建議 無

會議紀錄表

專題名稱

公司網站設計

時間 2009/8/31 地點 A102 時間 2009/11/19 地點 A102 主席 廖國雄老 師 記錄 廖敏君 主席 廖國雄老 師 記錄 廖敏君 出席者 _{陳璋揚、廖敏君、吳忠泰 出席者 陳璋揚、廖敏君、吳忠泰} 內容 討論結案報告開始撰寫 內容 討論伺服器架設方式 決議 立即執行 決議 架設至網路空間 老師 建議 不懂立即發問 老師 建議 無