Website Bán Mũ Bảo Hiểm

- Website bán mũ bảo hiểm viết bằng ngôn ngữ PHP và các công nghệ: HTML, Javascript, Bootstrap, jQuery, CSS. - Phân tích và thiết kế cơ sở lưu dữ liệu. - Xây dựng website bán mũ bảo hiểm với các chức năng: + Trang chủ giới thiệu, quảng cáo sản phẩm. + Tạo tài khoản, đăng nhập. + Tra cứu theo các tiêu chí: loại, hãng, giá tiền. + Lập phiếu đặt hàng cho nhà cung cấp, nhập hàng về kho. + Lập giỏ hàng, thanh toán trực tuyến, đặt hàng. + Duyệt đơn hàng, phân công nhân viên giao hàng. + Báo cáo các đơn hàng chưa duyệt. + Báo cáo doanh thu theo từng tháng của cửa hàng trong một khoảng thời gian. + Các báo cáo tồn kho, doanh thu, lợi nhuận.

BỘ THÔNG TIN VÀ TRUYỀN THÔNG HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THƠNG BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài: WEBSITE BÁN MŨ BẢO HIỂM Giảng viên hướng dẫn : ThS LƯU NGUYỄN KỲ THƯ Sinh viên thực : PHẠM LÝ QUỲNH Mã số sinh viên : N16DCCN130 Lớp : D16CQIS01-N Khóa : 2016 – 2021 Hệ : ĐẠI HỌC CHÍNH QUY TP HCM, tháng 12/2020 LỜI CẢM ƠN Kính thưa thầy bạn! Thời gian học tập mái trường Học viện Cơng nghệ Bưu Viễn Thơng sở Tp Hồ Chí Minh thân em sửa kết thúc Qua thời gian học tập, em tiếp thu cho số kiến thức giảng dạy thầy Học Viện Cơng Nghệ Bưu Chính Viễn Thơng sở TP HCM Để gắn với thực tiễn, lấy phương châm “học đôi với thực hành” em chọn làm đề tài “Website bán mũ bảo hiểm” Trong suốt thời gian thực đề tài, em nhận nhiều quan tâm, giúp đỡ, ủng hộ thầy cơ, bạn bè gia đình Chính điều niềm khích lệ, động viên lớn để giúp em thực tốt đề tài tốt nghiệp Trước tiên, em xin gửi lời tri ân sâu sắc đến Ban giám hiệu Nhà trường, quý thầy cô khoa Công nghệ thông tin tận tâm dẫn dắt, nhiệt tình giảng dạy truyền đạt cho em nhiều kiến thức quý báu học kỳ vừa qua Đặc biệt, em xin chân thành cám ơn thầy Lưu Nguyễn Kỳ Thư, người tận tình hướng dẫn, tận tâm giảng dạy, truyền đạt kiến thức bảo em suốt trình học thực đề tài Một lần nữa, em xin chân thành cảm ơn thầy Kính chúc thầy gia đình nhiều sức khỏe thành công sống Và xin chân thành cảm ơn tất bạn sát cánh, hỗ trợ, giúp đỡ, động viên thời điểm khó khăn, tiếp thêm động lực ý chí giúp vượt qua khó khăn hành trình chinh phục tri thức Bước đầu vào thực tế, tìm hiểu lĩnh vực mới, kiến thức em hạn chế cịn nhiều bỡ ngỡ Do vậy, khó tránh khỏi sai sót, em mong nhận ý kiến đóng góp quý báu quý thầy cô bạn học lớp để kiến thức em lĩnh vực hoàn thiện Em xin chân thành cám ơn! TP Hồ Chí Minh, ngày 17 tháng 12 năm 2020 Sinh viên thực Phạm Lý Quỳnh i MỤC LỤC CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 1.2 1.3 1.4 Tổng quan Tìm hiểu “Website bán mũ bảo hiểm” Công cụ sử dụng Mục tiêu đề tài CHƯƠNG 2: SƠ LƯỢC VỀ CÔNG CỤ 2.1 Xây dựng hệ thống .3 2.1.1 Giới thiệu Visual Studio Code .3 2.1.2 Giới thiệu phpMyAdmin 2.1.3 Giới thiệu XAMPP 2.2 Giới thiệu ngơn ngữ lập trình PHP công nghệ sử dụng .5 2.2.1 Giới thiệu PHP .5 2.2.2 Giới thiệu HTML 2.2.3 Giới thiệu CSS 2.2.4 Giới thiệu Javascript .9 2.2.5 Giới thiệu jQuery 2.2.6 Giới thiệu Bootstrap .10 CHƯƠNG 3: KHẢO SÁT HỆ THỐNG 12 3.1 Khảo sát hệ thống website bán mũ bảo hiểm online 12 3.2 Các chức hệ thống .13 3.2.1 Yêu cầu chức hệ thống 13 3.1.1 Yêu cầu phi chức 13 CHƯƠNG 4: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .14 4.1 Mơ hình chức nghiệp vụ (BFD – Business Function Diagram) .14 4.2 Mơ hình luồng liệu (DFD – Data Flow Diagram) .15 4.3 Thiết lập mơ hình thực thể ERD (ERD – Entity Relationship Diagram) 16 4.3.1 Xác định thực thể 16 4.3.2 Xác định mối quan hệ thực thể 17 4.3.3 Sơ đồ ERD 19 4.3.4 Mơ Hình Dữ Liệu Quan Hệ .19 4.4 Thiết kế liệu 20 4.4.1 Từ điển liệu 20 4.4.2 Mơ hình Diagram .27 4.5 Ràng buộc toàn vẹn tầm ảnh hưởng 28 4.5.1 Ràng buộc toàn vẹn liên .28 4.5.2 Ràng buộc toàn vẹn tham chiếu 29 4.5.3 Ràng buộc toàn vẹn miền giá trị 29 ii 4.5.4 Ràng buộc tồn vẹn liên thuộc tính 29 4.5.5 Ràng buộc toàn vẹn liên thuộc tính – liên quan hệ 30 CHƯƠNG 5: DEMO CHƯƠNG TRÌNH 31 5.1 Các chức hệ thống .31 5.2 Thiết kế giao diện .31 5.2.1 Trang người dùng 31 5.2.2 Trang quản trị 40 5.2.3 Trang quản lý đơn hàng cho shipper 65 PHỤ LỤC 67 THANH TỐN PAYPAL TRONG MƠI TRƯỜNG SANDBOX 67 Tổng quan Sandbox Paypal API 67 Nhúng Sandbox Paypal API 67 KẾT LUẬN 72 TÀI LIỆU THAM KHẢO .73 iii DANH MỤC HÌNH Hình Giao diện Visual Studio Code Hình Giao diện phpMyAdmin Hình Giao diện XAMPP Hình Cú pháp PHP Hình Sơ đồ hoạt động PHP Hình Cú pháp HTML Hình Cú pháp CSS Hình Cú pháp Javascript Hình Cú pháp jQuery 10 Hình 10 Cú pháp Bootstrap .11 Hình 11 Mơ hình phân rã chức biểu diễn thành hình phân cấp 14 Hình 12 Các đối tượng để thiết kế biểu đồ luồng liệu .15 Hình 13 Biểu đồ luồng liệu mức khung cảnh 15 Hình 14 Biểu đồ luồng liệu mức đỉnh 16 Hình 15 Sơ đồ ERD 19 Hình 16 Mối quan hệ khách hàng với bình luận, đơn hàng, trả hàng, sản phẩm, khuyến 27 Hình 17 Mối quan hệ nhân viên với đơn hàng, phân công giao hàng, phân quyền 28 Hình 18 Mối quan hệ nhân viên với đặt hàng tới nhà cung cấp, nhập hàng 28 Hình 19 Màn hình login cho User 31 Hình 20 Màn hình đăng ký cho khách hàng .32 Hình 21 Mail xác nhận tài khoản .33 Hình 22 Header trang chủ 33 Hình 23 Sản phẩm bật 34 Hình 24 Sản phẩm khuyến 34 Hình 25 Sản phẩm 34 Hình 26 Footer trang chủ 35 Hình 27 Thanh tìm kiếm .35 iv Hình 28 Trang sản phẩm theo loại .35 Hình 29 Trang chi tiết sản phẩm 36 Hình 30 Sản phẩm hết hàng .36 Hình 31 Sản phẩm liên quan 37 Hình 32 Màn hình xem giỏ hàng 37 Hình 33 Trang thơng tin người nhận 38 Hình 34 Đăng nhập tài khoản Paypal 38 Hình 35 Màn hình tốn 39 Hình 36 Thanh tốn thành công 39 Hình 37 Trang theo dõi đơn hàng 40 Hình 38 Trang thơng tin khách hàng 40 Hình 39 Màn hình đăng nhập cho nhân viên .41 Hình 40 Trang quản trị Admin 41 Hình 41 Chọn nhân viên giao hàng 42 Hình 42 Danh sách đơn hàng giao 42 Hình 43 Hóa đơn bán hàng 43 Hình 44 In hóa đơn bán hàng 43 Hình 45 Danh sách đơn hàng hồn tất 44 Hình 46 Danh sách đơn hàng hủy 44 Hình 47 Danh sách loại sản phẩm .44 Hình 48 Thêm loại sản phẩm .45 Hình 49 Danh sách sản phẩm theo loại .45 Hình 50 Thêm sản phẩm .46 Hình 51 Tạo phiếu đặt hàng 46 Hình 52 Thơng báo tạo phiếu đặt hàng thành cơng 47 Hình 53 Xuất file excel phiếu đặt hàng gửi nhà cung cấp 47 Hình 54 Danh sách đơn đặt hàng xử lý .48 Hình 55 Danh sách đơn đặt hoàn tất 48 Hình 56 Danh sách đơn đặt hủy 49 v Hình 57 Danh sách phiếu nhập hàng 49 Hình 58 Tạo phiếu nhập hàng 50 Hình 59 Thơng báo tạo phiếu nhập thành công 50 Hình 60 Phiếu nhập sau tạo xong 51 Hình 61 File excel nhập hàng 51 Hình 62 Nhập hàng từ file excel 52 Hình 63 Báo cáo lợi nhuận 53 Hình 64 Xuất file excel báo cáo lợi nhuận 53 Hình 65 Cơng thức tính lợi nhuận .53 Hình 66 Báo cáo tồn kho 54 Hình 67 Xuất file excel báo cáo tồn kho 54 Hình 68 Cơng thức tính tồn kho 55 Hình 69 Báo cáo doanh thu .55 Hình 70 Xuất file excel báo cáo doanh thu 56 Hình 71 Cơng thức tính doanh thu .56 Hình 72 Báo cáo sản phẩm bán .56 Hình 73 Xuất file báo cáo sản phẩm bán .57 Hình 74 Cơng thức tính sản phẩm bán 57 Hình 75 Danh sách nhân viên 57 Hình 76 Thêm nhân viên .58 Hình 77 Danh sách khách hàng 59 Hình 78 Thêm khách hàng 60 Hình 79 Danh sách phân công 60 Hình 80 Thêm phân cơng 61 Hình 81 Danh sách URL .61 Hình 82 Thêm URL 62 Hình 83 Danh sách danh mục 62 Hình 84 Thêm danh mục .62 Hình 85 Danh sách phân quyền 63 vi Hình 86 Thêm phân quyền 63 Hình 87 Danh sách chương trình khuyến 64 Hình 88 Thêm chương trình khuyến .64 Hình 89 Thơng tin tài khoản riêng .65 Hình 90 Shipper đăng nhập vào hệ thống 65 Hình 91 Đơn hàng shipper 65 Hình 92 Bản đồ đường cho shipper 66 Hình 93 Giao thành cơng đơn hàng 66 Hình 94 Đăng nhập Paypal .67 Hình 95 Giao diện Dashboard 68 Hình 96 Giao diện Accounts 68 Hình 97 Chọn loại Accounts 69 Hình 98 Danh sách Accounts .69 Hình 99 Sửa thơng tin Accounts 70 Hình 100 Tạo ứng dụng Dashboard 70 Hình 101 Client ID Secret .71 Hình 102 Import Paypal SDK 71 vii BÁO CÁO LVTN CHƯƠNG 4: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Tổng quan Trong thời đại cách mạng công nghiệp 4.0, thương mại điện tử (TMĐT) phát triển nhanh chóng giới Việt Nam Thương mại điện tử, hay gọi ecommerce, e-comm hay EC, mua bán sản phẩm hay dịch vụ hệ thống điện tử Internet mạng máy tính Theo khảo sát Hiệp hội Thương mại điện tử Việt Nam (VECOM), tốc độ tăng trưởng thương mại điện tử đạt 32% Quy mô thương mại điện tử bán lẻ hàng hoá dịch vụ tiêu dùng năm 2019 đạt khoảng 11,5 tỷ USD VECOM dự đoán tốc độ tăng trưởng năm 2020 tiếp tục trì mức 30%, quy mơ thương mại điện tử Việt Nam vượt số 15 tỷ USD Mơ hình bán hàng trực tuyến mở rộng phát triển không đơn việc doanh nghiệp bán lẻ xây dựng website cho phép khách hàng “đi chợ” trực tuyến, mà việc hàng loạt chuyên trang TMĐT nội địa nước nhanh chóng thâm nhập sâu rộng vào thị trường thương mại nước ta Có thể kể hàng loạt website TMĐT hoạt động tốt thị trường Việt Nam Lazada, Tiki, Shopee, Sendo,… Các website liên tục có mời chào ấn tượng, giảm giá thường xuyên theo ngày, sản phẩm ngày đa dạng, phong phú để người dùng dễ dàng lựa chọn TMĐT đại thường sử dụng công nghệ World Wide Web, hay gọi Web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với cơng cụ ngơn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Bằng việc thực đề tài “Website bán mũ bảo hiểm”, em muốn tìm hiểu vể ngơn ngữ PHP trình xây dựng website TMĐT nhằm giải công việc bán hàng trực tuyến Website mang lại nhiều lợi ích như: khả quảng cáo loại sản phẩm phổ biến, việc kinh doanh mở 24/24, giảm thiểu chi phí nhân viên cho việc tiếp thị, dễ dàng nhận phản hồi từ phía khách hàng, dễ quản lý hàng hóa thống kê doanh thu, Website bán hàng giúp cung cấp cho khách hàng lựa chọn linh hoạt tiện lợi việc tìm mua sản phẩm thơng qua chức tìm kiếm giỏ hàng Các thơng tin sản phẩm hiển thị chi tiết với sản phẩm, từ khách hàng dễ dàng nhận biết lựa chọn sản phẩm phù hợp 1.2 Tìm hiểu “Website bán mũ bảo hiểm” a Lý thuyết: - Tìm hiểu thương mại điện tử PHẠM LÝ QUỲNH – N16DCCN130 BÁO CÁO LVTN CHƯƠNG 4: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG - Tìm hiểu ngơn ngữ PHP công nghệ: HTML, Javascript, Bootstrap, jQuery, CSS b Thực hành: - Phân tích thiết kế sở lưu liệu - Xây dựng website bán mũ bảo hiểm với chức năng: + Trang chủ giới thiệu, quảng cáo sản phẩm + Tạo tài khoản, đăng nhập + Tra cứu theo tiêu chí: loại, hãng, giá tiền + Lập phiếu đặt hàng cho nhà cung cấp, nhập hàng kho + Lập giỏ hàng, toán trực tuyến, đặt hàng + Duyệt đơn hàng, phân công nhân viên giao hàng + Báo cáo đơn hàng chưa duyệt + Báo cáo doanh thu theo tháng cửa hàng khoảng thời gian + Các báo cáo tồn kho, doanh thu, lợi nhuận 1.3 Công cụ sử dụng: - MySQL Visual Studio Code XAMPP 1.4 Mục tiêu đề tài - Xây dựng chức website bán hàng thương mại điện tử Đảm bảo việc mua bán mũ bảo hiểm shop bán hàng khách hàng diễn nhanh chóng Giúp người quản lý quản lý tình hình hoạt động cửa hàng xem báo cáo, thống kê Đảm bảo khách hàng có thơng tin xác sản phẩm, đặt mua toán diễn đơn giản PHẠM LÝ QUỲNH – N16DCCN130 BÁO CÁO LVTN ĐẠI HỌC CHƯƠNG 5: DEMO CHƯƠNG TRÌNH  Sửa: khơng sửa trường username, sửa thơng tin cịn lại  Khóa: tài khoản bị khóa khơng đăng nhập vào trang khách hàng để mua hàng  Xóa: xóa tài khoản khơng bị ràng buộc tham chiếu tới bảng khác Hình 78 Thêm khách hàng - Trang quản lý phân công Admin Manager có quyền phân cơng nhân viên shipper giao hàng khu vực Tp Hồ Chí Minh PHẠM LÝ QUỲNH – N16DCCN130 60 BÁO CÁO LVTN ĐẠI HỌC CHƯƠNG 5: DEMO CHƯƠNG TRÌNH Hình 79 Danh sách phân cơng Khi bấm button:  Thêm phân công: hệ thống hiển thị popup để chọn Quận/Huyện shipper giao khu vực đó, khơng trùng phân cơng  Sửa: thay đổi tên nhân viên giao hàng Quận/Huyện phân cơng  Xóa: Xóa phân cơng khỏi sở liệu Hình 80 Thêm phân cơng - Trang quản lý phân quyền Chỉ có Admin truy cập vào quản lý phân quyền  Danh sách URL PHẠM LÝ QUỲNH – N16DCCN130 61 BÁO CÁO LVTN ĐẠI HỌC CHƯƠNG 5: DEMO CHƯƠNG TRÌNH Hình 81 Danh sách URL Khi bấm button:  Thêm URL: hệ thống hiển thị popup cho Admin nhập thông tin vào Các trường URL, Tiêu đề phải  Sửa: thay đổi thông tin trường popup  Xóa: URL khơng có phân quyền tham chiếu xóa khỏi sở liệu Hình 82 Thêm URL  Danh mục PHẠM LÝ QUỲNH – N16DCCN130 62 BÁO CÁO LVTN ĐẠI HỌC CHƯƠNG 5: DEMO CHƯƠNG TRÌNH Hình 83 Danh sách danh mục Khi bấm button:  Thêm danh mục: hệ thống hiển thị popup cho Admin nhập thông tin vào Tên danh mục phải nhất, số thứ tự không nhập số