TIỂU LUẬN môn học lập TRÌNH WEB đề tài WEBSITE WEBSITE WEBSITE CUNG cấp PHỤ TÙNG XE máy

lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

Ủ DẦU MỘT
NG ĐẠ
ƯỜ
THỦ
ĐẠII HỌC TH
ƯỜNG
TRƯỜ
TR
ỆN KỸ THU
ẬT – CÔNG NGH
Ệ
VI
VIỆ
THUẬ
NGHỆ

TI
ỂU LU
ẬN MÔN HỌC
TIỂ
LUẬ
LẬP TR
TRÌÌNH WEB
Ụ TÙNG XE MÁY
ĐỀ TÀI: WEBSITE CUNG CẤP PH
PHỤ
GVHD: ThS.NGUYỄN HỮU VĨNH

Sinh viên thực hiện :
Nguyễn Trung Hậu – 1924801030033 - D19PM03
Cao Đồn Như Tuấn – 1924801030290 - D19PM01

Bình Dương, 7/2021


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

Ủ DẦU MỘT
NG ĐẠ
ƯỜ
THỦ
ĐẠII HỌC TH
ƯỜNG
TRƯỜ
TR
ỆN KỸ THU
ẬT – CÔNG NGH
Ệ
VI
VIỆ
THUẬ
NGHỆ

ỂU LU
ẬN MÔN HỌC
TI

TIỂ
LUẬ
LẬP TR
TRÌÌNH WEB
Ụ TÙNG XE MÁY
ĐỀ TÀI: WEBSITE CUNG CẤP PH
PHỤ

GVHD: ThS.NGUYỄN HỮU VĨNH
Sinh viên thực hiện :
Nguyễn Trung Hậu – 1924801030033 - D19PM03
Cao Đồn Như Tuấn – 1924801030290 - D19PM01

Bình Dương, 7/2021


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

Ủ DẦU MỘT
NG ĐẠ
ƯỜ
THỦ
ĐẠII HỌC TH
ƯỜNG
TRƯỜ
TR
ỆN KỸ THU
ẬT – CÔNG NGH

Ệ
VI
VIỆ
THUẬ
NGHỆ
ẬN XÉT VÀ CH
ẤM ĐIỂM CỦA GI
ẢNG VI
ÊN
NH
NHẬ
CHẤ
GIẢ
VIÊ
ỄN HỮU VĨNH
Họ và tên giảng viên: NGUY
NGUYỄ
Tên đề tài: Xây dựng website cung cấp phụ tùng xe máy
Nội dung nhận xét:
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
........................................................................................................................................
..................................................................................
Điểm:
Bằng số: ..................................................

Bằng chữ:.................................................
ẢNG VI
ÊN CH
ẤM
GI
GIẢ
VIÊ
CHẤ

(Ký, ghi rõ họ tên)


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy
TRƯỜNG ĐH THỦ DẦU MỘT
KHOA KỸ THUẬT CƠNG NGHỆ

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT
NAM
Độc lập – Tự do – Hạnh phúc

PHIẾU ĐÁNH GIÁ PROJECT
(Đánh giá quá trình thực hiện, báo cáo văn bản và sản phẩm)
Học phần: LẬP TRÌNH WEB
Họ và tên sinh viên (MSSV):
1. Nguyễn Trung Hậu - MSSV: 1924801030033 - D19PM03
2. Cao Đoàn Như Tuấn - MSSV: 1924801030290 - D19PM01

Trọng

số %

Tiêu chí

Thái độ
tham gia
tích cực

Khá
75%

Trung bình
50%

Kém
0%

Tìm kiếm và đưa ra
được ý tưởng khá
tốt

Chọn ý tưởng trong
số được đề nghị

Không quan
tâm lựa chọn
ý tưởng

Khá hợp lý, điều
chỉnh chút ít theo

góp ý

Chưa hợp lý, có điều
chỉnh theo góp ý

Khơng hợp lý
và khơng điều
chỉnh theo
góp ý

Chuẩn bị được đa
số điều kiện cho
việc thực hiện, có
thể khởi động và bổ
sung sau

Chuẩn bị được một
số điều kiện cho việc
thực hiện nhưng cần
bổ sung thêm mới có
thể khởi động

Khơng chuẩn
bị được điều
kiện nào

10

Thực hiện
hồn tồn

đúng phương
pháp

Thực hiện khá đúng
phương pháp, sai
sót nhỏ và có sửa
chữa

Thực hiện tương đối
đúng phương pháp,
sai sót quan trọng và
có sửa chữa

10

