Chuyên đề thực tập: Xây dựng hệ thống Website bán hàng online

TRUONG ĐẠI HỌC KINH TE QUOC DÂN

VIEN CÔNG NGHỆ THONG TIN VÀ KINH TE SO

Sinh viên thực hiện : LÊ THỊ HIEN

Mã sinh viên : 11161710

Chuyên ngành : CÔNG NGHỆ THÔNG TIN

Lớp : CONG NGHỆ THONG TIN 58B

Hệ đào tạo : CHÍNH QUY

Giảng viên hướng dẫn : ThS CAO THI THU HƯƠNG

Hà Nội, 2020

DANH MỤC HÌNH ANH

0908/9671 1

CHƯƠNG 1 TONG QUAN VE DE TÀII -5-s-sscssecsseesseesseerseessee 2

1.1 Giới thiệu về dé tai esessssssessessesssssssescessesssssssessessesssssssessessssssessessecseessenes 21.1.1 Giới thiệu về Hệ thống Website ¿2222 22x 2

1.1.2 Mục tiêu của đề tài -¿ ssck EExE T111 1111111111111 1E cyee 31.2.3 Ý nghĩa thực tiễn và vai trò của đề tài s- s-csccecterkerxerrrrrkerkee 5

1.2 Các công nghệ và công cụ sử đụng <5 < 5< 5< s9 5 9 15555 e1 6

I8» >7 DỤ 61.2.2 JSP 25c 21 2t 2H 212 21221 11 1 TT 1n tru 81.2.3 HTML woceecccccscscsscsssesssesssssessesssessusssessvsssesssessessusssessssssesssessesssessesssessesesess 101.2.4 CS Q20 21 2 H122 g1 HH 1k 12

1.2.6 Công cụ sử Ụng cv TH ng TH Hà 15

CHUONG 2 PHAN TÍCH VA THIẾT KE HỆ THÓNG - 182.1 Xác định đầu vào — đầu ra -s- << s2 s° se sesseseEseEsersesseseesersersere 182.2 Biểu đồ phân cấp chức năng s- s2 5° s£ sessessesessessessessesersesse 18

2.2.1 Các tác nhân của hệ thống 2- +¿©+++++2++Ex+2ExtrEevrxerreerxerred 182.2.2 Biểu đồ phân cấp chức năng của hệ thống: -2- 5c 555552 192.2.3 Mô tả các chức năng của hệ thống -¿- 2 2 2 s+++£xzxezxzzzz 192.3 Biểu đồ luồng dữ liệu -° <5 2s s2 s2 seEsessEsseseEsessesseserserserse 22

2.3.1 Biểu đồ luồng dit liệu mức khung cảnh 2-2 5 s2 s>x>z>sz 222.3.2 Biéu đồ luồng dữ liệu mức đỉnh -2- 2 2 2+s+£E+££+£zEezxerxereee 232.3.3 Biéu đồ luồng dữ liệu mức đưới đỉnh -2- 2-2 s2 s2 z+£ezxszxecsee 23

CHUONG 3: PHAN TÍCH THIET KE CƠ SỞ DỮ LIỆU - 29

3.1 Lý thuyết về Cơ sở dữ liệu .e- 2s se se se SssSssessessessersersersssssesse 29

BLD GiGi 0 29

3.1.2 Khai niGMm CO DAN eee ceccccssccesseecessceeeeccesecesseecesesecesseesseesesaeeesseeeesaes 29

3.2 Xác định các thực thể liên kế s s-s-s< se ssssessessexserserserssessesse 29

3.3 Mô hình quan HỆ o <5 9 9 9 9 9 9.9.0.9 90000000009 650 32

3.4 Chỉ tiết các bảng cơ sở dữ liệu -se° 5° se sessessesesessessessesersesse 32

