1、築戀婚紗網技術文件手冊鄭榮祿、王宛錡、黨勝琳、劉冠妤義守大學 資訊管理系Email-743441257424357373733摘 要築戀婚紗線上試穿系統，是為了方便心急看到美麗婚紗禮服的使用者的最貼心系統。現今網際網路的快速發展，運用其廣域方便的資料連結，讓使用者能夠輕易的便能夠尋找到想要的資訊進而選擇適合自己的選項。因為這樣的一個想法，我們決定將很少有人在網路上展現的婚紗禮服不是沒有人這麼做，只是為數不多！放上網際網路以能夠展現在習慣上網的客人們以提供便利性。壹、諸論結婚是每個人一生中需要謹慎安排的一大盛事。兩個人從相遇一路走來到後來決定一起攜手走向未來，經過了婚禮這樣的一個神聖的儀式而得到
2、了彼此認同，想當然爾，如此神聖的儀式的過程必定也要各細節皆需要用盡最大的心力來佈置。令人難忘的佈景、美妙的音樂、簡單但不可或缺的裝飾、美味得食物、參與的人們的用心還有開心的氣氛，最重要的當然還有兩位主角。在這其目的之一就是要讓所有人都無法忘懷的特別日子，兩位主角的裝扮一定要是全場宴中最最耀眼的。當然臉部的化妝修飾是必要的，但是俗話說的好：佛要金裝，人要衣裝新郎新娘身上所穿戴的服飾與所呈現出給別人的感覺更是能夠與其他人顯現出有所不同的一大特色。又尤其穿在新娘身上的婚紗更是比過眾多女性的最好機會，也難怪婚紗業者一季一季都馬不停蹄的推出新款式的婚紗禮服。以往，如果想要瞭解查詢與婚紗禮服的相關資訊時就
3、必須要在一家一家的婚紗店之間進進出出，有了網際網路的幫助，原本繁瑣複雜的事情就能夠變得簡單許多.貳動機線上婚紗試穿系統，這個想法源自於想要把日常生活中取得途徑較為麻煩的資訊得以運用網際網路的優點而便捷的呈現在使用者面前。(1) 使用者可選擇與建立個人喜好類型。(2) 容易保存資料之完整性。(3) 不佔資料儲存空間。(4) 資料更新速度快。並可以不同店面的資料同時進行查詢，藉由電子郵件、電子佈告欄進行雙向的溝通。(5) 不受時空限制：不受婚紗店開店打烊的時間之影響，並可網路上利用其他婚紗店的資訊，節省交通往返時間，突破空間限制。(6) 使用者可評估、加註、補充意見。(7) 資料即時可得，可省卻店
4、員幫忙尋找資料時的等待，甚或得不到的無奈。(8) 具互動功能，可經由網路與作者溝通。参目的一可行性分析為什麼會有把婚紗的資訊與資料網路化？我們的出發點為，時間性、便利性及一次就可以將過去舊有的或是已經更新的資訊全部分享給我們的會員，這樣可以幫助很多生活忙碌的使用者們得以花費小小的時間就能夠得到大大的資料。可以了解一位婚紗或是禮服的設計師要設計出一套婚紗或是禮服必須要投入的時間和精力，也難怪很多婚紗禮服的店家不希望把他們的商品那麼公開的在網路上發表。在過去，如果你想要選購一件婚紗或是禮服，就必須要親身或是請別人去一趟婚紗專門店。但是可想而知的，每一家的商品你並無法事先就知道，所以不可能如此幸運的
5、進去了第一家便快速決定選擇哪一套。每一家每一家的跑進跑出，花費了時間與精力，想必之後可能會因為已經精疲力竭而隨便敷衍了之，再不然就是乾脆放棄算了。如果網路上有很多的婚紗網站，那對於那些有此需要的可戶必定是一個大大的福利。我們的目的便是如此，上網不需要花費很大的體力，只要動一動手指就可以啦！另外，為什麼會特別製作一個”試穿”的功能呢？那是因為光從圖片上來看不無法確定哪一套服飾適合哪一種人。例如東方人與西方人光是在外表上就有所差別，身材的比例也是如此一般來說西方人的腿部會比較修長一點 ，所以我們特別在男生與女生的方面都選擇了兩位模特兒，不同型、不同身材比例的模特兒，希望使用者透過這個網站可以進一步
6、了解自己的選擇傾向。經過了製作這個網站，我們覺得我們當初的想法是可行的，將婚紗與禮服利用網際網路的力量來達到更多的功用。二軟體說明電腦能夠做出一個好的成果必定是由許多設計優秀的軟體、硬體相互結合而成，所以在選擇什麼樣的軟體、硬體上我們並不敢隨便。ASP.NET 的內建資料庫方便好用，因此我們選擇運用它來建立。再者，它在操作上較不困難，要維護或是做更改時較方便。資料庫中的內容包括了會員的帳號、密碼、信箱以及一些其他有關會員的私人資料。ASP.NET 除了上面提及的眾多優點與便利項之外，它的執行效能好、功能的強大與多方面，容易除錯及支援程式語言種類多，雖然它的可攜性較低，但是它的高實用性卻極為符合
7、我們的需求。大部分在這個網站上所看到的圖片處理都是使用 Photolmpact，好用、方便、說明又清楚。也許會有很多人詢問，為什麼不選擇利用 Photo Shop？Photo Shop 不是原本就是專供影像處理的嗎？Photolmpact 所被強調的還有包含了網頁設計的部分，又剛好是我們比較熟悉的，再加上 Photolmpact 中有很多可以直接套用的效果光是百寶箱中就有一推現成的處理圖片的特效 ，使我們不需要用太多的時間在處理圖片上。Flash 在本網站的開發中也擁有著非常重要的一席之地。例如：新品展示、製作小組還有會不斷出現變化的”築戀婚紗網”這幾個字，都是經過了 Flash 在動態表現上
8、的非常好的效果而得來的成果。Flash 8 是我們選擇的重要工具，進步的 Flash 8 版本已經提供了JavaScript 的程式語言設計，更增添了使用上的方便，而且檔案並不會太大，也可以做多元的表現。還有一個重要的角色， ”HTML”！ HTML 再加上伺服器端的程式，例如 ASP.NET 就可以結合資料庫去產生更大的功能了。三專案流程根據 SDLC 的流程來來發展系統，要建立一個系統首先要從需求分析開始，先了解會用到這個系統的使用者，他們的需求功能有哪些，為什麼會有這些需求，這時就要將確定了的那些需求想像在欲建立的系統上要如何能夠操作，所以系統分析就開始了。完成了系統分析之後，就可以進行
9、系統設計。將系統的雛型想像起來之後開始實施，建立了最最原始的系統。有了大概的系統之後，畫面的設計也非常重要，這是能夠吸引使用者與否的最大成敗關鍵。畫面設計完成了，經過組員們的討論，大家一起提供意見，修飾原本單調的畫面，這樣才能把最美麗的畫面呈現出來。網站的架設大致上已經好了，之後的新增系統功能可以增加網站對於使用者的方便。系統實作就是讓原本只是雛型的系統可以以討論決定的樣式來建立。終於，網站做好了，這次就輪到了系統的測試。測試之後，系統多多少少會有需要修改的部分，等到修改完成後，就可以上傳啦！四專案評估我們的目的-將婚紗禮服等相關服飾帶入網際網路之後與之前的優點：1.成本 人事成本在網際網路的
10、世界中，只要有網路就可以達到管理者應該做到的管理。除去了要派請人員到店家進行服務，這一點來看真的省去了許多要花費的人力資源。包括在店面時，要整理環境、商品還有其他瑣碎的事情。 管理成本在上面提到過的管理方面，不需要花錢另外請人在店家裡面來來回回的”巡邏” ，因為節省了人力所以也跟著節省了管理上面的開銷。網站的開發者可以就是管理者。2.方便性 管理者一樣的道理，運用網際網路的力量，即使是你坐在家裡臥室的書桌前也可以進行管理了。手指在鍵盤上敲打，在滑鼠上點按，不需要像在店家裡時來來回回的”巡邏”，這是另一大優點！ 使用者現在的人們，因為上班工作所以能夠得到的休閒時間已經愈來愈少了。就算有了休閒時間
11、也不一定有剩餘的體力去進行休閒。坐在電腦前利用網路的快速與大量資訊的傳達，使用者不需要像以往一樣花費過多的精力與時間。3.時效性網路世界的資訊傳送快速就大量，比較以往的的傳達訊息上的時間花費，這樣的做法既可以快速的找到舊有的資料，更可以將更新或是新的資訊迅速的發表在網站上面。4.安全性不用擔心有人的蓄意破壞，採用會員制度大大的降低了這個可能性。而且因為是發表在網路上資訊，就算是操到了破壞，只在拿出備份的資料就可以將原本的資訊完好如初的呈現出來。肆系統分析與設計一系統分析系統分析最主要在於考量系統的各方面操作的可行性或是不可行性。系統設計最主要的兩個模型是資料流程圖(DFD)和個體關析圖(E-R
12、 diagram)，如果確定系統中的操作方面都是可以運作的，這個時候依照其分析來建設好網站之後，經過測試、修改、實作之後就可以將網站上傳了。二系統設計系統中的操作，需要依照建立者的主要目的來加以設計。系統的設計需要跟主題相呼應，這樣才能讓使用者輕鬆方便的使用。在雛型出現之後，再新增設計以達成更多的功能。因此，系統設計的好與壞，決定了會員們的久留與否。三DFD、分解圖、結構化英文處理模型建立(process modeling)是一種技術，用來組織和用以說明流經一個系統的流程之間的資料結構與資料流，以及將要由一個系統的流程來實施的邏輯、策略和處理程序。處理模型起源於傳統的軟體工程方法；因此，在應用
13、程式設計的課程中，有遇到各種不同的處理模型，如程式結構圖、邏輯流程圖或決策表。我們這先將焦點集中在一種系統分析處理模型，資料流程圖(DFD)。資料流程圖(data flow diagram)是一種工具，他以圖形描述在一個系統內的資料流，以及由系統執行的工作或程序。分解圖(decomposition diagram)，又稱為階層圖，顯示一個系統由上而下的功能分解和結構。結構化英文(structure English)是一總語言和文法，他已結構化程式設計和自然英文的相對強度為基礎，用來定義處理模型中基本處理內涵的邏輯。DFD 圖一DFD 圖二-1DFD 圖二-2DFD 圖三分解圖結構化英文Proc
14、edure 1.1If 某使用這輸入其會員帳號與密碼 thenIf 與會員資料庫的資料核對 then連結到會員操作介面Else回到“會員登入系統“Procedure 1.2If 某使用者登入“會員新增系統“ thenIf 與會員資料庫的資料核對無重複的資料 then資料庫內新增會員資料Else重新填寫會員資料Procedure 1.3If 某使用者登入“修改密碼系統“ thenIf 與會員資料庫的會員資料核對密碼有無重複 then修改會員密碼Else重新填寫會員密碼Procedure 2.1While 點選“系統公告“觀看系統公告Procedure 2.2While 點選“新品展示“觀看新品展
15、示Procedure 2.3While 點選“婚紗試穿系統“使用婚紗試穿系統Procedure 2.4While 點選“小知識“觀看眾多相關資料Procedure 2.5While 點選“資料來源“觀看資料來源之網站Procedure 2.6While 點選“優惠卷“觀看相關優惠方案Procedure 2.7While 點選“登出“登出系統，跳回首頁flashProcedure 3.1點選“小知識“之後If 點選“婚紗(女生)款式“ then觀看婚紗(女生)款式If 點選“婚紗基本保養技巧“ then觀看婚紗基本保養技巧之知識If 點選“禮服(男仕)款式“ then觀看禮服(男仕)款式If 點
16、選“臉型&禮服款式搭配“ then觀看臉型&禮服款式搭配之知識If 點選“化妝與基本保養的技巧“ then觀看化妝與基本保養的技巧之知識Procedure 3.2點選“資料來源“之後If 點選“珍琳蘇新概念婚紗“ then連結到珍琳蘇新概念婚紗If 點選“紐約時尚婚紗攝影“ then連結到紐約時尚婚紗攝影If 點選“派迪禮服“ then連結到派迪禮服If 點選“老查婚紗攝影“ then連結到老查婚紗攝影If 點選“迅購婚紗“ then連結到迅購婚紗If 點選“奇摩知識+“ then連結到奇摩知識+If 點選“http:/pearl.myweb.hinet.ent/wed.htm“ then連結
17、到 http:/pearl.myweb.hinet.ent/wed.htmProcedure 4.1If 管理者增加系統公告 thenIf “系統公告“增加資料 then顯示於“系統公告“Procedure 4.2If 管理者增加新品資料 thenIf “新品展示“增加資料 then顯示於“新品展示“Procedure 4.3If 管理者增加試穿系統資料 thenIf “試穿系統“增加資料 then顯示於“試穿系統“Procedure 4.4If 管理者增加相關知識資料 thenIf “婚紗(女生)款式“增加資料 then顯示於“婚紗(女生)款式“If “婚紗基本保養技巧“增加資料 then顯
18、示於“婚紗基本保養技巧“If “禮服(男仕)款式“增加資料 then顯示於“禮服(男仕)款式“If “臉型&服裝款式搭配“增加資料 then顯示於“臉型&服裝款式搭配“If “化妝與基本保養的技巧“增加資料 then顯示於“化妝與基本保養的技巧“Procedure 4.5If 管理者增加資料來源之資料 thenIf “資料來源“增加資料 then顯示於“資料來源“Procedure 4.6If 管理者增加優惠資料 thenIf “優惠卷“增加資料 then顯示於“優惠卷“E-R diagram伍畫面一首頁首頁是給一位使用者在這個網站上第一個看到的畫面，若是希望該使用者在看到此畫面之後繼續前往網
19、站操作，這個時候畫面的設計就非常重要了。每個人都喜歡美麗的事物，把首頁設計的漂亮一點便能夠吸引使用者進入網站。畫面的設計最好是與網站的主題有相關性，如此一來更能把我們想要表達的主題讓使用者能夠感同身受。例如，我們的網站主題是有關婚紗，是一個想要給予使用者幸福感的網站。因此，在首頁的方面，運用 flash 放映了多張幸福表情洋溢在結婚者的臉上。有一些使用者喜歡做事情有效率，想要節省花費在觀賞 flash 上的時間。對於這樣想法的使用者，我們也給予尊重。在 flash 圖示的下方，點選”直接進入”就能夠跳過 flash，直接進入我們的登入頁面了。二登入頁面在欲進入網站時，會先有一張”登入頁面”的畫
20、面出現在各位眼前。因為本網站是採用會員制度，所以必須是要該網站的會員才可以進入並使用。如果使用者是第一次參觀本網站，那麼便需要先加入會員。點選”註冊新帳號” ，輸入使用者想要的帳號與密碼及其他資料，接著點選”建立使用者” ，若是密碼有重複到，新增會員系統會通知。若是打入了資料後心意變化不想要加入或是想要重新填寫資料，也可以點選”取消” ，如此就可以將資料重新填寫或放棄填寫了。如果使用者忘記自己的密碼，點選”忘記密碼” ，之後出現的畫面會要求使用者填入他們的帳號，該密碼事後會以郵件的方式通知使用者。 ps.因為有關該郵件伺服器 STMP 需要固定 IP，因次目前暫時關閉此系統，如有不便，敬請見諒
21、。 在此畫面成功登入之後，便正式進入該網站。會員可以操作網站中的功能。三建立新會員由於本網站只提供會員使用，因此如果使用者有意願要使用該網站，必須先成為我們會員的一份子。在使用者點選了”會員登入”畫面中的”建立新會員”後，螢幕畫面就會轉變為下方的圖樣。如上面所提及過的，會出現要求使用者填寫其相關資料的資料表，帳號、密碼、確認密碼、電子郵件、安全性問題、安全性解答。填寫完成這些資料之後，點選”建立使用者”就能成為會員中的一員了。當然囉，假設所填寫的密碼是跟資料庫中已經有的密碼資料重複到了，系統也會加以通知，之後使用者再重新選擇另一個密碼填寫，若是沒有跟資料庫中的密碼資料重複到，便會直接進入該網站
22、，如此也就是說，該使用者已經成功的成為了網站的會員，可以盡情的享用操作網站所提供的資料與服務。在使用者填寫完成”建立新會員”的資料表單之後，如果該使用者改變心意不想要成為該網站的會員或是想要重新填寫資料，可以點選”取消” ，所填寫之資料就會消失以便能讓使用者重新填寫。四忘記密碼人非聖賢，孰能無或。忘記密碼了是嗎？沒關係，您只需要進入此畫面中，然後填寫入你的帳號如果連帳號都忘記了，那就真的很抱歉，需要您重新申請另一個帳號囉我們將會用郵件的方式將您的密碼通知您。ps.因為有關該郵件伺服器 STMP 需要固定 IP，因次目前暫時關閉此系統，如有不便，敬請見諒。 五修改密碼如果使用者想到了更喜愛或更好
23、記的密碼，在這裡也能滿足您的要求。只需要填入”舊密碼” 、選擇”新密碼” 、在確認”確認新密碼”之後按下”更改密碼”之後就大功告成了。六系統公告這裡應該可以算是在正式進入本網站後的第一個印象畫面了，內容為本網站的開發者也就是我們啦的一些相關開發進度或是如果有新的資訊資料的更新，我們也會在這裡給予會員們通知。只要經過這裡，會員想要瞭解本網站有無什麼更新一點都不麻煩。七新品展示每一季都會有嶄新的商品推出，這裡就是真正的將新推出的商品展示給會員們觀看的地方了。每一件在這裡的服飾都可以點選來欣賞觀看，每一件服飾我們也都將其簡單的介紹放在旁邊，讓觀看的會員們對於該服飾有更進一步的瞭解與認識。八婚紗試穿本
24、系統可以說是此網站的一大特色。選取了想要測試的模特兒類型之後，就可以在這個系統中達成觀看試穿後的樣子了。雖然每位會員的身型與模特兒並不會完全相同，但是卻可以大概的瞭解每一套服飾穿在身上所呈現出來的樣子。希望可以讓使用的會員們對於服飾又有多一層的瞭解。九小知識我們從各個地方搜尋到了許多跟婚紗禮服有關的小知識，不找還真的沒有注意到，在市面上的這方面的知識跟平常穿的便服的知識相比較起來，有關婚紗禮服的知識真的不多。希望會員們可以在婚紗禮服的相關知識方面又更多的瞭解。十優惠卷優惠卷的最大目的是通知會員們有哪一些福利。我們會不定期的推出不同的優惠方案，給予使用者們更多更好的服務。十一製作小組介紹本網站的
25、製作小組與一些本網站在建立上的相關資料，也包括了運用到的軟體系統，讓會員們能夠了解我們建立者的想法。十二贊助廠商想要作出一個成功的網站絕對不是輕而易舉的事情。真的要感謝願意給予我們協助的眾多網站及相關商家。沒有他們的幫忙我們絕對無法得到如此多的資訊與資料。這些供應廠商都是非常棒的，希望會員們有空也可以抽空去觀看一下他們的網站喔！陸結論過去從來沒有想到過要建立一個網站是如此不輕鬆但是有意義的事情。我們都從這一次的經驗中學到了寶貴的東西，也要非常感謝費心發展網際網頁的前人們，沒有他們的努力我們就無法有這麼便利的東西可以運用。每個錯誤與成功都會被紀錄在我們的心中，用心開發、盡力思考只為了想要把它做到最好。希望使用者們能夠使用愉快，能夠帶給使用者們期望中的網站是我們的最大心願。柒參考資料珍琳蘇新概念婚紗 Mall 高雄旗艦店紐約紐約時尚婚紗攝影派迪禮服老查婚紗攝影迅購婚紗紡織精品店奇摩知識+http:/
