Đồ Án công nghệ thông tin Đề tài website quản lý bán giày

DE CUONG BAO CAO Ho va tén:Nguyén Van Dat MSSV: 20110455 Ho va tén: Nguyén Hoang Hai MSSV: 20161051 Môn: Đồ án Công Ngê ñhông Tin Tên đề tài: Trang web quản lý bán giày Nội dung thực hiệ

DO AN CONG NGHE THONG TIN

DE TAI: WEBSITE QUAN LY BAN GIAY

Giảng viên hướng dẫn: Trần Nhật Quang

Nguyén Hoang Hai MSSV: 20161051

TP Hồ Chí Minh, ngày 1 tháng 12 năm 2022

DIEM SO

NHẬN XÉT CUA GIAO VIÊN HƯỚNG DẪN

Giáo viên hướng dẫn (Ky va ghi ho tén)

Tran Nhat Quang

LỜI CẢM ƠN

Dé hoàn thành tốt đề tài và bài báo cáo này, chúng em xin gửi lời cảm ơn chân

thành đến giảng viên Trần Nhật Quang, người đã hỗ trợ chúng em trong quá trình làm đề tài Chúng em cảm ơn cô đã giải đáp những thắc mắc và đưa ra những góp ý chỉnh sửa kịp thời giúp chúng em khắc phục nhược điểm và hoàn thành tốt cũng như đúng thời hạn Khoa đã đề ra

Đề tài và bài báo cáo được chúng em thực hiện trong khoảng thời gian ngắn, VỚI

những kiến thức còn hạn chế cùng nhiều hạn chế khác về mặt kĩ thuật và kinh nghiệm

trong việc thực hiện một dự án Do đó, trong quá trình làm nên đề tài có những thiếu sót

là điều không thể tránh khỏi nên chúng em rất mong nhận được những ý kiến đóng góp quý báu của cô đề kiến thức của chúng em được hoàn thiện hơn và chúng em có thể làm tốt hơn nữa trong những lần sau Chúng em xin chân thành cảm ơn

Cuối lời, chúng em kính chúc quý cô luôn đồi dào sức khỏe và thành công hơn nữa trong sự nghiệp trồng người Một lần nữa chúng em xin chân thành cảm ơn

Thành phố Hồ Chí Minh, ngày 1 tháng 12 năm 2022

Nhóm sinh viên thực hiện

Nguyễn Văn Đạt Nguyễn Hoàng Hải

DE CUONG BAO CAO

Ho va tén:Nguyén Van Dat MSSV: 20110455

Ho va tén: Nguyén Hoang Hai MSSV: 20161051

Môn: Đồ án Công Ngê ñhông Tin

Tên đề tài: Trang web quản lý bán giày

Nội dung thực hiện:

- Thiét ké trang web bang ngén ngit HTML, CSS, Javascript, Bootstrap, jQuery

- Giao tiếp với cơ sở dữ liệu bang JDBC

- _ Thực hiện đồ án theo mô hình MVC

- _ Viết code các chức năng của trang web bằng Java Servlet, Ajax

I GIỚI THIỆU - S221 1EE1EE1511212112112121 11 1 1 1 1 HH1 ng re 13

f Tìm kiếm sản pham theo gia Min, Max, Under 100, 100-200, Above 200 14

g Tìm khiếm sản phẩm theo màu 5 St 1 E1 1E E 1212121211117 121.1 ere 14

h Tìm kiếm sản phẩm theo tÊn 5- 5s SE x E2 111111121111 111121111 tre 14

i Chọn các sản phâm và thanh tộn - - cc H299 23 5111 kg Ty 14

J Quam ốc na g ƠƠ 14

k._ Quản lý nhà cung cấp 5c ST 1 1112112121121 1211 1 1n ng rsey 14

I Thống kê top 5 khách hàng mua nhiều nhất 5-5 St 1c xe 2E 2EcEeErkerrsex 14

m Thơng kê top 5 nhân viên bán hàng xuất sắc nhất 2-5 St sse2 14

n Thống kê top 10 sản phẩm bán chạy nhất - 2-5 S22 1E 221 22x txerrre 14 o._ Xuất tất cả hĩa đơn, lọc hĩa đơn theo ngày, in hĩa đơn ra đle Excel 14

p Thống kê doanh thu theo tháng + 5+ S1 2E 12E1218112112127111 21.1 er net 14 q Thống kê doanh thu theo thứ trong tuần 5+ 2s St SE SE rrrriyg 14

r Xem các sản phẩm cửa cửa hàng -s.- c1 1E 112111121121 E1 tt re, 14

TI DANH SÁCH KỊCH BAN BAN HANG (USECASES) 0.ccccccccccccseseseeeees 14

