Đang tải... (xem toàn văn)
Untitled BỘ GIÁO DỤC & ĐÀO TẠO TRƯỜNG ĐẠI HỌC VĂN HIẾN KHOA CÔNG NGHỆ THÔNG TIN THỰC TẬP TỐT NGHIỆP CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn ThS Lương Thái Hiền Sinh viên thực hiện Trương Công Sơn MSS[.]
BỘ GIÁO DỤC & ĐÀO TẠO TRƯỜNG ĐẠI HỌC VĂN HIẾN KHOA CÔNG NGHỆ THÔNG TIN THỰC TẬP TỐT NGHIỆP CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn: ThS Lương Thái Hiền Sinh viên thực hiện: Trương Công Sơn MSSV: 181A010043 Tp.Hồ Chí Minh, 22/3/2022 I NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Biên Hòa, ngày tháng năm… Giảng viên hướng dẫn II LỜI CẢM ƠN Qua thời gian tìm hiểu thực đến đề tài “Xây dựng website bán hàng thời trang” hoàn thành Trong suốt trình thực đề tài, em nhận nhiều giúp đỡ nhiệt tình thầy cô bạn Lời chúng em xin bày tỏ lòng biết ơn sâu sắc đến Ban giám hiệu Trường Đại học Văn Hiến, quý thầy cô khoa Công Nghệ môn tận tình giảng dạy, trang bị kiến thfíc quan trọng suốt trình học tập trường Đặc biệt gfíi lời cảm ơn đến Lương Thái Hiền, hướng dẫn em hoàn thành thực tập Cuối cùng, xin chân thành cảm ơn đến gia đình, bạn bè, đồng nghiệp ln bên cạnh, ủng hộ có góp ý quan trọng để chúng em hồn thiện thực tập Xin chân thành cảm ơn! Hồ Chí Mình, ngày 22 tháng năm 2022 Sinh viên thực Trương Công Sơn III LỜI MỞ ĐẦU Hiện nay, dịch bệnh làm cho khách hàng khó mua hàng trực tiếp cfía hàng nhằm để tiết kiệm thời gian cho khách hàng, tạo nên “xây dựng website bán quần áo cho cfía hàng Fashion Cơng Sơn LaGi” Nhằm giúp người mua hàng mà khơng cần đến cfía hàng tham khảo sản phẩm giá tiền trước đặt mua Sau chfíc trang web: + Đăng nhập, đăng ký + Xem thông tin sản phẩm, + Thêm sản phẩm vào giỏ hàng + Đặt mua sản phẩm + Thanh tốn online + Xem lại lịch sfí đặt hàng + Thêm thông tin đặt hàng + Thống kê doanh thu + Chuyển đổi ngôn ngữ Anh - Việt + Quản lý Slider + Quản lý danh mục sản phẩm + Quản lý thương hiệu sản phẩm + Quản lý sản phẩm + Quản lý mã giảm giá + Quản lý phí vận chuyển + Quản lý đơn hàng + Một số chfíc khác IV MỤC LỤC LỜI CẢM ƠN I LỜI MỞ ĐẦU II MỤC LỤC III DANH MỤC HÌNH ẢNH V DANH MỤC BẢNG VII CHƯƠNG GIỚI THIỆU CHUNG 1.1 Tên đề tài 1.2 Lý thực đề tài 1.3 Mục đích nghiên cfíu 1.4 Đối tượng phạm vi nghiên cfíu 1.5 Phương pháp nghiên cfíu 1.6 Chfíc đề tài 1.7 Cơng nghệ sfí dụng 1.7.1 Giới thiệu Laravel 1.7.2 Giới thiệu MySQL 1.8 Bố cục luận văn CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Phân tích hệ thống 2.1.1 Các chfíc hệ thống 2.1.2 Các tác nhân hệ thống 2.2 Phân tích thiết kế hệ thống 10 2.2.1 Sơ đồ Use-case tổng quát 10 2.2.2 Đặc tả use-case 10 2.2.3 Biểu đồ lớp (Class Diagram) 34 2.2.4 Sơ đồ (Sequence Diagram) 35 2.2.4 Biểu đồ hoạt động (Activity Diagram) 40 2.3 Thiết kế sở liệu 43 2.4 Giới thiệu kiến trúc hệ thống 55 2.4.1 Giới thiệu kiến trúc hệ thống 55 2.4.2 Biểu đồ phân bổ chfíc 57 CHƯƠNG CÀI ĐẶT HỆ THỐNG 44 3.1 Khách hàng 44 3.1.1 Trang chủ 44 3.1.2 Trang đăng ký 45 3.1.3 Trang đăng nhập 45 3.1.4 Trang chi tiết sản phẩm 46 3.1.5 Trang giỏ hàng 46 3.1.6 Trang viết 47 3.1.7 Trang xác nhận mua hàng 47 3.1.8 Trang toán 48 3.2 Admin 49 3.2.1 Trang thống kê đơn hàng 49 3.2.2 Trang quản lý slider 50 3.2.3 Trang quản lý đơn hàng 50 3.2.4 Trang quản lí chi tiết đơn hàng 51 3.2.5 Trang quản lý sản phẩm 52 3.2.6 Trang quản lý danh mục sản phẩm 52 3.2.7 Trang quản lý thương hiệu sản phẩm 53 3.2.8 Trang in chi tiết đơn hàng pdf 53 3.2.9 Trang quản lý mã giảm giá 54 CHƯƠNG KẾT LUẬN 55 4.1 Đánh giá kết 55 4.1.1 Chfíc làm 55 4.1.2 Hạn chế đề tài 55 4.2 Hướng phát triển 55 TÀI LIỆU THAM KHẢO 56 DANH MỤC HÌNH ẢNH Hình 1.1 Laravel Framework Hình 1.2 So sánh phát triển Laravel Hình 1.3 Luồng hoạt động Laravel Hình 1.4 Php MySQL Hình 2.1 Sơ đồ Use-case tổng quát 10 Hình 2.2 Class Diagram 24 Hình 2.3 Biểu đồ đăng ký 25 Hình 2.4 Biểu đồ đăng nhập 25 Hình 2.5 Biểu đồ tìm kiếm 26 Hình 2.6 Biểu đồ thêm sản phẩm vào giỏ hàng 26 Hình 2.7 Biểu đồ toán 27 Hình 2.8 Biểu đồ xóa hóa đơn 27 Hình 2.9 Biểu đồ thêm sản phẩm 28 Hình 2.10 Biểu đồ sfía sản phẩm 28 Hình 2.11 Biểu đồ xóa sản phẩm 29 Hình 2.12 Biểu đồ thống kê 29 Hình 2.13 Biểu đồ hoạt động đăng ký 30 Hình 2.14 Biểu đồ hoạt động đăng nhập 31 Hình 2.15 Biểu đồ hoạt động tìm kiếm 31 Hình 2.16 Biểu đồ hoạt động tốn 32 Hình 2.17 Biểu đồ hoạt động thống kê 33 Hình 2.18 Mơ hình MVC 39 Hình 2.19 Biểu đồ phân bổ chfíc khách hàng 40 Hình 2.20 Biểu đồ phân bổ chfíc admin 41 Hình 3.1 Giao diện trang chủ 44 Hình 3.2 Giao diện đăng ký, đăng nhập 45 Hình 3.3 Giao diện trang đăng nhập 45 Hình 3.4 Giao diện trang chi tiết sản phẩm 46 Hình 3.5 Giao diện trang giỏ hàng 46 Hình 3.6 Giao diện trang viết 47 Hình 3.7 Giao diện trang xác nhận mua hàng 48 Hình 3.8 Giao diện trang toán 48 Hình 3.9 Giao diện trang thống kê 49 Hình 3.10 Giao diện quản lý slider 49 Hình 3.11 Giao diện quản lý đơn hàng 50 Hình 3.12 Giao diện chi tiết đơn hàng 50 Hình 3.13 Cập nhật tình trạng đơn hàng mà sơ lượng kho khơng đủ 51 Hình 3.14 Giao diện quản lý sản phẩm 51 Hình 3.15 Quản lý danh mục sản phẩm 52 Hình 3.16 Giao diện quản lý thương hiệu 52 Hình 3.17 Giao diện đơn hàng in pdf 53 Hình 3.18 Giao diện quản lí mã giảm giá 53 DANH MỤC BẢNG Bảng 1: Use Case - Đăng ký 12 Bảng 2: Use Case - Đăng nhập 12 Bảng 3: Use Case - Chuyển đổi ngôn ngữ 13 Bảng 4: Use Case - Tìm kiếm 13 Bảng 5: Use Case - Xem chi tiết sản phẩm 14 Bảng 6: Use Case - Thêm sản phẩm vào giỏ hàng 14 Bảng 7: Use Case - Xem giỏ hàng 15 Bảng 8: Use Case - Thanh toán 16 Bảng 9: Use Case - Đăng nhập Admin 17 Bảng 10: Use Case - Xem đơn hàng 17 Bảng 11: Use Case - Xóa đơn hàng 18 Bảng 12: Use Case - Thêm sản phẩm 19 Bảng 13: Use Case - Sfía sản phẩm 19 Bảng 14: Use Case - Xóa sản phẩm 20 Bảng 15: Use Case - Thêm danh mục sản phẩm 21 Bảng 16: Use Case - Sfía danh mục sản phẩm 22 Bảng 17: Use Case - Xóa danh mục sản phẩm 22 Bảng 18: Use Case - Thêm phí vận chuyển 23 Bảng 19: Use Case - Sfía phí vận chuyển 24 Bảng 20: Use Case - Thêm mã giảm giá 24 Bảng 21: Use Case - Xóa mã giảm giá 25 Bảng 22: Use Case - Thống kê 26 Bảng 23: Bảng sở liệu Admin 35 Bảng 24: Bảng sở liệu danh mục sản phẩm 36 Bảng 25: Bảng sở liệu thương hiệu sản phẩm 36 Bảng 26: Bảng sở liệu mã giảm giá 37 Bảng 27: Bảng sở liệu khách hàng 37 Bảng 28: Bảng sở liệu phí vận chuyển 37 Bảng 29: Bảng sở liệu đơn hàng 38 Bảng 30: Bảng sở liệu chi tiết đơn hàng 38 Bảng 31: Bảng sở liệu sản phẩm 39 Bảng 32: Bảng sở liệu quận - huyện 39 Bảng 33: Bảng sở liệu tỉnh - thành phố 39 Bảng 34: Bảng sở liệu xã - phường 40 Bảng 35: Bảng sở liệu thông tin vận chuyển 40 Bảng 36: Bảng sở liệu slider 40 Bảng 37: Bảng sở liệu thống kê 41 CHƯƠNG 3.1.2 Trang đăng ký - Cho phép khách ghé đăng ký tài khoản để hệ thống Khi đăng nhập vào hệ thống khách hàng phép đặt mua hàng Nếu khách xem khơng đăng ký tài khoản xem thông tin sản phẩm, chi tiết sản phẩm, liên hệ Hình 3.2 Giao diện đăng ký, đăng nhập 3.1.3 Trang đăng nhập - Trang đăng nhập để khách hàng truy cập sfí dụng tất chfíc dịch vụ trang web Hình 3.3 Giao diện trang đăng nhập 71 3.1.4 Trang chi tiết sản phẩm - Khách hàng xem thông tin chi tiết sản phẩm như: giá tiền, mô tả, chi tiết, trạng thái, chỉnh sfía số lượng mua theo ý muốn Xem sản phẩm liên quan đến sản phẩm chọn Hình 3.4 Giao diện trang chi tiết sản phẩm 3.1.5 Trang giỏ hàng - Khách hàng chọn lựa sản phẩm đưa vào giỏ hàng để đặt hàng, khách hàng chọn nhiều sản phẩm theo nhu cầu Nếu chọn sản phẩm mà muốn chọn thêm sản phẩm, khách hàng chọn vào tiếp “trang chủ,” “sản phẩm” Khách hàng cịn cập nhật lại số lượng sản phẩm muốn mua chọn “đặt hàng” để đặt mua sản phẩm chọn Khách hàng thêm mã giảm khách hàng có để ưu đãi cho đơn hàng 72 Hình 3.5 Giao diện trang giỏ hàng 3.1.6 Trang viết - Nếu khách hàng muốn đặt quần áo cfía hàng Fashion Cơng Sơn mà khơng biết cách đặt tất hướng dẫn đặt hàng, sách, đặt trang viết Khách hàng cần truy cập vào trang viết để xem cách sfí dụng, cách chọn quần áo Hình 3.6 Giao diện trang viết 73 3.1.7 Trang xác nhận mua hàng - Sau chọn mua hàng bên giỏ hàng khách hàng chuyển đến trang xác nhận đặt hàng để khách hàng điền thơng tin chi tiết người nhận hàng đơn hàng muốn đặt Khách hàng chọn địa giao hàng để biết phí vận chuyển đến địa điểm nhận hàng quý khách - Khách hàng chọn hình thfíc tốn tiền mặt khách hàng cần đợi hàng giao đến nơi tốn khách hàng chọn hình thfíc tốn la chuyển khoản ATM để tốn đơn hàng online từ lúc đặt hàng Hình 3.7 Giao diện trang xác nhận mua hàng 3.1.8 Trang toán - Khác hàng chọn loại hóa đơn cần tốn ngân hàng mà muốn sfí dụng tốn 74 Hình 3.8 Giao diện trang tốn 3.2 Admin 3.2.1 Trang thống kê đơn hàng - Khi đăng nhập thành viên quản trị trang website quản trị thấy giao diện Quản trị chọn ngày để thống kê đơn hàng tinh doanh thu Hình 3.9 Giao diện trang thống kê 75 3.2.2 Trang quản lý slider - Người quản trị thêm, xóa kích hoạt tình trạng cfía slider Hình 3.10 Giao diện quản lý slider 3.2.3 Trang quản lý đơn hàng - Quản trị lấy thơng tin đơn hàng gồm mã đơn ngày đặt đơn hàng tình trạng đơn hàng Có thể xem chi tiết đơn hàng xóa đơn hàng muốn Hình 3.11 Giao diện quản lý đơn hàng 3.2.4 Trang quản lí chi tiết đơn hàng 76 - Quản trị lấy thơng tin đơn hàng để liên hệ với khách hàng Sau liên hệ xem xét đơn hàng đủ phù hợp người quản trị xác nhận tình trạng đơn hàng Có thể in đơn hàng Hình 3.12 Giao diện chi tiết đơn hang - Nếu đơn hàng có số lượng đặt mua lớn số lượng kho lúc duyệt tình trạng đơn hàng báo lỗi số lượng kho khơng đủ 77 Hình 3.13 Cập nhật tình trạng đơn hàng mà sơ lượng kho không đủ 3.2.5 Trang quản lý sản phẩm - Người quản trị thực thao tác: thêm, xố, sfía, sản phẩm Có đầy đủ thơng tin chi tiết sản phẩm Có thể chọn kích hoạt sản phẩm để sản phẩm thị bên trang bán hàng cfía hàng ẩn sản phẩm khơng cho xuất trang bán hàng Hình 3.14 Giao diện quản lý sản phẩm 78 3.2.6 Trang quản lý danh mục sản phẩm Người quản trị thêm, sfía, xóa kích hoạt tình trạng cfía danh mục sản phẩm Hình 3.15 Quản lý danh mục sản phẩm 3.2.7 Trang quản lý thương hiệu sản phẩm - Người quản trị thêm, sfía, xóa kích hoạt tình trạng cfía thương hiệu sản phẩm 79 Hình 3.16 Giao diện quản lý thương hiệu 3.2.8 Trang in chi tiết đơn hàng pdf 80 - Admin vào trang chi tiết đơn hàng in thông tin chi tiết đơn hàng pdf Hình 3.17 Giao diện đơn hàng in pdf 3.2.9 Trang quản lý mã giảm giá - Người quản trị thêm, xóa mã giảm giá, xem lại thông tin chi tiết mã giảm giá Người quản trị chọn chfíc gfíi mã giảm giá đến khách hàng qua email khách hàng đăng ký vào hệ thống 81 Hình 3.18 Giao diện quản lí mã giảm giá 82 CHƯƠNG KẾT LUẬN 4.1 Đánh giá kết 4.1.1 Chfíc làm - Qua thời gian tìm hiểu cơng cụ, phân tích u cầu, với nỗ lực thân, em xây dựng hệ thống với số chfíc như: + Đăng kí, đăng nhập + Tìm kiếm sản phẩm + Xem thông tin sản phẩm, thêm sản phẩm vào giỏ hàng + Quản lý giỏ hàng + Gfíi email phản hồi khách đặt mua sản phẩm + Thanh toán online + Xem viết quần áo online + Quản lý sản phẩm, slider, đơn hàng, chi tiết đơn hàng, danh mục, + Quản lý hàng tồn kho, in đơn hàng pdf, thống kê doanh thu 4.1.2 Hạn chế đề tài + Do làm việc cá nhân nên việc thu thập liệu, phân tích nghiệp vụ nhiều hạn chế + Chưa thể cập nhật hết tất sản phẩm có mặt thị trường 4.2 Hướng phát triển - Website bán quần áo cho cfía hàng Fashion Cơng Sơn hồn thành chfíc trang web thương mại điện tfí tương lai em tích hợp nhiều loại hình dịch vụ cơng nghệ để giúp cho trải nghiệm khách hàng tốt - Những chfíc em tích hợp tương lai: + Thêm loại hình dịch vụ khác cho cfía hàng + Tích hợp gợi ý sản phẩm cho khách hàng các loại kiểu dáng theo nhu cầu 83 + Tích hợp nhiều hình thfíc tốn q trình đăng ký dịch vụ đơn giản TÀI LIỆU THAM KHẢO 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 fí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 [5] Hieu Tran, “Lập trình website Laravel Framework” [Trực tuyến] Địa chỉ: Lập trình website Laravel Framework - YouTube [Truy cập 02/05/2021] Tiếng Anh [1] Learning Web Design A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics [2] “w3schools”, “Laravel Tutorial”, 20/04/2021 [Trực tuyến] Địa https://www.w3schools.in/laravel-tutorial/ [3] “github”, “A PHP framework for web artisans”, 19/11/2020 [Trực tuyến] Địa https://github.com/laravel/laravel [4] “git-scm”, 04/05/2021 [Trực tuyến] Địa https://git-scm.com/ [5] “w3resource”, “Laravel (5.7) Tutorial”, 19/11/2020 [Trực tuyến] Địa https://www.w3resource.com/laravel/laravel-tutorial.php 84 [6] “Sandbox”, “Cổng toán VNPAY”, 08/02/2021 [Trực tuyến] Địa https://sandbox.vnpayment.vn/apis/docs/huong-dan-tich-hop/ 85