Tài liệu Building an website for fashion shop online computer science

Building an vvebsite for íashion shop Online G ra d u a tio n T h e s is S u b m itted to Hanoi University fo r the d e g re e of Bachelor of Computer Science By Le Thỉ Thanh Hoa (Computer Science) Supervisor: MSc. Tran Huu Tam TH Ư VIẸN OAIVIỌC HA NOI HANOIUNIVERSITVLIBRARY December, 2009 Building an vvebsite for fashion shop Online G ra d u a tio n T h e s is S u b m itte d to Hanoi University fo r th e d e g re e o f Bachelor of Com puter Science By Le Thi Thanh Hoa (Computer Science) Supervisor: MSc. Tran Huu Tam December, 2009 A b s tra c t T he advent o f the Internet led to changes in b usiness th at w e can call revolutionary. T he Internet boom m akes E -com m erce be a rapidly expanding secto r all o v er the w orld. O n lin e shopping is soon becom ing the m ain av en u e o f sh o pping in the global in general and in V ietnam in particular.). V ietnam is on the very íirst step o f developing in th e íìeld o f e-com m erce; how ever, the innovative trend proved th at V ietnam is one o f very potential m arket in the com m erce. T his e-co m m erce tren d leads th e appearance and developm ent o f m any O n l i n e shopping vvebsites in V ietnam that buying and selling m any things o v er the Internet. So, the dem and o f bu ild in g O nline sh o pping w eb sites in V ietnam that support buying and sellin g cu sto m er’s p ro cess is m uch b igger than th at in th e past. T herefore, th is th esis e x p lo re s th e a n a ly sis, d e sig n a n d im p le m e n ta tio n o f Online fash io n vvebsite that buys and sells ciothes over th e Internet. T h is O n l i n e fashion shop uses A SP .N E T This Online fashion shop guarantees th e entire e-com m erce w eb site’s m ain fu n ctio n ality such as Online- c a ta lo g u e , p r o d u c t’s c o m m e n t, ra tin g , se arc h in g , Online custom er support, e-shopping cart as vvell as ordering. A nd Online paym ent system will be com pleted m ore in th e near íuture because th is required the cooperation o f this w ebsite w ith third side such as e-com m erce business o r banks. Acknovvledgments I would like to first and íbrem ost express m y great gratitude to my supervisor M SC .Tran Huu Tam from Faculty o f lnform ation Technologv, Hanoi University for his enthusiastic guidance. He helped stim ulated suggestions and encouraged m e a lot in all the tim e o f w riting o f this thesis. I am particular grateíul to all the teachers o f Faculty o f Inform alion Technology, Hanoi U niversity who have taught m e vvith all enthusiasm s, the helpfulness, the caring, gave m e the chance and the possibility to com plete this thesis. Especially, I am obliged to thanks Mrs. Le Phan M inh Tuan for his assistance in his training and support m e in co m p letin g code and designing database. Last, vvords alone cannot express the thanks to m y parent w ho encouraged me m uch in m y study. T h eir spiritual encouragem ent and m aterial support helped me overcom e m any difficulties w hen I vvas d oing this G raduation thesis. Table of Contents Table o f C o n te n ts.................................................................................................................................... iv List o f F ig u res......................................................................................................................................... vii Chapter 1 In tro d u ctio n ........................................................................................................................... 11 O b je c tiv e s.............................................................................................................................................11 M otivation............................................................................................................................................ 12 M ethodology....................................................................................................................................... 13 An Overvievv o f the Rest o f the D ocum ent................................................................................. 16 C hapter 2 T he Background Knovvledge.............................................. .............................................17 C urrent e-com m erce status in g lo b a l............................................................................................17 C urrent e-com m erce status in V ie tn a m ....................................................................................... 18 A SP .N E T technology....................................................................................................................... 20 C hapter 3 A nalyzing clo th es Online s h o p ....................................................................................... 28 W ebsite’s fu n ctio n ............................................................................................................................ 28 U ser case speciíĩcatio n ..................................................................................................................... 30 Add product to shopping c a rt..................................................................................................... 31 S earch ............................................................................................................................................... 32 A dvanced s e a rc h ........................................................................................................................... 33 C o m m e n t......................................................................................................................................... 34 iv Contact 35 C h e c k o u t......................................................................................................................................... 35 M anage c a teg o ry ...........................................................................................................................36 M anage p r o d u c t............................................................................................................................ 38 M anage producer...........................................................................................................................40 M anage n e w s ................................................................................................................................. 41 M anage F A Q .................................................................................................................................. 43 M anage security u s e r ...................................................................................................................45 M anage s i z e ............................................................ ......................................................................46 M anage c o lo r .................................................................................................................................48 L o g in .................................................................................................................................................50 M anage b i l l ..................................................................................................................................... 51 M anage bill d e ta il......................................................................................................................... 53 M anage cu sto m e r.......................................................................................................................... 54 M anage c ity .....................................................................................................................................56 C hapter 4 D esigning clothes O n lin e shop......................................................................................... 58 C lass diagram ...................................................................................................................................... 58 Use case rea Iiz a tio n .......................................................................................................................... 60 S earch................................................................................................................................................60 A dvanced s e a rc h ............................................................................................................................61 C o m m en t..........................................................................................................................................63 C o n ta c t............................................................................................................................................. 64 M anaae c a teg o ry ........................................................................................................................... 65 V M anage p r o d u c t............................................................................................................................69 M anage n e w s :................................................................................................................................ 73 M anage F A Q ..................................................................................................................................77 M anage co m m en t.......................................................................................................................... 81 M anage security u s e r ...................................................................................................................85 D atabase d e s ig n .................................................................................................................................88 C hapter 5 Im plem entation p h a s e .......................................................................................................97 U se r's in terface..................................................................................................................................97 A d m in istrato r's in te rĩa c e ...............................................................................................................105 C hapter 6 Sum m ary and C onclusions............................................................................................. 113 C o n c lu sio n .........................................................................................................................................113 Suggestion for future tre n d ........................................................................................................... 114 R eferen ces...............................................................................................................................................115 A ppendix 1 A pplication c o d e ........................................................................................................... 116 Jav a C o d e .......................................................................................................................................116 H TM L F ile s .......................................................................................................................................117 vi List of Figures Pigure 1 ER m o d e l.................................................................................................................................22 Figure 2 User case m odel..................................................................................................................... 29 Pigure 3 Class d ia g ra m ........................................................................................................................ 59 Fiaure 4 Search sequence d ia g ra m .................................................................................................... 60 Figure 5 Search ciass d ia g ra m ............................................................................................................60 Figure 6 A dvanced search sequence d ia g ra m ................................................................................. 61 Figure 7 A dvanced search class d iagram ...................................................................................... 62 Figure 8 C om m ent sequence d iagram ............................................................................................ 63 Figure 9 C om m ent class d ia g ra m ................................................................................................... 63 Figure 10 Contact sequence d ia g ra m ............................................................................................. 64 Figure 11 Contact class d iag ram ..................................................................................................... 64 Figure 12 Add category sequence diagram ...................................................................................65 Figure 13 Add category class seq u en ce.........................................................................................65 Figure 14 Edit category sequence d ia g ra m ...................................................................................66 Figure 15 Edit category class d iag ram ...........................................................................................67 Figure 16 Delete category sequence d ia g ra m .............................................................................. 68 Figure 17 Delete category class d ia g ra m ...................................................................................... 68 Figure 18 Add producl sequence d ia g ra m ....................................................................................69 Figure 19 Add product class d ia g ra m ............................................................................................ 69 Figure 20 Edit product sequence d ia g r a m ....................................................................................70 vii Figure 21 Edit product class d ia g ra m ...............................................................................................71 Figure 22 D elete product sequence d iag ram .................................................................................. 72 Figure 23 D elete product class diagram ...........................................................................................72 Pigure 24 A dd new s sequence d ia g ra m ...........................................................................................73 Pigure 25 Add news class d ia g ra m ...................................................................................................73 Figure 26 Edit new s sequence d ia g ra m .......................................................................................... 74 Pigure 27 Edit news class d ia g ra m ................................................................................................... 75 Figure 28 D elete news sequence d iag ram ....................................................................................... 76 Figure 29 D elete news class d iagram ................................................................................................76 Figure 30 Add FAQ sequence d ia g ra m ...........................................................................................77 Figure 31 A dd FAQ class d ia g ra m ................................................................................................... 77 Figure 32 Edit FA Q sequence d iagram ............................................................................................ 78 Figure 33 Edit FAQ class d iagram .................................................................................................... 79 Figure 34 D elete FAQ sequence d ia g ra m ....................................................................................... 80 Pigure 35 D elete FAQ class d iag ram ................................................................................................80 Figure 36 A dd com m ent sequence d iagram .....................................................................................81 Figure 37A dd com m ent class d ia g ra m ............................................................................................. 81 Figure 38 Edit com m ent sequence d ia g ra m .................................................................................... 82 Figure 39 E dit com m ent class d iagram ............................................................................................ 83 Figure 40 D elete com m ent sequence d ia g ra m ............................................................................... 84 Figure 41 D elete com m ent class d ia g ra m ........................................................................................84 Figure 42 Add security user sequence d ia g ra m .............................................................................85 Pigure 43Add security user class d ia g ra m ...................................................................................... 85 viii Figure 44 Edit security user sequence d ia g ra in .............................................................................86 Pigure 45 Edit security user class d ia g ra m ..................................................................................... 87 Figure 46 D elete securitv user sequence d iag ram ......................................................................... 88 Figure 47 D elete security user class d ia g ra m .................................................................................88 Figure 48 ER m o d e l...............................................................................................................................89 Figure 49 H om epage p a g e ...................................................................................................................97 Figure 50 C ategory p a g e ...................................................................................................................... 98 Figure 51 C ategory’s p ro d u cts............................................................................................................98 Figure 52 Product detail p a g e .............................................................................................................99 Figure 53 Shopping cart p a g e ...........................................................................................................100 Figure 54 Print ord er p a g e ................................................................................................................. 100 Figure 55 C heckout p a g e ....................................................................................................................101 Figure 56 N ew s p a g e .......................................................................................................................... 102 Figure 57 N ew s’s detail p ag e............................................................................................................ 102 Figure 58 C o ntact’s inform ation p a g e ............................................................................................103 Figure 59 FAQ p ag e.............................................................................................................................103 Figure 60 Search result p a g e ............................................................................................................. 104 Figure 61 Login p a g e ...........................................................................................................................105 Figure 62 M anage product p a g e ...................................................................................................... 106 Figure 63 M anage product p a g e ...................................................................................................... 106 Figure 64 M anage category p a g e ..................................................................................................... 107 Figure 65 M anaiỉe category p a g e ..................................................................................................... 107 Figure 66 M anage security user p a g e .............................................................................................108 ix Figure 67 M anage security user page Figure 68 M anage new s page Pigure 69 M anage new s page Pigure 70 M anage FAQ page Pigure 71 M anage FAQ page Pigure 72 M anage custom er page Figure 73 M anage custom er page Figure 74 M anage com m ent page Figure 75M anage com m ent page Chapter 1 Introduction Objectives The thesis aim s at analyzing, designing and im plem enting O n l i n e ĩashion shop that buys and sells clothes over the Internet. T his w ebsite follow s B2C m ethod that exchanges stuffs betw een business and custom ers. The \vebsrte íìinctionality includes Online- c a t a l o g u e , s e a r c h i n g , p r o d u c t ’s c o m m e n t a s v vell a s r a t i n g , O n l i n e c u s t o m e r support, shopping cart. For custom er, this w ebsite allow s him to choose exactly w hat type clothes or accessory they w ant from variety o f choices o f brands. T his w ebsite also provides custom ers vvith a platfo n n to search clothes iníbrm ation based on a w ider range o f categories. C ustom er can also evaluate each clothes o r accessory that later will becom e product’s revievv to other custom ers. M oreover, custom er can find easier to do buying process by p u t t i n g c l o t h e s o r a c c e s s o r y i n t o V i r t u a l s h o p p i n g carts as m a n y as t h e y v v a n t ju s t by som e clicks and lastly they can order product from enterprises. For business, this w ebsite m akes organizations decrease costs in displaying a vvider variety o f clothes by O n l i n e catalogue. M oreover, this vvebsite also increases custom er care services by O n l i n e support, FA Q s function. In addition, this w ebsite collects and m anages inform ation related to custom er behavior, w hich in tum helps develop and adopt an efficient m arketing and p r o m o t i o n a l strategy. Motivation T he Internet boom m akes e-com m erce be a rapidly expanding sector all over the vvorld. T o be speciíic ecom m erce vvould be buying and selling o f goods and services and transfer o f funds through digital Com m unications. O nline sh o p p in g is soon b e com ing the m ain avenue o f shopping in the global in general and in V ietnam in particular.). Ít can be s e e n c l e a r l y s o m e a d v a n t a g e s o f b u y i n g a n d s e l l i n g stuíT s O n lin e : Being a b l e to conduct b u sin e ss 24 X 7 X 365, access the global m ark etp lace, red u ctio n in b u y e r s so rtin g out tim e, better buyer decisions, less tim e is spent in resolving invoice and order discrepancies, increased opportunities for buying altem ative P roducts... The fast growth o f internet technology e-com m erce technologies created a great opportunity for business and retailers also to invest in this íìeld. So, m ore e-com m erce w ebsites are bom and successful such as A m azon.com , E -b ay ...w h ich sells m any things such as clothes, accessories, electronic devices, e tc ... Som e o f them connect with Online paym ent ecom m erce business such as PayPal o r some intem ational banks to m ake O n l i n e paym ent system s that bring m ost convenience to custom ers. V ietnam is on the very íirst step o f developing in the íìeld o f e-com m erce; how ever, the innovative trend proved that V ietnam is one o f very potential m arket in the com m erce. N ow adays, Viet Nam has better inử astructure o f inform ation technology, that is w idespread internet connection and m ore and m ore V ietnam ese people have technical knovvledge. M oreover, V ietn am ese's attitude to O n l i n e shopping vvebsite is different f r o m traditional atlitude that is V ietnam ese people used to do m erchant in face-to-face fash io n , m ost o f the transactions are paid directly by cash. M ore and m ore V ietnam ese people v isit a n d b u y s tu ffs tliro u g h Online s h o p p i n g w e b s i t e in s te a d o f g o i n g to ph y sical s to re s as 12 beíore because they are little w orried about p ro d u ct's quantity; inform ation security. So, m any enterprises open Online shopping w ebsites that follow s m any types such as B2B, C 2C . and B2C to shovv and sel) stuffs to custom er. And som e typical Online shopping vvebsites in Viet Nam such as enbac.com , raovat.com are successful to apply iníòrm ation technology to do Online transactions as vvell as attract custom ers. Eventually, in Vietnam, according to H oang C uong, paym ent system is being im proved by gradual transition from physical transactions to m achine-to-m achine. Som e o f shopping vvebsites cooperates with third side such as banks o r e-com m erce business such as N ganluong.vn, O nePay to help c u sto m e rs to e b a y .c o m .vn pay th ro u g h co o p e ra te s Online p a y m e n t sy ste m . w ith N ganluong.com to For exam p le, ch o d ien tu .co m , help c u sto m e r to pay Online autom atically. All the a b o v e reaso n s m ake m e to d e sig n and d e v e lo p an Online fashion vvebsite that tbllovvs B2C type speciíic in selling and buying clothes over the Internet. M ethodology In order to fu 1fíỉI o f this thesis, I designed and developed Online shopping w ebsite through referring and trying other Online shopping w ebsites over the w orld. So, i search different interface that can attract custom er at the first sight to the w ebsite, m ore in-depth s t u d i e s o f h o w to m ake O nline transaction b y s h o p p i n g ca rt, read b o o k about e-com m erce theories and then connect all the íìndings. Then I analyzed from all the íindings what m ain íunctionality an Online shopping w ebsite needs to bring the m ost convenience to custom ers. Also, 1 studied in com bination w ith applying A SP.N ET technology and application fram ework for this w eb site's code structure. 13 In term o f deploym ent environm ent, this w ebsite has som e requirem ent o f w orking environm ent to both sides: server side and Client side. Side Hardvvare requirem ent Suggested hardvvare requirem ent Server • side CPU X eon Dual • C ore 1.8 GHz Software requirem ent CPU Intel C ore 2 • Dual 3.00 G hz SQL server 2005 • C aches 2x1M B L2 • C aches 4M B L2 • M em ory 512M B • M em ory 4 x 5 12MB • Fire Fox brow ser • Video RAM 64M B • Video RAM 64M B • • HDD 160GB • SATA Client HDD 320G B Studio SATA • CD -Rom 52x • CD -Rom 52x • M onitor 17” • M onitor 17” • CPU 1.6Ghz • CPU 3.00 Ghz • C aches 512 KB 12 • C aches 3M B 12 • M em ory 256M B • M emory 512M B side Visual 2008 • Firefox brow ser 14 • V ideo RAM 32M B • Video RAM 64M B • HDD 49G B SATA • HDD • C D -R om 52x • M onitor 14” 160GB SATA • CD -Rom 52x • M onitor 14” T here are also som e technology, tools and languages supporting to design and develop this clothes O nline shop w ebsite. T his list som e technology, tools and languages used: - M acrom edia Flash 8 - A dobe Photoshop SQL Server 2000 - M icrosoft Visual Studio 2005 •Net Fram ew ork B ooks and re fe re n c e s Online css - HTM L, is used to design w eb site's interface - ca is also vvritten to dcvelop \vebsite Som e languages such as .lava. XM L are em bedded into code 15 An Overvievv o f the R est o f the D ocum ent Structure o f the rest o f G radưation thesis Chapter 2: Background know ledge 1. E-com m erce status s C urrent e-com m erce status in globa] s C urrent e-com m erce status in Vietnam 2. A SP.N ET technology s A SP.N E T technology s A pplication fram ework Chapter 3: A nalyzing phase s W ebsite’s íunction , user case model s User case specification Chapter 4: D esigning phase ■ S C lass diagram s User case realization s D atabase design Chapter 5: Im plem enting phase s U ser’s interface ■ s A dm inistrator’s interface Chapter 6: Sum m ary and conclusion ■ / Conclusion v' Plan for future trend 16 Chapter 2 The Background Knovvledge C urrent e-com m erce status in global In the recent years, the w orldw ide developm ent o f the Internet perm its the interconnection o f new and existing iníbrm ation and com m unication technologies. People early realize that Internet can m ake business and consum ers approach together in an innovative and powerfuI inform ation system instead o f traditional w ays. E-com m erce is deíined as the conduct o f “the buying and selling o f Products o r services over electronic system s such as the internet and other C o m p u te r netvvorks” . It can be seen clearly that e-com m erce vvebsite brings m any beneíìts for both custom er and business. Electronic com m erce gives the custom ers th e opportunity to look for cheaper and quality Products. With the help o f e-com m erce, consum ers can easily * research on a speciíìc product and som etim es even find out the original m anufacturer to purchase a product at a m uch cheaper price than that charged by the w holesaler. Shopping Online is usually m ore convenient and tim e saving than conventional shopping. Besides these, people also com e across revievvs posted by o th er custom ers, about the P roducts purchased from a p articu lar e -c o m m e rce site , w h ich can help m ake pu rch asin g d ecisio n s. For business concem s, e-com m erce signiíĩcantly cuts dow n the cost associated with m ark etin g , c u sto m e r care. P rocessing, an d 17 in íb rm a tio n storage and inventory m anagem ent. Electronic com m erce reduces the burden o f inĩrastructure to conduct businesses and thereby raises the am ount o f ĩunds available for proíitable investment. On th e other hand, it collects and m anages iníòrm ation related to custom er behavior, vvhich in tum helps develop and adopt an efficient m arketing and prom otional strategy. T he fast grovvth o f internet technology e-com m erce technologies created a great opportunity for business and retailers also to invest in this fìeld. So, m ore e-com m erce vvebsites are b o m and successful such as A m azon.com , E -b ay ...w h ich sells many things su c h as clo th es, a c ce sso rie s, e le c tro n ic d ev ices, e tc ... S o m e o f them co n n ect vvith Online paym ent e-com m erce business such as PayPal o r som e intem ationa! banks to m ake Online paym ent system s that bring m ost convenience to custom ers. C urrent e-com m erce status in V ietnam E-com m erce is rapidly boom ing all over the vvorld, and V ietnam is no exception. W ith a population o f 80 m illion, V ietnam is truly a potential m arket in term o f Ecom m erce. In the w ay step by step applying to the vvorld com m erce trend, V ietnam has reaped some success; hovvever, w e have m et som e unavoidable diíĩiculties and lim itatio n s. T aking part into WTO organization gave V ietnam m ore chances to participate in intem ational trading m arket. M oreover, e-com m erce policy m ust be foIlowed WTO Standard that can protect beneficiaries for both V ietnam custom ers as well as enterprises, vvhich help overseas enterprises ponder vvhen trading with V ietnam ese íirm s. Also, V ietnam has better inírastructures for telecom s and Internet. A ccording to Minh Cuong(2006), it estim ated the num ber o f w ebsites o f businesses operating in V ietnam at 17,500 in the end o f year 2004. T his figure virtually reílected considerable im provem ent