Xây dựng website quảng bá và bán hàng trực tuyến cho siêu thị thể thao sport one hà nội bằng wordpress

I HC THI NGUYấN TRNG I HC CễNG NGH THễNG TIN & TRUYN THễNG - - H HI HNG XY DNG WEBSITE QUNG B V BN HNG TRC TUYN CHO SIấU TH TH THAO SPORT ONE H NI BNG WORDPRESS đồ án tốt nghiệp đại học NGNH CễNG NGH PHN MM Thái nguyên, năm 2016 I HC THI NGUYấN TRNG I HC CễNG NGH THễNG TIN & TRUYN THễNG - - đồ án tốt nghiệp đại học NGNH CễNG NGH PHN MN ti: XY DNG WEBSITE QUNG B V BN HNG TRC TUYN CHO SIấU TH TH THAO SPORT ONE H NI BNG WORDPRESS Sinh viờn thc hin : H HI HNG Lp : KTPM - K10B Giỏo viờn hng dn : ThS NGUYN HNG TN Thái nguyên, năm 2016 LI CM N Sau mt thi gian tỡm hiu ti XY DNG WEBSITE QUNG B V BN HNG TRC TUYN CHO SIấU TH TH THAO SPORT ONE H NI BNG WORDPRESS , em ó hon thnh tin d kin t c kt qu ny, em ó n lc thc hin v ng thi cng nhn c rt nhiu s giỳp , quan tõm, ng h ca cỏc thy cụ bn bố v gia ỡnh Em xin chõn thnh cm n giỏo viờn hng dn: Th.S Nguyn Hng Tõn B mụn Cụng ngh phn mm Trng i hc Cụng ngh thụng tin v truyn thụng Em xin chõn thnh cm n cỏc thy cụ v ban lónh o trng i hc Cụng ngh thụng tin v truyn thụng i hc Thỏi Nguyờn ó nhit tỡnh ging dy v truyn t kin thc quý bỏu v b ớch sut quỏ trỡnh em hc ti trng Em xin chõn thnh cm n cỏc thy, cụ giỏo viờn thuc b mụn Cụng ngh phn mm ó trang b cho em nhng kin thc chuyờn ngnh rt hu ớch em hon thnh ti v phc v cho cụng vic ca em sau ny Vỡ thi gian cú hn nờn khụng th trỏnh nhng thiu sút, em rt mong nhn c s úng gúp ý kin t thy cụ v cỏc bn em hon thnh ỏn tt nghip.Em xin chõn thnh cm n! Thỏi Nguyờn, thỏng nm 2016 Sinh viờn thc hin H Hi Hựng LI CAM OAN Em xin cam oan õy l ti em t nghiờn cu, tỡm hiu v c s hng dn tn tỡnh ca thy giỏo Ths Nguyn Hng Tõn Cỏc ni dung nghiờn cu, kt qu ti ny l trung thc v cha cụng b di bt k hỡnh thc no trc õy Nhng ti liu phc v cho vic tỡm hiu lý thuyt v tham kho demo ó c ghi rừ phn ti liu tham kho.Nu phỏt hin cú bt k s gian ln no em xin hon ton chu trỏch nhim trc hi ng v ni dung ti ca mỡnh Thỏi Nguyờn, thỏng nm 2016 Sinh viờn thc hin H Hi Hựng MC LC LI CM N LI CAM OAN MC LC DANH MC HèNH NH LI NểI U Chng 1: C S Lí THUYT 1.1 Tng quan v Wordpress 1.1.1 WordPress l gỡ ? 1.1.2 Cỏc tớnh nng c bn ca Wordpress .9 1.2 S phỏt trin 10 1.2.1 Nhng bc u ca Wordpress 10 1.2.2 Nột ni bt lm nờn s phỏt trin: 11 1.2.3 Hng dn ci t xampp 13 1.2.4 Hng dn ci t WordPress trờn localhost 19 1.3 Gii thiu v Woocommerce 22 1.3.1 Woocommerce l gỡ? 22 1.3.2 Cỏc chc nng ca Woocommerce .22 1.3.3 Ci t Woocommerce 22 Chng : KHO ST V PHN TCH THIT K H THNG 25 2.1 Kho sỏt h thụng 25 2.1.1.Nhu cu thc t 25 2.1.2 Kho sỏt hin trng 25 2.1.3.Thit b v phn mm 26 2.1.4.Yờu cu trang web 26 2.1.5 Cỏc yờu cu chc nng: .26 2.1.6 Cỏc yờu cu phi chc nng: 27 2.1.7.Chc nng c th 27 2.2 Phõn tớch v thit k h thng 29 2.2.1 Xỏc nh Use Case ca cỏc tỏc nhõn .29 2.2.2 c t cỏc Use Case 30 2.2.3 Biu Use Case ca h thng 35 2.2.4.Biu hot ng ca h thụng 38 2.2.5.Biu trỡnh t ca h thụng 42 2.2.6.Biu lp ca h thng 50 Chng 3: CHNG TRèNH DEMO WEBSITE BN HNG 54 3.1 Trang ch 54 3.2 Trang sn phm 55 3.3 Trang ng ký , ng nhp 56 3.4.Trang gi hng .56 3.5 Trang toỏn 57 3.6 Trang liờn h .58 3.7 Giao din admin 59 TNG KT TI 60 Kt qu t c: 60 Hng phỏt trin chng trỡnh .60 TI LIU THAM KHO 61 NHN XẫT CA GIO VIấN HNG DN 62 DANH MC HèNH NH Hỡnh 2.1 : Biu user case cho khỏch hng 35 Hỡnh 2.2: Biu user case qun tr h thng 36 Hỡnh 2.3:Biu user case qun lý sn phm 36 Hỡnh 2.4: Biu user case qun lý danh mc .37 Hènh 2.5:Biu user case qun lý n hng 37 Hỡnh 2.6: Biu user case qun lý thnh viờn 38 Hỡnh 2.7:Biu hot ng ng ký thnh viờn 38 Hỡnh 2.8:Biu hot ng ng nhp vo h thng .39 Hỡnh 2.9: Biu hot ng tỡm kim sn phm 39 Hỡnh 2.10:Biu hot ng xem sn phm 40 Hỡnh 2.11:Biu hot ng xem gi hng 40 Hỡnh 2.12:Biu hot ng xem thụng tin cỏ nhõn 41 Hỡnh 2.13: Biu hot ng toỏn 41 Hỡnh 2.14:Biu trỡnh t ng ký thnh viờn 42 Hỡnh 2.15:Biu trỡnh t ng nhp 42 Hỡnh 2.16:Biu trỡnh t tỡm kim sn phm 43 Hỡnh 2.17:Biu trỡnh t xem sn phm 43 Hỡnh 2.18:Biu trỡnh t xem chi tit sn phm 44 Hỡnh 2.19:Biu trỡnh t thờm sn phm vo gi 44 Hỡnh 2.20:Biu trỡnh t thờm danh mc sn phm 45 Hỡnh 2.21:Biu trỡnh t xúa danh mc sn phm .45 Hỡnh 2.22:Biu trỡnh t sa danh mc sn phm 46 Hỡnh 2.23:Biu trỡnh t thờm sn phm 46 Hỡnh 2.24:Biu trỡnh t xúa sn phm .47 Hỡnh 2.25:Biu trỡnh t cp nht sn phm .48 Hỡnh 2.26:Biu trỡnh t xem chi tit húa n 49 Hỡnh 2.27:Biu trỡnh t toỏn 49 Hỡnh 2.28:Biu lp ng ký thnh viờn 50 Hỡnh 2.29:Biu lp ng nhp 50 Hỡnh 2.30:Biu lp tỡm kim sn phm 51 Hỡnh 2.31:Biu lp thờm hng vo gi 51 Hỡnh 2.32:Biu lp xem gi hng .52 Hỡnh 2.33:Biu lp thờm sn phm 52 Hỡnh 2.34:Biu lp xem chi tit sn phm 53 Hỡnh 2.35:Biu lp xem chi tit n t hng 53 Hỡnh 3.1:Trang ch 54 Hỡnh 3.2:Trang sn phm 55 Hỡnh 3.3:Trang ng ký , ng nhp 56 Hỡnh 3.4:Trang gi hng 56 Hỡnh 3.5:Thanh toỏn 57 Hinh 3.6:Trang liờn h 58 Hỡnh 3.7:Giao din admin 59 LI NểI U Ngy nay, m i sng ca ngi ngy cng c ci thin, thỡ nhng yờu cu m h t i vi ngnh Cụng Ngh Thụng Tin núi chung v cụng ngh phn mm núi riờng ngy cng kht khe hn Trc õy, ý tng v vic ngi nh m cú th tỡm c thụng tin v sn phm hay nhu cu s dng mt cỏi gỡ ú m h quan tõm thỡ gn nh ch l chuyn khụng th xy Ngy nay, cựng vi s phỏt trin ca cụng ngh, m c bit l Internet, ó gii quyt cho nhng yờu cu trờn Vic xõy dng cỏc trang web phc v cho cỏc nhu cu riờng ca cỏc t chc, cụng ty thm cỏc cỏ nhõn, ngy nay, khụng ly gỡ lm xa l i vi cỏc ca hng v cỏc cụng ty thỡ vic xõy dng cỏc website riờng cng ngy cng tr nờn cp thit Thụng qua nhng website ny h cú th gii thiu v qung bỏ sn phm ca mỡnh ti khỏch hng mt cỏch tin li v nhanh chúng nht ú l nhu cu cn thit v l mt hng phỏt trin mi v cú nhiu tim nng Vic chn la cỏch thc hin nú nh th no theo mụ hỡnh nh th no v ỏp ng c yờu cu.do ú em chn ti theo hng ny l xõy dng mt website bỏn hng online thụng qua tỡm hiu mt mó ngun mi v cú nhiu tin nng hin l mó ngun m wordpress V em xin gi li cm n n thy giỏo Nguyn Hng Tõn ó ng h,cú gúp ý cho ni dung ca em c hon thin v hng dn tn tỡnh cho em sut quỏ trỡnh em lm ti Thỏi Nguyờn, ngy thỏng nm 2016 Sinh viờn thc hin H Hi Hựng Chng 1: C S Lí THUYT 1.1 Tng quan v Wordpress 1.1.1 WordPress l gỡ ? - WordPress l phn mm mó ngun m c cung cp phớ, s dng ngụn ng lp trỡnh PHP v h c s d liu MySQL Do ú, nú thớch hp cho mun t blog trờn chớnh website s dng tờn ca riờng mỡnh Tuy nhiờn, nu khụng cú tờn riờng v chu c mt vi hỡnh nh qung cỏo ụi xut hin, bn cú th dựng chung vi nh cung cp Automattic Production ti a ch http://wordpress.com tng t cỏc nh cung cp khỏc -WordPress l mt dng phn mm mó ngun m, l hu du chớnh thc ca b2/cafelog, c phỏt trin bi Michel Valdrighi Cỏi tờn WordPress c xut bi Christine Selleck, mt ngi bn ca nh phỏt trin chớnh Matt Mullenweg - WordPress vit bng PHP v s dng h qun tr MySQL WordPress chy tt trờn PHP5, hu ht mi host (dch v lu tr trc tuyn) cú PHP u h tr WordPress Nhiu Host (Godaddy, Host Gator, ) cũn cú chc nng t ng ci t WordPress - WordPress ng ti thụng tin lờn mng, WordPress cú chc nng nh mi Website khỏc Nú cú th lm site tin tc, ỏnh giỏ, bỏn hng thm l mng xó hi Ngoi ra, WordPress cũn h tr to Blog phớ trờn WordPress.com nhng khụng cú iu kin ti chớnh, k thut, thi gian cú th s dng c WordPress - WordPress cũn thờm vo mt s tớnh nng nh nhm h tr ngi dựng quỏ trỡnh s dng nh kh nng t ng lu liờn tc son tho, np ni dung t blog khỏc hay chia mc cho bi vit Tuy nhiờn, WordPress li khụng cú chc nng xem trc (preview) ni dung bi vit ca mỡnh, iu gõy khú khn cho ngi dựng h cn xem xột v chnh sa - Cỏc bn nõng cp chớnh c ch nh tờn mó (codenames) i din cho cỏc nhc s nhc jazz ni ting Biu trỡnh t cp nht sn phm Hỡnh 2.25:Biu trỡnh t cp nht sn phm 48 Biu trỡnh t xem chi tit húa n Hỡnh 2.26:Biu trỡnh t xem chi tit húa n Biu trỡnh t toỏn Hỡnh 2.27:Biu trỡnh t toỏn 49 2.2.6.Biu lp ca h thng Biu lp ng ký thnh viờn Hỡnh 2.28:Biu lp ng ký thnh viờn Biu lp ng nhp Hỡnh 2.29:Biu lp ng nhp 50 Biu lp tỡm kim sn phm Hỡnh 2.30:Biu lp tỡm kim sn phm Biu lp thờm hng vo gi Hỡnh 2.31:Biu lp thờm hng vo gi 51 Biu lp xem gi hng Hỡnh 2.32:Biu lp xem gi hng Biu lp thờm sn phm Hỡnh 2.33:Biu lp thờm sn phm 52 Biu lp xem chi tit sn phm Hỡnh 2.34:Biu lp xem chi tit sn phm Biu lp xem chi tit n t hng Hỡnh 2.35:Biu lp xem chi tit n t hng 53 Chng 3: CHNG TRèNH DEMO WEBSITE BN HNG 3.1 Trang ch Giao din trang ch webiste Hỡnh 3.1:Trang ch 54 Trang ch hin th chc nng tỡm kim, gi hng, danh mc sn phm, cỏc sn phm c ng bi qun tr, giỏ sn phm, sn phm ni bt, tin tc Ngi dựng cú th la chn xem thụng tin bt k sn phm no trc t hng 3.2 Trang sn phm Hỡnh 3.2:Trang sn phm 55 3.3 Trang ng ký , ng nhp Hỡnh 3.3:Trang ng ký , ng nhp 3.4.Trang gi hng Hỡnh 3.4:Trang gi hng 56 3.5 Trang toỏn Hỡnh 3.5:Thanh toỏn 57 3.6 Trang liờn h Hinh 3.6:Trang liờn h 58 3.7 Giao din admin Hỡnh 3.7:Giao din admin 59 TNG KT TI Kt qu t c: Sau quỏ trỡnh nghiờn cu thc hin ti em ó hon thin c cỏc tớnh nng sau: - Giao din hi hũa, d nhỡn, d s dng - Cho phộp ngi mua xem hng, t hng , xem gi hng v toỏn nhanh chúng tin li - Giao din admin n gin, d s dng - Thờm sa xúa cp nht sn phm n gin - Thng kờ, qun lý doanh thu theo ngy thỏng - D dng sa thụng tin trờn header, footer - H tr hin th trờn cỏc thit b khỏc nh in thoai, mỏy tinh bng, destop Hng phỏt trin chng trỡnh Hng phỏt trin ca Web site l tin n mt thng mi in t vi y cỏc chc nng toỏn tin qua mng Nhng vỡ nc ta hin toỏn tin qua mng cũn gp nhiu khú khn v cha ph bin lm cho nờn chc nng ca Web site dựng h tr cho nh qun tr cũn hn ch Vn chớnh ca Web site l phc v vic qung cỏo T ú, bờn cnh vic thng mi thỡ cn phi trung thu hỳt khỏch hng liờn h v thừa thun thit k, lp t mt cụng trỡnh no ú thuc lnh vc chuyờn mụn ca cụng ty, ca hng Do vy thi gian sau ny cn b sung cỏc chc nng v kim kờ: Thng kờ s ln truy cp database, thng kờ giỏ xut nhp, tn, thng kờ doanh thu, x lý húa n t ng Qun lý kho (kim tra lng sn phm tn kho t ng), toỏn in t cú s dng Edit card B sung thờm mt s chc nng kim tra d liu nhp, thay i mt mó truy nhp ca khỏch hng cng nh nh qun tr Mc dự ó c gng hon chnh cỏc yờu cu nhng bi bỏo cỏo cũn rt nhiu thiu sút mong nhn c s ch bo hng dn ca cỏc thy cụ khỏc giỳp xem xột, xut thờm cỏc ý kin cng nh b sung cỏc phc v cho vic xõy dng Web site em cú th hon chnh hn Em xin cm n cỏc quý thy cụ 60 TI LIU THAM KHO [1] Trn Ngc Anh, ASP & K thut lp trỡnh Web,Nh xut bn Tr, 2002 [2] Phm Hu Khang,Lp trỡnh ng dng chuyờn nghip SQL Server 2000 ,Nh xut bn Giỏo dc, 2002 [3] Microsoft Visual Basic & Lp trỡnh c s d liu 6.0,Nh xut bn lao ng xó hi, 2000 [4] Ths inh Th Hin, Phõn tớch thit k h thng thụng tin qun lý, Nh xut bn thng kờ, 2000 [5] Ebook wordpress hng dn t A-Z : http://www.mediafire.com/?v8q3b7g0w11e9cb [6] http://shopdothethao.com.vn/ [7] https://hoangluyen.com/ [8] https://www.izwebz.com/ [9] http://stackoverflow.com/ [10] https://codex.wordpress.org/ [11] http://thachpham.com/ 61 NHN XẫT CA GIO VIấN HNG DN 62 [...]... chia thành các nhóm sản phẩm hoặc thương hiệu  Khách hàng có thể chọn và mua sản phẩm trực tuyến thông qua hệ thống bán hàng online của website  Ngay khi khách hàng đặt hàng thành công sẽ có email gửi về cho khách hàng báo đơn hàng đã được đặt và nhân viên siêu thị sẽ điện thoại lại cho khách hàng xác nhận lại thông tin và tiến hành đóng gói sản phẩm và giao hàng  Website hỗ trợ thanh toán trực tuyến. .. để quảng bá, xây dựng thương hiệu, cung cấp sản phẩm cho khách hàng Vì vậy mà việc mua bán sản phẩm trực tuyến là vô cùng cần thiết hiện nay Website bán hàng trực tuyến là một hình thức kinh doanh linh hoạt, tiện dụng cho cả nhà cung cấp và người sử dụng Bên cạnh đó việc mua bán, đặt hàng trên mạng giúp tiết kiệm thời gian, tiền bạc hơn cho khách hàng, đáp ứng được nhiều hơn các yêu cầu mà khách hàng. .. hợp  Thông báo kết qủa đăng ký , mã khách hàng được cấp 4 Đặt hàng Sau khi khách hàng chọn những sản phẩm cần mua đặt vào giỏ hàng ,khách hàng có thể đặt mua hàng chính thức thông qua Website Đầu vào  Danh mục mặt hàng trong giỏ hàng  Thông tin cá nhân của khách hàng (Họ tên, mật khẩu, …)  Thông tin liên quan đến việc mua hàng (ngày mua, thời điểm giao hàng , số lượng mỗi mặt hàng đặt mua,... khách hàng đã chọn sản phẩm vào giỏ hàng - Luồng sự kiện chính:  Khách hàng nhấn thanh toán để tạo đơn hàng 33  Form thanh toàn xuất hiện, hệ thống hiển thị đơn hàng và một số thông tin mặc định của đơn hàng  Khách hàng nhập tiếp các thông tin : họ tên, số tài khoản, phương thức thanh toán, địa chỉ giao hàng, thời gian giao hàng, địa chỉ e mail để thanh toán đơn hàng  chọn gửi đơn hàng Nếu đơn hàng. .. thêm vào giỏ hàng thì thực hiện luồng rẽ nhánh A  Hệ thống hiển thị thông tin sản phẩm đưa vào giỏ hàng  UC kết thúc - Luồng rẽ nhánh A:chưa chọn sản phẩm cần mua  Hệ thống thông báo sản phẩm chưa được chọn  Hiển thị sản phẩm để khách hàng chọn  Quay lại bước của luồng sự kiện chính  Thanh toán - Tác nhân: khách hàng - Mô tả: UC cho phép khách hàng tạo đơn hàng để tiến hành thanh toán giỏ hàng. .. mua, hình thức thanh toán, nơi nhận hàng, người nhận, tổng số tiền, tỷ giá USD/VND …) Đầu ra 28  Thông báo cho khách hàng theo thông tin đã nhập là đơn hàng đã được đặt  Nếu đơn hàng không đúng quy định sẽ báo cho khách hàng đơn hàng đã bị hủy 5 Liên hệ và phản hồi Cho phép người dùng góp ý , khuyếu nại, phản hồi … một số thông tin liên quan đến sản phẩm Đầu vào : các thông tin góp ý , phản hồi... không hợp lệ  Hệ thống báo việc nhập dữ liệu không hợp lệ  Thành viên nhập lại thông tin  Quay lại bước 4 của luồng sự kiện chính  Thêm vào giỏ hàng - Tác nhân: khách hàng - Mô tả: UC cho phép khách hàng đưa sản phẩm đã chọn vào giỏ hàng - Tiền điều kiện: sản phẩm đã được chọn - Luồng sự kiện chính:  Chọn chức năng thêm vào giỏ hàng để đưa sản phẩm đã chọn vào lưu trữ trong giỏ hàng Nếu chưa chọn sản... không hợp lệ  Hệ thống thông báo phương thức thanh toán và tài khoản của khách hàng không hợp lệ  Khách hàng nhập lại thông tin nếu muốn tiếp tục mua hàng, nếu muốn ngừng giao dịch thì thực hiện luồng rẽ nhánh A  Quay lại bước 4 của luồng sự kiện chính  Luồng rẽ nhánh A: khách hàng hủy đơn hàng  Khách hàng nhấn nút hủy bỏ đơn hàng  Hệ thống hiển thị các sản phẩm để khách hàng thực hiện giao dịch mới... thực tế tại trụ sở chính Siêu thị SportOne 116 Nguyễn Thái Học – Ba Đình - Hà Nội, em có thể mô tả như sau :  Siêu thị Sport One là tên gọi của công ty trách nhiệm hữu hạn (TNHH) thể thao Đức Trung, chuyên cung cấp các sản phẩm, dụng cụ, máy tập và quần áo thể thao  Sản phẩm đa dạng nhiều thương hiệu khác nhau như nike, adidas,  Sản phẩm mới được cập nhật liên tục và ta có thể đăng ký email để được... toán trực tuyến và thanh toán khi nhận hàng 25 2.1.3.Thiết bị và phần mềm  Máy tính có thể thiết kế được web  Hệ quản trị cơ sở dữ liệu MySQL  Cài đặt Appserver, Xampp  Phần mềm thiết kế web : photoshop, sublime text, flast… 2.1.4.Yêu cầu trang web  Thống kê đầy đủ, chính xác doanh thu bán hàng của website theo từng ngày tháng hoặc tuần  Khách hàng dẽ dàng có thể đặt hàng và mua hàng một cách ... - đồ án tốt nghiệp đại học NGNH CễNG NGH PHN MN ti: XY DNG WEBSITE QUNG B V BN HNG TRC TUYN CHO SIấU TH TH THAO SPORT ONE H NI BNG WORDPRESS Sinh viờn thc hin : H HI HNG Lp : KTPM - K10B Giỏo... nguyên, năm 2016 LI CM N Sau mt thi gian tỡm hiu ti XY DNG WEBSITE QUNG B V BN HNG TRC TUYN CHO SIấU TH TH THAO SPORT ONE H NI BNG WORDPRESS , em ó hon thnh tin d kin t c kt qu ny, em ó n lc... chc nng t ng ci t WordPress - WordPress ng ti thụng tin lờn mng, WordPress cú chc nng nh mi Website khỏc Nú cú th lm site tin tc, ỏnh giỏ, bỏn hng thm l mng xó hi Ngoi ra, WordPress cũn h tr