XÂY DỰNG WEBSITE BÁN QUẦN ÁO CANIFA

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN ĐỒ ÁN XÂY DỰNG WEBSITE BÁN QUẦN ÁO CANIFA NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: KỸ THUẬT PHẦN MỀM HƯỚNG CHUYÊN SÂU: CÔNG NGHỆ WEB SINH VIÊN: TRẦN KHÁNH SƠN MÃ LỚP: 125202 HƯỚNG DẪN: CHU THỊ MINH HUỆ HƯNG YÊN – 2022 NHẬN XÉT Nhận xét giảng viên hướng dẫn: GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) Đồ án 3: Xây dựng website bán quần áo Canifa LỜI CAM ĐOAN Em xin cam đoan đồ án “Xây dựng giao diện website bán quần áo Canifa” kết thực thân em hướng dẫn Cô Chu Thị Minh Huệ Những phần sử dụng tài liệu tham khảo đồ án nêu rõ phần tài liệu tham khảo Các kết trình bày đồ án chương trình xây dựng hồn toàn kết thân em thực Nếu vi phạm lời cam đoan này, em xin chịu hoàn toàn trách nhiệm trước khoa nhà trường Hưng Yên, ngày 12 tháng năm 2022 SINH VIÊN Sơn Trần Khánh Sơn Đồ án 3: Xây dựng website bán quần áo Canifa LỜI CẢM ƠN Để hoàn thành đồ án này, lời em xin phép gửi lời cảm ơn tới môn Công nghệ phần mềm, Khoa Công nghệ thông tin – Trường Đại học Sư phạm Kỹ thuật Hưng Yên tạo điều kiện thuận lợi cho em thực đồ án môn học Đặc biệt em xin chân thành cảm ơn Cơ Chu Thị Minh Huệ tận tình hướng dẫn, bảo em suốt thời gian thực đồ án vừa qua Em xin chân thành cảm ơn tất Thầy, Cô Trường tận tình giảng dạy, trang bị cho em kiến thức cần thiết, quý báu để giúp em thực đồ án Mặc dù em có cố gắng, với trình độ cịn hạn chế, q trình thực đề tài khơng tránh khỏi thiếu sót Em hi vọng nhận ý kiến nhận xét, góp ý Thầy giáo, Cơ giáo kết triển khai đồ án Em xin trân trọng cảm ơn! Đồ án 3: Xây dựng website bán quần áo Canifa MỤC LỤC DANH MỤC CÁC THUẬT NGỮ MVC Model View Control Mẫu thiết kế phần mềm .7 DANH MỤC CÁC BẢNG .8 DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI .10 1.1 Lý chọn đề tài 10 1.2 Mục tiêu đề tài 10 1.2.1 Mục tiêu tổng quát 10 1.2.2 Mục tiêu cụ thể 10 1.3 Giới hạn phạm vi đề tài 11 1.3.1 Đối tượng nghiên cứu .11 1.3.2 Phạm vi nghiên cứu 11 1.4 Nội dung thực 11 1.5 Phương pháp tiếp cận 11 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 12 2.1.Quy trình phát triển phần mềm .12 2.2.Phương pháp phân tích thiết kế hướng đối tượng 12 2.3.Thiết kế lập trình font-end .12 2.4.Tổng quan ASP.NET MVC 12 2.5.Công nghệ thao tác liệu Entity framework (hoặc ADO.NET) 12 2.6.Mơ hình thao tác liệu layer 12 Đồ án 3: Xây dựng website bán quần áo Canifa CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 13 1.1Phát biểu toán 13 1.2Đặc tả yêu cầu phần mềm 15 1.2.1 Các yêu cầu chức 15 1.2.2 Biểu đồ lớp thực thể 29 1.2.3 Các yêu cầu phi chức 33 1.3Thiết kế hệ thống 33 1.3.1 Thiết kê sở liệu 33 1.3.2 Thiết kế lớp đối tượng .33 1.3.3 Thiết kế giao diện 34 CHƯƠNG 4: TRIỂN KHAI WEBSITE 35 1.4Triển khai chức cho phân hệ người dùng 35 1.4.1 Trang chủ (Ví dụ) 35 1.4.2 Trang Xem Sản phẩm (Ví dụ) 36 1.4.3 Trang Quản lý giỏ (Ví dụ) 36 1.5Triển khai chức cho phân hệ quản trị nội dung (nếu có) 36 1.6Kiểm thử triển khai ứng dụng 36 1.6.1 Kiểm thử 36 1.6.2 Đóng gói ứng dụng 36 1.6.3 Triển khai ứng dụng 36 KẾT LUẬN 37 TÀI LIỆU THAM KHẢO 38 Đồ án 3: Xây dựng website bán quần áo Canifa DANH MỤC CÁC THUẬT NGỮ STT Từ viết tắt MVC ……… ……… Cụm từ tiếng anh Model View Control ……… Diễn giải Mẫu thiết kế phần mềm ……… Đồ án 3: Xây dựng website bán quần áo Canifa DANH MỤC CÁC BẢNG Bảng 3-1: Thiết kế bảng Skins lưu trữ loại khung giao diện 15 Bảng 3-2: Thiết kế bảng lưu trữ Module thiết kế 15 Đồ án 3: Xây dựng website bán quần áo Canifa DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Đồ án 3: Xây dựng website bán quần áo Canifa CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý chọn đề tài Trước tiên, xem lại chút hình thức bán quần áo truyền thống mà xưa chủ doanh nghiệp sỉ lẻ áp dụng Đó bán hàng hàng Nhưng với cách làm doanh nghiệp khơng thể phát triển nhanh chóng khó quảng bá thương hiệu đến với người dùng Đặc biệt thời kỳ dịch bệnh thói quen mua sắm người dùng chuyển nhiều sang hình thức online, mà cách thức bán hàng truyền thống khó khăn hết Hiện có nhiều cách thức bán hàng online bán qua trang mạng xã hội, qua trang thương mại điện tử… Và bán hàng qua website riêng doanh nghiệp cách điển hình 1.2 Mục tiêu đề tài 1.2.1 Mục tiêu tổng quát Xây dựng website bán quần áo Canifa đảm bảo tính năng, thẩm mỹ thân thiện với người dùng 1.2.2 Mục tiêu cụ thể Xây dựng chức năng:  Về phía quản trị - Quản danh mục quần áo - Quản lý quần áo - Quản lý đơn hàng - Chi tiết đơn hàng - Quản lý hóa đơn nhập - Quản lý nhân viên - Quản lý người dùng - Quản lý khuyến mại - Quản lý tin tức - Phản hồi 10 Đồ án 3: Xây dựng website bán quần áo Canifa - Mục đích: Cho phép người dùng quản lý nhân viên - Tác nhân liên quan: Admin - Biểu đồ usecase b) Chức phân hệ người dùng 25 Đồ án 3: Xây dựng website bán quần áo Canifa  Chức quản lý đơn hàng - Mục đích: Cho phép người dùng quản lý đơn hàng - Tác nhân liên quan: Khách hàng - Biểu đồ usecase  Chức đặt hàng - Mục đích: Cho phép người dùng đặt hàng website - Tác nhân liên quan: Khách hàng - Luồng kiện người dùng yêu cầu chức đặt hàng SYSTEM hệ thống kiểm tra trạng thái đăng nhập khách hàng Nếu chưa đăng nhập chuyển sang luồng phụ 2a SYSTEM Hiển thị giao diện đặt hàng SYSTEM lấy danh sách mặt hàng đặt giỏ hàng hiển thị lên 26 Đồ án 3: Xây dựng website bán quần áo Canifa giao diện SYSTEM lấy thông tin khách hàng hiển thị lên giao diện if Nếu khách hàng chọn địa giao hàng khác 6.1 khách nhập thông tin giao hàng chọn địa giao hàng khác địa mặc định có end if yêu cầu đặt hàng SYSTEM Sinh mã đơn hàng SYSTEM lưu thông tin đơn hàng vào hệ thống 10 if nhập thông tin giao hàng 10.1 SYSTEM lưu thông tin giao hàng vào hệ thống 11 end if 11 lưu danh sách mặt hàng đơn hàng vào hệ thống Extension: 2.a khách hàng chưa đăng nhập SYSTEM hiển thị thông báo yêu cầu đăng nhập SYSTEM hiển thị giao diện đăng nhập quay lại bước  Chức quản lý giỏ hàng - Mục đích: Cho phép người dùng quản lý giỏ hàng - Tác nhân liên quan: Khách hang - Biểu đò usecase 27 Đồ án 3: Xây dựng website bán quần áo Canifa - Luồng kiện • Dịng kiện người dùng yêu cầu Chức quản lý giỏ hàng SYSTEM hệ thống kiểm tra có sản phẩm cửa hàng hay khơng Nếu khơng có chuyển sang luồng phụ 2a SYSTEM hiển thị giao diện quản lý giỏ hàng SYSTEM hệ thống lấy danh sách sản phẩm đặt hiển thị lên giao diện Extension: 2.a khơng có sản phẩm giỏ hàng SYSTEM hệ thống hiển thị thơng báo khơng có sản phẩm giỏ hàng • Dịng kiện chức Sửa số lượng sản phẩm người dùng sữa số lượng sản phẩm 28 Đồ án 3: Xây dựng website bán quần áo Canifa SYSTEM hệ thống kiểm tra số lượng sản phẩm cịn đủ để đặt hàng khơng Nếu không chuyển sang luồng phụ 2a SYSTEM hệ thống cập nhật lại số lượng sản phẩm đặt hàng giỏ hàng tổng thành tiền Extension: 2.a số lượng sản phẩm không đủ thông báo số lượng sản phẩm khơng đủ cho khách hàng • Dịng kiện chức Xóa sản phẩm người dùng chọn sản phẩm cần xóa yêu cầu xóa sản phẩm khỏi giỏ hàng SYSTEM hệ thống xóa sản phẩm khỏi giỏ hàng 1.2.2 Biểu đồ lớp thực thể Tên Kiểu liệu Độ rộng Category Catld Số CatName Chuỗi ký tự ParentID Số Mô tả Danh mục sản phẩm Mã danh mục sản phẩm 250 Tên loại sản phẩm Mã danh mục cha Product Sản phẩm Prold Số Mã sản phẩm ProName Chuỗi ký tự 300 Tên sản phẩm Material Chuỗi ký tự 300 Chất liệu 29 Đồ án 3: Xây dựng website bán quần áo Canifa Description Chuỗi ký tự Max Price Số Giá bán PromotionPrice Số Giá khuyến mại StartPromotion Chuỗi ký tự 20 Ngày bắt đầu khuyến mại StopPromotion Chuỗi ký tự 20 Ngày kết thúc khuyến mại ProductOption ProOptionID Số Size Chuỗi ký tự Prold Số Color Chuỗi ký tự Quantity Số Image Chuỗi ký tự Mô tả sản phẩm Sản phẩm chi tiết Mã sản phẩm chi tiết 20 Kích thước Mã sản phẩm 20 Màu sắc Số lượng 250 MoreImages Ảnh sản phẩm Ảnh chi tiết Customer Khách hàng Cusld Số Mã khách hàng CusName Chuỗi ký tự 100 Tên khách hàng PhoneNumber Chuỗi ký tự 10 Số điện thoại Email Chuỗi ký tự 100 Email khách hàng Address Chuỗi ký tự 300 Địa khách hàng Order Đơn hàng OrdID Số Mã đơn hàng CusID Số Mã khách hàng ReceivingAddress Chuỗi ký tự Địa khách hàng Status Chuỗi ký tự 50 30 Tình trạng Đồ án 3: Xây dựng website bán quần áo Canifa MoneyTotal Số OrderDate Chuỗi ký tự Thành tiền 20 OrderDetail Ngày đặt hàng Chi tiết đơn hàng ProOptionID Số Mã sản phẩm chi tiết Quantity Số Số lượng sản phẩm Price Số Đơn giá PromotionOrder Khuyến mại đơn hàng IDPromotionOrder Số Mã khuyến mại đơn hàng Title Chuỗi ký tự PromotionPrice Số Mức giá khuyến mại AmountPromotion Số Số lượng khuyến mại StartPromotion Chuỗi ký tự 20 Thời gian bắt đầu khuyến mại StopPromotion Chuỗi ký tự 20 Thời gian kết thức khuyến mại Status Chuỗi ký tự 50 Tiêu đề Trạng thái ImportBill Hóa đơn nhập Impld Số Mã hóa đơn nhập ImpDate Chuỗi ký tự StaffId Số Nhân viên nhập MoneyTotal Số Tổng tiền hóa đơn 20 ImportBillDetail Ngày nhập hóa đơn Chi tiết hóa đơn nhập ProOptionID Số Mã sản phẩm chi tiết Quantity Số Số lượng ImportPrice Số Giá nhập 31 Đồ án 3: Xây dựng website bán quần áo Canifa User Người dùng UserId Số Mã người dùng UserName Chuỗi ký tự 50 Tài khoản PassWord Chuỗi ký tự 50 Mật Name Chuỗi ký tự 50 Tên người dùng UserAdress Chuỗi ký tự 300 Địa UserPhone Chuỗi ký tự 10 Số điện thoại UserEmail Chuỗi ký tự 100 Email Status Chuỗi ký tự 20 Trạng thái Role Chuỗi ký tự 30 Vai trò News Bài viết NewID Số Mã viết Title Chuỗi ký tự 500 Tiêu đề viết Content Chuỗi ký tự Max Nội dung PublicDate Chuỗi ký tự 20 Thời gian đăng Image Chuỗi ký tự 250 Hình ảnh Cart CartId Giỏ hàng Chuỗi ký tự 20 CartDetail Mã giỏ hàng Chi tiết giỏ hàng IdSpecificPro Chuỗi ký tự 20 Quantity Số Số lượng Price Số Giá bán Discount Số Giảm giá 32 Mã sản phẩm cụ thể Đồ án 3: Xây dựng website bán quần áo Canifa Hình 3-3 Class diagram 1.2.3 Các yêu cầu phi chức 1.3 Thiết kế hệ thống 1.3.1 Thiết kê sở liệu - Mơ hình sở liệu quan hệ - Mô tả cấu trúc bảng - Trình bày thủ tục trigger xây dựng có 1.3.2 Thiết kế lớp đối tượng a) Biểu đồ lớp VOPC ca sử dụng b) Biểu đồ c) Biểu đồ lớp chi tiết 33 Đồ án 3: Xây dựng website bán quần áo Canifa 1.3.3 Thiết kế giao diện 34 Đồ án 3: Xây dựng website bán quần áo Canifa CHƯƠNG 4: TRIỂN KHAI WEBSITE 1.4 Triển khai chức cho phân hệ người dùng Để xây dựng chức trang người dùng theo thiết kế trình bày chương 3, đồ án sử dụng HTML, CSS, JavaScript, Jquery, AngularJS để thiết kế giao diện thao tác liệu trang theo yêu cầu Tiếp theo, đồ án trình bày kỹ thuật sử dụng để xây dựng trang 1.4.1 Trang chủ (Ví dụ) a) Phía font end  Xây dựng bố cục trang Home thẻ HTML  Kỹ thuật định dạng CSS  Sử dụng Javascript, Jquery, AngularJS để lập trình chức b) Phía backend  Triển khai lớp tầng DataAccess  Triển khai lớp tầng Bussiness  Triển khai lớp tầng Controller 35 Đồ án 3: Xây dựng website bán quần áo Canifa 1.4.2 Trang Xem Sản phẩm (Ví dụ) 1.4.3 Trang Quản lý giỏ (Ví dụ) …… 1.5 Triển khai chức cho phân hệ quản trị nội dung (nếu có) 1.6 Kiểm thử triển khai ứng dụng 1.6.1 Kiểm thử 1.6.2 Đóng gói ứng dụng 1.6.3 Triển khai ứng dụng 36 Đồ án 3: Xây dựng website bán quần áo Canifa KẾT LUẬN - Trình bày kết đạt được: Kiến thức, sản phẩm - Những hạn chế đề tài: Sản phẩm (ví dụ: chức cịn thiếu, chưa hồn thiện….); Kỹ (phân tích thiết kế hệ thống, lập trình…) - Hướng phát triển đề tài: (Giải hạn chế đề tài) 37 Đồ án 3: Xây dựng website bán quần áo Canifa TÀI LIỆU THAM KHẢO [1] Tên tác giả (năm XB), Tên sách, NXB, Nơi XB [2] ……… 38