Triển khai
đúng kế
hoạch

Triển khai khá
đúng kế hoạch, có
chậm trễ nhưng

Triển khai tương đối
đúng kế hoạch, có
chậm trễ gây ảnh

Nêu ý tưởng 05

Lập kế

hoạch thực
hiện

Giai đoạn
chuẩn bị
Q trình
thực hiện
project
nghiêm túc
Giai đoạn
thực hiện

05

10

Tốt
100%
Tích cực tìm
kiếm và chủ
động đưa ra
ý tưởng
mang tính
mới
Hồn tồn
hợp lý,
khơng cần
điều chỉnh
Chuẩn bị tốt
mọi điều

kiện cho việc
thực hiện
project, có
thể khởi
động ngay

Thực hiện
khơng đúng
phương pháp,
sai sót khơng
sửa chữa
Triển khai
chậm trễ, gây
ảnh hưởng


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

Mức độ đạt
được mục
tiêu thành
phần
Báo cáo kết
quả bằng
văn bản rõ
ràng
Chất lượng
sản phẩm

đáp ứng các
tiêu chí đề
ra

20

khơng gây ảnh
hưởng nhưng khắc
khơng khắc
hưởng
phục được
phục được
Ghi rõ từng mục tiêu thành phần (ở mỗi giai đoạn của project) và thang
điểm cụ thể

Nội dung
báo cáo

10

Báo cáo tiến trình thực hiện
Thuyết minh sản phẩm
Bài học rút ra

Trình bày
báo cáo

10

Format nhất quán

Văn phong phù hợp

20

Xây dựng đầy đủ chức năng

ĐIỂM CỦA NHÓM:
GÓP Ý LĨNH VỰC CẦN CẢI TIẾN:
- Về phương pháp học tập, suy nghĩ, xử lý vấn đề:
ĐIỂM
- Về kiến thức, kỹ năng, thái độ:
PROJECT
- Khác:
NHÓM
- Phương pháp cải tiến:
- Nơi có thể cung cấp sự hỗ trợ:
TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh
Phần 2: Đánh giá cá nhân làm việc nhóm
Làm việc nhóm
Hướng dẫn: Nhóm họp thảo luận đánh giá lẫn nhau. Kết quả này sẽ được sử dụng để qui đổi từ điểm của nhóm
thành điểm của mỗi cá nhân, tuỳ theo % mỗi cá nhân đạt được
Thành viên có tham gia họp đầy đủ: 40%
Đầy đủ: 40%
Vắng họp dưới 2 lần: 20%
Vắng họp hơn 2 lần: 0%
2) Thành viên nộp sản phẩm được giao đúng hạn: 40%
Đúng hạn: 40%
Trễ dưới 2 ngày: 20%
Trễ trên 2 ngày: 0%
3) Thành viên có tham gia giải quyết vấn đề, đóng góp ý kiến cải tiến: 20%

Đóng góp đạt hiệu quả: 20%
Có quan tâm đóng góp: 10%
Khơng quan tâm: 0%


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

ĐIỂM THÀNH VIÊN NHÓM
(do nhóm ghi)

ĐIỂM CỦA CÁ NHÂN
(do GV ghi)

Ghi nhận của GV
(phần này do GV ghi và lưu riêng để
theo dõi, tư vấn cho cá nhân SV, khơng
phổ biến cho lớp, nhóm)

Danh sách thành viên của Nhóm:
(Tên họ): Nguyễn Trung Hậu
Điểm làm việc nhóm (%):100
(Tên họ): Cao Đồn Như Tuấn
Điểm làm việc nhóm (%): 80
TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA CÁC THÀNH VIÊN
TRONG NHĨM:
SV1
SV2
Nguyễn Trung Hậu

Cao Đồn Như Tuấn
Danh sách thành viên của Nhóm:
(Tên họ): Nguyễn Trung Hậu
Điểm cá nhân:
(Tên họ): Cao Đoàn Như Tuấn
Điểm cá nhân:
TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV:
Nguyễn Hữu Vĩnh
GÓP Ý CẢI TIẾN CHO CÁ NHÂN:
Tên SV: Nguyễn Trung Hậu
GÓP Ý LĨNH VỰC CẦN CẢI TIẾN:
- Về phương pháp học tập, suy nghĩ, xử lý vấn đề:
- Về kiến thức, kỹ năng, thái độ:
- Khác:
- Phương pháp cải tiến:
- Nơi có thể cung cấp sự hỗ trợ:
Tên SV: Cao Đồn Như Tuấn
GĨP Ý LĨNH VỰC CẦN CẢI TIẾN:
- Về phương pháp học tập, suy nghĩ, xử lý vấn đề:
- Về kiến thức, kỹ năng, thái độ:
- Khác:
- Phương pháp cải tiến:
- Nơi có thể cung cấp sự hỗ trợ:


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