3.4.1 Bảng Nhân vIÊn - - 5 (c1 E019 9n ng ngà 323.4.2 Bảng Khách hàng - - - + + 1111919 ng ngư 333.4.3 Bảng Loại khách hang <6 111 E219 9v ng ng rưưt 33

3.4.4 Bảng Sản phẩm -2- 2-52 2 +ESE9EE9EE2EEEEEEEEEE21121211111211 11-1 xe 333.4.5 Bảng Danh mục sản phẩm - 2 2+ ®+SE+E£+E££E+EE+EE+EEzEerxerxerxee 33

3.4.13 Bảng khuyến mãi - ¿2 2 ©%SE£SE£EECEEEE2E1221271717121121 1x xe 363.5 Mô hình liên kết giữa các bảng trong CSDL .5- 5< ssssssesse 37

CHUONG 4 THIET KE GIAO DIEN -5- 5< s2 ssssessssessessesses 38

4.1 Giao diện Chung << 5< << 9 99 0.0000 4009600406096 0806 38

4.2 Giao diện Người đùng << << «<< HH HH H001 6 40

4.3 Giao diện Quản tH VIEM 5 <5 << 5 5 99.99 090 4009680456896 086 44

„0007.0077 49

TÀI LIEU THAM KHAO 2 - 2° EE22ed££EEEEEE2vddeeetv22zvzdserrire 51

Hình 2-4 BDL mức dưới đỉnh chức năng quản lý hệ thống . - 24

Hình 2-5 BDL mức dưới đỉnh chức năng Quan lý khách hàng - 24Hình 2-6.BDL mức dưới đỉnh chức năng quản lý DMSP c+- << 25

Hình 2-7 BDL mức dưới đỉnh chức năng quản lý sản phâm - 2-5 26

Hình 2-8 BDL dưới đỉnh chức năng quản lý bán hàng - -+++s++++++ 27Hình 2-9 BDL dưới đỉnh chức năng Trợ B1ÚP -. 5555 *+**++sexseeeseeers 27

Hình 2-10 BDL dưới đỉnh chức năng báo cáo- thống kê -. 5: 5552552 28

Hình 4-4 Giao diện hướng dẫn mua hang - - 2 2 5 2+E+S£+E+EE+Ee£EeErxererrcrs 39

Hình 4-5 Giao diện đăng ký người dùng - - sưng gnưkp 40Hình 4-6 Giao diện Header trang Web - - 5s kg HH HH gi gưệp 40

Hinh TÁC roi in 40

Hình 4-8 Giao diện hiền thị sản phẩm mớii 2 2 + 22 ++E£+Ee£xe£x+rxerszxez 41Hình 4-9 Giao diện hiền thị sản phẩm bán chạy - 2 2 2 se +x+£x+z+zz+zse2 41Hình 4-10 Giao diện trang tìm kiẾm ¿- 2 ¿2£ +E+EE#EE+EE+EE+EEEEEEEeEEerkerkrrkrree 42Hình 4-11 Giao điện xem sản phẩm theo nhóm - 2-2 2 2 2+2 +E+£+£++£+2 +2 42Hình 4-12 Giao điện xem chỉ tiết sản phẩm 2-2-2 52522 E+£E+£E+zEE+Exerxezez 43

Hinh 68C o0 na 43Hình 4-14 Giao diện thanh toán khi khách hàng đặt hàng : -++ +44

Hình 4-15 Giao diện quản tri hệ thống — 44

Hình 4-16 Giao diện thêm khách hàng HmỚI «5< + ££v£+veeseeseeseesee 45

Hình 4-17 Giao diện quản lý nhân ViéM - eee E2 1E vn tr45

Hình 4-18 Giao diện thêm mới nhân viên hệ thống ỎỖỎÍỔỖỒÚŨÚŨÚŨ 45Hình 4-19 Giao điện thống kê doanh thu sản phâm theo tháng - 46Hình 4-20 Giao diện thống kê hàng tồn kho -2- 2 2 2 2+££+E+zx+zx+rxerszxez 46

Hình 4-21 Giao diện quản lý hóa đơn - óc 2331113313311 EEEErrrrkrrre 46Hình 4-22 Giao diện quản lý don hàng khách đặt - 55 + 5<*++ss+scxsss 46

Hình 4-23 Form báo cáo doanh thu .- s5 6131911991191 911v ren47

Hình 4-24 Form In Hóa ĐÐơn - (SE E111 E9 1111k nen ren 48

DANH MỤC BANG

Bảng 1 Bảng nhân VIÊN cesses 5 1E 3E TH HH HH 32Bang 2 Bảng khách hàng G5 6 1n TH TH HH HH 33

Bang 3 Bảng Loại khách hang - 5 5 25 2E 31H ng ng ng rưệt 33

Bang 4 Bảng sản phẩm ¿5-52 ScSSEỀEE9 E2 1211215 211171112111111 111111111 c1e 33Bang 5 Bảng danh mục sản phẩm - 2 2 + +E£EE£EE2EE£EE2EEZEEEerEerkerkrrkrree 33Bảng 6 Bảng Loại sản phẩm -2- 52 5£ S222 2EE2EEE2EEE2122212221 211221 re 34

Bang 7 Bang Dot hang 1n 34

Bảng 8 Bảng chi tiết đơn hang c.cccscccssesssesssessssseessecssessesssecssecsusssecssecsseessssesssecs 34

Bang 9 Bảng Hóa đơn - ó <1 HT TT TH HH HH ngờ 35

Bảng 10 Bảng chi tiết hóa đơn - - 22-5252 St SE2EEEEEEEEEE21122121 7121121121 35

Bảng 11 Bảng Đánh ia - - - G1 3201182111191 1 9101 11 11 9 1 1H HH kg rry 35Bang 12 Bang thông tin người nhận hàng - c5 2c 33+ 3+ +eeEseereeerereere 36

Bang 13 Thông tin Khuyến mãi 2-2-2 2 £+E+E£EE£EESEEEEEEEEEEEEEErEErkerkrrkrree 36

LỜI NÓI ĐẦU

Trong xu hướng kinh tế đang ngày càng phát triển mạnh mẽ như hiện nay, đicùng với sự phát triển nổi bật của công nghệ thông tin, đất nước Việt Nam đang danthé hiện được vị thế, ghi dấu ấn của mình vào trong nền kinh tế thị trường thé giới.

Đi đôi với sự phát triển của nền kinh tế, sự ra đời dưới những hình thức khác nhaucủa nhiều trang Web thương mại điện tử Và kinh doanh bán hàng trực tuyến quamạng internet là một trong các ứng dụng rat phổ biến ở nước ta hiện nay Với sựphát triển của Internet, khách hàng ngày càng có xu hướng mua sắm online thôngqua các Website nên rất nhiều sản pham, mặt hàng đa dang, mẫu mã khác nhau đãđược bán trên mạng, dẫn tới dịch vụ thiết kế, xây dựng Website bán hàng onlinengày càng phô biến và chú trọng Ứng dụng mua sắm online cho phép khách hàngtìm kiếm bằng các từ khóa mà mình quan tâm, lựa chọn các món hàng theo nhu cầucủa mình, mà không cần thiết phải tiêu tốn thời gian trực tiếp đến tại cửa hàng để

mua hàng, mà khách hàng chỉ cần dùng đến thiết bị mà có kết nối đến internet thì có

thé truy cập vào website.

Sau thời gian khảo sát các trang web, tìm hiểu và phần tích, thực hiện đề tài:“Xây dựng hệ thống Website bán hàng online”, em đã xây dựng được một trangweb đáp ứng được mục đích xây dựng một hệ thống website bán hàng qua mạngInternet uy tín, an toàn, cũng như đảm bảo cho khách hàng những chọn lựa tốt nhất,phù hợp nhất khi mua hàng tại hệ thống Website, với mong muốn đem đến những

tư vấn thiết thực, giúp cho khách hàng có thể tìm và chọn mua được món hàng bảnthân cần đến thông qua mạng dé tiết kiệm thời gian lẫn chi phí khi mua hàng.

Em xin được gửi lời cảm ơn sâu sắc đến ThS Cao Thị Thu Hương - giảngviên hướng dẫn trực tiếp, đã đưa ra những lời góp ý, chỉ ra những hướng đi đúngdan và tận tình giúp đỡ em trong quá trình thực hiện chuyên dé này.

Do năng lực và trình độ của bản thân em còn hạn chế, bản báo cáo này cũng

như sản phâm phần mềm do em thiết kế chắc chắn không thể tránh khỏi những

thiếu sót Em rất mong nhận được những lời góp ý, nhận xét từ các Thầy (Cô) đểgiúp bài chuyên đề của em được hoàn thiện hơn.

Em xin chân thành cảm ơn!

Hà Nội, tháng 05 năm 2020

Người viết

Lê Thị Hiền

CHƯƠNG 1 TONG QUAN VE DE TÀI

1.1 Giới thiệu về đề tài

1.1.1 Giới thiệu về Hệ thống Website

- Hiện nay, Internet ngày càng phát triển, việc sử dụng website trong việckinh doanh bán hàng trực tuyến thông qua Internert ngày càng phổ biến và pháttriển hơn, và các cửa hàng đã áp dụng quảng bá sản phẩm, thông tin cửa hàng Việcđặt hàng qua Internet dần trở nên quen thuộc và gần gũi với con người hơn Do vậy,yêu cầu về thiết kế trang web bán hàng được chú trọng hơn nhằm đáp ứng một cách

tốt nhất, hiệu quả nhất cho việc kinh doanh cửa hàng, buôn bán thuận lợi hơn vàcung cấp sựa thuận tiện cho khách hàng, giúp cho các khách hàng có thêm nhiều sự

chọn lựa tốt hơn và tìm được sản phâm mình ưng ý, phù hợp với bản thân hơn.

- Chức năng của website

s* Admin:

“Quản trị hệ thông: Có chức năng quan lý toàn bộ hệ thống Có thé

Thêm, sửa, xóa moi thông tin.

+ Khi quản trị viên ( Admin) muốn thêm mới nhân viên quản lýwebsite, thì quản trị viên sẽ thêm 1 hay nhiều Nhân viên hệ thống vào

trong dữ liệu ( Admin và trang quản trị -> Quản lý Nhân viên -> Thêm

" Quản lý khách hàng: Thêm mới khi khách hàng đặt hàng qua điện

thoại, email; xem, xóa khách hang, cập nhật thông tin khách hàng

= Quản lý bán hàng: Khi khách hàng gửi đơn hàng muốn đặt tới hệthống, hệ thống nhận đơn đặt hàng, Nhân viên hệ thống xét duyệt đơn hàng

và thông báo thành công/ hoặc thất bại tới khách hàng.

2

= Trong trường hợp khách hàng mới đăng ký tài khoản dé đặt hàng trênwebsite, hệ thống sẽ lưu thông tin khách hàng cùng hóa đơn xuống CSDL.

= Thống kê doanh thu: theo thời gian như ngày, tháng; theo sản phẩm,từng danh mục và nhóm sản phẩm

* WEBSTIE bán hàng: Là một website bán hàng, giới thiệu các mẫu mã

sản pham của cửa hàng với các chi tiết như mặt hàng, thông tin về sản phẩm,

giá sản phâm, các ưu đãi cho khách hàng Website có các chức năng sau:

= Hiên thị danh sách các mặt hàng: theo các nhóm sản phâm riêng, từng

danh mục sản phâm riêng, các sản phâm mới nhất, các sản phâm bán chạy

" Cung cấp đầy đủ về hình ảnh, thông tin chi tiết, mã mã, chất lượng dé

khách hang đưa ra su chon lựa tốt nhất, ưng ý nhất.

= Hiển thị các thông tin của khách hàng khi khách hang đặt hang dé

xem xét đúng thông tin chưa.

“Giỏ hàng: khách hàng lựa chọn sản phẩm vào giỏ, và khi muốn đặthàng thì chọn phan thanh toán Khách hang có thé xóa bớt sản phẩm trong

giỏ hàng khi không muốn đặt sản pham đó.

= Trang hướng dan: Hướng dẫn khách hàng cách đặt hàng nhanh chống

nhất có thê.

= Trang thông tin của cửa hàng: Hiển thị thông tin cửa hàng, hién thịMap cho khách hàng muốn đến cửa hang dé tham khảo sản phẩm, xem và

thử trực tiết, mua hàng.1.1.2 Mục tiêu của đề tài

Hệ thống Website được xây dựng và thiết kế ra với mục đích giới thiệu và

mang đến các sản phâm công nghệ điện tử chất lượng tới người tiêu dùng Ngoài ra

Website cũng muốn giới thiệu tới quý khách hàng các mẫu mã sản phẩm khác nhau,

đa dạng về hình ảnh, chất lượng, kích thước, nhằm giúp cho các khách hàng có théchọn lựa sản phẩm phù hợp với sự yêu thích, điều kiện và nhu cầu cần thiết của bảnthân mình nhất.

a) Với khách hàng:

e Giúp cho các khách hàng có thé tìm được những sản phẩm bản thân cần và

phù hợp với điều kiện của mình, chọn được sản phẩm chất lượng tốt.

e Với những khách hàng không có thời gian đến cửa hàng xem và mua trực

tiếp thì khách hàng có thể mua hàng trực tuyến Thông qua Website, khách hàng có

thé xem hình ảnh, thông tin chi tiết của các sản phẩm và từ đó chọn ra được sảnphẩm phù hợp với điều kiện cũng như nhu cầu của bản thân nhất Sản phẩm sau khiđược khách hàng đặt hàng, sẽ được đóng gói lại một cách kỹ càng, cân thận và giao

tới tận địa chỉ nhà cho khách hàng.

e Có thé biết được san phẩm xuất xứ từ đâu, công nghệ ở mức độ nào của cácloại sản phẩm khác nhau Giúp khách hàng khám phá, biết đến nhiều loại sản phẩmtốt hơn và giúp cho sự lựa chọn chính xác nhất có thé.

© Với việc áp dụng các tính năng của công nghệ thông tin vào thiết kế, website

sẽ đưa ra cho khách hàng danh sách các sản phẩm được bán chạy nhất, các sản

phẩm mới nhất nhằm quảng bá và định hướng cho khách hàng những sản phẩm chấtlượng, tiêu chuẩn phù hợp với nhu cầu cũng như điều kiện của mình.

e Website cung cấp nguôn thông tin chỉ tiết về từng sản phẩm rõ nguồn góc,

xuất sứ Cửa hàng cam kết và đảm bảo chất lượng với tất cả các mặt hàng sản phẩm

trên website như giới thiệu.

b) Đối với cửa hàng:

© Có thé thêm mới các loại sản phâm, sản phẩm mới có trong cửa hàng, xóa đi

các sản phâm mà cửa hàng ngừng bán Những công việc này dễ dàng triển khai trên

hệ thống, giúp tiết kiệm thời gian.

e Dé dàng cập nhật các sản phẩm đời mới nhất, bán chạy nhất theo xu hướng

công nghệ, theo sự yêu thích của người tiêu dùng.

e Cửa hàng có thé quảng bá cũng như giới thiệu các loại trái cây của cửa hangmình cho khách hàng được biết, giúp nhiều người có thê biết tới cửa hàng mình.

e Dễ dàng quản lý các danh mục sản phẩm , nhóm sản phẩm, sản pham,

e_ Dễ dàng tìm kiếm được thông tin khách hàng, thông tin sản phẩm, thông tin

đơn hàng, tiết kiệm được thời gian.

e Có thể cập nhật được trạng thái đơn hàng.

4

e Kiểm tra số lượng các sản phẩm hiện có trong cửa hàng, tối thiểu được thờigian làm việc bằng thủ công.

e Quản lý, update được trạng thái danh sách tài khoản khách hàng.

e Có cơ chế đăng nhập để xác định quyền hạn trong hệ thống quản trị của

website, dam bao an toàn của việc quan tri hệ thống.

e Tạo được các báo cáo - thong ké, dua ra danh sach cac mat hang ban chay,

mặt hàng mới nhập, thông tin doanh thu theo các khoảng thời gian, theo từng loại,

Với các hoạt động quản lý như:

- Giúp khách hang dé dàng tìm kiếm thông tin và các sản pham của cửahàng Khách hàng có thể xem được các review, feedback, đánh giá về sảnphẩm của cửa hàng mà khách hàng đã đặt hàng, đang sử dụng, đã từng sử

dụng trên trang web nhằm mang lại lòng tin cho khách hàng cũng như giúp

khách hàng hiểu rõ hơn về sản phẩm.

- Giúp khách hàng có thé nhanh chóng chon lựa được sản phẩm ưng ý nhấtvà đặt hàng sản phẩm khi khách hàng không có nhiều thời gian rảnh hoặckhông muốn đến trực tiếp cửa hàng Khách hàng có thê theo dõi lịch trình đơn

hàng đang được giao thông qua mã đơn hàng đã đặt.

- Cửa hàng có thé dé dang quản lý sản phẩm và khách hàng một cách dễ

Với các hoạt đông kinh doanh cửa hàng như:

- Giúp đơn giản giới thiệu các sản phẩm đến với khách hàng: Với xu

hướng như hiện nay, hầu như mỗi người đều sẽ có riêng cho mình ít nhất làmột hoặc nhiều thiết bị có thể truy cập vào internet, ví dụ như: smartphone,ipad hay máy tinh, Khách hàng chỉ cần thực hiện một số thao tác để truy cập

5

tới website là có thể xem, tìm kiếm các thông tin, hình ảnh, đánh giá từ các

khách hàng khác về sản pham minh quan tâm Ngoài ra, khách hàng cũng cóthé tham khảo thêm một vài sản phâm khác dé tìm hiểu, so sánh giữa các sảnpham chi bằng vài lượt click mà không mắt quá nhiều thời gian.

- Giúp giảm thiểu đi các chi phí và làm tăng doanh thu cửa hàng lên: Vớiviệc đăng ký tài khoản qua mạng sẽ giúp khách hàng có thể xem và đăng ký24/1, khách hàng có thé đặt hàng mọi lúc và hệ thống sẽ thông báo trong giờ

hành chính.

- Ngoài ra, cửa hàng cũng tiết kiệm được một khoản tiền lớn vào tiền thuêđịa điểm cửa hàng và nhân viên bán hàng: Thay vì đi thuê mặt bằng ở địađiểm tốt dẫn đến phí thuê cao, để cho khách hàng dễ thấy, thì cửa hàng có thê

tìm và thuê mặt bằng ở trong các ngõ, hẻm nhỏ nhằm cắt giảm chỉ phí Ngược

lại, nêu khách hàng đên tận nơi thì cửa hàng phải thuê ít nhất 1 nhân viên tưvan và 1 nhân viên thu ngân nhưng khi có website thì cửa hàng chỉ cần mộtngười đã đảm nhiệm được các công việc trên Và nêu có quá nhiều khách hàngđến cửa hang cùng một thời điểm thì số nhân viên tư van cũng tăng lên nhiều.Như vậy, có thé thấy, việc kinh doanh thông qua website thì chi phí dành cho

việc thuê nhân viên sẽ giảm đi rất nhiều.

1.2 Các công nghệ và công cụ sử dụng

1.2.1 Servlet

a) Khái niệm:

Theo tài liệu O7Planning thì Servlet được định nghĩa “là các thành phần đối

tượng nhúng trên Web Server dé cử lý các yêu cầu và sinh ra các trang web động,

trả về cho Web Browser Servlet là thành phần chính được sử dụng nham phát triển

các chương trình dịch vụ Java ở phía máy chủ Java Servlet là chương trình chạy

trên một Web hoặc ứng dụng máy chủ (Application Server) để trả lời cho các yêucầu của Client.”

b) Cách thức hoạt động:

- Client (các trình duyệt web) tao ra 1 yêu cầu ( request) dựa trên nghi thức

HTTP.

- Trình chủ Web nhận các yêu cầu này sau đó chuyển tới cho Servlet Trong

trường hợp Servlet chưa được nạp vào, thì trình chủ web sẽ nhận và nạp nó vào trong

phan máy ảo java dé thực thi.

- Servlet sẽ nhận được yêu cầu trên dựa vào giao thức HTTP và xử lý

- Déng thời Servlet sẽ trả ngược về cho trình chủ web một phản hồi - response

- Trình chủ web sẽ chuyên phản hồi đấy, sau đó chuyền sang cho trình duyệt khách

c) Các công việc chính của Servlet bao gôm:

"Client gửi tới các dữ liệu tường minh từ các yêu câu, công việc cua Servlet làđọc các dữ liệu này Dữ liệu theo các khuôn dạng — form data.