9 Use case tạo tài khoản c9 919953551111 1g vu TT vs 14 10.Use case quên mật khẩu ST 9111115 ng TT TT Hee 14

CHI TIẾT KỊCH BÁN - 5 5 1E 121121111 11 12211 HE t1 nghe 15

Use case quản lý tất cả tài khoản - St 11c E1 1121111 11212111 11821 tt rey 16 Use case quan lý thông tin cá nhân 2 2 2222221112112 2121211121111 5 111118 sey 18 Use case xem cac san pham của cửa hàng + s s St E11 tgrrgey 20 se case tìm kiếm sản phẩm - - + S1 E1 112121121121111111 1711101 11t ng 22 Use case đặt hàng sản phẩm - 5 SE 1E 121121111 1.111 8121211 reu 23 se case quản lý g1ỏ hàng ác 2112211122112 11 1115111511 10111 15111511181 k 1H Hy 25 se case xem thông kê - 2 tt E1 21121121111111121111 2121112121 1n gxo 27 Use case quản lý sản phẩm của người bán 5c n1 1E SH HH eu 29

Use case tạo tài khoản - - - ccc ng ST ng 511k 150 5k ky 31

0 Use case quên mật KD AU occ cccccccccccccscecscscscscsssescscsvscsssessssseseseseatsesesessssscsesevevsveeveces 33

GIAO DIEN BAN HANG (LAYOUT ) 0 0 00ccccccccccsccscscesessessesteseesvssestssvseseseseesen 36

.CHao diện trang Home Page c c1 12112111211 1121112111 0111181110111 111g này 36

PC Lái 0i 0) 000 e 39

3.Giao diện Form đăng nhập - 2 0222122111211 15E1 15 1151115111111 1111111111111 ky 40

4.G1ao diện form đăng ký tài khoản - 222 122111212121 1121 1112111811101 11 8118k rrờy 40

5.Giao diện form quên mật II 40 6.Giao dién trang cập nhật thông tin cá nhân L5 2 2222212222222 12x cere2 41

7.Giao diện trang chỉ tiết sản phẩm - 5-5 21 1 SE 1 E12 2112112121111 121111 ra 42 8.Giao diện trang quản lý g1ỏ hàng L0 0101212221112 1 112115 211 1118115181111 xe nky 45

9.Giao diện form đặt hàng - L0 0 2011212211111 1125115111511 151 1115111112111 1011112 key 46

10.Giao diện trang quản lý tài khoản - c2 2221121222111 125225 E1 x ng nHerườ 46 11.Giao diện trang quản lý sản phẩm - - 221 SE E11 221E1121111211 1211 rr tre, 47 12.Giao diện trang thống kê ¿5+ s1 E1 11112112 111112112111 1211101 E1E1 Hee 47 13.Giao diện cầu trúc thư gửi qua email xác nhận đơn hàng 2 se S2 48

14.Giao diện cấu trúc thư gửi qua email lay lai mat KhAaU occ ccccccccccccecscsecscecsesecsesees 48

15.Form thém sam pham cccccccccsccsccsccsessesscsvssvsscssesessnsecsussesessvsssesevsseseseessvsessesevseees 49 16.Form cập nhật thông tin sản phẩm - 5 SE E1 2121121121111 1.1.1 re tre, 50 17.Form thêm tài khoản S3 1211211211 115121 111311111211 511 2111111111111 111111 K HH nhe 50

18.Giao dién doanh thu theo thir trong CUAD co ccccccccccccccececccscevevscevesesevsvecevsvevsvessevecsesees 51 19.Giao dién doanh thu theo tháng c0 222 2221212112212 111 111 51111 2111155151181 rrey 52

19.Giao dién tat ca hóa đơn, có thể lọc theo ngày và xuất hóa đơn file excel 32