U

MỞ ĐẦ
ĐẦU
Ngày nay trước sự phát triển của khoa học kỹ thuật thì việc ứng dụng công nghệ
vào cuộc sống thật sự rất quan trọng và hữu ích, nó khơng chỉ đem lại hiệu quả cao trong
cơng việc mà cịn góp phần to lớn cho sự nghiệp phát triển của con người, của cộng đồng
và của đất nước. Như chúng ta cũng thấy trong thị trường hiện nay thì việc cạnh tranh về
kinh doanh ngày càng trở nên quyết liệt và hầu hết những nhà kinh doanh, những công ty
lớn đều rất chú tâm đến việc làm thoả mãn nhu cầu khách hàng một cách tốt nhất.
So với kinh doanh truyền thống thì thương mại điện tử sử dụng chi phí thấp hơn,
hiệu quả đạt cao hơn. Hơn thế nữa, với lợi thế của công nghệ Internet nên việc truyền tải
thông tin về sản phẩm nhanh chóng, thuận tiện. Kết hợp với bộ phận giao hàng tận nơi, là
thông qua bưu điện và ngân hàng để thanh toán tiền, càng tăng thêm thuận lợi để loại
hình này phát triển.
Ụ
Vì vậy mà em đã thực hiện đồ án “XÂY DỰNG WEBSITE CUNG CẤP PH
PHỤ
TÙNG XE MÁY” với mong muốn đáp ứng nhu cầu của khách hàng, bằng cách thơng
qua hệ thống Website này họ có thể đặt mua các mặt hàng hay sản phẩm cần thiết được
dễ dàng và nhanh gọn hơn, không mất thời gian và cơng sức.
Với sự hướng dẫn tận tình của Nguy
Nguyễễn Hữu Vĩnh em đã hoàn thành bài báo cáo đồ án
này. Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế và cài đặt hệ thống nhưng chắc
rằng khơng tránh khỏi những thiếu sót. Em rất mong nhận được sự thơng cảm và góp ý
của q Thầy cô. Em xin chân thành cảm ơn.


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

Mục Lục
1
Mục lục .....................................................................................................................
.....................................................................................................................1
3
........................................................................................................3
Danh mục bảng ........................................................................................................
Danh mục hình ........................................................................................................ 4
nh yêu cầu .............................................................. 5
ng 1: Kh
ươ
định
Khảảo sát và sát đị
ương
Chươ
Ch
1. 1 Phân tích yêu cầu đề tài ......................................................................................5
1.1.1 Tên đề tài .............................................................................................. 5
1.1.2 Chức năng .............................................................................................. 5
1.1.3 Yêu cầu đặt ra ........................................................................................ 5
1. 2. Phân tích và thiết kế hệ thống ........................................................................... 6
1.2.1 Khảo sát hiện trạng và xây dựng hệ thống ............................................ 6
1.2.2 Phân tích hệ thống ..................................................................................6
1. 3. Sơ đồ phân cấp chức năng của khách hàng ...................................................... 6
1. 4. Sơ đồ phân cấp chức năng quản lý sản phẩm ................................................... 9
ươ
ng 2: Cơ sở lý thuy
10
Ch
Chươ

ương
thuyếết và phân tích với UML .............................................
.............................................10
2. 1. ASP.NET .........................................................................................................10
2. 2. ADO.NET ....................................................................................................... 10
2. 3. Thư viện Boostrap ...........................................................................................10
2. 4. DreamWeaver ................................................................................................. 11
2. 5. Thư viện JQUERY ..........................................................................................12
2. 6. Sơ đồ Use case ................................................................................................ 12
2.6.1 Sơ đồ Use case toàn bộ hệ thống............................................................ 12
2.6.2 Sơ đồ Use case trang chủ........................................................................ 13
2.6.3 Sơ đồ Use case liên hệ............................................................................ 13
2.6.4 Sơ đồ Use case xem tin tức.....................................................................14
2.6.5 Sơ đồ Use case giỏ hàng......................................................................... 14
2. 7. Sơ đồ hoạt động ...............................................................................................15
2.7.1. Sơ đồ hoạt động đăng nhập khách hàng ............................................... 15
2.7.2. Sơ đồ hoạt động đăng kí tài khoảng khách hàng .................................. 15
2.7.3. Sơ đồ hoạt động mua hàng ................................................................... 15
2. 8. Sơ đồ lớp ......................................................................................................... 17
2. 9. Bảng các Actor ................................................................................................18
Ch
ươ
ng 3: Thi
19
Chươ
ương
Thiếết kế cơ sở dữ li
liệệu .........................................................................
.........................................................................1
3. 1. Bảng dữ liệu..................................................................................................... 19

