Báo cáo tốt nghiệp đề tài xây dựng website quản lý bán quần áo cho cửa hàng fm closet

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ BÁN QUẦN ÁO CHO CỬA HÀNG FM CLOSET Sinh viên thực : ĐINH THỊ QUỲNH Lớp : D17PM02 Khoá : 2017-2021 Ngành : KỸ THUẬT PHẦN MỀM Giảng viên hướng dẫn : TH.S NGUYỄN HỮU VĨNH Bình Dương, tháng 05/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ BÁN QUẦN ÁO CHO CỬA HÀNG FM CLOSET Sinh viên thực : ĐINH THỊ QUỲNH Lớp : D17PM02 Khoá : 2017-2021 Ngành : KỸ THUẬT PHẦN MỀM Giảng viên hướng dẫn : TH.S NGUYỄN HỮU VĨNH Bình Dương, tháng 05/2021 0 LỜI CẢM ƠN Trong suốt thời gian năm học tập rèn luyện Trường Đại học Thủ Dầu Một nay, em nhận nhiều quan tâm, giúp đỡ quý Thầy Cơ bạn bè Với lịng biết ơn sâu sắc chân thành nhất, em xin gửi đến quý Thầy Cô Viện Kỹ Thuật Công Nghệ – Trường Đại học Thủ Dầu Một với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho em suốt thời gian học tập trường Em xin bày tỏ lòng biết ơn đến ban lãnh đạo Trường Đại học Thủ Dầu Một Khoa Phòng ban chức trực tiếp gián tiếp giúp đỡ em suốt trình học tập nghiên cứu đề tài Và đặc biệt, em xin gửi lời cảm ơn chận thành tới thầy Nguyễn Hữu Vĩnh – người tận tâm hướng dẫn em qua buổi học lớp buổi nói chuyện, thảo luận đề tài, người dành nhiều thời gian, công sức hướng dẫn em suốt trình thực đề tài báo cáo tốt nghiệp Với điều kiện thời gian kinh nghiệm hạn chế học viên, báo cáo tránh thiếu sót Em mong nhận bảo, đóng góp ý kiến q thầy để em có điều kiện bổ sung, nâng cao ý thức mình, phục vụ tốt cơng tác thực tế sau Em xin chân thành cảm ơn! Bình Dương, ngày……tháng……năm 2021 Sinh viên Đinh Thị Quỳnh 0 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ……………………………………………………………………………………… ….………………………………………………………………………………………… ………………………………………………………………………………………….… ……………………………………………………………………………………….…… …………………………………………………………………………………….……… ………………………………………………………………………………….………… ……………………………………………………………………………….…………… …………………………………………………………………………….……………… ………………………………………………………………………….………………… ……………………………………………………………………….…………………… …………………………………………………………………….……………………… ………………………………………………………………….………………………… ……………………………………………………………….…………………………… …………………………………………………………….……………………………… ………………………………………………………….………………………………… ……………………………………………………….…………………………………… …………………………………………………….……………………………………… ………………………………………………….………………………………………… Bình Dương, ngày……tháng……năm 2021 Giáo viên hướng dẫn (Ký ghi rõ họ tên) ThS Nguyễn Hữu Vĩnh 0 LỜI NÓI ĐẦU Hiện thương mại điên tử phát triển mạnh mẽ Kỹ thuật số giúp tiết kiệm đáng kẻ chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn thương mại điện tử giúp người tìm kiếm tự động theo nhiều mục đích khác nhau, tự động cung cấp thơng tin theo nhu cầu sở thích người Giờ người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính công nghệ mã nguồn mở trở nên ý tính Giá thành rẻ miễn phí hỗ trợ nhiều mạng giúp ta nhanh chóng xây dựng website bán hàng thân thiện dễ sử dụng với người dùng Chính đồ án em chọn đề tài: “Xây dựng Website quản lý bán quần áo cho cửa hàng FM CLOSET” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng xây dựng ứng dựng bán hàng internet 0 MỤC LỤC MỤC LỤC DANH MỤC HÌNH DANH SÁCH CÁC K Ỹ TỰ, CHỮ VIẾT TẮT CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 TÊN ĐỀ TÀI 1.2 LÝ DO THỰC HIỆN ĐỀ TÀI 1.3 MỤC ĐÍCH NGHIÊN CỨU 1.4 ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 1.5 ỨNG DỤNG CỦA ĐỀ TÀI 1.6 PHƯƠNG PHÁP NGHIÊN CỨU 1.7 Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN 1.8 CÔNG NGHỆ SỬ DỤNG 1.8.1 PHP 1.8.2 PhpMyAdmin 1.8.3 Mơ hình MVC (Model – View – Controller) 1.8.4 Laravel Framework CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 10 2.1 PHÂN TÍCH HỆ THỐNG 10 2.1.1 Các chức hệ thống 10 2.1.1 Các tác nhân hệ thống 11 2.2 THIẾT KẾ HỆ THỐNG 11 2.2.1 Sơ đồ Use-case tổng quát 11 2.2.2 Biểu đồ phân bổ chức 12 2.2.3 Đặc tả Usecase 13 2.2.4 Biểu đồ lớp 29 2.2.5 Sơ đồ (Sequence Diagram) 29 CHƯƠNG THIẾT KẾ CỞ SỞ DỮ LIỆU 33 3.1 LƯỢC ĐỒ 33 3.2 LƯỢC ĐỒ CHI TIẾT 33 3.2.1 Bảng tài khoản khách hàng (tbl_customer) 33 3.2.2 Bảng tài khoản người quản trị (tbl_admin) 33 3.2.3 Bảng sản phẩm (tbl_product) 34 3.2.4 Bảng thương hiệu sản phẩm (tbl_brand) 34 3.2.5 Bảng danh m ục sản phẩm (tbl_category_product) 34 3.2.6 Bảng đơn hàng (tbl_order) 35 3.2.7 Bảng phương thức toán (tbl_payment) 35 0 3.2.8 Bảng chi tiết đơn hàng (tbl_order_detail) 35 3.2.9 Bảng địa giao hàng (tbl_ghichu) 35 3.2.10 Bảng mã gi ảm giá (tbl_coupon) 36 CHƯƠNG XÂY DỰNG WEBSITE BÁN QUẦN ÁO 37 4.1 GIAO DIỆN NGƯỜI DÙNG 37 4.1.1 Trang chủ 37 4.1.2 Trang đăng ký/đăng nhập 38 4.1.3 Trang chi ti ết sản phẩm 38 4.1.4 Trang danh sách sản phẩm hiển thị theo danh m ục 39 4.1.5 Trang giỏ hàng 40 4.1.6 Trang toán 41 4.2 GIAO DIỆN QUẢN TRỊ VIÊN 42 4.2.1 Trang quản lý sản phẩm 42 4.2.2 Trang danh sách đơn hàng 43 4.2.3 Trang chi ti ết đơn hàng 43 4.2.4 Trang quản lý danh m ục sản phẩm 44 4.2.5 Trang Thêm danh m ục sản phẩm 44 4.2.6 Trang quản lý thương hiệu sản phẩm 44 4.2.7 Thêm sản phẩm 45 4.2.8 Trang quản lý mã giảm giá 45 KẾT LUẬN 46 TÀI LIỆU THAM KHẢO 48 0 DANH MỤC BẢNG BẢNG 2.1: USECASE ĐĂNG KÝ 14 BẢNG 2.2: USECASE ĐĂNG NHẬP 15 BẢNG 2.3: USE CASE TÌM KIẾM 15 BẢNG 2.4: USECASE XEM CHI TIẾT SẢN PHẨM 16 BẢNG 2.5: USECASE THÊM SẢN PHẨM VÀO GIỎ HÀNG 16 BẢNG 2.6: USE CASE XEM GIỎ HÀNG 17 BẢNG 2.7: USE CASE THANH TOÁN 18 BẢNG 2.8: USE CASE ĐĂNG NHẬP (ADMIN) 19 BẢNG 2.9: USE CASE XEM CHI TIẾT ĐƠN HÀNG 19 BẢNG 2.10: USE CASE XÓA ĐƠN HÀNG 20 BẢNG 2.11: USE CASE THÊM SẢN PHẨM 21 BẢNG 2.12: USE CASE CHỈNH SỬA THÔNG TIN SẢN PHẨM 21 BẢNG 2.13: USE CASE XÓA SẢN PHẨM 22 BẢNG 2.14: USE CASE THÊM DANH MỤC SẢN PHẨM 23 BẢNG 2.15: USE CASE CHỈNH SỬA DANH MỤC SẢN PHẨM 24 BẢNG 2.16: USE CASE XÓA DANH MỤC SẢN PHẨM 25 BẢNG 2.17: USE CASE THÊM MÃ GIẢM GIÁ 25 BẢNG 2.18: USE CASE XÓA MÃ GIẢM GIÁ 26 BẢNG 2.19: USE CASE THÊM THƯƠNG HIỆU SẢN PHẨM 27 BẢNG 2.20: USE CASE SỬA THƯƠNG HIỆU SẢN PHẨM 28 BẢNG 2.21: USE CASE XÓA THƯƠNG HIỆU SẢN PHẨM 28 BẢNG 2.22: BẢNG TÀI KHOẢN KHÁCH HÀNG 33 BẢNG 2.23: BẢNG TÀI KHOẢN QUẢN TRỊ VIÊN 34 BẢNG 2.24: BẢNG SẢN PHẨM 34 BẢNG 2.25: BẢNG THƯƠNG HIỆU SẢN PHẨM 34 BẢNG 2.26: BẢNG DANH MỤC SẢN PHẨM 34 BẢNG 2.27: BẢNG ĐƠN HÀNG 35 BẢNG 2.28: BẢNG PHƯƠNG THỨC THANH TOÁN 35 BẢNG 2.29: BẢNG CHI TIẾT ĐƠN HÀNG 35 BẢNG 2.30: BẢNG ĐỊA CHỈ GIAO HÀNG 36 BẢNG 2.31: BẢNG MÃ GIẢM GIÁ 36 0 DANH MỤC HÌNH HÌNH 1.1: Q TRÌNH THƠNG DỊCH TRANG PHP HÌNH 1.2: GIAO DIỆN PHPMYADMIN HÌNH 1.3: MƠ HÌNH MVC HÌNH 1.4: CÁC DỊCH VỤ LARAVEL FRAMEWORK CUNG CẤP HÌNH 2.1: USER-CASE TỔNG QUÁT 12 HÌNH 2.2: BIỂU ĐỒ PHÂN CẤP CHỨC NĂNG KHÁCH HÀNG 12 HÌNH 2.3: BIỂU ĐỒ PHÂN CẤP CHỨC NĂNG ADMIN 13 HÌNH 2.4: CLASS DIAGRAM 29 HÌNH 2.5: BIỂU ĐỒ TUẦN TỰ ĐĂNG KÝ 29 HÌNH 2.6: BIỂU ĐỒ TUẦN TỰ ĐĂNG NHẬP 30 HÌNH 2.7: BIỂU ĐỒ TUẦN TỰ TÌM KIẾM 30 HÌNH 2.8: BIỂU ĐỒ TUẦN TỰ THANH TOÁN 31 HÌNH 2.9: BIỂU ĐỒ TUẦN TỰ THÊM SẢN PHẨM 31 HÌNH 2.10: BIỂU ĐỒ TUẦN TỰ CHỈNH SỬA SẢN PHẨM 32 HÌNH 2.11: BIỂU ĐỒ TUẦN TỰ XĨA SẢN PHẨM 32 HÌNH 3.1: GIAO DIỆN TRANG CHỦ 37 HÌNH 3.2: TRANG ĐĂNG NHẬP/ĐĂNG KÝ 38 HÌNH 3.3: TRANG CHI TIẾT SẢN PHẨM 38 HÌNH 3.4: TRANG SẢN PHẨM THEO DANH MỤC 39 HÌNH 3.5: TRANG GIỎ HÀNG 40 HÌNH 3.6: TRANG THANH TOÁN 41 HÌNH 3.7: TRANG QUẢN LÝ SẢN PHẨM 42 HÌNH 3.8: TRANG DANH SÁCH ĐƠN HÀNG 43 HÌNH 3.9: TRANG CHI TIẾT ĐƠN HÀNG 43 HÌNH 3.10: TRANG DANH MỤC SẢN PHẨM 44 HÌNH 3.11: TRANG THÊM DANH MỤC SẢN PHẨM 44 HÌNH 3.12: TRANG DANH SÁCH THƯƠNG HIỆU SẢN PHẨM 44 HÌNH 3.13: TRANG THÊM SẢN PHẨM 45 HÌNH 3.14: TRANG QUẢN LÝ COUPON 45 0 DANH SÁCH CÁC KỸ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích CSDL Cơ sở liệu UC Use Case 0 Báo cáo tốt nghiệp admin_email admin_password varchar varchar 255 255 Lưu email admin Lưu mật admin admin_phone varchar 255 Lưu số diện thoại admin Bảng 3.3: Bảng tài khoản quản trị viên 3.2.3 Bảng sản phẩm (tbl_product) Field name Type Max Length Descrition product_id int 10 product_name 255 product_des varchar Text Lưu mã sản phẩm, tự động tăng Lưu tên SP product_price product_image product_status category_id brand_id varchar varchar int int int 255 255 11 11 11 Mơ tả sản phẩm Giá sản phẩm Hình ảnh sản phẩm Tình trạng sản phẩm Mã danh mục sản phẩm Mã thương hiệu sản phẩm Bảng 3.4: Bảng sản phẩm 3.2.4 Bảng thương hiệu sản phẩm (tbl_brand) Field name Type brand_id int brand_name brand_des brand_status Varchar Text int Max Descrition Length 10 Mã thương hiệu, tự động tăng 255 Tên thương hiệu Mô tả thương hiệu 11 Trạng thái Bảng 3.5: Bảng thương hiệu sản phẩm 3.2.5 Bảng danh m ục sản phẩm (tbl_category_product) Field name Type Max Length category_id int 10 category_name varchar 255 category_des Text category_status Int Descrition Mã loại sản phẩm, tự động tăng Tên danh mục sản phẩm Mơ tả danh mục sản phẩm 11 Tình trạng Bảng 3.6: Bảng danh mục sản phẩm 34 0 Báo cáo tốt nghiệp 3.2.6 Bảng đơn hàng (tbl_order) Field name Type Max Length Descrition order_id int 10 Mã đơn hàng, tự động tăng customer_id Note_id payment_id order_total order_status int int int varchar varchar 11 11 11 50 50 Mã khách hàng Mã ghi đơn hàng Mã phương thức tốn Tổng tiền Tình trạng đơn hàng Bảng 3.7: Bảng đơn hàng 3.2.7 Bảng phương thức toán (tbl_payment) Field name Type Max Length payment_id int 10 payment_method Varchar 255 payment_status Varchar 50 Descrition Mã phương thức toán, tự động tăng Tên pguowng thức toán Trạng thái Bảng 3.8: Bảng phương thức toán 3.2.8 Bảng chi tiết đơn hàng (tbl_order_detail) Field name Type Max Length Descrition order_details_id int 10 order_it int 11 Mã chi tiết đơn hàng, tự động tăng Mã đơn hàng product_id int 11 Mã sản phẩm product_name Varchar 255 Tên sản phẩm product_price varchar 50 Giá sản phẩm product_qty int 11 Số lượng sản phẩm Bảng 3.9: Bảng chi tiết đơn hàng 3.2.9 Bảng địa giao hàng (tbl_ghichu) Field name Max Length 10 Type Note_id int firstName varchar 255 35 0 Descrition Mã ghi chú, tự động tăng Họ khách hàng Báo cáo tốt nghiệp lastName Note_addressLine Note_province Note_district Note_phone Note_email note_order varchar varchar varchar varchar varchar varchar varchar 255 255 255 255 255 255 500 Tên khách hàng Địa chỉ, số nhà giao hàng Địa chỉ, số nhà giao hàng Địa chỉ, số nhà giao hàng Số điện thoại giao hàng Địa mail liên hệ Ghi cho đơn hàng Bảng 3.10: Bảng địa giao hàng 3.2.10 Bảng mã giảm giá (tbl_coupon) Field name Type Max Length Descrition coupon_id int 11 Số mã giảm giá coupon_name varchar 255 Tên mã giảm giá coupon_code varchar 50 Mã giảm giá qty_coupon int 255 Số lượng mã giảm giá total_discount int 50 Tổng giảm giá coupon_condition int 11 Phương thức giảm giá Bảng 3.11: Bảng mã giảm giá 36 0 Báo cáo tốt nghiệp CHƯƠNG XÂY DỰNG WEBSITE BÁN QUẦN ÁO 4.1 Giao diện người dùng 4.1.1 Trang chủ Hình 4.1: Giao diện trang chủ 37 0 Báo cáo tốt nghiệp 4.1.2 Trang đăng ký/đăng nhập Hình 4.2: Trang đăng nhập/đăng ký 4.1.3 Trang chi tiết sản phẩm Hình 4.3: Trang chi tiết sản phẩm 38 0 Báo cáo tốt nghiệp 4.1.4 Trang danh sách sản phẩm hiển thị theo danh mục Hình 4.4: Trang sản phẩm theo danh mục 39 0 Báo cáo tốt nghiệp 4.1.5 Trang giỏ hàng Hình 4.5: Trang giỏ hàng 40 0 Báo cáo tốt nghiệp 4.1.6 Trang tốn Hình 4.6: Trang tốn 41 0 Báo cáo tốt nghiệp 4.2 Giao diện quản trị viên 4.2.1 Trang quản lý sản phẩm Hình 4.7: Trang quản lý sản phẩm 42 0 Báo cáo tốt nghiệp 4.2.2 Trang danh sách đơn hàng Hình 4.8: Trang danh sách đơn hàng 4.2.3 Trang chi tiết đơn hàng Hình 4.9: Trang chi tiết đơn hàng 43 0 Báo cáo tốt nghiệp 4.2.4 Trang quản lý danh mục sản phẩm Hình 4.10: Trang danh mục sản phẩm 4.2.5 Trang Thêm danh mục sản phẩm Hình 4.11: Trang thêm danh mục sản phẩm 4.2.6 Trang quản lý thương hiệu sản phẩm Hình 4.12: Trang danh sách thương hiệu sản phẩm 44 0 Báo cáo tốt nghiệp 4.2.7 Thêm sản phẩm Hình 4.13: Trang thêm sản phẩm 4.2.8 Trang quản lý mã gi ảm giá Hình 4.14: Trang quản lý coupon 45 0 Báo cáo tốt nghiệp KẾT LUẬN Những điều làm 1.1 Đối với khách hàng - Giao diện dễ sử dụng - Xem đầy đủ chi tiết sản phẩm có hệ thống - Các cách tìm kiếm, hiển thị theo danh mục, xếp theo giá - Cho phép khách hàng đăng nhập tạo tài khoản để thực việc mua săm - Quá trình đặt hàng đơn giản, bước đặt hàng ngắn gọn 1.2 Đối với người quản trị - Có thể quản lý sản phẩm hệ thống - Xem thông tin đề mục cần quản lý như: sản phẩm, đơn đặt hàng, thương hiệu,… - Đưa form để nhập liệu loại tư liệu - Có thể sửa đổi, cập nhật liệu - Trong việc thêm sản phẩm hệ thống tự động sinh mã sản phẩm, điều tiện cho người quản trị liệu đồng - Các chức thực qua giao diện web Những điều chưa làm Vì kiến thức cịn hạn hẹp nên có số tính em chưa thể thực như: - Cho phép khách hàng lựa chọn size màu cho sản phẩm - Quản lý doanh thu - So sánh sản phẩm - Yêu thích 46 0 Báo cáo tốt nghiệp Hướng phát triển đề tài - Hoàn thành chức chưa làm - Thêm số chức khác như: mua nhanh, quảng cáo,… - Hướng đến thương mại điện tử đầy đủ chức toán online, sử dụng ví điện tử momo, paypal,… 47 0 Báo cáo tốt nghiệp TÀI LIỆU THAM KHẢO Sách Tiếng Việt [1] Nguyễn Quang Hải, Nhập môn HTML CSS, Nhà xuất Giáo dục, 2014 [2] Trường Đại học FPT (dịch), HTML CSS3: Thiết k ế trang Web thích ứng giàu tính năng, Bách khoa Hà Nội, 2015 [3] Đồn Văn Ban, Nguyễn Thị Tĩnh , Phân tích thuyết kế hướng đối tượng UML, Nxb Đại học sư phạm Sách Tiếng Anh [1] Learning Web Design A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics [2] Kevin Yank, PHP & MySQL: Novice to Ninja, 2012 [3] Josh Lockhart, Modern PHP: New Features and Good Practices 2015 Website [1] Lập trình PHP - Xây dựng webiste bán hàng với Laravel 5.x [2] https://pear.php.net/index.php [3] https://www.mysql.com/ [4] https://www.php.net/ [5] https://www.w3resource.com/laravel/laravel-tutorial.php 48 0 ... ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ BÁN QUẦN ÁO CHO CỬA HÀNG FM CLOSET Sinh viên thực : ĐINH THỊ QUỲNH Lớp : D17PM02 Khoá... người dùng Chính đồ án em chọn đề tài: ? ?Xây dựng Website quản lý bán quần áo cho cửa hàng FM CLOSET? ?? Đây hệ thống đơn giản đủ mạnh phép nhanh chóng xây dựng ứng dựng bán hàng internet 0 MỤC LỤC MỤC... 3.11: Bảng mã giảm giá 36 0 Báo cáo tốt nghiệp CHƯƠNG XÂY DỰNG WEBSITE BÁN QUẦN ÁO 4.1 Giao diện người dùng 4.1.1 Trang chủ Hình 4.1: Giao diện trang chủ 37 0 Báo cáo tốt nghiệp 4.1.2 Trang đăng