20 Xuất hóa đơn thành file [Excel 252 22212 re 53

21.Giao dién xuat top 10 san pham ban chay nhat 0.cc.cccccccccceccscssceseseesssesesseseseeeeeees 53 22.Giao điện xuất top 5 khách hàng mua nhiều nhất 5-5 s5 2E E2 t2 tExzrxcxez 34 23.Giao diện xuất top 5 nhân viên bán hàng xuất sắc nhất - 5s xe serzea 34

24.Giao diện trang quản lý nhà cung cấp - 5 E1E1111 11 12111 tp rat 34

V THIET KE CO SO DU LIEU — CSDL 52 SE E21 1221212 key 59

TP eeeee sees see eesee scat ees eeesaeesaeeeiesesaeesaeesiesesaseseeecsesesessaeeecnsseeeesiees Diagram

VII TAT LIEU THAM KHẢO 5S SE E21121E22212 8 1E HH ryt 65

I ĐẶC TẢ

1 Ngữ cảnh

Hiêmmay, công nghêm thông tin dang rất phổ biến, đălmênà các máy tính đều có ở khắp mọi nơi Sự phát triển của công nghê hông tin giúp làm tăng sự phát triển cho các ngành kinh tế Giải quyết được các bài toán quản lý về dữ liêm giúp cho người sử dụng thao tác nhanh hơn, tiết kiêmthời gian và chỉ phí

Website quản lý bán giày là I loại hình kinh doanh 1 số lượng hàng hoá, khách hàng trong I khoảng thời gian là khá đông Viêqử dụng giấy đề ghi chép thông tin, tìm kiếm thông tin tạo nên sự khó khăn Vì vâynviêmxây dựng 1 hê nhồng Hỗ trợ cho người quản lý

có thê quản lý nhân viên, cập nhật sản phẩm dễ dàng hơn, Công việc ghi lại hóa đơn và

chọn sản phẩm theo yêu cầu khách hàng của nhân viên sẽ được hệ thông ghi nhận lại và

từ đó có thê xem lại cũng như đưa ra những thống kê về doanh thu của quán Chính vì thế chúng em chọn đề tài: Website quản lý bán giày

2 Dữ liệu, thông tin đầu vào

Nhập thông tin và đăng

nhập dưới quyền quản trị

YES

7

[ +

Quản trị viên xem, thêm,

sửa, xóa thông tin tài

Cập nhật thông tin tài

khoản vào cơ sở dữ liệu

2 Use case quan ly thông tin cả nhân

Quản Trị Viên, Khách Hàng, Người Bán Hệ Thống

Bắt đầu

Nhập thông tin và đăng

nhập dưới quyền của Thông tin hợp lệ

mình

YES

sự

Chon muc Edit Profile Thực hiện chuyển tiếp

Truy xuất đến trang cập nhật thông tin tài khoản

cá nhân

J

|

L

Thay đổi thông tin tài a >

khoản cá nhân qhông tìn hợp lỆ

YES

sự

ke Cập nhật thông tin tài

Kết thúc khoản vào cơ sở dữ liệu

3 Use case xem cdc sản phẩm của cửa hàng

theo phân loại sản phẩm

T Xử lý yêu cầu và trả lại

Nhập thông tin tìm kiếm

4 Use case tim kiém san pham

Quản Trị Viên, Khách Hàng, Người Bán, Khách Vãng Lai Hệ Thống

5 Use case dat hang san pham

Truy cập trang web, chọn

Login và nhập thông tin Truy xuất đến trang Shop đăng nhập dưới quyền của cửa hàng

tương ứng

Tìm sản phẩm muốn mua

và thêm vào giỏ hàng

Cập nhật thông tin giỏ hàng

Xem thông tin giỏ hàng |

hàng vào cơ sở dữ liệu,

và gửi đơn hàng về email của khách hàng

6 Use case quan ly gio hang

Quản trị viên, người bán, _-

khách hàng Hệ thông

Truy cập trang web

.chon login va nhap

thông tin dưới quyên

biểu tượng giỏ

7 Use case xem thong ké

Sau đó quản trị viên có

thể xem các thông tin

được thống kê về doanh

8 Use case quan ly sản phâm của người bán

chuyển đến trang Login

sau đó bấm vào nút Sign

10 se case quên mật khẩu

Người dùng nhập thông

tin username va email

để lấy lại mật khẩu sau

đó bấm nút Retrieve

C se —

4 Giao diện

1.Giao diện trang HomePage

RŨN, DON’T HIDE

Lites e by]

8£ SFEW $TAY DRY

Hunter Layered U Hunter Layered U Chuck Taylor All

Giay Adidas Nam GIAY ADIDAS SU GIAY ADIDAS AD Converse Chuck

Giày Adidas Nam GIÀY ADIDAS SU GIAY ADIDAS AD Giay Adidas Supe

LIÊN HỆ VỚI SHOP THÔNG TIN FANPAGE THÔNG TIN SHOP

TỦ nod

vanđat @ ee |

2.G1ao diện trang Shop

NAM - XÁM XANH NIKE AIR MAX AP s

9095

Giây Nike Air Max AP

Na Giay Nike Court Royale Đen m - Đen Retaliation TR 3 Nam Giay Ni

Structure 24Nam Giay Nike Court Rey 2 Nam Nữ - Trắng

3.Giao diện Form đăng nhập

Forgot password

Username

6.Giao diện trang cập nhật thông tin cá nhân

Edit Profile

7.Giao diện trang chỉ tiết sản phẩm

Chuck Taylor All Star Crater Knit High Top

\ đồng thời giám được tốt đã vải thừa

CCenwesse Chuck Tayfor All Star Crate Knlt đá trở lại để mang sự cổ điển đến gần hơn với một tương lại không lãng phí Kiáu dáng Check Ø phần để

v8 aos dự Ngh tị 09p đuc lim tứ ch ayn vk ay are oe nhân tạo có khả năng co giãn 4 thiều) Trong quả tình dật cỏ thể sử dựng chính