"Client gửi tới các dit liệu không tường mình từ các yêu cầu, va Servlet phảiđọc các dữ liệu này Dữ liệu trong phần đầu của yêu cầu gửi tới — request

Client về các câu dạng truy vân vào các database.

= Quản lý thông tin về các trạng thái, đồng thời nó còn trả lời dữ liệu không

tường minh cho Client.

d) Ưu điểm:

* Mạnh mẽ: Servlet thé hiện tính mạnh mẽ ở việc hỗ trợ khá hiệu quả với viécsử dụng các giao diện lõi API như: lập trình web, xử lý anh, xử lý đa luồng, néncác di liệu, bảo mật, kết nói tới các database,

Y Tính hiệu quả: Bên cạnh tính mạnh mẽ, Servlet cũng có tính hiệu quả rất cao.Dễ dàng di chuyên: Do được viết bởi ngôn ngữ Java, nên nó được kế thừatính di động cao, có thé thực hiện được khi chạy trên nhiều hệ điều hành khác

nhau, ở trên các Web Server khác nhau.

* An toàn: Ngoài ra Servlet còn được kế thừa từ Java tính bảo mật, an toàn

cao Servlet xử lý các lỗi một cách rất hiệu quả, an toàn, và theo cơ chế xử lýngoại lệ kế thừa từ Java.

