(TIỂU LUẬN) 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 ĐỒÁN3 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 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 Đồ á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! Đồ á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 1.1 Lý chọn đề tài 1.2 Mục tiêu đề tài 1.2.1 Mục tiêu tổng quát 1.2.2 Mục tiêu cụ thể 1.3 Giới hạn phạm vi đề tài 1.3.1 Đối tượng nghiên cứu 1.3.2 Phạm vi nghiên cứu 1.4 Nội dung thực 1.5 Phương pháp tiếp cận CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Quy trình phát triển phần mềm 2.2 Phương pháp phân tích thiết kế hướng đ 2.3 Thiết kế lập trình font-end 2.4 Tổng quan ASP.NET MVC 2.5 Công nghệ thao tác liệu Entity frame 2.6 Mơ hình thao tác liệu layer CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Đặc tả yêu cầu phần mềm 3.1.1 Các yêu cầu chức 3.1.2 Biểu đồ lớp thực thể Đồ án 3: Xây dựng website bán quần áo Canifa 3.1.3 3.2 Các yêu cầu phi chức Thiết kế hệ thống 3.2.1 Thiết kê sở liệu 3.2.2 Thiết kế lớp đối tượng 3.2.3 Thiết kế giao diện CHƯƠNG 4: TRIỂN KHAI WEBSITE 4.1 Triển khai chức cho phân hệ người dùng 4.1.1 Trang chủ (Ví dụ) 4.1.2 Trang Xem Sản phẩm (Ví dụ) 4.1.3 Trang Quản lý giỏ (Ví dụ) 4.2 Triển khai chức cho phân hệ quản trị nội dun 4.3 Kiểm thử triển khai ứng dụng 4.3.1 Kiểm thử 4.3.2 Đóng gói ứng dụng 4.3.3 Triển khai ứng dụng KẾT LUẬN TÀI LIỆU THAM KHẢO Đồ án 3: Xây dựng website bán quần áo Canifa DANH MỤC CÁC THUẬT NGỮ STT ……… Đồ á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Ị 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 Đồ á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ý đơ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 Đồ á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 Đồ á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 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 giao diện SYSTEM lấy thông tin khách hàng hiển thị lên giao diện 27 Đồ án 3: Xây dựng website bán quần áo Canifa 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: 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 28 Đồ á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: 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 29 Đồ án 3: Xây dựng website bán quần áo Canifa người dùng sữa số lượng sản phẩm 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 Catld CatName ParentID Prold ProName 30 Đồ án 3: Xây dựng website bán quần áo Canifa Material Description Price PromotionPrice StartPromotion StopPromotion ProOptionID Size Prold Color Quantity Image MoreImages Cusld CusName PhoneNumber Email Address 31 Đồ án 3: Xây dựng website bán quần áo Canifa OrdID CusID ReceivingAddress Status MoneyTotal OrderDate ProOptionID Quantity Price IDPromotionOrder Title PromotionPrice AmountPromotion StartPromotion StopPromotion Status Impld ImpDate 32 Đồ án 3: Xây dựng website bán quần áo Canifa StaffId MoneyTotal ProOptionID Quantity ImportPrice UserId UserName PassWord Name UserAdress UserPhone UserEmail Status Role NewID Title Content PublicDate Image 33 Đồ án 3: Xây dựng website bán quần áo Canifa CartId IdSpecificPro Quantity Price Discount 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 Đồ á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 Đồ á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 Đồ á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 Đồ á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 Đồ á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 ... á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. .. 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