php là gì?daotao.vku.udn.vn/uploads/2020/12/1609347552-do-an-2.… · web view2020. 12. 30. ·...
TRANSCRIPT
ÁN C S 2
TÀI: WEBSITE CA HÀNG BÁN HOA ONLINE
Sinh viên thc hin : TRNG NGUYN THANH LÂM
NGUYN VN QUC TUN
à nng, ngày 25 tháng 12 nm 2020
I HC À NNG
ÁN C S 1
WEBSITE CA HÀNG BÁN HOA ONLINE
à Nng, ngày 25 tháng 12 nm 2020
M U
Ngày nay, ng dng công ngh thông tin và vic tin hc hóa c xem là mt trong nhng yu t mang tính quyt nh trong hot ng ca các chính ph, t chc, cng nh ca các công ty, nó óng vai trò ht sc quan trng, có th to ra nhng bc t phá mnh m.
Cùng vi s phát trin không ngng v k thut máy tính và mng in t, công ngh thông tin cng c nhng công ngh có ng cp cao và ln lt chinh phc ht nh cao này n nh cao khác. Mng Internet là mt trong nhng sn phm có giá tr ht sc ln lao và ngày càng tr nên mt công c không th thiu, là nn tng chính cho s truyn ti, trao i thông tin trên toàn cu.
Gi ây, mi vic liên quan n thông tin tr nên tht d dàng cho ngi s dng: ch cn có mt máy tính kt ni internet và mt dòng d liu truy tìm thì gn nh lp tc… c th gii v vn mà bn ang quan tâm s hin ra, có y thông tin, hình nh và thm chí ôi lúc có c nhng âm thanh nu bn cn…
Vi vic s dng internet, chúng ta có th d dàng có th tip cn và nm bt thông tin và giá c ca ca các loi hoa và mu hoa vi nhiu nhu cu s dng khác nhau.
Vì vy, nhóm em thc hin án “WEBSITE BÁN HOA ONLINE “.
LI CM N
Chúng em xin chân thành cm n các thy cô và các bn ã dành thi gian giúp chúng em trong quá trình thc hin án này. c bit, chúng em xin chân thành cm n Ts.Lê Vn Minh là ngi ng ý hng dn trc tip cho tài ca chúng em. Là ngi tn tình giúp chúng em v thông tin ca án. Nh vy mà chúng em ã hoàn chnh c án ca mình và quan trng hn ht là chúng em ã tip thu c nhng kinh nghim trong sut quá trình thc hin án.
Tuy nhiên thc hiên môt d an cho ban thân mc du a tim toi nghiên cu nhng không tranh khoi nhng thiêu sot. Chúng em rât mong nhân c s thông cam va gop y cua thây cô.
Em xin chân thanh cam n!
NHN XÉT
Ging viên hng dn
1.6 Sinh viên thc hin………………………………………………………. 8
Chng 3 Phân Tích và thit k h thng………………………………………...16
3.1. Kho sát hin trng và xây dng h thng mi…………………………….16
3.2. Phân tích h thng ……………………………………………………........16
Chng 4. Trin khai xây dng website …………………………………….. 18
3.1 Chc nng trang web…………………………………………………………………….. 18
3.2 Chc nng và ni dung ca các trang web ……………………………… 18
3.3 H thng thông tin ………………………………………………………. 19
3.4 Hình nh trang web ……………………………………………………… 19
Chng 5 Tng kt ánh giá và hng phát trin 21
5.1 Nhng im làm c …………………………………………………… 23
5.2 Nhng im cha làm c và hng gii quyt 24
5.3. Hng phát trin ………………………………………………….………..24
DANH MC TÀI LIU THAM KHO 25
DANH MC CM T VIT TT
STT
Trang
Hình 2.1 - Kt qu ca on code minh ha (1) ………………………………. 10
Hình 2.2 - Kt qu ca on code minh ha (2) ………………………………. 11
Hình 2.3 - Kt qu ca on code minh ha (3) ………………………………. 13
Hình 2.4 - Giao din s dng ca phn mm Sublime Text 3 ........................... 14
Chng 1: GII THIU
1.3.Gii thiu v d án
Ngày nay sinh viên i hc ra trng ngày càng nhiu, các công ty và các mt hàng sn phm mi c sn xut nhiu hn, cha c mi ngi bit n, tin dùng và còn e ngi. gii quyt mi lo âu ca khách hàng và cng nh to nim tin cho khách hàng yên tâm s dng, chúng tôi chn xây dng website qung bá các sn phm cho công ty có tên là Flower shop.
Công ty Flower shop vi quy trình, quy mô sn xut phc tp và t m, có mc tiêu hng n thành qu các sn phm mang tính cht lng cao, uy tín.
n nay website qung bá cho công ty ã hoàn thành và công ty s qun lý website này vi mc ích cung cp nhng thông tin xác thc, trng bày các sn phm thuc công ty nhm tng thêm s uy tín, em li tin cy cho khách hàng khi mua và s dng sn phâm.
1.4. Logo website
1.5.Mc tiêu
- Thit k website qung bá n gin vi giao din bt mt, phù hp vi các sn phm ca công ty.
- gii quyt mi lo âu cho khách hàng và cng nh to nim tin cho khách hàng yên tâm s dng.
- Qung bá các sn phm cho công ty nhm cung cp nhng thông tin chính xác và gii áp nhng thc mc ca khách hàng.
1.6.Công c thit k website
- S dng ngôn ng lp trình web PHP, HTML, Javascript và các công c h tr nh dng nh CSS và bootstrap to mt website tnh.
1.7. Sinh viên thc hin
Trng Nguyn Thanh Lâm – 19IT5
Nguyn Vn Quc Tun – 19IT5
Thi gian
Làm cng báo cáo v tài
Tun th 2
t ngày 18/5 n ngày 24/5
Phác tho các ni dung cn làm trong trang web và bc u xây dng trang web.
Tun th 3,4
.
T ngày 8/6 n ngày 28/6
Kt ni c s d liu, xây dng chi tit trang web, trang trí và b cc trang web.
Tun th 8,9,10
T ngày 29/6 n ngày 5/8
Bc cui cùng xây dng trang web và np tài.
Chng 2: CÔNG C K THUT
2.1. Tìm hiu v HTML
2.1.1. HTML là gì?
HTML là ch vit tt ca Hypertext Markup Language. Nó giúp ngi dùng to và cu trúc các thành phn trong trang web hoc ng dng, phân chia các on vn, heading, links, blockquotes, vâng vâng.
HTML không phi là ngôn ng lp trình, ng ngha vi vic nó không th to ra các chc nng “ng” c. Nó ch ging nh Microsoft Word, dùng b cc và nh dng trang web.
2.1.2. Lch s ca HTML:
HTML c sáng to bi Tim Berners-Lee , nhà vt lý hc ca trung tâm nghiên cu CERN Thy S. Anh ta ã ngh ra c ý tng cho h thng hypertext trên nn Internet.
Hypertext có ngha là vn bn cha links, ni ngi xem có th truy cp ngay lp tc. Anh xut bn phiên bn u tiên ca HTML trong nm 1991 bao gm 18 tag HTML. T ó, mi phiên bn mi ca HTML u có thêm tag mi và attributes mi.
Theo Mozilla Developer Network: HTML Element Reference , hin ti có hn 140 HTML tags, mc dù mt vài trong s chúng ã b tm ngng (không h tr bi các trình duyt hin i).
Nhanh chóng ph bin mc chóng mt, HTML c xem nh là chun mt ca mt website. Các thit lp và cu trúc HTML c vn hành và phát trin bi World Wide Web Consortium (W3C). Bn có th kim tra tình trng mi nht ca ngôn ng này bt k lúc nào trên trang W3C’s website .
Nâng cp mi nht gn ây là vào nm 2014, khi ra mt chun HTML5. Nó thêm vài tags vào markup, xác nh rõ ni dung thuc loi là gì, nh là <article>, <header>, và <footer>.
2.1.3. u và nhc im ca HTML:
u im:
· Ngôn ng c s dng rng ln này có rt nhiu ngun tài nguyên h tr và cng ng s dng cc ln. S dng mt mà trên hu ht mi trình duyt.
· Có quá trình hc n gin và trc tip.
· Mã ngun m và hoàn toàn min phí.
· Markup gn gàng và ng nht.
· Chun chính ca web c vn hành bi World Wide Web Consortium (W3C).
· D dàng tích hp vi các ngôn ng backend nh PHP và Node.js.
Khuyt im:
· c dùng ch yu cho web tnh. i vi các tính nng ng, bn cn s dng JavaScript hoc ngôn ng backend bên th 3 nh PHP.
· Nó có th thc thi mt s logic nht nh cho ngi dùng. Vì vy, hu ht các trang u cn c to riêng bit, k c khi nó s dng cùng các yu t, nh là headers hay footers.
· Mt s trình duyt chm h tr tính nng mi.
· Khó kim soát cnh thc thi ca trình duyt (ví d, nhng trình duyt c không render c tag mi)
Ví d minh ha + kt qu:
<h1> Th HTML </h1>.
<html>
<head>
Hình 2.1: Kt qu ca on code minh ha (1)
2.2. Tìm hiu v ngôn ng lp trình JavaScript
· JavaScript là mt ngôn ng kch bn (scripting language) dùng tng tác vi các trang HTML da trên i tng (object-based scripting language). Ngôn ng này ch yu dùng cho k thut lp trình phía client.
· Các chng trình JavaScript thng c nhúng (embedded) trc tip vào tp tin HTML bng tag <script> hoc tích hp (integrated) vào trang web thông qua mt tp tin c khai báo trong tag <link>.
· JavaScript có mt s c im sau:
· Là mt ngôn ng thông dch (interpreted language), ngha là các script thi hành không cn biên dch trc (precomplie). Trình duyt dch script, phân tích và thi hành ngay tc thi.
· Lp trình theo cu trúc (Structured programing)
· Ging nh C và Java, có phân bit ch HOA và thng.
on code minh ha (2) :
<html>
<head>
<title>DemoJavascript</title>
</div>
Hình 2.2: Kt qu ca on code minh ha (2)
2.3. Tìm hiu v CSS – Cascading Style Sheets
1. Style Sheet là gì?
· Là mt tp hp các qui nh v cú pháp khai báo dùng nh dng trang web, chính xác hn là ni dùng nh ngha các style.
· Nói n gin hn, Style Sheet ging nh là mt b công c dùng “trang trí” trang web.
1. Gii thiu CSS – Cascading Style Sheets
b.1. CSS là gì?
CSS là ngôn ng to phong cách cho trang web – Cascading Style Sheet language. Nó dùng to phong cách và nh kiu cho nhng yu t c vit di dng ngôn ng ánh du, nh là HTML . Nó có th iu khin nh dng ca nhiu trang web cùng lúc tit kim công sc cho ngi vit web. Nó phân bit cách hin th ca trang web vi ni dung chính ca trang bng cách iu khin b cc, màu sc, và font ch.
CSS c phát trin bi W3C ( World Wide Web Consortium ) vào nm 1996, vì mt lý do n gin. HTML không c thit k gn tag giúp nh dng trang web. Bn ch có th dùng nó “ánh du” lên site.
b.2. u im ca CSS:
- Tit kim bng thông (bandwith)
- Kt hp và làm tng sc mnh cho HTML
- Có th “t” các i tng bt c v trí nào trên webpage
- CSS tng thích vi hu ht các trình duyt
- H tr cho vic in n webpage
- H tr ti a vic tùy bin webpage
- H tr các công c tìm kim
- Giúp các webpage có s ng b tuyt i, d dàng nâng cp giao din
on code minh ha (3):
<html>
<head>
p.fontCourier { font-family: "Courier New", Courier, monospace; }
</style>
</head>
<body>
</body>
</html>
Hình 2.3: Kt qu ca on code minh ha (3)
2.4. Bootstrap
· Bootstrap là mt framework cho phép thit k website reponsive nhanh hn và d dàng hn, cho phép thit k phát triên responsive web mobile.
· Bootstrap là bao gm các HTML templates, CSS templates và Javascript tao ra nhng cái c bn có sn nh: typography, forms, buttons, tables, navigation, modals, image carousels và nhiu th khác. Trong bootstrap có thêm các plugin JavaScript trong nó. Giúp cho vic thit k reponsive ca bn d dàng hn và nhanh chóng hn.
2.5. Phn mm Visual Studio Code
2.5.1. Visual Studio Code là gì?
Visual studio là mt trong nhng công c h tr lp trình website rt ni ting nht hin nay ca Mcrosoft và cha có mt phn mm nào có th thay th c nó. Visual Studio c vit bng 2 ngôn ng ó chính là C# và VB+. ây là 2 ngôn ng lp trình giúp ngi dùng có th lp trình c h thng mt các d dàng và nhanh chóng nht thông qua Visual Studio.
Visual Studio là mt phn mm lp trình h thng c sn xut trc tip t Microsoft . T khi ra i n nay, Visual Studio ã có rt nhiu các phiên bn s dng khác nhau. iu ó, giúp cho ngi dùng có th la chn c phiên bn tng thích vi dòng máy ca mình cng nh cu hình s dng phù hp nht.
Bên cnh ó, Visual Studio còn cho phép ngi dùng có th t chn la giao din chính cho máy ca mình tùy thuc vào nhu cu s dng.
2.5.2. Lí do nên chn Visual Studio Code :
Vi nhng ngi mi làm quen vi lp trình, thit k website thì ngoài vic thc mc Visual Studio là gì còn rt quan tâm n lý do ti sao nên s dng chúng mà không phi là các công c khác lp trình nh DevC, Code Block, CFree.
S d Visual Studio c gii lp trình a chung nh vy là bi nhng u im vt tri sau ây:
· Visual Studio h tr lp trình trên nhiu nn tng ngôn ng khác nhau t C/C++, C#, cho n F#, Visual Basic, HTML, CSS, JavaScript. Thm chí, phiên bn VS 2015 có h tr code trên ngôn ng Python.
· Visual Studio giúp h tr kh nng g ri (Debug) hiu qu và d dàng thông qua vic chy tng câu lnh và theo dõi s thay i trng thái ca chng trình qua giá tr các bin, cách vn hành ca mã.
· Visual Studio s hu giao din thân thin, d dàng s dng cho ngi mi bt u.
· Visual Studio cho phép xây dng ng dng chuyên nghip thông qua kéo th, h tr ngi mi bt u tip cn nhanh hn.
· Visual Studio cho tích hp nhiu ng dng khác nh ng dng h tr qun lý và vit mã nhanh cho các ngôn ng thuc.Net- Resharper, hay cho phép cài t th vin d dàng nh Nuget.
· Ngoài ra, công c này còn h tr phát trin ng dng desktop trên MFC, Windows Form hay Universal App. ng thi phát trin ng dng mobile trên Windows Phone 8/8.1, Windows 10, iOS và c Android Xamarin. Visual Studio còn h tr phát trin website trên nn tng Web Fm, ASP.NET MVC và tt nhiên, phát trin Microsoft Office.
Vi tt c nhng li th khác bit ó, Visual Studio là la chn u tiên ca ông o lp trình viên trên toàn th gii.
Giao din s dng:
Hình 2.4: Giao din s dng ca phn mm Visual Studio Code
2.6 PHP
PHP là gì?
PHP (vit tt ca cm t Personal Home Page) là ngôn ng lp trình kch bn (scripting language) mã ngun m c dùng ph bin ra to các ng dng web chy trên máy ch. Mã lnh PHP có th c nhúng vào trong trang HTML nh s dng cp th PHP <?php ?>. PHP là ngôn ng kch bn (scripting language). Ngôn ng kch bn là mt nhánh ca ngôn ng lp trình. Tp tin cha mã lnh vit bng ngôn ng kch bn (nh PHP) có th c chy (hay thc thi) trc tip trên máy mà không cn phi chuyn sang mt nh dng khác.
2.7 MySQL
MySQL là gì?
u tiên, hãy phát âm úng. Nhiu ngi c nó là “my sequel” hoc khác, nhng phát âm chính thc là là: MY-ES-KYOO-EL’ [maskjul]. Công ty Thuy in MySQL AB phát trin MySQL vào nm 1994. Công ty công ngh M Sun Microsystem sau ó gi quyn s hu MySQL sau khi mua li MySQL vào nm 2008. Nm 2010, gã khng l Oracle mua Sun Microsystems và MySQL thuc quyn s hu ca Oracle t ó.
Quay li vi khái nim chính, MySQL là mt h thng qun tr c s d liu mã ngun m (Relational Database Management System, vit tt là RDBMS) hot ng theo mô hình client-server. RDBMS là mt phn mm hay dch v dùng to và qun lý các c s d liu (Database) theo hình thc qun lý các mi liên h gia chúng.
MySQL là mt trong s các phn mm RDBMS. RDBMS và MySQL thng c cho là mt vì ph bin quá ln ca MySQL. Các ng dng web ln nht nh Facebook, Twitter, YouTube, Google, và Yahoo! u dùng MySQL cho mc ích lu tr d liu. K c khi ban u nó ch c dùng rt hn ch nhng gi nó ã tng thích vi nhiu h tng máy tính quan trng nh Linux, macOS, Microsoft Windows, và Ubuntu.
MySQL Server
MySQL Server là máy tính hay mt h các máy tính cài t phn mm MySQL dành cho server giúp bn lu tr d liu trên ó, máy khách có th truy cp vào qun lý. D liu này c t trong các bng, và các bng có mi liên h vi nhau. MySQL server nhanh, an toàn, áng tin cy. Phn mm MySQL cng min phí và c phát trin, phân phi và h tr bi Oracle Corporation.
MySQL Client
MySQL client không hn phi cài phn mm MySQL ca Oracle mà là nói chung ca mi phn mm có th thc hin truy vn lên mt MySQL server và nhn kt qu tr v. MySQL client in hình là on mã PHP script trên mt máy tính hay trên cùng server dùng kt ni ti c s d liu MySQL database. Phpmyadmin cng là mt MySQL client có giao din ngi dùng. Mt s công c min phí dùng làm MySQL là:
· MySQL Workbench (Mac, Windows, Linux), Min phí, mã ngun m
· Sequel Pro (Mac), min phí, mã ngun m
· HeidiSQL (Windows; chy trên Mac hoc Linux bng WINE emulator), min phí
· phpMyAdmin (web app), min phí, mã ngun m
Chng 3: PHÂN TÍCH VÀ THIT K H THNG
0. Phân tích, thit k h thng
0. Yêu cu h thng
0. Yêu cu chc nng:
- Trang ch
- Tìm kim, lc sn phm
- Xem thông tin chi tit sn phm
- ánh giá sn phm
- Qun lí gi hàng
- Qun lí tài khon
- Qun lí sn phm
- Xét duyt hoá n
- Qun lí loi sn phm
0. Yêu cu phi chc nng
- Kh nng m rng
Ngi qun tr
Mô t tác nhân:
- Ngi qun tr: Là quá trình qun lý, bo dng, phát trin và ti u h thng website, giúp chúng vn hành trn tru, nâng cao hiu qu
- Khách hàng: Là ngi có nhu cu mua sn phm
0. Xác nh các Use Case
- UC ng kí
- UC ng nhp
- UC Xem sn phm
- UC Qun lí loi sn phm
- UC Qun lí danh mc sn phm
- UC Thanh toán
- UC ng xut
3.2.3.1 UC ng kí
- Tác nhân: Khách hàng
- Ý ngha: Cho phép khách hàng ng kí làm thành viên khi mua hàng
- Mô t tác nhân: Khách hàng in các thông tin y và chính xác vào h thng ng kí
0. UC ng nhp
- Tác nhân: Ngi qun tr, khách hàng, nhân viên
- Ý ngha: Cho phép ngi qun tr, khách hàng, nhân viên ã ng kí ng nhp vào s dng website
- Mô t tác nhân: Ngi qun tr, khách hàng, nhân viên in tên tài khon và mt khu ã c ng kí vào h thng.
0. UC i mt khu
- Tác nhân: Ngi qun tr, nhân viên, khách hàng
- Ý ngha: Cho phép ngi s dng có th thay i mt khu.
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng nhp li mt khu c và nhp mt khu mi i mt khu
0. UC Tìm kim sn phm
- Tác nhân: Ngi qun tr, nhân viên, khách hàng
- Ý ngha: Cho phép ngi s dng tìm kim sn phm
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng tìm kim các sn phm mình cn tìm.
0. UC Thông tin tài khon:
- Tác nhân: Ngi qun tr, nhân viên, khách hàng
- Ý ngha: Cho phép ngi dùng có th xem thông tin tài khon ca mình.
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng có th xem li thông tin tài khon cá nhân ca mình.
0. Xem sn phm
- Tác nhân: Ngi qun tr, nhân viên, khách hàng
- Ý ngha: Cho phép ngi s dng có th xem các sn phm trên trang web
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng có th xem các sn phm trên trang web.
0. Qun lí gi hàng
- Tác nhân: Khách hàng
- Ý ngha: Cho phép khách hàng có th qun lí gi hàng ca mình trc khi t hàng
- Mô t tác nhân: Khách hàng bm vào gi hàng sau ó có th tng s lng sn phm cho phù hp ri sau ó t hàng
0. UC Qun lí loi sn phm
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Cho phép ngi qun tr và nhân viên có th qun lí loi sn phm ca trang web
- Mô t tác nhân: Ngi qun tr có th xem, thêm, sa, xoá loi sn phm. Và ngi nhân viên có th xem và qun lí loi sn phm
0. UC Qun lí danh mc sn phm
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Cho phép ngi qun tr và nhân viên qun lí danh mc sn phm
- Mô t tác nhân: Ngi qun tr có th xem, thêm mi, sa và xoá danh mc sn phm. Nhân viên ch xem danh mc sn phm
0. UC Thanh toán
- Tác nhân: Khách hàng
- Ý ngha: Cho phép khách hàng to n hàng thanh toán sn phm
- Mô t tác nhân: Khách hàng la chn các sn phm mình ng ý, sau ó thêm vào gi hàng thanh toán. Sau ó h thng kim tra các thông tin ca khách hàng sau ó h thng báo thành công.
0. UC ánh giá sn phm
- Tác nhân: Khách hàng
- Ý ngha: Cho khách hàng ánh giá sn phm
- Mô t tác nhân: Khách hàng nhp ý kin mình vào ô ni dung sau ó gi, sau ó ý kin ca khách hàng s c hin th.
0. UC ng xut
- Tác nhân: Ngi qun tr, khách hàng, nhân viên
- Ý ngha: Cho ngi s dng ng xut tài khon khi trang web
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng vào tài khon mình sau ó chn ng xut tài khon.
0. UC Qun lí tài khon
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Giúp ngi qun tr qun lí tài khon ca nhân viên. Nhân viên qun lí tài khon ca khách hàng
- Mô t tác nhân: Ngi qun tr ng nhp vào h thng chn chc nng qun lí tài khon sau ó ngi qun tr có th qun lí tài khon nhân viên. V phía nhân viên, nhân viên ng nhp vào tài khon ca mình sau ó chn chc nng qun lí tài khon và qun lí các tài khon ca khách hàng.
0. UC Xét duyt hoá n
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Cho phép ngi qun tr hoc nhân viên xem n hàng và duyt n hàng hoc xoá n hàng
- Mô t tác nhân: Ngi qun tr/ nhân viên ng nhp vào tài khon ca mình chn chc nng xét duyt hoá n sau ó x lí các n hàng.
0. UC Qun lí sn phm
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Cho phép ngi qun tr có th thêm mi, sa, xoá và xem sn phm. Nhân viên ch c xem sn phm
- Mô t tác nhân: Ngi qun tr ng nhp vào h thng bng tài khon ca mình sau ó la chn chc nng qun lí sn phm sau ó s dng chc nng theo yêu cu. V phía nhân viên, yêu cu ng nhp vào h thng vào tài khon ca mình và chn chc nng cn thit.
0. Biu Use Case
Hình 2: Biu UseCase qun lí sn phm
Hình 3: Biu UseCase qun lí tài khon
Hình 4: Biu UseCase xét duyt hoá n
Hình 5: Biu UseCase qun lí banner
Hình 6: Biu UseCase qun lí khuyn mãi
Hình 7: Biu UseCase t hàng
Hình 8: Biu UseCase ng nhp tài khon
Hình 9: Biu UseCase ng kí tài khon
Hình 10: Biu UseCase tìm kim sn phm
Hình 11: Biu UseCase qun lí gi hàng
Hình 12: Biu UseCase thanh toán
Hình 13: Biu UseCase thông tin tài khon
Hình 14: Biu UseCase i mt khu
Hình 15: Biu UseCase qun lí loi sn phm
Hình 16: Biu UseCase qun lí danh mc sn phm
Hình 17: Biu UseCase xét duyt hoá n
3.2.5 Biu tun t
Hình 18: Biu tun t qun lí sn phm
Hình 19: Biu tun t xét duyt hoá n
Hình 20: Biu tun t qun lí danh mc sn phm
Hình 21: Biu tun t qun lí loi sn phm
Hình 22: Biu tun t qun lí sn phm
Hình 23: Biu tun t qun lí danh mc sn phm
0. Thit k c s d liu
0. Thit k c s d liu trên MySQL
0. Bng danh mc sn phm
3.3.1.2 Bng ngi dùng
3.3.1.3 Bng th loi
3.3.1.4 Bng sn phm
4.1 Chc nng d án
STT
Qun lí tài khon
Giúp ngi qun tr có th xem thông tin tài khon, thêm tài khon, sa tài khon và xoá tài khon
2
Qun lí sn phm
Ngi qun tr xem thông tin sn phm, thêm mi sn phm, sa thông tin sn phm cng nh là xoá sn phm
3
Qun lí loi sn phm
Ngi qun tr có th xem thông tin loi sn phm, thêm mi loi sn phm, sa và xoá loi sn phm
4
Xét duyt hoá n
Giúp ngi qun tr duyt hoá n và xoá hoá n
5
Qun lí danh mc sn phm
Ngi qun tr có th xem danh mc sn phm, thêm mi, sa và xoá danh mc sn phm
6
Xem sn phm
Ngi xem có th xem chi tit thông tin v sn phm
7
t hàng
Chc nng cho phép khách hàng duyt sn phm trên trang web và nhn nút t hàng sn phm ã chn.
8
Gi hàng
Cho phép khách hàng có th xem, iu chnh mt hàng mình ã chn mua. Bao gm tính tng giá sn phm mà khách hàng mua.
9
Tìm kim sn phm
Khách hàng nhp thông tin vào thanh tìm kim tìm kim sn phm.
10
ng nhp, ng kí
Cho phép ngi dùng ng nhp, và ng kí khi cha có tài khon
11
12
Danh mc sn phm
Khách hàng có th xem các danh mc mt cách nhanh chóng.
4.2 Hình nh trang web
Trang ch
ng kí
Tìm kim
Xem danh mc sn phm
Chng 5: TNG KT ÁNH GIÁ VÀ HNG PHÁT TRIN CA NG DNG.
5.1.Nhng im chng trình làm c.
4.1.1 i vi ngi s dng
- Các cách tìm kim, tra cu theo các ch khác nhau, kt hp nhiu ch theo ý khách hàng.
- Xem chi tit thông tin sn phm và y các thông tin v các loi xe moto.
- Cho phép khách hàng ng ký thông tin nhn bn tin.
4.1.2 i vi ngi qun tr
- a ra các form nhp d liu mi ca các loi t liu. Có th sa i, cp nht các d liu trên.
TÀI: WEBSITE CA HÀNG BÁN HOA ONLINE
Sinh viên thc hin : TRNG NGUYN THANH LÂM
NGUYN VN QUC TUN
à nng, ngày 25 tháng 12 nm 2020
I HC À NNG
ÁN C S 1
WEBSITE CA HÀNG BÁN HOA ONLINE
à Nng, ngày 25 tháng 12 nm 2020
M U
Ngày nay, ng dng công ngh thông tin và vic tin hc hóa c xem là mt trong nhng yu t mang tính quyt nh trong hot ng ca các chính ph, t chc, cng nh ca các công ty, nó óng vai trò ht sc quan trng, có th to ra nhng bc t phá mnh m.
Cùng vi s phát trin không ngng v k thut máy tính và mng in t, công ngh thông tin cng c nhng công ngh có ng cp cao và ln lt chinh phc ht nh cao này n nh cao khác. Mng Internet là mt trong nhng sn phm có giá tr ht sc ln lao và ngày càng tr nên mt công c không th thiu, là nn tng chính cho s truyn ti, trao i thông tin trên toàn cu.
Gi ây, mi vic liên quan n thông tin tr nên tht d dàng cho ngi s dng: ch cn có mt máy tính kt ni internet và mt dòng d liu truy tìm thì gn nh lp tc… c th gii v vn mà bn ang quan tâm s hin ra, có y thông tin, hình nh và thm chí ôi lúc có c nhng âm thanh nu bn cn…
Vi vic s dng internet, chúng ta có th d dàng có th tip cn và nm bt thông tin và giá c ca ca các loi hoa và mu hoa vi nhiu nhu cu s dng khác nhau.
Vì vy, nhóm em thc hin án “WEBSITE BÁN HOA ONLINE “.
LI CM N
Chúng em xin chân thành cm n các thy cô và các bn ã dành thi gian giúp chúng em trong quá trình thc hin án này. c bit, chúng em xin chân thành cm n Ts.Lê Vn Minh là ngi ng ý hng dn trc tip cho tài ca chúng em. Là ngi tn tình giúp chúng em v thông tin ca án. Nh vy mà chúng em ã hoàn chnh c án ca mình và quan trng hn ht là chúng em ã tip thu c nhng kinh nghim trong sut quá trình thc hin án.
Tuy nhiên thc hiên môt d an cho ban thân mc du a tim toi nghiên cu nhng không tranh khoi nhng thiêu sot. Chúng em rât mong nhân c s thông cam va gop y cua thây cô.
Em xin chân thanh cam n!
NHN XÉT
Ging viên hng dn
1.6 Sinh viên thc hin………………………………………………………. 8
Chng 3 Phân Tích và thit k h thng………………………………………...16
3.1. Kho sát hin trng và xây dng h thng mi…………………………….16
3.2. Phân tích h thng ……………………………………………………........16
Chng 4. Trin khai xây dng website …………………………………….. 18
3.1 Chc nng trang web…………………………………………………………………….. 18
3.2 Chc nng và ni dung ca các trang web ……………………………… 18
3.3 H thng thông tin ………………………………………………………. 19
3.4 Hình nh trang web ……………………………………………………… 19
Chng 5 Tng kt ánh giá và hng phát trin 21
5.1 Nhng im làm c …………………………………………………… 23
5.2 Nhng im cha làm c và hng gii quyt 24
5.3. Hng phát trin ………………………………………………….………..24
DANH MC TÀI LIU THAM KHO 25
DANH MC CM T VIT TT
STT
Trang
Hình 2.1 - Kt qu ca on code minh ha (1) ………………………………. 10
Hình 2.2 - Kt qu ca on code minh ha (2) ………………………………. 11
Hình 2.3 - Kt qu ca on code minh ha (3) ………………………………. 13
Hình 2.4 - Giao din s dng ca phn mm Sublime Text 3 ........................... 14
Chng 1: GII THIU
1.3.Gii thiu v d án
Ngày nay sinh viên i hc ra trng ngày càng nhiu, các công ty và các mt hàng sn phm mi c sn xut nhiu hn, cha c mi ngi bit n, tin dùng và còn e ngi. gii quyt mi lo âu ca khách hàng và cng nh to nim tin cho khách hàng yên tâm s dng, chúng tôi chn xây dng website qung bá các sn phm cho công ty có tên là Flower shop.
Công ty Flower shop vi quy trình, quy mô sn xut phc tp và t m, có mc tiêu hng n thành qu các sn phm mang tính cht lng cao, uy tín.
n nay website qung bá cho công ty ã hoàn thành và công ty s qun lý website này vi mc ích cung cp nhng thông tin xác thc, trng bày các sn phm thuc công ty nhm tng thêm s uy tín, em li tin cy cho khách hàng khi mua và s dng sn phâm.
1.4. Logo website
1.5.Mc tiêu
- Thit k website qung bá n gin vi giao din bt mt, phù hp vi các sn phm ca công ty.
- gii quyt mi lo âu cho khách hàng và cng nh to nim tin cho khách hàng yên tâm s dng.
- Qung bá các sn phm cho công ty nhm cung cp nhng thông tin chính xác và gii áp nhng thc mc ca khách hàng.
1.6.Công c thit k website
- S dng ngôn ng lp trình web PHP, HTML, Javascript và các công c h tr nh dng nh CSS và bootstrap to mt website tnh.
1.7. Sinh viên thc hin
Trng Nguyn Thanh Lâm – 19IT5
Nguyn Vn Quc Tun – 19IT5
Thi gian
Làm cng báo cáo v tài
Tun th 2
t ngày 18/5 n ngày 24/5
Phác tho các ni dung cn làm trong trang web và bc u xây dng trang web.
Tun th 3,4
.
T ngày 8/6 n ngày 28/6
Kt ni c s d liu, xây dng chi tit trang web, trang trí và b cc trang web.
Tun th 8,9,10
T ngày 29/6 n ngày 5/8
Bc cui cùng xây dng trang web và np tài.
Chng 2: CÔNG C K THUT
2.1. Tìm hiu v HTML
2.1.1. HTML là gì?
HTML là ch vit tt ca Hypertext Markup Language. Nó giúp ngi dùng to và cu trúc các thành phn trong trang web hoc ng dng, phân chia các on vn, heading, links, blockquotes, vâng vâng.
HTML không phi là ngôn ng lp trình, ng ngha vi vic nó không th to ra các chc nng “ng” c. Nó ch ging nh Microsoft Word, dùng b cc và nh dng trang web.
2.1.2. Lch s ca HTML:
HTML c sáng to bi Tim Berners-Lee , nhà vt lý hc ca trung tâm nghiên cu CERN Thy S. Anh ta ã ngh ra c ý tng cho h thng hypertext trên nn Internet.
Hypertext có ngha là vn bn cha links, ni ngi xem có th truy cp ngay lp tc. Anh xut bn phiên bn u tiên ca HTML trong nm 1991 bao gm 18 tag HTML. T ó, mi phiên bn mi ca HTML u có thêm tag mi và attributes mi.
Theo Mozilla Developer Network: HTML Element Reference , hin ti có hn 140 HTML tags, mc dù mt vài trong s chúng ã b tm ngng (không h tr bi các trình duyt hin i).
Nhanh chóng ph bin mc chóng mt, HTML c xem nh là chun mt ca mt website. Các thit lp và cu trúc HTML c vn hành và phát trin bi World Wide Web Consortium (W3C). Bn có th kim tra tình trng mi nht ca ngôn ng này bt k lúc nào trên trang W3C’s website .
Nâng cp mi nht gn ây là vào nm 2014, khi ra mt chun HTML5. Nó thêm vài tags vào markup, xác nh rõ ni dung thuc loi là gì, nh là <article>, <header>, và <footer>.
2.1.3. u và nhc im ca HTML:
u im:
· Ngôn ng c s dng rng ln này có rt nhiu ngun tài nguyên h tr và cng ng s dng cc ln. S dng mt mà trên hu ht mi trình duyt.
· Có quá trình hc n gin và trc tip.
· Mã ngun m và hoàn toàn min phí.
· Markup gn gàng và ng nht.
· Chun chính ca web c vn hành bi World Wide Web Consortium (W3C).
· D dàng tích hp vi các ngôn ng backend nh PHP và Node.js.
Khuyt im:
· c dùng ch yu cho web tnh. i vi các tính nng ng, bn cn s dng JavaScript hoc ngôn ng backend bên th 3 nh PHP.
· Nó có th thc thi mt s logic nht nh cho ngi dùng. Vì vy, hu ht các trang u cn c to riêng bit, k c khi nó s dng cùng các yu t, nh là headers hay footers.
· Mt s trình duyt chm h tr tính nng mi.
· Khó kim soát cnh thc thi ca trình duyt (ví d, nhng trình duyt c không render c tag mi)
Ví d minh ha + kt qu:
<h1> Th HTML </h1>.
<html>
<head>
Hình 2.1: Kt qu ca on code minh ha (1)
2.2. Tìm hiu v ngôn ng lp trình JavaScript
· JavaScript là mt ngôn ng kch bn (scripting language) dùng tng tác vi các trang HTML da trên i tng (object-based scripting language). Ngôn ng này ch yu dùng cho k thut lp trình phía client.
· Các chng trình JavaScript thng c nhúng (embedded) trc tip vào tp tin HTML bng tag <script> hoc tích hp (integrated) vào trang web thông qua mt tp tin c khai báo trong tag <link>.
· JavaScript có mt s c im sau:
· Là mt ngôn ng thông dch (interpreted language), ngha là các script thi hành không cn biên dch trc (precomplie). Trình duyt dch script, phân tích và thi hành ngay tc thi.
· Lp trình theo cu trúc (Structured programing)
· Ging nh C và Java, có phân bit ch HOA và thng.
on code minh ha (2) :
<html>
<head>
<title>DemoJavascript</title>
</div>
Hình 2.2: Kt qu ca on code minh ha (2)
2.3. Tìm hiu v CSS – Cascading Style Sheets
1. Style Sheet là gì?
· Là mt tp hp các qui nh v cú pháp khai báo dùng nh dng trang web, chính xác hn là ni dùng nh ngha các style.
· Nói n gin hn, Style Sheet ging nh là mt b công c dùng “trang trí” trang web.
1. Gii thiu CSS – Cascading Style Sheets
b.1. CSS là gì?
CSS là ngôn ng to phong cách cho trang web – Cascading Style Sheet language. Nó dùng to phong cách và nh kiu cho nhng yu t c vit di dng ngôn ng ánh du, nh là HTML . Nó có th iu khin nh dng ca nhiu trang web cùng lúc tit kim công sc cho ngi vit web. Nó phân bit cách hin th ca trang web vi ni dung chính ca trang bng cách iu khin b cc, màu sc, và font ch.
CSS c phát trin bi W3C ( World Wide Web Consortium ) vào nm 1996, vì mt lý do n gin. HTML không c thit k gn tag giúp nh dng trang web. Bn ch có th dùng nó “ánh du” lên site.
b.2. u im ca CSS:
- Tit kim bng thông (bandwith)
- Kt hp và làm tng sc mnh cho HTML
- Có th “t” các i tng bt c v trí nào trên webpage
- CSS tng thích vi hu ht các trình duyt
- H tr cho vic in n webpage
- H tr ti a vic tùy bin webpage
- H tr các công c tìm kim
- Giúp các webpage có s ng b tuyt i, d dàng nâng cp giao din
on code minh ha (3):
<html>
<head>
p.fontCourier { font-family: "Courier New", Courier, monospace; }
</style>
</head>
<body>
</body>
</html>
Hình 2.3: Kt qu ca on code minh ha (3)
2.4. Bootstrap
· Bootstrap là mt framework cho phép thit k website reponsive nhanh hn và d dàng hn, cho phép thit k phát triên responsive web mobile.
· Bootstrap là bao gm các HTML templates, CSS templates và Javascript tao ra nhng cái c bn có sn nh: typography, forms, buttons, tables, navigation, modals, image carousels và nhiu th khác. Trong bootstrap có thêm các plugin JavaScript trong nó. Giúp cho vic thit k reponsive ca bn d dàng hn và nhanh chóng hn.
2.5. Phn mm Visual Studio Code
2.5.1. Visual Studio Code là gì?
Visual studio là mt trong nhng công c h tr lp trình website rt ni ting nht hin nay ca Mcrosoft và cha có mt phn mm nào có th thay th c nó. Visual Studio c vit bng 2 ngôn ng ó chính là C# và VB+. ây là 2 ngôn ng lp trình giúp ngi dùng có th lp trình c h thng mt các d dàng và nhanh chóng nht thông qua Visual Studio.
Visual Studio là mt phn mm lp trình h thng c sn xut trc tip t Microsoft . T khi ra i n nay, Visual Studio ã có rt nhiu các phiên bn s dng khác nhau. iu ó, giúp cho ngi dùng có th la chn c phiên bn tng thích vi dòng máy ca mình cng nh cu hình s dng phù hp nht.
Bên cnh ó, Visual Studio còn cho phép ngi dùng có th t chn la giao din chính cho máy ca mình tùy thuc vào nhu cu s dng.
2.5.2. Lí do nên chn Visual Studio Code :
Vi nhng ngi mi làm quen vi lp trình, thit k website thì ngoài vic thc mc Visual Studio là gì còn rt quan tâm n lý do ti sao nên s dng chúng mà không phi là các công c khác lp trình nh DevC, Code Block, CFree.
S d Visual Studio c gii lp trình a chung nh vy là bi nhng u im vt tri sau ây:
· Visual Studio h tr lp trình trên nhiu nn tng ngôn ng khác nhau t C/C++, C#, cho n F#, Visual Basic, HTML, CSS, JavaScript. Thm chí, phiên bn VS 2015 có h tr code trên ngôn ng Python.
· Visual Studio giúp h tr kh nng g ri (Debug) hiu qu và d dàng thông qua vic chy tng câu lnh và theo dõi s thay i trng thái ca chng trình qua giá tr các bin, cách vn hành ca mã.
· Visual Studio s hu giao din thân thin, d dàng s dng cho ngi mi bt u.
· Visual Studio cho phép xây dng ng dng chuyên nghip thông qua kéo th, h tr ngi mi bt u tip cn nhanh hn.
· Visual Studio cho tích hp nhiu ng dng khác nh ng dng h tr qun lý và vit mã nhanh cho các ngôn ng thuc.Net- Resharper, hay cho phép cài t th vin d dàng nh Nuget.
· Ngoài ra, công c này còn h tr phát trin ng dng desktop trên MFC, Windows Form hay Universal App. ng thi phát trin ng dng mobile trên Windows Phone 8/8.1, Windows 10, iOS và c Android Xamarin. Visual Studio còn h tr phát trin website trên nn tng Web Fm, ASP.NET MVC và tt nhiên, phát trin Microsoft Office.
Vi tt c nhng li th khác bit ó, Visual Studio là la chn u tiên ca ông o lp trình viên trên toàn th gii.
Giao din s dng:
Hình 2.4: Giao din s dng ca phn mm Visual Studio Code
2.6 PHP
PHP là gì?
PHP (vit tt ca cm t Personal Home Page) là ngôn ng lp trình kch bn (scripting language) mã ngun m c dùng ph bin ra to các ng dng web chy trên máy ch. Mã lnh PHP có th c nhúng vào trong trang HTML nh s dng cp th PHP <?php ?>. PHP là ngôn ng kch bn (scripting language). Ngôn ng kch bn là mt nhánh ca ngôn ng lp trình. Tp tin cha mã lnh vit bng ngôn ng kch bn (nh PHP) có th c chy (hay thc thi) trc tip trên máy mà không cn phi chuyn sang mt nh dng khác.
2.7 MySQL
MySQL là gì?
u tiên, hãy phát âm úng. Nhiu ngi c nó là “my sequel” hoc khác, nhng phát âm chính thc là là: MY-ES-KYOO-EL’ [maskjul]. Công ty Thuy in MySQL AB phát trin MySQL vào nm 1994. Công ty công ngh M Sun Microsystem sau ó gi quyn s hu MySQL sau khi mua li MySQL vào nm 2008. Nm 2010, gã khng l Oracle mua Sun Microsystems và MySQL thuc quyn s hu ca Oracle t ó.
Quay li vi khái nim chính, MySQL là mt h thng qun tr c s d liu mã ngun m (Relational Database Management System, vit tt là RDBMS) hot ng theo mô hình client-server. RDBMS là mt phn mm hay dch v dùng to và qun lý các c s d liu (Database) theo hình thc qun lý các mi liên h gia chúng.
MySQL là mt trong s các phn mm RDBMS. RDBMS và MySQL thng c cho là mt vì ph bin quá ln ca MySQL. Các ng dng web ln nht nh Facebook, Twitter, YouTube, Google, và Yahoo! u dùng MySQL cho mc ích lu tr d liu. K c khi ban u nó ch c dùng rt hn ch nhng gi nó ã tng thích vi nhiu h tng máy tính quan trng nh Linux, macOS, Microsoft Windows, và Ubuntu.
MySQL Server
MySQL Server là máy tính hay mt h các máy tính cài t phn mm MySQL dành cho server giúp bn lu tr d liu trên ó, máy khách có th truy cp vào qun lý. D liu này c t trong các bng, và các bng có mi liên h vi nhau. MySQL server nhanh, an toàn, áng tin cy. Phn mm MySQL cng min phí và c phát trin, phân phi và h tr bi Oracle Corporation.
MySQL Client
MySQL client không hn phi cài phn mm MySQL ca Oracle mà là nói chung ca mi phn mm có th thc hin truy vn lên mt MySQL server và nhn kt qu tr v. MySQL client in hình là on mã PHP script trên mt máy tính hay trên cùng server dùng kt ni ti c s d liu MySQL database. Phpmyadmin cng là mt MySQL client có giao din ngi dùng. Mt s công c min phí dùng làm MySQL là:
· MySQL Workbench (Mac, Windows, Linux), Min phí, mã ngun m
· Sequel Pro (Mac), min phí, mã ngun m
· HeidiSQL (Windows; chy trên Mac hoc Linux bng WINE emulator), min phí
· phpMyAdmin (web app), min phí, mã ngun m
Chng 3: PHÂN TÍCH VÀ THIT K H THNG
0. Phân tích, thit k h thng
0. Yêu cu h thng
0. Yêu cu chc nng:
- Trang ch
- Tìm kim, lc sn phm
- Xem thông tin chi tit sn phm
- ánh giá sn phm
- Qun lí gi hàng
- Qun lí tài khon
- Qun lí sn phm
- Xét duyt hoá n
- Qun lí loi sn phm
0. Yêu cu phi chc nng
- Kh nng m rng
Ngi qun tr
Mô t tác nhân:
- Ngi qun tr: Là quá trình qun lý, bo dng, phát trin và ti u h thng website, giúp chúng vn hành trn tru, nâng cao hiu qu
- Khách hàng: Là ngi có nhu cu mua sn phm
0. Xác nh các Use Case
- UC ng kí
- UC ng nhp
- UC Xem sn phm
- UC Qun lí loi sn phm
- UC Qun lí danh mc sn phm
- UC Thanh toán
- UC ng xut
3.2.3.1 UC ng kí
- Tác nhân: Khách hàng
- Ý ngha: Cho phép khách hàng ng kí làm thành viên khi mua hàng
- Mô t tác nhân: Khách hàng in các thông tin y và chính xác vào h thng ng kí
0. UC ng nhp
- Tác nhân: Ngi qun tr, khách hàng, nhân viên
- Ý ngha: Cho phép ngi qun tr, khách hàng, nhân viên ã ng kí ng nhp vào s dng website
- Mô t tác nhân: Ngi qun tr, khách hàng, nhân viên in tên tài khon và mt khu ã c ng kí vào h thng.
0. UC i mt khu
- Tác nhân: Ngi qun tr, nhân viên, khách hàng
- Ý ngha: Cho phép ngi s dng có th thay i mt khu.
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng nhp li mt khu c và nhp mt khu mi i mt khu
0. UC Tìm kim sn phm
- Tác nhân: Ngi qun tr, nhân viên, khách hàng
- Ý ngha: Cho phép ngi s dng tìm kim sn phm
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng tìm kim các sn phm mình cn tìm.
0. UC Thông tin tài khon:
- Tác nhân: Ngi qun tr, nhân viên, khách hàng
- Ý ngha: Cho phép ngi dùng có th xem thông tin tài khon ca mình.
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng có th xem li thông tin tài khon cá nhân ca mình.
0. Xem sn phm
- Tác nhân: Ngi qun tr, nhân viên, khách hàng
- Ý ngha: Cho phép ngi s dng có th xem các sn phm trên trang web
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng có th xem các sn phm trên trang web.
0. Qun lí gi hàng
- Tác nhân: Khách hàng
- Ý ngha: Cho phép khách hàng có th qun lí gi hàng ca mình trc khi t hàng
- Mô t tác nhân: Khách hàng bm vào gi hàng sau ó có th tng s lng sn phm cho phù hp ri sau ó t hàng
0. UC Qun lí loi sn phm
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Cho phép ngi qun tr và nhân viên có th qun lí loi sn phm ca trang web
- Mô t tác nhân: Ngi qun tr có th xem, thêm, sa, xoá loi sn phm. Và ngi nhân viên có th xem và qun lí loi sn phm
0. UC Qun lí danh mc sn phm
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Cho phép ngi qun tr và nhân viên qun lí danh mc sn phm
- Mô t tác nhân: Ngi qun tr có th xem, thêm mi, sa và xoá danh mc sn phm. Nhân viên ch xem danh mc sn phm
0. UC Thanh toán
- Tác nhân: Khách hàng
- Ý ngha: Cho phép khách hàng to n hàng thanh toán sn phm
- Mô t tác nhân: Khách hàng la chn các sn phm mình ng ý, sau ó thêm vào gi hàng thanh toán. Sau ó h thng kim tra các thông tin ca khách hàng sau ó h thng báo thành công.
0. UC ánh giá sn phm
- Tác nhân: Khách hàng
- Ý ngha: Cho khách hàng ánh giá sn phm
- Mô t tác nhân: Khách hàng nhp ý kin mình vào ô ni dung sau ó gi, sau ó ý kin ca khách hàng s c hin th.
0. UC ng xut
- Tác nhân: Ngi qun tr, khách hàng, nhân viên
- Ý ngha: Cho ngi s dng ng xut tài khon khi trang web
- Mô t tác nhân: Ngi qun tr, nhân viên, khách hàng vào tài khon mình sau ó chn ng xut tài khon.
0. UC Qun lí tài khon
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Giúp ngi qun tr qun lí tài khon ca nhân viên. Nhân viên qun lí tài khon ca khách hàng
- Mô t tác nhân: Ngi qun tr ng nhp vào h thng chn chc nng qun lí tài khon sau ó ngi qun tr có th qun lí tài khon nhân viên. V phía nhân viên, nhân viên ng nhp vào tài khon ca mình sau ó chn chc nng qun lí tài khon và qun lí các tài khon ca khách hàng.
0. UC Xét duyt hoá n
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Cho phép ngi qun tr hoc nhân viên xem n hàng và duyt n hàng hoc xoá n hàng
- Mô t tác nhân: Ngi qun tr/ nhân viên ng nhp vào tài khon ca mình chn chc nng xét duyt hoá n sau ó x lí các n hàng.
0. UC Qun lí sn phm
- Tác nhân: Ngi qun tr, nhân viên
- Ý ngha: Cho phép ngi qun tr có th thêm mi, sa, xoá và xem sn phm. Nhân viên ch c xem sn phm
- Mô t tác nhân: Ngi qun tr ng nhp vào h thng bng tài khon ca mình sau ó la chn chc nng qun lí sn phm sau ó s dng chc nng theo yêu cu. V phía nhân viên, yêu cu ng nhp vào h thng vào tài khon ca mình và chn chc nng cn thit.
0. Biu Use Case
Hình 2: Biu UseCase qun lí sn phm
Hình 3: Biu UseCase qun lí tài khon
Hình 4: Biu UseCase xét duyt hoá n
Hình 5: Biu UseCase qun lí banner
Hình 6: Biu UseCase qun lí khuyn mãi
Hình 7: Biu UseCase t hàng
Hình 8: Biu UseCase ng nhp tài khon
Hình 9: Biu UseCase ng kí tài khon
Hình 10: Biu UseCase tìm kim sn phm
Hình 11: Biu UseCase qun lí gi hàng
Hình 12: Biu UseCase thanh toán
Hình 13: Biu UseCase thông tin tài khon
Hình 14: Biu UseCase i mt khu
Hình 15: Biu UseCase qun lí loi sn phm
Hình 16: Biu UseCase qun lí danh mc sn phm
Hình 17: Biu UseCase xét duyt hoá n
3.2.5 Biu tun t
Hình 18: Biu tun t qun lí sn phm
Hình 19: Biu tun t xét duyt hoá n
Hình 20: Biu tun t qun lí danh mc sn phm
Hình 21: Biu tun t qun lí loi sn phm
Hình 22: Biu tun t qun lí sn phm
Hình 23: Biu tun t qun lí danh mc sn phm
0. Thit k c s d liu
0. Thit k c s d liu trên MySQL
0. Bng danh mc sn phm
3.3.1.2 Bng ngi dùng
3.3.1.3 Bng th loi
3.3.1.4 Bng sn phm
4.1 Chc nng d án
STT
Qun lí tài khon
Giúp ngi qun tr có th xem thông tin tài khon, thêm tài khon, sa tài khon và xoá tài khon
2
Qun lí sn phm
Ngi qun tr xem thông tin sn phm, thêm mi sn phm, sa thông tin sn phm cng nh là xoá sn phm
3
Qun lí loi sn phm
Ngi qun tr có th xem thông tin loi sn phm, thêm mi loi sn phm, sa và xoá loi sn phm
4
Xét duyt hoá n
Giúp ngi qun tr duyt hoá n và xoá hoá n
5
Qun lí danh mc sn phm
Ngi qun tr có th xem danh mc sn phm, thêm mi, sa và xoá danh mc sn phm
6
Xem sn phm
Ngi xem có th xem chi tit thông tin v sn phm
7
t hàng
Chc nng cho phép khách hàng duyt sn phm trên trang web và nhn nút t hàng sn phm ã chn.
8
Gi hàng
Cho phép khách hàng có th xem, iu chnh mt hàng mình ã chn mua. Bao gm tính tng giá sn phm mà khách hàng mua.
9
Tìm kim sn phm
Khách hàng nhp thông tin vào thanh tìm kim tìm kim sn phm.
10
ng nhp, ng kí
Cho phép ngi dùng ng nhp, và ng kí khi cha có tài khon
11
12
Danh mc sn phm
Khách hàng có th xem các danh mc mt cách nhanh chóng.
4.2 Hình nh trang web
Trang ch
ng kí
Tìm kim
Xem danh mc sn phm
Chng 5: TNG KT ÁNH GIÁ VÀ HNG PHÁT TRIN CA NG DNG.
5.1.Nhng im chng trình làm c.
4.1.1 i vi ngi s dng
- Các cách tìm kim, tra cu theo các ch khác nhau, kt hp nhiu ch theo ý khách hàng.
- Xem chi tit thông tin sn phm và y các thông tin v các loi xe moto.
- Cho phép khách hàng ng ký thông tin nhn bn tin.
4.1.2 i vi ngi qun tr
- a ra các form nhp d liu mi ca các loi t liu. Có th sa i, cp nht các d liu trên.