v Tính linh hoạt: Các Servlet nói chung hoàn toàn đều có tính mềm dẻo, linh

Theo tai liệu VietTuts thi JSP (Java server page hay con gọi là Java Scripting

Preprocessor — “Bộ tiền xử ly văn lệnh Java”) “là một công nghệ Java cho phép cácnhà phát triển tạo các nội dung như là HTML, XML hoặc là một số các định dạng

khác khiến cho trang web sinh động hơn.”b) Cơ chế hoạt động:

- JSP thường gắn liền với Servlet Các mã lệnh Java sẽ được trình biên dịch biêndịch thành Servlet khi có trình duyệt khách truy xuất tới trang JSP lần đầu tiên.

- Quá trình hoạt động diễn ra gồm: Mã Java sẽ được tách ra khỏi trang JSP

(*.jsp), dé tạo thành mã nguồn Servlet Sau khi Servlet xử ly cho ra kết quả, kết quảđó sẽ được thay vào chỗ biéu thức JSP trong trang web ban đầu ( được coi là 1 trangHTML thuần túy).

c) Các thành phần của JSP:

Một trang JSP có các thành phan:

> Thẻ Root: nơi chứa các thông tin, các thuộc tính dé thiết lập, xây dựng trang

> Comment: Tương tự HTML, trong một trang JSP bat kỳ, ta có thé commentvới kí hiệu này: — <! comment > (hiến thi trên browser) và

<% comment text %> ( không hiển thị trên browser)

> Declaration: Dùng để khai báo biến hoặc khai báo phương thức của javanằm ngay trong trang JSP Nhưng nên tránh khai báo quá nhiều ở trong trang vìđiều này sẽ dẫn đến sự nhằm lẫn giữa code JSP và code java.

Cú pháp: <%/ Declaration statement %>

> Expression: Thẻ được sử dụng dé trực tiếp chèn một giá trị vào trong trang.

<%= expression %> hoặc <jsp:expression>expression</jsp:expression>

> Thé biểu thức JSP: được sử dung dé đánh giá một biểu thức.

Cú pháp khai báo là: <%= your code %>

> Scriptlet Tag:cho phép viết mã java trong trang JSP.Cú pháp gồm : <% <i> java code <i> %>

> Directive Elements

Cac đôi tượng có san:

- request: javax.servlet.http.HttpServletRequest: là “đối tượng yêu cầu HTTP

” cho phép truy cập vào các tham số như : GET, POST

- response: javax.servlet.http.HttpServletResponse : là “đối tượng hồi âmHTTP ” có phạm vi toàn trang, chứa thông tin phản hồi của server.

- session: Javax.servlet.http.httpSession: chứa thông tin phiên làm việc cua

client — là “đối tượng phiên giao dịch HTTP” (https://vi.wikipedia.org/wiki/JSP), cóthé dùng trong việc theo dõi tin tức về một đối tượng người dùng.

- application: javax.servlet.ServletContext: chứa các thông tin chung của web

Ưu điểm của JSP:

e JSP hỗ trợ cho việc thiết kế giao diện web dễ dàng, nhanh gọn hơn.

e Có vai trò lớn trong việc thiết kế những trang web động.

e Và nó thê viet ở một nơi và chạy ở bat cứ nơi nao.Hạn chê của JSP:

e Nó tiêu tốn dung lượng lưu trữ ở server là gấp đôi

e Khi lần đầu tiên truy cập vào trang JSP sẽ mat rất nhiều thời gian chờ.

Và JSP là mở rộng cua Servlet Và trong thực tế, JSP và Servlet hầu như đượcsử dụng đồng thời nhằm phát triển ứng dụng một cách hiệu quả và tối ưu nhất NếuJSP là đại diện cho trang web thì Servlet đại diện cho các thành phần của Java.

Servlet viết code HTML khó khăn hơn, nhưng viết code Java cực kỳ đơn giản.Ngược lại với Servlet, JSP viết code HTML cực kỳ dễ dàng tuy nhiên việc viết code

Java khó khăn và gây rối cho người mới bắt đầu học Java web.

Trong một mô hình Model — View — Controller (MVC), Servlet xử lý phần

“controller”, con JSP xử lý phân “view”.

1.2.3 HTML

a) Khai niém:

Theo tài liệu Freetuts thi “HTML (HyperText Markup Language là Ngôn ngữ

đánh dấu siêu văn ban) là một sự định dạng website dé báo cho trình duyệt Website(Web browser) biết cách dé hiển thị ra một trang Web.”

- HTML gồm các đoạn mã chuan được quy ước để thiết kế, xây dựng Website

