Untitled TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO MÔN HỌC LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI XÂY DỰNG WEBSITE SHOP THỜI TRANG NAM Giảng viên hướng dẫn Phương Văn Cảnh Sinh viên thực hiện Lớ[.]
Trang 1TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO MÔN HỌC
LẬP TRÌNH WEB NÂNG CAO
ĐỀ TÀI: XÂY DỰNG WEBSITE SHOP
THỜI TRANG NAM
Giảng viên hướng dẫn : Phương Văn Cảnh Sinh viên thực hiện :
Lớp :
Hà Nội Tháng 09 năm 2021
Trang 2Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
PHIẾU CHẤM ĐIỂM
Sinh viên thực hiện:
Trang 3Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Mục lục
LỜI MỞ ĐẦU 1
ĐỀ CƯƠNG THỰC HIỆN ĐỒ ÁN 2
MỞ ĐẦU 3
1 Mục đích nghiên cứu 3
2 Nhiệm vụ nghiên cứu 3
3 Phương pháp nghiên cứu 3
4 Phạm vi nghiên cứu 3
CHƯƠNG I: KHẢO SÁT HỆ THỐNG CŨ 4
CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 5
1 Phân tích 5
1.1 Các chức năng của hệ thống 5
1.2 Các tác nhân của hệ thống 5
2 Thiết kế hệ thống 6
2.1 Biểu đồ Use Case 6
a) Use Case tổng quát 6
b) Use Case login 7
c) Use Case quản lý sản phẩm 8
d) Use Case quản lý đặt hàng 9
e) Use Case quản lý đơn hàng 10
f) Use Case quản lý hình ảnh 11
g) Use Case quản lý tài khoản 12
2.2 Sequence Diagram 13
a) Biểu đồ Sequence Diagram – Login 13
b) Biểu đồ Sequence Diagram – Quản lý sản phẩm 14
c) Biểu đồ Sequence Diagram – Quản lý đặt hàng 15
d) Biểu đồ Sequence Diagram – Quản lý đơn đặt hàng 16
e) Biểu đồ Sequence Diagram – Quản lý tài khoản 17
2.3 Class Diagram 18
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ụ ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
f)
Trang 4Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Mục lục
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
Trang 5Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
LỜI MỞ ĐẦU
Công nghệ thông tin phát triển ngày càng hiện đại và đổi mới không ngừng,
bằng việc chinh phục hết đỉnh cao này đến đỉnh cao khác Mạng internet đang trở
thành mạng truyền thông có sức ảnh hưởng lớn nhất, không thể thiếu trong tất cả
các hoạt động của con người trong việc truyền tải và trao đổi dữ liệu Không như
ngày xưa, ngày nay mọi việc liên quan đến thông tin ngày càng dễ dàng hơn cho
người sử dụng bằng việc kết nối internet và một dòng dữ liệu truy tìm thì ngay lập
tức cả kho tài nguyên không chỉ trong nước mà ngoài nước hiện ra không chỉ bằng
ngôn ngữ mà cả bằng hình ảnh, âm thanh
Chính vì lợi ích từ internet đã thúc đẩy sự ra đời và phát triển của thương
mại điện tử làm biến đổi bộ mặt văn hóa cũng như nâng cao chất lượng cuộc sống
của con người trong các hoạt động thông thường như sản xuất, kinh doanh, các
doanh nghiệp phát triển
Cuộc sống con người ngày càng phát triển thì nhu cầu sống của con người
cũng được nâng cao và những nhu cầu đơn giản nhưng cũng rất thiết thực Đó là
nhu cần ăn, ở và mặc đây là 1 bài toán của các nhà kinh doanh, làm sao để đáp ứng
nhu cầu của con người để cải thiện đời sống ngày càng cao
Chính vì vậy để đáp ứng những nhu cầu đó của con người trên cơ sở kế thừa
những trang web bán hàng khác, nhóm em xây dựng nên một website bán quần áo
dành cho nam qua mạng để đáp ứng nhu cầu mua sắm của cánh mày râu, giúp họ
tiết kiệm được thời gian bởi vì nam giới rất ít khi đi mua sắm Thay vào việc họ
phải đi ra các shop truyền thống để mua và tìm kiếm sản phẩm thì họ chỉ việc ngồi
ở nhà với cái điện thoại hoặc chiếc máy tính đã kết nối internet, họ có thể thỏa sức
tìm kiếm, lựa chọn sản phẩm áo, quần, giày, dép, nón,… mà mình yêu thích mọi
lúc mọi nơi Giúp người quản trị dễ dàng trong việc phân chia quyền quản lý, quản
lý khách hàng, các loại sản phẩm, các đơn đặt hàng Đó là lí do nhóm em chọn đề
tài “Xây dựng website shop thời trang nam”
Chúng em xin chân thành cảm ơn thầy Phương Văn Cảnh, thầy đã trực tiếp
hướng dẫn nhóm em làm đồ án này Trong quá trình thực hiện đồ án, thầy đã
hướng dẫn và giúp đỡ nhóm em giải quyết các khó khăn trong quá trình thực hiện
Trang 6Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
ĐỀ CƯƠNG THỰC HIỆN ĐỒ ÁN
Tên đề tài: Xây dựng website shop thời trang nam
Sinh viên thực hiện:
- Nguyễn Văn Đại Cương Mã SV: 19810310246
- Nguyễn Đức Lương Mã SV: 19810310262
Giảng viên hướng dẫn: Phương Văn Cảnh
Mục tiêu đề tài:
Xây dựng, phát triển website shop thời trang nam
Sử dụng kĩ năng phân tích thiết kế hướng đối tượng
Hệ thống hóa lại kĩ năng lập trình dùng C# và Windown Form
Nội Dung Đề Tài
Phân tích thiết kế hệ thống hướng đối tượng và thiết kế cơ sở dữ liêu
tương ứng
Tìm hiểu phương pháp phát triển dựa trên mô hình 3 lớp
Xây dựng website minh họa
Phần mềm và công cụ sử dụng
Microsoft Visual Studio 2015
Microsoft SQL Server 2012
NET Framework
Dự kiến kết quả đạt được
Bài phân tích về website shop thời trang nam
Trang web bán hàng thời trang nam
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
2
Trang 7Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
2 Nhiệm vụ nghiên cứu.
Xây dựng Website shop thời trang nam bằng ngôn ASP.NET MVC Framework
kết nối cơ sở dữ liệu SQL Server
3 Phương pháp nghiên cứu.
Phương pháp nghiên cứu lý luận
Tham khảo, nghiên cứu một số tài liệu, sách, báo, các trang mạng trên cơ sở đó
tiến hành phân tích và xây dựng “Website shop thời trang nam”
Phương pháp nghiên cứu thực tiễn.
Để thực hiện đề tài này chúng em đã tham khảo các website bán hàng, các shop
bán quần áo
4 Phạm vi nghiên cứu.
Đối tượng nghiên cứu khảo sát trong phạm vi nhất định về mặt thời gian,không
gian và linh vực nghiên cứu
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
3
Trang 8Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
CHƯƠNG I: KHẢO SÁT HỆ THỐNG
Hiện nay trào lưu kinh doanh qua mạng ngày càng phổ biến, cạnh tranh ngày
càng cao, đặc biệt là trong thời đại dịch bệnh SARS-CoV-2 đang có những diễn
biến phức tạp thì việc giới thiệu sản phẩm kinh doanh đến từng khách hàng với chi
phí thấp, hiệu quả cao là một vấn đề nan giải của những người kinh doanh cùng với
nhu cầu mua sắm với những sản phẩm đa dạng chủng loại, đạt chất lượng và hợp
với túi tiền của người tiêu dùng
Và kinh doanh trực tuyến không phải cứ có một nguồn vốn lớn mới có thể
kinh doanh mà chỉ cần nguồn vốn đủ để tích lũy hàng hay một số dịch vụ khác là ta
có thể bắt tay vào việc kinh doanh của mình Bên cạnh đó ta có thể sử dụng blog cá
nhân của mình để tiến hành kinh doanh các mặt hàng thời trang của mình
Mặt hàng quần áo thời trang ngày một đa dạng và nhiều mẫu mã, phổ biến,
với các shop online như thế này các chủ cửa hàng chỉ cần thường xuyên lên mạng
quảng cáo các mặt hàng của mình với mục đích tìm tiếm và thu hút khách hàng
Khách hàng chỉ cần mấy thao tác “bấm chọn vào sản phẩm mình yêu thích” và liên
hệ với chủ cửa hàng là có thể chờ đơn hàng chuyển tời nhà của mình Việc sở hữu
website cũng khiến người bán hàng đỡ vất vả trong quá trình quản lý đơn hàng,
đưa mẫu mã đến khách hàng của mình một cách tốt nhất Nắm bắt được tình hình
trên nhóm chúng em đã tiến hành xây dựng trang web mua bán hàng online quần
áo dành cho nam giới để mong sao giúp cho cửa hàng phát triển nhanh chóng, giúp
chủ cửa hàng có thể quản lý cửa hàng một cách tốt hơn
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
4
Trang 9Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
1 Phân tích
1.1 Các chức năng của hệ thống
Hệ thống quản trị trang web
- Quản lý các đơn hàng các giao dịch
- Quản lý danh mục sản phẩm
- Quản lý sản phẩm: cập nhật thông tin về sản phẩm
- Quản lý danh sách tài khoản
- Cho phép đăng ký, đăng nhập tài khoản
- Cho phép người dùng thay đổi thông tin tài khoản
- Cho phép người dùng xem hàng, đặt hàng, xem hóa đơn, lưu trữđơn hàng
1.2 Các tác nhân của hệ thống
Admin
Người thục hiện các chức năng quản trị hệ thống, tải khoản,khách hàng, quản lý sản phẩm, quản lý danh mục sản phẩm, quản lýđơn hàng, quản lý loại hàng, quản lý nhà cung cấp…Để thực hiện cácchức năng này admin phải đăng nhập
Trang 102 Thiết kế hệ thống
2.1 Biểu đồ Use Case
a) Use Case tổng quát
Hình 2.1 Biểu đồ Use Case tổng quát
Web shop thời trang nam Tên Tổng quan hệ thống
Tóm tắt Login, quản lý sản phẩm, quản lý đơn hàng, quản
lý ảnh, quản lý tài khoản, đặt hàng
Dòng sự kiện chính - Admin, Customer đăng nhập vào hệ thống và
thao tác với các chức năng thuộc quyền hạn củamình
- Hệ thống đưa ra các chức năng để người dùngthao tác
Các dòng sự kiện 1 Đăng nhập
- Thành công vào trong hệ thống
- Không thành công hệ thống thông báo lỗi tàikhoản hoặc mặt khẩu
2 Quản lý
- Thao tác với hệ thống
- Hệ thống cập nhật dữ liệu mới
3 Thêm, sửa, xóa, tìm kiếm
- Thêm, sửa, xóa, tìm kiếm thông tin sản phẩm
- Hệ thống hiển thị thông tin sản phẩm
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
6
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Trang 114 Đặt hàng
- Thêm hàng vào giỏ hàng
- Sửa, xóa sản phẩm trong giỏ hàng
Điều kiện tiên
Tóm tắt Hệ thống cấp quyền cho phép admin hoặc customer
login
Dòng sự kiện
chính
Người dùng đăng nhập hệ thống để sử dụng chứcnăng
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
7
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 12Các dòng sự kiện 1 Đăng nhập thành công vào giao diện hệ
thống phân quyền của người đó
2 Không thành công báo lỗi
- Tài khoản hoặc mật khẩu không đúng
- Chưa có tài khoản
Điều kiện tiên
Tóm tắt Thêm, sửa, xóa, thông tin giảm giá có trong phần
quản lý
Dòng sự kiện chính Admin đăng nhập hệ thống để sử dụng chức năng
cập nhật thông tin sản phẩm
Các dòng sự kiện 1 Đăng nhập vào hệ thống
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
8
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
2 Hệ thống hiển thị các chức năng và thông tin
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 13Điều kiện tiên quyết Đăng nhập được vào hệ thống
Các yêu cầu đặc biệt Giảo diện và các thao tác dễ dùng với người lần
đầu tiên sử dụngBảng 3: Đặc tả use case quản lý sản phẩmd) Use Case Quản lý đặt hàng
Hình 2.4: Biểu đồ use case quản lý đặt hàng
Quản lý đặt hàng
Tên Quản lý đặt hàng của khách hàng
Tóm tắt Đặt hàng, thêm sản phẩm vào giỏ hàng, xem
thông tin đơn hàng
Dòng sự kiện chính Customer đăng nhập vào hệ thống mới sử dụng
được chức năng đặt hàng
Các dòng sự kiện 1 Đăng nhập vào hệ thống
2 Hệ thống hiển thị các thông tin sản phẩm, hình ảnh
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
9
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
- Thêm sản phẩm vào giỏ hàng
- Đặt hàng
- Xem thông tin đơn hàng
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 14- Xóa sản phẩm
- Hủy đơn hàng
Điều kiện tiên quyết Đăng nhập được vào hệ thống
Các yêu cầu đặc biệt Giao diện dễ dùng với người lần đầu tiên sử dụng
Bảng 4: Đặc tả use case quản lý đặt hànge) Use Case Quản lý đơn hàng
Hình 2.5: Biểu đồ quản lý đơn đặt hàng
Quản lý đơn đặt hàng
Tên Quản lý thông tin các đơn đặt hàng
Tóm tắt Duyệt đơn hàng, xem danh sách đơn hàng, in đơn
hàng
Dòng sự kiện chính 1 Đăng nhập vào hệ thống
2 Hiển thị các thông tin
- Xem danh sách đơn hàng
- Duyệt đơn hàng
- In đơn hàng
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
10
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Điều kiện tiên quyết Đăng nhập được vào hệ thống
Các yêu cầu đặc biệt Giao diện và các thao tác dễ dùng với người lần
đầu tiên sử dụngBảng 5: Đặc tả use case quản lý đơn đặt hàng
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 15f) Use Case Quản lý hình ảnh
Hình 2.6: Biểu đồ use case quản lý hình ảnh
Bảng 6: Đặc tả use case quản lý hình ảnh
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
11
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
g) Use Case Quản lý tài khoản
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 16Hình 2.7: Biểu đồ use case quản lý tài khoản
Quản lý tài khoản Tên Quản lý tài khoản
Tóm tắt Xem, thêm, sửa, xóa các tài khoản
Dòng sự kiện chính Admin đăng nhập hệ thống để sử dụng các chức năng
Các dòng sự kiện 1 Đăng nhập vào hệ thống
2 Hệ thống hiển thị các chức năng
- Xem thông tin tài khoản
- Thêm mới tài khoản
- Sửa thông tin tài khoản
- Xóa tài khoản
Điều kiện tiên quyết Đăng nhập được vào hệ thống
Các yêu cầu đặc biệt Giao diện và các thao tác dễ dùng với người lần đầu tiên sử
dụngBảng 7: Đặc tả use case quản lý tài khoản
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
Trang 17Hình 2.8: Biểu đồ Sequence Diagram - Login
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
13
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 18b) Biểu đồ Sequence Diagram – Quản lý sản phẩm
Hình 2.9: Biểu đồ Sequence Diagram – Quản lý sản phẩm
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
14
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 19c) Biểu đồ Sequence Diagram – Quản lý đặt hàng
Hình 2.10: Biểu đồ Sequence Diagram – Quản lý đặt hàng
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
15
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 20d) Biểu đồ Sequence Diagram – Quản lý đơn đặt hàng
Hình 2.11: Biểu đồ Sequence Diagram – Quản lý đơn đặt hàng
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
16
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 21e) Biểu đồ Sequence Diagram – Quản lý tài khoản
Hình 2.12: Biểu đồ Sequence Diagram – Quản lý tài khoản
Xây d ng website shop th i trang nam– Sinh viên th c hi n: Nguyêễn Văn Đ i C ự ờ ự ệ ạ ươ ng, Nguyêễn Đ c L ứ ươ ng
17
Báo cáo môn h c: L p trình Web nâng cao – Gi ng viên: Ph ọ ậ ả ươ ng Văn C nh ả
Downloaded by vu ga (vuchinhhp2@gmail.com)
Trang 23Downloaded by vu ga (vuchinhhp2@gmail.com)