3. 1.1. Bảng Admin .........................................................................................19
3. 1.2. Bảng CTDonHang ............................................................................... 19
3. 1.3. Bảng DonHang .................................................................................... 20
3. 1.4. Bảng SanPham .....................................................................................20
3. 1.5. Bảng Khách hàng .................................................................................21
3. 1.6. Bảng LoaiSanPham ..............................................................................21
1


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

ụ tùng xe máy ................................
22
ng 4: Xây dựng Website cung cấp ph
ươ
phụ
................................22
ương
Chươ
Ch
4.1 Đặc tả giao diện và thủ tục ................................................................................22
4.1.1 Đặc tả giao diện trang chủ ..................................................................... 22
4.1.2 Đặc tả giao diện đăng kí......................................................................... 23
4.1.3 Đặc tả giao diện đăng nhập ....................................................................24
4.1.4 Đặc tả giao diện chi tiết sản phẩm ......................................................... 25
4.1.5 Đặc tả giao diện giỏ hàng ...................................................................... 26
4.2 Một số giao diện Admin ....................................................................................27
4.2.1 Đặc tả giao diện trang quản lý sản phẩm ...............................................27

4.2.2 Đặc tả giao diện trang quản lý người dùng ............................................28
ận .................................................................................................................. 29
luậ
Kết lu
31
Tài li
liệệu kham kh
khảảo ................................................................................................
................................................................................................3

2


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

DANH MỤC BẢNG
Bảng 1: Bảng các Actor ..........................................................................18
3. 1.1. Bảng Admin .................................................................................19
3. 1.2. Bảng CTDonHang ....................................................................... 19
3. 1.3. Bảng DonHang ............................................................................ 20
3. 1.4. Bảng SanPham .............................................................................20
3. 1.5. Bảng Khách hàng .........................................................................21
3. 1.6. Bảng LoaiSanPham ..................................................................... 21

3


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

DANH MỤC HÌNH
Hình 1: Sơ đồ phân rã chức năng của khách hàng ............................................................ 11
Hình 2: Sơ đồ quản lý sản phẩm ....................................................................................... 13
Hình 3: Use Case tồn bộ hệ thống.................................................................................... 15
Hình 4: Use Case trang chủ ...............................................................................................15
Hình 5: Use Case liên hệ.................................................................................................... 16
Hình 6: Use Case xem tin tức.............................................................................................16
Hình 7: Use Case xem giỏ hàng......................................................................................... 17
Hình 8: Sơ đồ hoạt động đăng nhập khách hàng .............................................................. 17
Hình 9: Sơ đồ hoạt động đăng ký tài khoảng khách hàng ................................................ 18
Hình 10: Sơ đồ hoạt động mua hàng..................................................................................18
Hình 11: Sơ đồ lớp ............................................................................................................ 19
Hình 4.1: Giao diện trang chủ ........................................................................................... 19
Hình 4.2: Giao diện dăng ký ............................................................................................. 20
Hình 4.3: Giao diện đăng nhập.......................................................................................... 20
Hình 4.4: Giao diệnchi tiết sản phẩm.................................................................................21
Hình 4.5: Giao diện giỏ hàng............................................................................................. 21
Hình 4.6: Giao diện trang sản phẩm...................................................................................22
Hình 4.7: Giao diện trang quản lý người dùng ................................................................. 22

4


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

NG 1: KH
ẢO SÁT VÀ XÁC ĐỊ
NH YÊU CẦU
CHƯƠ
ƯƠNG
KHẢ
ĐỊNH
1.1 Phân tích yêu cầu đề tài

1.1.1 Tên đề tài
Xây dựng website cung cấp phụ tùng xe máy

ức năng
1.1.2 Ch
Chứ
Đây là một website bán và giới thiệu sản phẩm của cửa hàng, công ty đến người
tiêu dùng với các chi tiết mặt hàng với giá cả chính xác. Có các chứa năng sau:
+ Cho phép cập nhật hàng vào cơ sở dữ liệu.
+ Hiển thị danh sách các mặt hàng theo từng loại.
+ Hiển thị hàng hố khách hàng đã chọn mua.
+ Hiển thị thơng tin khách hàng.
+ Quản lý đơn đặt hàng.
+ Cập nhật hàng hố, loại hàng.