và hiên thị lên trên màn hình.

b) Thành phan của một trang HTML

<!DOCTYPE html><html>

- Tat cả các trang viết bằng HTML đều phải khai báo <!DOCTYPE> ( định

nghĩa chuẩn văn bản ) ngay từ dong đầu tiên khi viết.

- _ <l—- và —: thẻ comment

- _ Thẻ <html> : file HTML luôn bắt đầu và kết thúc băng thé <html>

- _ Thẻ <head> </head>: chứa tiêu đề và các thông tin khai báo, các thông tinan khác.

- _ Thẻ <body></body>: là phan thân của trang HTML, nơi hiển thị nội dungcủa trang web Đây là phần thông tin mà người dùng sẽ nhìn thấy khi trình duyệtđọc các mã HTML, tại đây người thiết kế có thể nhập vào các đoạn văn bản cùngcác thẻ khác dé quy định về định dạng của trang web.

c) Các thẻ cơ bản trong HTML:s% Thẻ câu trúc:

Thẻ Mô tả chức năng

<!DOCTYPE> Xac dinh cho trinh duyét biét phién ban HTML ma ban dang su dung

<html> Xác định một tài liệu HTML

Xác định phần đầu của tài liệu HTML

<headz (chứa các thẻ cung cấp thông tin cho trang web)

stitle> Xác định tiêu đề của trang web

Xác định phần thân của tài liệu HTML

(chứa những phần tử sẽ được hiển thị lên màn hình trình duyệt)

s* Thẻ văn bản:

<p>Doan văn ban</p>

<br /> :thé don xuống dong

<a href="dia chi liên két">Day là một liên két</a>

<li>Phan tử 1</1i><li>Phan tử 2</1i>

- <seript>Dùng dé làm thùng chứa cho các câu lệnh JavaScript </seript>

- The Styles and Semantics,

1.2.4 CSS

a) Khai niém:

CSS ( viết tắt của Cascade Style Sheet) là “ngôn ngữ tao phong cách chotrang web” CSS dùng để định kiểu và tạo phong cách cho những yếu tố được viếtdưới dạng ngôn ngữ đánh dấu, như là HTML

b) Cú pháp:

Cú pháp cơ bản của CSS bao gồm 3 phan: selector (vùng chon), property

(thuộc tính) và value (giá trỊ).

12

- Selector: là cách xác định các thẻ HTML dựa trên cấu trúc phân cấp của

HTML Vùng chọn có thé là định danh (id), tên lớp (class), các thẻ (div, a, p, ), vàcó thé kết hợp giữa các thẻ và tên lớp (class).

- Property: là một kiểu thuộc tính của thẻ HTML, yếu tố muốn thay đổi ở các

thẻ HTML thuộc vùng chọn.

- Value: Là giá trị được gán cho property, mỗi thuộc tính có giá trị khác nhau.

Có thé 1 từ khóa định sẵn (none, block , ), từ một tên màu hay mã màu (blue, red,#000, #FFFFFE), hay một giá trị kích thước tính bang px, %,

c) Phan loai:

CSS gém 3 loai:

= Inline Style Sheet ( Nhúng CSS vào tag HTML)

- Dinh nghĩa style trong thuộc tính style của tung tag HTML- Khong được sử dụng lại

=" Embedding Style Sheet ( Nhúng CSS vào trang web)

- Tat cả định nghĩa được năm trong thé <style> của trang HTML

- Dinh nghĩa theo cú pháp<head>

<style type = “text/css” media = “all | print | screen” >

Style mules

Style rules

=" External Style Sheet (Liên kết CSS với trang web)

- Mọi style đều được lưu trong file có mwor rộng là *.CSS

13

- file CSS: Lưu trữ nhiều style với từng vùng chọn

- Trang HTML: liên kết bằng thẻ <link> Cú pháp

1.2.5 JavaScript

a) Khái niệm:

Theo tài liệu Quantrimang định nghĩa “JavaScript là một ngôn ngữ lập trìnhcủa HTML và WEB Sự thi hành của nó cho phép Client-Side script tương tác vớingười sử dụng và tạo các trang web động Nó là một ngôn ngữ chương trình thông

dịch với các khả năng hướng đối tượng.”

- JavaScript được sử dụng nhằm b6 sung sự tương tác cho các trang HTML,

xác nhận dữ liệu người dùng nhập vào trước khi nó được chuyền đến server.

=> O trong bài chuyên dé, dé các file được code một cách rõ ràng hơn, các mã

JavaScript được sử dụng nhiều lần déu được thực thi trong các tập tin JS(*js), và hầu hết các file *.jsp đều sử dụng cách 2 — gọi tập tin JS vào.

o Tải một trang web hoặc một hình ảnh

o Di chuyền chuột qua một vị trí nào đó của trang web

o Gửi một dữ liệu từ HTML

- JavaScript định ra 5 loại sự kiện sau: Form and Images, image map link, and

- Nhiing sự kiện trên đều được liên kết với các thẻ HTML ở trong trang web.

d) Cách tạo đối tượng:

Có 2 cách dé tạo đối tượng trong javaScript:

- Su dụng từ khóa new Object() :

var p=

//Tên thuộc tính : "Giá tri thuộc tính",

name: "Van A"

1.2.6 Công cụ sử dụng

a) Eclipse J2EE

15

Hình 1-2 Eclipse J2EE

Eclipse là một “môi trường phát triển tích hợp” dé dùng cho lập trình máytính Công cụ này chứa một hệ thống plug-in để mở rộng, để tùy chỉnh môi trường

và một không gian làm việc cơ sở Eclipse được việt chủ yêu băng ngôn ngữ Java

và được dùng nhiều nhất cho lập trình ứng dụng Java, ngoài ra nó cũng có thể dùng

dé lập trình ứng dụng bằng những ngôn ngữ khác thông qua plug-ins, như ABAP,

Ada, C, C++, C#, Clojure , HTML, JavaScript, NATURAL, Perl, PHP, Prolog,

- Tw phiên bản 6.5, thì nó mới được thị trường chấp nhận rộng rãi.