im và tránh lãng phí nguyên liệu

cao 3u được lềm từ Công aghệ Nike Grind kết hợp với xốp Nike

tiên tiến, sợi vềt được đặt X/ 75% poly tdi chế về 25% nllon spandex Goa!

vil ha die bho ttt

xát lượng sợi căn thiết, động thời giản được t

DESCRPTION INFORMATION REVIEWS (0

hoes Family wca:

10.Giao dién trang quản lý tài khoản

đồ Main dashboard Quản lý tài khoản

@ Top 5 nhan viên 6 mrd

Quan ly nha cung

cấp

014 naruto

11.Giao diện trang quản lý sản phẩm

@ Main dashboard Quản lý sản phấm

© Top 5nhân viên

13.Giao diện cầu trúc thư gửi qua email xác nhận đơn hàng

Dat hang thanh cong tu Shoes Family »® Hépthudén x

vandatdinh2@gmail.com

đến tôi

Dear Nguyễn Hoàng Hải

Ban vua dat dang tu Shoes Family

Dia chỉ nhan hang cua ban la: Biên Hòa

So dien thoai khi nhan hang cua ban la: 0985927403

Cac san pham ban dat la:

Converse Chuck Taylor 1970s Sunflower | Price:399.0$ | Amount:1 | Size:small Giay Adidas Nam Chinh hang- Trang | Price:190.0$ | Amount:1 | Size:small Tong Tien: 647.90$

Cam on ban da dat hang tai Shoes Family

Chu cua hang

© Tra léi r> Chuyển tiếp

14.Giao diện cầu trúc thư gửi qua email lấy lại mật khâu

Forgot Password Function ® nệpthưđến x

vandatdinh2@gmail.com

đến tôi v

% TiéngAnh+ > TiếngViệtv Dịchthư

Dear Hoang Hai

You are used the forgot password

Your username is hoanghai

15.Form thêm sản phâm

Add Product Name Image

Image 2

Image 3

16.Form cập nhật thông tin sản phẩm

Image 3

| https://giaygiare.vn/upload/sanpham/nike-sb-dunk-low-team-green.jpg |

_https://giaygiare.vn/upload/sanpham/nike sb-dunk-low-team-green jpg |

Dann thu the

2“ Doanh thu thang

Doanh thu theo thứ

Gimme Sundsy Mmmm Seturdsy 02296 Friday mmm Thursday GE Wecnesdsy i Tuesday

PB Monday

© Top 5nhân viên

Quan ly nha cung

cap

Doanh thu theo tháng

CC Doanh thu $

2021-11-20

21.Xuất hóa đơn thành ñle Excel

== = Y- £È, Wrap Text General T

= = = ES} Merge &Center ~ $ -~ % * $%§ ¿x5 `

22.Giao điện xuât top 10 sản phâm bản chạy nhật

@ Main dashboard Top 10 sản phấm bán chạy nhất

€ Danhthuthứ

B Hoa Pon

Total

19 Gidy Nike Air Max SC Nant Den Tréng —A 190.08 20

@ = Quanly tai khoản

@ Top S5nhan viên

P Quản lý nhà cung 24 Giay Nike Air Zoom Structure 24 Nam - Trắng 39008 10 sap

23.Giao diện xuất top 5 khách hàng mua nhiều nhất

jireiya

Top 5 khach hang mua nhieu nhat

Email huynhminhducd 1082001 @gmail.com sasuke@gmail.com kakashi@gmailcom

kal‹ashi@gmailcom

naruto@gmail com

Top 5 nhân viên bán hàng xuất sắc

Email huynhminhduc01082001 @gmail com narute@gmail com

sesuke@gmail.com sasuke@gmail.com

kakashi@gmail cam

Tổng bán hang

9826 0

4000 8 3500.0

3000 0

2700 0

25.Giao diện trang quản lý nhà cung cấp

@ Main dashboard Quản lý nhà cung cấp

- Thiet ké giao diện trang chủ

- Giao diện Shop

- Trang dang nhap

- Tao tai khoan

- Quên mật khâu

- Quản lý giỏ hàng

- Chỉ tiết sản phẩm

- Trang thanh toán

- Giao diện Admin + Giao diện doanh thu thu, thang

+ Lich str hoa don da ban + Quan ly tai khoan + Quan ly san pham + Top san pham ban chay, nhan vién xuat

100%