Tài liệu Xây dựng website shop thời trang nam

lOMoARcPSD|18034504 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 : Sinh viên thực hiện Phương Văn Cảnh : Lớp : Hà Nội Tháng 09 năm 2021 lOMoARcPSD|18034504 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 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: ST Họ và tên Nội dung thực hiện Điểm Chữ ký T 1 2 3 Gíao viên chấm điểm: Họ và tên Chữ ký Ghi chú Giáo viên 1: Giáo viên 2: 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 lOMoARcPSD|18034504 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 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 2.1. Biểu đồ Use Case 6 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 b) Biểu đồ Sequence Diagram – Quản lý sản phẩm c) Biểu đồ Sequence Diagram – Quản lý đặt hàng d) Biểu đồ Sequence Diagram – Quản lý đơn đặt hàng e) Biểu đồ Sequence Diagram – Quản lý tài khoản 2.3. Class Diagram 13 14 15 16 17 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) lOMoARcPSD|18034504 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 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 lOMoARcPSD|18034504 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 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 đề tài. Chúng em xin chân thành cảm ơn ! Hà Nội, tháng 09 năm 2021 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 1 lOMoARcPSD|18034504 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 ĐỀ 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 lOMoARcPSD|18034504 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 MỞ ĐẦU 1. Mục đích nghiên cứu Website shop thời trang nam nhằm mục đích tạo trang bán hàng online dành cho nam giới mua sắm, bởi họ rất ít thời gian cũng như ngại đi mua sắm cho bản thân mình. Cung cấp các thông tin, giá cả, quảng bá hình ảnh sản phẩm, bán sản phẩm trên “thị trường ảo” cho chủ cửa hàng. Với việc quảng bá thương hiệu, nhằm đáp ứng được nhu cầu mở trộng thị trường tiêu thụ sản phẩm và nâng cao hiệu quả trong hoạt động kinh doanh của cửa hàng giúp tiết kiệm nhiều chi phí. Bên cạnh đó còn giúp cho việc kinh doanh của cửa hàng hiệu quả hơn khi áp dụng website vào thực tế. 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 lOMoARcPSD|18034504 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 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 lOMoARcPSD|18034504 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 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 - Quản lý hình ảnh Hệ thống giới thiệu sản phẩm - Hiển thị thông tin sản phẩm(tên sản phẩm, mã sản phẩm, giá bán, giá khuyến mãi, hình ảnh sản phẩm,…) - Hiển thị danh mục sản phẩm - 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ác chức năng này admin phải đăng nhập. Khách hàng Có thể thực hiện các chức năng như đăng ký tài khoản, đăng nhập, tìm kiếm sản phẩm,đặt hàng, xem giỏ hàng, hóa đơ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 5 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 lOMoARcPSD|18034504 2. 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ủa mình - Hệ thống đưa ra các chức năng để người dùng thao 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ài khoả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 lOMoARcPSD|18034504 Điều kiện tiên quyết Các yêu cầu đặc biệt 4. Đặt hàng - Thêm hàng vào giỏ hàng - Sửa, xóa sản phẩm trong giỏ hàng Không có Giao diện và các thao tác dễ dùng với người lần đầu tiên sử dụng Bảng 1: Đặc tả use case tổng quát b) Use Case login Tên Tóm tắt Dòng chính sự kiện Hình 2.2. Biểu đồ Use Case login Login Đăng nhập hệ thống Hệ thống cấp quyền cho phép admin hoặc customer login Người dùng đăng nhập hệ thống để sử dụng chức nă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 ([email protected]) lOMoARcPSD|18034504 Các dòng sự kiện Điều kiện tiên quyết Các yêu cầu đặc biệt 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 Thông tin đăng nhập(tài khoản, mật khẩu) Giao diện và các thao tác dễ dùng với người lần đầu tiên sử dụng Bảng 2: Đặc tả use case login c) Use Case Quản lý sản phẩm Hình 2.3. Biểu đồ use case quản lý sản phẩm Quản lý sản phẩm Tên Quản lý thông tin sản phẩm 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 ([email protected]) lOMoARcPSD|18034504 sản phẩm - Thêm sản phẩm - Sửa sản phẩm - Xóa sản phẩm - Giảm giá Đ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ụng Bảng 3: Đặc tả use case quản lý sản phẩm d) 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 Downloaded by vu ga thông ([email protected]) - Xem tin đơn hàng lOMoARcPSD|18034504 - 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àng e) 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 Các yêu cầu đặc biệt Đăng nhập được vào hệ thống Giao diện và các thao tác dễ dùng với người lần đầu tiên sử dụng Bảng 5:Downloaded Đặc tả use case quản lý đơn đặt hàng by vu ga ([email protected]) lOMoARcPSD|18034504 f) Use Case Quản lý hình ảnh Tên Tóm tắt Dòng chính sự Hình 2.6: Biểu đồ use case quản lý hình ảnh Quản lý hình ảnh Quản lý các hình ảnh Admin đăng nhập vào hệ thống để sử dụng các chức năng kiện 1. Đăng nhập vào hệ thống 2. Hệ thống hiển thị các thông tin - Thêm ảnh + Ảnh slide + Ảnh banner - Xóa ảnh tiên Đăng nhập được vào hệ thống Điều kiện quyết 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ụng 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 ([email protected]) lOMoARcPSD|18034504 Hì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ụng Bả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 12 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.2. Sequence Diagram a) Biểu đồ Sequence Diagram – Login Downloaded by vu ga ([email protected]) lOMoARcPSD|18034504 Hì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 ([email protected]) lOMoARcPSD|18034504 b) 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 ([email protected]) lOMoARcPSD|18034504 c) 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 ([email protected]) lOMoARcPSD|18034504 d) 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 ([email protected])