- Dac biệt một đột phá cải tiễn cho SQL Server 7.0 chính là khi đượcMicrosoft viết lại một engine hoàn toàn mới.

- Và cho đến khi SQL Server từ phiên bản 7.0 được nâng cấp, cải tiễnlên 8.0 thì chủ yếu phát triển về tính năng thiết kế, xây dựng website.

s* Hiệu quả đem lại khi sử dụng SOL Server trong thiết kế Web

SQL Server được sử dụng trong các dịch vụ thiết kế web đẹp, chuyên

nghiệp với chức năng giao tiêp với người dùng với các vai trò sau:

16

- SQL là một ngôn ngữ đòi hỏi có tính tương tác cao: Người dùng có

thé dé dang trao đổi với các tiện ích, ứng dụng thông qua các câu lệnh đãđược thiết lập ra của SQL.

- SQL là một ngôn ngữ lập trình cơ sở dữ liệu: Giao tiếp với co sở dữ

liệu bằng cách kết nối với công cụ SQL Server và nhúng các câu lệnh trỏ tới

SQL vào trong ngôn ngữ lập trình.

- SQL là một ngôn ngữ lập trình quản trị cơ sở dữ liệu: Người quan tri

có thẻ thiết lập, quản lý, định nghĩa cũng như điều khiển truy cập vào cơ sở

dữ liệu thông qua SQL.

- SQL là một ngôn ngữ lập trình cho các hệ thống chủ khách: SQLđược sử dụng như là một công cụ, phương tiện đề giao tiếp với các trình ứng

dụng nằm trong hệ thống cơ sở dữ liệu khách chủ.

- SQL là ngôn ngữ truy cập dữ liệu trên Internet: SQL được sử dụng

với vai trò tương tác, giao tiếp với cơ sở dữ liệu ở trong hầu hết các máy chủ

web và máy chủ Internet.

- SQL là ngôn ngữ cơ sở dữ liệu phân tán: Với vai trò giao tiếp với các

hệ thống trên mạng Internet, gửi đi và nhận lại các yêu cầu truy xuất dữ liệu

với nhau.

- Nhìn chung, SQL Server là một hệ quản trị cơ sở dữ liệu quan

hệ được sử dụng trong các chức năng tương tác giữa người dùng và dữ liệu.

17

CHƯƠNG 2 PHAN TÍCH VA THIẾT KE HE THONG

2.1 Xác định đầu vào — đầu ra

s* Thông tin dau vào:

Thông tin Admin: Mã admin, tên admin

Thông tin Nhân viên: Họ tên, giới tính, ngày sinh, nơi ở, số điện thoại , Thông tin Khách hàng: Họ tên, giới tính, địa chỉ, số điện thoại, điểm mua

hàng, ngày sinh, email

Thông tin Danh mục sản phẩm: Tên danh mục sản phẩm, mã danh mục,

ghi chú,

Thông tin Sản phẩm: Tên sản phẩm, giá sản phẩm, số lượn sản phẩm,

hình ảnh, mô tả sản phẩm, tên danh mục sản phẩm

Thông tin Nhóm sản phâm: Tên nhóm sản phẩm, mã nhóm sản phẩm, ghi

chú nhóm.

Thông tin đơn hàng: mã đơn hàng, mã khách hàng, tên khách hàng, ngày

đặt, tình trạng, tổng tiền,

Thông tin website

¢ Thông tin đầu ra:

e Kết quả tra cứu - tìm kiếm sản phẩm, các loại sản phẩm, thông tin chitiết, giá cả về sản phẩm.

e_ Báo cáo, phân tích về tinh trang đặt hàng.

e_ Báo cáo, thông kê về doanh thu, sản phâm bán chạy, hàng tồn, khách

2.2 Biéu đồ phân cấp chức năng

2.2.1 Các tác nhân của hệ thống

s Tác nhân ngoài

TT | Tên Actor | Ý nghia/Ghi chú

1 |Kháchhàng | Là khách hàng truy cập vào website, mua sắm, đặt hàng trênweb, bao gồm khách hàng chưa đăng ký tài khoản cũng như

18

đã đăng ký tài khoản.

2 | Nhân viên Là người sẽ thực hiện việc kiểm tra thông tin khách hàng,đơn hàng, thông tin sản pham, Nhận phản hồi từ khách

hang và tư vấn, phản hồi lại khách hàng Là người lập hóa

đơn cho khách hàng,

3 | Admin Là người quản trị hệ thống, có tất cả các quyền hạn quản lý,

chỉnh sửa của hệ thống trong đó bao gồm quyên hạn của nhân

viên như: quản lý thông tin vê cửa hàng, vê nhân viên, vê sản

phẩm, khách hàng,

2.2.2 Biểu đồ phân cấp chức năng của hệ thống:

QUẢN LÝ QUAN LÝ are QUAN LÝ QUAN LÝ QUAN LÝ BAO CÁO |} ìw vigụ

HỆ THÓNG [| KHACH HANG SAN PHAM BAN HANG PHAN HOI THONG KESAN PHAM

khoản) kí sản phẩm phẩm nHìn phản hồi

Đăng Quản lý Chỉnh sửa ` : ` Thống kê sản phẩmging Ssheskee Chỉnh sửa Nhận đơn Phê duyệt hong np

Thống kê danh sách

á ậ khách h:

Cập nhật tải | |_| Quản lý lịch Xóa danh mục Xóa sản Tôn Trả lời phản ch nang

khoản sử mua hàng sản phẩm phẩm 32 He hồi

Thống kê danh sáchDuyệt đơn đơn đặt hàng

đặt hàng

Hình 2-1 BLD Phân cấp chức năng hệ thong

2.2.3 Mô tả các chức năng của hệ thống

> Chức năng quản lý hệ thống:

Quản trị viên đăng nhập vào hệ thống băng tài khoản Admin để xử lý dữ liệu

trên hệ thống

19

- Đăng ký ( tạo tài khoản): Khi khách hàng xem qua trang web và chọn được

sản phẩm ưng ý Nếu chưa có tài khoản trên hệ thống, khách hàng vào mục đăngký để tao tài khoản, gửi thông tin tên, số điện thoại, địa chỉ email, dé hệ thốnglưu thông tin khách hàng Quản trị viên tạo tài khoản nhân viên hệ thống cho

