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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 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) TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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 tồ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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa LỜI CẢM ƠN Để hồ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! TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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Ữ DANH MỤC CÁC BẢNG 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 10 1.3.1 Đối tượng nghiên cứu 10 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 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 13 3.1 Đặc tả yêu cầu phần mềm .13 3.1.1 Các yêu cầu chức 13 3.1.2 Biểu đồ lớp thực thể 13 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa 3.1.3 Các yêu cầu phi chức 13 3.2 Thiết kế hệ thống 13 3.2.1 Thiết kê sở liệu 13 3.2.2 Thiết kế lớp đối tượng .13 3.2.3 Thiết kế giao diện 13 CHƯƠNG 4: TRIỂN KHAI WEBSITE 14 4.1 Triển khai chức cho phân hệ người dùng 14 4.1.1 Trang chủ (Ví dụ) .14 4.1.2 Trang Xem Sản phẩm (Ví dụ) 15 4.1.3 Trang Quản lý giỏ (Ví dụ) 15 4.2 Triển khai chức cho phân hệ quản trị nội dung (nếu có) 15 4.3 Kiểm thử triển khai ứng dụng 15 4.3.1 Kiểm thử 15 4.3.2 Đóng gói ứng dụng 15 4.3.3 Triển khai ứng dụng 15 KẾT LUẬN 16 TÀI LIỆU THAM KHẢO .17 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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 Cụm từ tiếng anh Diễn giải MVC Model View Control Mẫu thiết kế phần mềm ……… ……… ……… ……… TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Hình 3-1: Mơ hình kiến trúc tổng thể hệ thống SEVN Framework 14 Hình 3-2: Mơ hình kiến trúc chi tiết hệ thống SEVN Framework 14 Hình 3-3: Mơ hình lưu trữ cấu trúc website Database 14 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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ý đơn hàng - Tác nhân liên quan: Nhân viên, Admin - Biểu đồ usecase  Chức quản lý Nhân viên - 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 25 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa b) Chức phân hệ người dùng  Chức quản lý đơn hàng - Mục đích: Cho phép người dùng quản lý đơn hàng 26 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa - 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  1. người dùng yêu cầu chức đặt hàng  2. 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  3. SYSTEM Hiển thị giao diện đặt hàng  4. SYSTEM lấy danh sách mặt hàng đặt giỏ hàng hiển thị lên giao diện  5. SYSTEM  lấy thông tin khách hàng hiển thị lên giao diện 27 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa  6. 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ó  7. end if  7.  yêu cầu đặt hàng  8. SYSTEM  Sinh mã đơn hàng  9. SYSTEM  lưu thông tin đơn hàng vào hệ thống  10. if  nếu 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   1. SYSTEM  hiển thị thông báo yêu cầu đăng nhập   2. 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 28 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa - Luồng kiện  Dịng kiện  1. người dùng u cầu Chức quản lý giỏ hàng  2. 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  3. SYSTEM hiển thị giao diện quản lý giỏ hàng  4. SYSTEM hệ thống lấy danh sách sản phẩm đặt hiển thị lên giao diện   5.  Extension:  2.a.  khơng có sản phẩm giỏ hàng   1. 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 29 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa  1. người dùng sữa số lượng sản phẩm  2. SYSTEM hệ thống kiểm tra số lượng sản phẩm đủ để đặt hàng không Nếu không chuyển sang luồng phụ 2a  3. 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 đủ   1.  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  1. người dùng chọn sản phẩm cần xóa  2.  yêu cầu xóa sản phẩm khỏi giỏ hàng  3. 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ố Danh mục sản phẩm Mã danh mục sản phẩm 250 Số ProName Chuỗi ký tự Tên loại sản phẩm Mã danh mục cha Product Prold Mô tả Sản phẩm Mã sản phẩm 300 Tên sản phẩm 30 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa Material Chuỗi ký tự 300 Chất liệu Description Chuỗi ký tự Max Mô tả sản phẩm 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ự 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 31 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa 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ự MoneyTotal Số OrderDate Chuỗi ký tự 50 Tình trạng 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 Trạng thái ImportBill Impld Số ImpDate Chuỗi ký tự Tiêu đề Hóa đơn nhập Mã hóa đơn nhập 20 Ngày nhập hóa đơn 32 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa StaffId Số Nhân viên nhập MoneyTotal Số Tổng tiền hóa đơn ImportBillDetail 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 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 Giỏ hàng 33 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa CartId Chuỗi ký tự 20 CartDetail Mã giỏ hàng Chi tiết giỏ hàng IdSpecificPro Chuỗi ký tự 20 Mã sản phẩm cụ thể Quantity Số Số lượng Price Số Giá bán Discount Số Giảm giá 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ệ 34 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa - 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 1.3.3 Thiết kế giao diện 35 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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 36 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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 37 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ á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) 38 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Đồ án 3: Xây dựng website bán quần áo Canifa TÀI LIỆU THAM KHẢO x [1] Tên tác giả (năm XB), Tên sách, NXB, Nơi XB [2] ……… 39 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat ... án 3: Xây dựng website bán quần áo Canifa Khi khách hàng muốn mua quần áo, khách hàng vào website xem thông tin quần áo (thơng tin quần áo hiển thị theo nhóm quần áo xu hướng nhất, quần áo bán. .. á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 1.1 Phát biểu toán Xây dựng Website cho phép giới thiệu đặt hàng online cho cửa hàng bán quần áo Canifa Website. .. skknchat123@gmail.com moi nhat Đồ á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