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

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 Phương Văn Cảnh : Lớp : Hà Nội Tháng 09 năm 2021 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ọ tên Nội dung thực Điểm Chữ ký T Gíao viên chấm điểm: Họ tên Chữ ký Ghi 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 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 ĐỀ CƯƠNG THỰC HIỆN ĐỒ ÁN MỞ ĐẦU Mục đích nghiên cứu Nhiệm vụ nghiên cứu 3 Phương pháp nghiên cứu Phạm vi nghiên cứu CHƯƠNG I: KHẢO SÁT HỆ THỐNG CŨ CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG Phân tích 5 1.1 Các chức hệ thống 1.2 Các tác nhân hệ thống Thiết kế hệ thống 2.1 Biểu đồ Use Case a) Use Case tổng quát 6 b) Use Case login c) Use Case quản lý sản phẩm d) Use Case quản lý đặt hàng 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) 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 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 đại đổi không ngừng, việc chinh phục hết đỉnh cao đến đỉnh cao khác Mạng internet trở thành mạng truyền thơng có sức ảnh hưởng lớn nhất, thiếu tất hoạt động người việc truyền tải trao đổi liệu Không ngày xưa, ngày việc liên quan đến thông tin ngày dễ dàng cho người sử dụng việc kết nối internet dịng liệu truy tìm kho tài ngun khơng nước mà ngồi nước không ngôn ngữ mà hình ảnh, âm Chính lợi ích từ internet thúc đẩy đời phát triển thương mại điện tử làm biến đổi mặt văn hóa nâng cao chất lượng sống người hoạt động thông thường sản xuất, kinh doanh, doanh nghiệp phát triển Cuộc sống người ngày phát triển nhu cầu sống người nâng cao nhu cầu đơn giản thiết thực Đó nhu cần ăn, mặc toán nhà kinh doanh, để đáp ứng nhu cầu người để cải thiện đời sống ngày cao Chính để đáp ứng nhu cầu người sở kế thừa trang web bán hàng khác, nhóm em xây dựng nên website bán quần áo dành cho nam qua mạng để đáp ứng nhu cầu mua sắm cánh mày râu, giúp họ tiết kiệm thời gian nam giới mua sắm Thay vào việc họ phải shop truyền thống để mua tìm kiếm sản phẩm họ việc ngồi nhà với điện thoại máy tính kết nối internet, họ 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à u thích lúc nơi Giúp người quản trị dễ dàng việc phân chia quyền quản lý, quản lý khách hàng, loại sản phẩm, đơn đặt hàng Đó lí 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 Trong q trình thực đồ án, thầy hướng dẫn giúp đỡ nhóm em giải khó khăn trình thực đề 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 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ĩ phân tích thiết kế hướng đối tượng  Hệ thống hóa lại kĩ lập trình dùng C# Windown Form  Nội Dung Đề Tài  Phân tích thiết kế hệ thống hướng đối tượng thiết kế sở liêu tương ứng  Tìm hiểu phương pháp phát triển dựa mơ hình lớp  Xây dựng website minh họa  Phần mềm công cụ sử dụng  Microsoft Visual Studio 2015  Microsoft SQL Server 2012  NET Framework  Dự kiến kết đạt  Bài phân tích 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 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 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, họ thời gian ngại mua sắm cho thân Cung cấp thơng tin, giá cả, quảng bá hình ảnh sản phẩm, bán sản phẩm “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 nhu cầu mở trộng thị trường tiêu thụ sản phẩm nâng cao hiệu hoạt động kinh doanh 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 hàng hiệu áp dụng website vào thực tế Nhiệm vụ nghiên cứu Xây dựng Website shop thời trang nam ngôn ASP.NET MVC Framework kết nối sở liệu SQL Server 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 số tài liệu, sách, báo, trang mạng sở tiến hành phân tích xây dựng “Website shop thời trang nam”  Phương pháp nghiên cứu thực tiễn Để thực đề tài chúng em tham khảo website bán hàng, shop bán quần áo Phạm vi nghiên cứu Đối tượng nghiên cứu khảo sát phạm vi định mặt thời gian,không gian 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 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 trào lưu kinh doanh qua mạng ngày phổ biến, cạnh tranh ngày cao, đặc biệt thời đại dịch bệnh SARS-CoV-2 có diễn biến phức tạp việc giới thiệu sản phẩm kinh doanh đến khách hàng với chi phí thấp, hiệu cao vấn đề nan giải người kinh doanh với nhu cầu mua sắm với sản phẩm đa dạng chủng loại, đạt chất lượng hợp với túi tiền người tiêu dùng Và kinh doanh trực tuyến khơng phải có nguồn vốn lớn kinh doanh mà cần nguồn vốn đủ để tích lũy hàng hay số dịch vụ khác ta bắt tay vào việc kinh doanh Bên cạnh ta sử dụng blog cá nhân để tiến hành kinh doanh mặt hàng thời trang Mặt hàng quần áo thời trang ngày đa dạng nhiều mẫu mã, phổ biến, với shop online chủ cửa hàng cần thường xuyên lên mạng quảng cáo mặt hàng với mục đích tìm tiếm thu hút khách hàng Khách hàng cần thao tác “bấm chọn vào sản phẩm u thích” liên hệ với chủ cửa hàng chờ đơn hàng chuyển tời nhà Việc sở hữu website khiến người bán hàng đỡ vất vả trình quản lý đơn hàng, đưa mẫu mã đến khách hàng cách tốt Nắm bắt tình hình 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 giúp cho cửa hàng phát triển nhanh chóng, giúp chủ cửa hàng quản lý cửa hàng cách tốt 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 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 Phân tích 1.1 Các chức hệ thống Hệ thống quản trị trang web - Quản lý đơn hàng 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 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 hệ thống Admin Người thục chức 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 chức admin phải đăng nhập Khách hàng Có thể thực chức đă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 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 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 kiện - Admin, Customer đăng nhập vào hệ thống thao tác với chức thuộc quyền hạn - Hệ thống đưa chức để người dùng thao tác Các dịng kiện Đăng nhập - Thành cơng  vào hệ thống - Không thành công  hệ thống thông báo lỗi tài khoản mặt Quản lý - Thao tác với hệ thống - Hệ thống cập nhật liệu 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 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 Các yêu cầu đặc biệt Đặt hàng - Thêm hàng vào giỏ hàng - Sửa, xóa sản phẩm giỏ hàng Khơng có Giao diện thao tác dễ dùng với người lần sử dụng Bảng 1: Đặc tả use case tổng qt b) Use Case login Tên Tóm tắt Dịng 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 customer login Người dùng đăng nhập hệ thống để sử dụng chứ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 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ác dòng kiện Điều kiện tiên Các yêu cầu đặc biệt Đăng nhập thành công  vào giao diện hệ thống phân quyền người Khơng thành cơng  báo lỗi - Tài khoản mật khô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 thao tác dễ dùng với người lầ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ó phần quản lý Dịng kiện Admin đăng nhập hệ thống để sử dụng chức cập nhật thơng tin sản phẩm Các dịng kiện Đă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 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 Hệ thống hiển thị chức thông tin 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 Đăng nhập vào hệ thống Các yêu cầu đặc biệt Giảo diện thao tác dễ dùng với người lầ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 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 kiện Customer đăng nhập vào hệ thống sử dụng chức đặt hàng Các dòng kiện Đăng nhập vào hệ thống Hệ thống hiển thị 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 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 - Xóa sản phẩm - Hủy đơn hàng Điều kiện tiên Đăng nhập 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 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 đơ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 kiện Đăng nhập vào hệ thống Hiển thị 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 Các yêu cầu đặc biệt Đăng nhập vào hệ thống Giao diện thao tác dễ dùng với người lần sử dụng Bảng 5: Đặc tả use case quản lý đơn đặt hàng f) Use Case Quản lý hình ảnh Tên Tóm tắt Dịng Hình 2.6: Biểu đồ use case quản lý hình ảnh Quản lý hình ảnh Quản lý hình ảnh Admin đăng nhập vào hệ thống để sử dụng chức kiện Đăng nhập vào hệ thống Hệ thống hiển thị thông tin - Thêm ảnh + Ảnh slide + Ảnh banner - Xóa ảnh tiên Đăng nhập vào hệ thống Điều kiện Các yêu cầu đặc biệt Giao diện thao tác dễ dùng với người lầ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 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 tài khoản Dịng kiện Admin đăng nhập hệ thống để sử dụng chức Các dòng kiện Đăng nhập vào hệ thống Hệ thống hiển thị chức - Xem thông tin tài khoản - Thêm 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 Đăng nhập vào hệ thống Các yêu cầu đặc biệt Giao diện thao tác dễ dùng với người lầ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 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 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 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 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 e) 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 2.3 Class Diagram Hình 2.13: Class Diagram 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 18