nhân viên mới.

- Đăng nhập/Đăng xuất: Khách hàng sau khi có tài khoản thì vào trang đăngnhập dé chọn sản phẩm vào giỏ hang của mình, và chọn thanh toán dé tạo đơnđặt hàng gửi về hệ thống Nhân viên hệ thống vào trang quản trị đăng nhập dé

vào quản lý một số chức năng của hệ thống như: quản lý sản phẩm, quản lý

khách hàng, quản lý don hang, Chức năng Đăng xuất giúp khách hàng hoặc

nhân viên thoát khỏi tài khoản đang đăng nhập.

- Cập nhật tài khoản: Chức năng này giúp khách hàng cập nhật lại tài khoản

khi muốn thay đổi thông tin cá nhân Và Người quản trị hệ thống ( Admin) có thê

thay đối thông tin của nhân viên và khách hàng.

> Chức năng quản lý khách hang:

Chức năng này giúp hệ thống theo dõi các thông tin của khách hàng, lịch sử đặt

- Phê duyệt tài khoản đăng ký: Xét duyệt thông tin đăng ký tai khoản của

khách hàng, với tài khoản đăng kí, khách hàng có thé chọn những sản phẩm mà

mình muốn đặt và tiến hành thanh toán Và với tài khoản của mình, sau khi đăngnhập vào hệ thống, khách hàng có thể chọn sản phẩm và đặt hàng, xem lịch sử

mua hàng của mình.

- Quản lý thông tin khách hàng: Thông tin của khách hàng sẽ được lưu trữ trên

hệ thống để hệ thống dễ dàng quản lý Khách hàng có thể sửa đổi, hoặc thêm

thông tin cho tài khoản cua mình.

- Quản lý lịch sử mua hàng: Lưu trữ thông tin chỉ tiết các đơn hàng khách

hàng đã đặt Thuận tiện cho nhân viên hệ thống có thé xem lại , kiểm tra lịch sử

đặt hàng của khách hàng khi cần thông tin.

> Chức năng quản lý danh mục sản pham:

20

Quản trị viên tạo các danh mục sản phẩm nhằm phân ra các nhóm sản phẩm,

các loại sản phẩm, sản phẩm, giúp khách hàng có thé dé dàng tìm kiếm hơn Chứcnăng quản lý danh mục sản phẩm gồm:

- Tạo sản phẩm

- Chỉnh sửa sản phẩm- Xóa sản phẩm

> Chức năng Quản lý bán hàng:

- Nhận đơn hàng: Khách hàng chọn sản phẩm và gửi đơn hàng muốn đặt tới hệthống Hệ thống nhận đơn hàng khách hàng đặt và thông báo tới nhân viên hệthống, quản trị viên để xét duyệt đơn đặt hàng.

- Xác nhận sản phâm đặt: Nhân viên kiểm tra thông tin sản phẩm, số lượng tồn

có đủ cho đơn đặt hàng hay không, nếu có thông báo duyệt thành công Nếukhông đủ sản pham sẽ thông báo tới khách hàng hủy đơn hàng va đặt sản phẩm

> Chức năng Quản lý phản hồi:

Khách hàng gửi câu hỏi cần tư vấn hoặc phản hồi về sản phẩm sau khi nhậnhàng cho hệ thống Hệ thống nhận phản hồi, nhân viên sẽ xét duyệt nội dung phảnhồi là chính xác hoặc là nội dung chính đáng Khi phản hồi được thông qua, nhânviên sẽ gửi câu trả lời, phản hồi lại khách hàng Gồm các chức năng:

- Tiếp nhận phản hồi

21

- Phê duyệt phản hồi- Trả lời phản hồi

> Chức năng Quản lý báo cáo thống kê:

- Chức năng nàyđáp ứng các yêu cầu như thống kê số lượng khách hàng, sốđơn hàng, sản phẩm bán chạy, sản phẩm tổn trong kho va đặc biệt là thống kêdoanh thu theo từng mục, thời gian Từ những tổng hợp trên hệ thống, đưa ra

được các báo cáo về hoạt động kinh doanh dé xác định được những điểm yếu vàcơ hội mà cửa hàng gặp phải Từ đó đưa ra được các giải pháp, cải tiến nhằm thu

hút nhiều khách hàng đặt hàng hơn và tăng doanh thu kinh doanh cho cửa hàng.

> Chức năng Tìm kiếm: dùng dé cho nhân viên và khách hàng tìm kiếm sản pham

cần tìm.

- Đối với nhân viên hệ thống, có thé dùng chức năng tìm kiếm, dé tìm kiếm,kiểm tra các thông tin như thông tin sản phẩm, thông tin đơn hàng, thông tin

khách hàng, thông tin nhân vién

2.3 Biểu đồ luồng dữ liệu

2.3.1 Biểu đồ luồng dữ liệu mức khung cảnh

Đặt mua sản phẩmz

Xem lịch sử mua hangz Xem sản phẩm Đơn ait hàngThông tin lịch sử mua hàng

Thông tin sản phẩm

Quản lý khách hàng Kết quả báo cáo- thong kế

Quản lý danh mục sản phẩm Kết quả cập nhật hệ thống

Quản lý sản phẩm oo

-Thồng tin đăng nhập

Quản lý ban hangQuản lý phan hoi

Phê duyệt đơn đặt hàng Thông tin đơn đặt hàng

Trả lời phản hỏi từ khách hang Phản hỏi từ khách hang

Lập hóa đơn bán hàng Thông tin sản phẩm, khách hảng

Hình 2-2 BLD mức khung cảnh

22

2.3.2 Biéu đồ luồng dữ liệu mức đỉnh

Kết quả trả về

Chỉnh sửa thông ti Quản inh sửa thông tin hànglý khách

Kết quả

Phê duyệt phản hỏi

Yêu cầu đăng ki, đãng nhập, đăng xuất Thông tin phân hồi

Quản lý phản hổi | Thông tin phản hồi

Trả lời phản hồi

Yêu cầu đăng nhập, dang xuất

Nội dung tìm kiếm