1.1.3 u cầu đặ
đặtt ra
Hệ thống có 2 phần:
- Phần khách hàng
Khách hàng là những người có nhu cầu mua sắm hàng hóa, họ sẽ tìm kiếm các mặt
hàng cần thiết từ hệ thống và đặt mua các mặt hàng này. Vì thế phải có các chức

năng sau:
Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựa chọn và
mua.
+ Khách hàng xem các thông tin sản phẩm trên trang web.
+ Tiếp nhận kiểm tra đơn đặt hàng của khách hàng.
- Hiển thị đơn đặt hàng.
Ngồi các chức năng trên thì trang Web phải được thiết kế sao cho dễ hiểu, giao
diện mang tính dễ dùng đẹp mắt và làm sao cho khách hàng thấy được thơng tin
cần tìm, cung cấp các thơng tin quảng cáo hấp dẫn, các tin tức khuyến mãi để thu
hút khách hàng. Điều quan trọng là phải đảm bảo an tồn tuyệt đối thơng tin khách
5

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy
hàng trong quá trình đặt mua qua mạng. Đồng thời trang Web phải luôn đổi mới,
hấp dẫn.
ân tích và thi
ống
1.2. Ph
Phâ
thiếết kế hệ th
thố

1.2.1 Kh
thốống
trạạng và xây dựng hệ th

hiệện tr
Khảảo sát hi
- Sau khi khảo sát em đã nắm bắt được các thông tin :
+ Quản lý khách hàng: Mỗi khách hàng được quản lý các thông tin sau:
+ họ tên, địa chỉ, số điện thoại, email,giới tính, ngày sinh.
+ Quản lý sản phẩm: Mã hàng hoá, tên hàng hoá, giá bán, số lượng tồn,
hình ảnh, chi tiết, mã loại hàng, tên loại hàng.
+ Quản lý nhà sản xuất: Mã nhà sản xuất, tên nhà sản xuất,số điện
thoại,địa chỉ.
+ Quản lý giỏ hàng: Danh sách đơn hàng thành công, danh sách đơn
hàng thất bại, lịch sử giỏ hàng.

1.2.2 Ph
thốống
Phâân tích hệ th
- Sau khi khảo sát hiện trạng của hệ thống và xây dựng hệ thống thì em đã
đưa ra các tệp cơ sở dữ liệu của “Xây dựng website cung cấp phụ tùng xe
máy”.
- Qua q trình khảo sát, phân tích thực trạng và xây dựng hướng phát triển
cho hệ thống mới em đa xây dựng cấu trúc của hệ thống “Xây dựng website
cung cấp phụ tùng xe máy”.
- Xây dựng biểu đồ phân cấp chức năng. Biểu đồ luồng dữ liệu.
ức năng của kh
ách hàng
1.3 Sơ đồ ph
phâân cấp ch
chứ
khá

6

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

Hình 1. Sơ đồ phân rã chức năng của khách hàng
Sơ đồ chức năng khách hàng
- Chức năng xem thông tin sản phẩm
+ Cho phép xem các thông tin liên quan đến sản phẩm.
- Chức năng chọn hàng
+ Liệt kê danh mục mặt hàng sản phẩm theo nhóm, chủng loại, chi
tiết…cho phép khách hàng có thể lựa chọn, bổ xung mặt hàng vào giỏ hàng.
Đầu vào: Các thông tin liên quan đến sản phẩm : Tên mặt hàng
Các quá trình cần thực hiện:
+ Module liệt kê, hiển thị danh mục mặt hàng theo nhóm, loại, chi tiết.
+ Module thêm mặt hàng vào giỏ hàng.
+ Module loại bỏ mặt hàng trong giỏ hàng.
+ Module hiển thị danh mục mặt hàng có trong giỏ hàng.
Đầu ra: Danh mục mặt hàng định mua.
- Chức năng đăng ký
Khách hàng có thể đăng ký để trở thành thành viên của cửa hàng và được cấp một
tài khoản người dùng để đăng nhập khi cần đặt hàng, thanh toán…
Đầu vào :
Các thông tin cá nhân của khách hàng.
7

Downloaded by heo ninh ()

lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy
+ Tài khoản
+ Mật khẩu
+ Tên khách hàng
+ Ngày tháng năm sinh
+ Giới tính
+ Số điện thoại
+ Email.
+ Địa chỉ
- Các quá trình thực hiện :
+ Module nhập thông tin cá nhân của khách hàng.
+ Module xác nhận thông tin vừa nhập.
+ Module thông báo cho khách hàng và yêu cầu nhập lại tài khoản ngưịi
dùng nếu tài khoản đó đã có người đăng ký.
+ Module lưu thông tin khách hàng vừa đăng ký vào cơ sở dữ liệu.
Đầu ra :
Thông báo cho khách hàng và yêu cầu nhập lại tài khoản hoặc Email nếu tài
khoản hoặc Email đó đã tồn tại trong cơ sở dữ liệu.
Thông báo và yêu cầu nhập lại thông tin trong trường hợp thơng tin nhập
vào khơng chính xác, khơng phù hợp.
Chuyển sang trang đăng nhập.
Chức năng tìm kiếm
Tìm kiếm thông tin về sản phẩm
Đầu vào :
+ Sản phẩm cần tìm kiếm.
+ Tìm kiếm sản phẩm.

Các quá trình thực hiện :
+ Module tìm kiếm trong cơ sở dữ liệu.
+ Module hiển thị kết quả tìm kiếm.
Đầu ra: Kết quả tìm kiếm.
8

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy
Chức năng thanh toán
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 (Mã 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, số lượng mỗi mặt hàng
đặt mua.
Các quá trình thực hiện :
Module hiển thị đầy đủ thơng tin liên quan đến sản phẩm khách hàng đã
chọn.
ức năng cùa qu
ản lý sản ph
ẩm
1.4 Sơ đồ ph
phâân cấp ch
chứ
quả

phẩ

Hình 2. Sơ đồ quản lý sản phẩm
9

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy
CH
ƯƠ
NG 2 CƠ SỞ LÝ THUY
ÊT VÀ PH
ÂN TÍCH THI
ẾT KẾ VỚI UML
CHƯƠ
ƯƠNG
THUYÊ
PHÂ
THIẾ
2.1 ASP.NET
ASP.NET là một nền tảng để phát triển Web, cung cấp cho chúng ta nhiều mơ
hình về lập trình và các dịch vụ cần thiết để xây dựng ứng dụng Web mạnh mẽ cho máy
tính, các thiết bị di động.
ASP.NET là một phần của .NET, các mã dễ dàng được biên dịch, viết, mở rộng và tái sử
dụng trong khuôn khổ của .NET.
Ứng dụng ASP.NET có thể được viết bởi bất cứ ngôn ngữ dưới đây:
C#

VB.NET
ASP.NET sử dụng kỹ thuật lập trình phía Server, mã lệnh được biên dịch và thi
hành tại Web Server. Sau khi được Server đọc, biên dịch và thi hành, kết quả tự động
được chuyển sang HTML/JavaScript/CSS và trả về cho Client. Tất cả các xử lý lệnh
ASP.Net đều được thực hiện tại Server và do đó, gọi là kỹ thuật lập trình ở phía server.
2.2 ADO.NET
ADO.NET là một bộ thư viện hướng đối tượng (OOP) cho phép tương tác với dữ
liệu nguồn. Thơng thường thì dữ liệu nguồn là một cơ sở dữ liệu (Database), nhưng củng
có thể là file text, exel hoặc XML. Ở đây ta chỉ xét ADO.NET làm việc với database.
ADO.NET là một kỹ thuật .NET để thao tác với nguồn dữ liệu. Nó là mơt tập hợp các
lớp nằm trong bộ thư viện lớp cơ sở của .NET Framework
ư vi
2.3 Th
Thư
việện Boostrap
Bootstrap là 1 framework có chứa HTML, CSS, và JavaScript cho phép người
dùng dễ dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các
thiết bị.
Bootstrap được tạo ra tại Twitter vào giữa năm 2010. Trước khi chính thức trở
thành một framework mã nguồn mở, Bootstrap được biến đến như là bản thiết kế của
Twitter. Sau một vài tháng đi vào phát triển, Twitter đã tổ chức Tuần lễ Hack đầu tiên và
hàng loạt các nhà phát triển ở mọi trình độ đã tham gia vào dự án. Và trong hơn một năm
10

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

sau đó, Bootstrap giống như một bản hướng dẫn style dành riêng cho việc phát triển các
công cụ nội bộ phục vụ cho công ty trước khi nó được phát hành chính thức, và nó vẫn
đóng một vai trị như vậy cho đến ngày nay.
Kể từ lần đầu tiên được phát hành vào Thứ 6 ngày 19 tháng 8 năm 2011 tới nay,
đã có tới hơn 20 lần phát hành, bao gồm cả 2 bản viết lại chính của phiên bản 2 và phiên
bản 3. BootStrap 2 đã thêm tính năng responsive như một stylesheet tùy ý. Đến khi xây
dựng Bootstrap 3 đã viết lại thư viện một lần nữa để tích hợp tính năng responsive một
cách mặc định.
2.4 Dreamweaver
Dreamweaver là một chương trình phần mềm để thiết kế web, về cơ bản là một
trình soạn thảo lập trình và web HTML đầy đủ tính năng hơn. Chương trình cung
cấp giao diện WYSIWYG để tạo và chỉnh sửa các trang web. Dreamweaver hỗ trợ
nhiều ngôn ngữ đánh dấu, bao gồm HTML, XML, CSS và JavaScript. Đối với ngơn ngữ
của con người, nó hỗ trợ tiếng Anh, tiếng Tây Ban Nha, tiếng Pháp, tiếng Đức, tiếng
Nhật, tiếng Trung, tiếng Ý, tiếng Nga và nhiều ngôn ngữ khác.
Dreamweaver ban đầu được phát triển và xuất bản bởi Macromedia vào năm
1997. Adobe đã mua Macromedia (bao gồm các quyền đối với Dreamweaver) vào năm
2005 và tiếp tục phát triển chương trình. Nhiều tính năng của Dreamweaver làm nó trở
thành một cơng cụ chỉnh sửa web linh hoạt, được dùng để tạo các trang web phức tạp
hoặc đơn giản.
Dreamweaver CC vừa là trình soạn thảo WYSIWYG vừa là trình soạn thảo mã
cho PC Windows và Mac. Nó có thể đọc các mẫu WordPress, Joomla và Drupal và nó
bao gồm một hệ thống lưới để thực hiện thiết kế web responsive. Dreamweaver cung cấp
nhiều công cụ để phát triển web di động bao gồm tạo ứng dụng gốc cho thiết bị iOS và
Android.
Dreamweaver CC chỉ khả dụng khi đăng ký Adobe Creative Cloud trên gói hàng
tháng hoặc hàng năm. Các gói bao gồm phiên bản mới nhất của phần mềm, 100GB dung
lượng lưu trữ đám mây cho các tệp, porfolio, phông chữ cao cấp và các công cụ truyền

11

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy
thông xã hội. Dreamweaver cũng có sẵn như là một phần của đăng ký Tất cả ứng dụng
bao gồm hơn 20 ứng dụng bao gồm Photoshop CC, Illustrator CC và Adobe XD CC.
ư vi
2.5 Th
Thư
việện JQUERY
jQuery là một thư viện kiểu mới của JavaScript, được tạo bởi John Resig vào năm
2006 với phương châm: Viết ít hơn, làm nhiều hơn.
JQuery thực hiện nhiều nhiệm vụ mà nếu dùng JavaScript thơng thường thì sẽ tốn rất
nhiều dịng mã lệnh. JQuery cũng có khả năng thực hiện các tính năng phức tạp, như các
cuộc gọi AJAX (được sử dụng để kết nối với máy chủ web tự động mà không nhất thiết
phải tải lại trang) và thực thi DOM (mơ hình đối tượng tài liệu).jQuery là thư viện
JavaScript phổ biến nhất vì vậy người ta thường dùng jQuery để xây dựng ứng dụng
website. Nhiều công ty lớn cũng dùng jQuery đó là Google, Microsoft, IBM và Netflix.
jQuery có thể chạy được trên nhiều trình duyệt bao gồm cả Internet Explorer6.0
2.6 Sơ đồ Use Case

2.6.1 Sơ đồ Use case toàn bộ hệ thống

Xo a s a n p h a m
T h a n h to a n
Th em s an p h am

< < e xte n d > >
< < e xte n d > >
< < in c lu d e > >

< < e xte n d > >

D a n h g ia s a n p h a m
< < e xte n d > >
< < e xte n d > >
T i m k i e m ti n tu c
< < in c lu d e > >
X e m ti n n o n g

C a p n h a t g io h a n g

Xe m g io h a n g

X e m tr a n g c h u

< < in c lu d e > >

Ad m in
Dang nhap

< < in c lu d e > >
X e m ti n m o i

X e m ti n tu c

Xe m b a n d o

< < e xte n d > >

User

< < in c lu d e > >

< < e xte n d > >

< < in c lu d e > >

L ie n h e

D a n g xu a t

< < in c lu d e > >
Gui phan hoi

D a n g k y ta i k h o a n

T im k ie m
X e m th o n g ti n l i e n h e

Hình 3: Use case tồn bộ hệ thống
12

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

2.6.2 Sơ đồ Use case trang chủ

User

Dang nhap

Xem trang chu
<<extend>> <<extend>>

<<extend>>

Them san pham
Danh gia san pham

<<extend>>

Dang xuat
Dang ky tai khoan

Hình 4: Use case trang chủ

2.6.3 Sơ đồ Use case liên hệ

Us er

< < in c lud e > >
Xe m th o n g t in lie n h e

L ie n he

< < in c lud e > >

< < in c lud e > >

Xe m b an d o
G ui phan hoi

Hình 5: Use case liên hệ

13

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

2.6.4 Sơ đồ Use case xem tin tức

Us er

Xe m tin tu c
< < in c lud e > >

< < in c lud e > >

< < in c lud e > >

Xe m tin n o n g

Xe m tin m o i
Tim k ie m t in t u c

Hình 6: Use case xem tin tức

2.6.5 Sơ đồ Use case xem giỏ hàng

User

<<include>>

<<extend>>
Cap nhat gio hang

Them san pham

Xem gio hang
<<extend>>

<<extend>>

Xoa san pham

Thanh toan

Hình 7 : Use case xem giỏ hàng
14

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

2.7 Sơ đồ hoạt động
2.7.1 Sơ đồ hoạt động đăng nhập của khách hàng
User

S y s te m

Dang nhap

K i e m t ra
t h o n g tin

N hap tai k hoan
m at khau

B a o lo i
S ai
Dung
L u u t h o n g tin t a i
k h o a n va o S e s s i o n

Hình 8 : Sơ đồ hoạt động đăng nhập của khách hàng

2.7.2 Sơ đồ hoạt động đăng ký tài khoảng của khách hàng

Us er

S ys te m

D ang k y tai
k hoan
N hap t hong tin
k hac h hang

K iem t ra
t hong tin
K hong hop le
H op le
Luu t hong
t in

Hình 9 : Sơ đồ hoạt động đăng ký tài khoảng của khách hàng
15

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

2.7.3 Sơ đồ hoạt động mua hàng
User : User

System

Yeu cau mua
hang
Them san
pham
Xem gio hang

Tiep tuc mua
hang

Cap nhat gio
hang

Xoa san pham
Thanh toan

Kiem tra thong
tin thanh toan

Nhap thong tin
thanh toan

Sai

Dung
Gui email thanh
toan thanh cong

Hình 10: Sơ đồ hoạt động mua hàng

16

Downloaded by heo ninh ()


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

2.8 Sơ đồ lớp

User
hoten
gioitinh
ngaysinh
diachi
email
sodienthoai

TaiKhoan
tentaikhoan
matkhau

DanhMucSanPham
madanhmuc
tendanhmuc
ngaycapnhat

ThongTinLienHe
tenlienhe

diachilienhe
sdtlienhe
emaillienhe

SanPham
masanpham
tensanpham
dongia
giakhuyenmai
mota
ngaycapnhat

KhachHang
makhachhang
tenkhachhang
diachikhachhang
sdtkhachhang
emailkhachhang

ChiTietGioHang
madonhang
tennkhachhang
sdtkhachhang
diachinhanhang
emailkhachhang

GioHang
madonhang
masanpham
soluong

thanhtien

Hình 11: Sơ đồ lớp

17

Downloaded by heo ninh ()

ThongTinPhanHoi
tenphanhoi
sdtnguoiphanhoi
emailnguoiphanhoi
diachinguoiphanhoi


lOMoARcPSD|20681854

Website cung cấp phụ tùng xe máy

2.9 Bảng các Actor
STT

Tên Actor

1

Giải thích
 Admin là tác nhân giữ vai trị chính của
website: Quyền quản lý là quyền cao nhất

Admin

của hệ thống. Những người giữ vai trị
quản lý chính có thể thao tác quản lý tồn
bộ Website
 Tác nhân Admin có thể thực hiện được
tất cả các chức năng của website.

2

 Đăng nhập hệ thống: Mỗi tài khoản có thể
đăng nhập nếu tài khoản đã được tạo (đăng
Users

ký) trước đó
 Đăng ký tài khoản thành viên nếu khách
hàng (người dùng) có nhu cầu tham gia
website để cập nhật các tin tức, sản phẩm từ
trang web.
 Ngồi ra người dùng cịn có thể sử dụng
các chức năng xem tin tức, xem thông tin
liên hệ, gửi phản hồi, mua hàng từ trang web.

18

Downloaded by heo ninh ()