BÁO CÁO ĐỒ ÁN Môn Thương mại điện tử và ứng dụng ĐỀ TÀI TÌM HIỂU CHỨC NĂNG CỦA WEBSITE THỰC PHẨM VSHIP

TRƯỜNG ĐẠI HỌC SÀI GỊN KHOA CƠNG NGHỆ THƠNG TIN BÁO CÁO ĐỒ ÁN Môn: Thương mại điện tử ứng dụng TÊN ĐỀ TÀI : TÌM HIỂU CHỨC NĂNG CỦA WEBSITE THỰC PHẨM VSHIP Nhóm 3 Phạm Ngọc Quang Nguyễn Minh Trí Trương Hồng Phát Tạ Tấn Đạt 3119410328 3119410456 3119410302 3119410088 Giảng viên hướng dẫn: Phạm Thi Vương TP HCM tháng / 2022 Mục lục Thương mại điện tử ứng dụng HƯỚNG DẪN XÂY DỰNG WEBSITE Phần 1: Tổng quan cách thức công cụ xây dựng website - Trang web sử dụng PHP, JavaScript, HTML, CSS, MySQL - Dữ liệu lấy từ trang web Thực Phẩm VSHIP (https://thucphamvship.com/) Để lấy liệu cách nhanh chóng, nhóm cào liệu từ danh mục sản phẩm trang web, sau tạo tool xử lý liệu, bỏ liệu khơng cần thiết sau đưa vào database - Dựa vào trang web Thực Phẩm VSHIP, nhóm tham khảo triển khai nghiệp vụ có trang web có số cải tiến phù hợp với đồ án - Từ việc quan sát thực tiễn nghiệp vụ tham khảo sở liệu trang web thương mại điện tử mà nhóm làm trước Nhóm em xây dựng thành cơng sở liệu hồn thiện phù hợp với đồ án mơn học, thích hợp để phát triển cho dự án thực tế bên - Nhóm sử dụng cơng cụ VSCode để phát triển trang web - Để chạy trang web, nhóm chúng em sử dụng XAMPP để tạo môi trường mô server localhost Ngồi XAMPP cịn hỗ trợ cho nhóm phát triển database MySQL - Cấu trúc file phân bố logic, file đặt tên rõ ràng, dễ hiểu, cấu trúc file phân lớp rõ ràng lớp, chức Ngoài hàm file thích cách rõ ràng để tái sử dụng cho dự án khác Phần 2: Giới thiệu cài đặt môi trường 2.1 Cài đặt XAMPP Truy cập trang web https://www.apachefriends.org/download.html Ở mục XAMPP for windows ta chọn Download (64 bit) ứng với version 7.4.29 /PHP 7.4.29 Sau XAMPP tải máy Thương mại điện tử ứng dụng Sau XAMPP tải máy, ta mở XAMPP lên tiền hành cài đặt Sau cài đặt XAMPP ta có mơi trường để phát triển PHP sử dụng hệ quản trị sở liệu MySQL 2.2 Khởi tạo môi trường Sau XAMPP cài đặt, ta mở XAMPP lên, Module Apache MySQL ta khởi chạy cách bấm vào Start Thương mại điện tử ứng dụng Tiếp theo ta tiến hành tạo sở liệu Đầu tiên ta mở trình duyệt truy cập vào đường dẫn http://localhost/phpmyadmin, giao diện quản lý sở liệu phpMyAdmin hiển thị lên.Ở panel bên trái, ta chọn Mới Giao diện tạo sở liệu hiển thị lên, ta nhập tên sở liệu web2 tên tự chọn Sau bấm nút tạo Thương mại điện tử ứng dụng Cơ sở liệu web2 tạo ra, trống rỗng, điều ta cần làm thêm bảng, liệu bảng Để thêm, menu ta chọn mục Nhập ta bấm vào nút chọn tệp Tại ta chọn sở liệu web2.sql đính kèm thư mục github Sau bấm thực Thương mại điện tử ứng dụng Các bảng liệu liệu trang web cài đặt vào sở liệu web2 tạo trước Tiếp theo, để deploy trang web, ta tiến hành đưa code vào thư mục C:\xampp\htdocs, thư mục này, ta tạo thư mục với tên trang web mà muốn Sau copy tồn code thư mục github vào thư mục ta vừa tạo Vậy ta khởi tạo môi trường thành công, để tiến hành truy cập vào trang web, ta truy cập vào đường dẫn http://localhost/thucphamvship Với thucphamvship tên thư mục chứa code mà ta vừa tạo Thương mại điện tử ứng dụng HƯỚNG DẪN SỬ DỤNG WEBSITE Phần 1: Các chức 1.1 Trang khách hàng - - - Trang chủ: + Xem danh sách loại sản phẩm + Xem danh sách sản phẩm bật, sản phẩm mới, sản phẩm khuyến + Đăng nhập, đăng xuất, đăng ký + Tìm kiếm sản phẩm + Xem giỏ hàng + Xem thông tin doanh nghiệp + Kiểm tra đơn hàng Danh mục: + Hiển thị danh sách sản phẩm theo danh mục + Sắp xếp sản phẩm theo giá Giỏ hàng: + Xem danh sách sản phẩm chọn + Đặt hàng + Thanh toán 1.2 Trang Admin - - - - Quản lý người dùng: + Quản lý danh sách quản trị viên + Quản lý danh sách khách hàng Quản lý sản phẩm: + Nhập hàng vào kho + Quản lý sản phẩm - Quản lý danh mục: + Thêm danh mục + Sửa, xóa danh mục Quản lý hóa đơn: + Quản lý hóa đơn + Quản lý đơn hàng Thống kê doanh thu Thương mại điện tử ứng dụng Phần 2: Hướng dẫn sử dụng 2.1 Trang khách hàng Xem trang chủ Vào trang web vship thứ khách hàng thấy trang chủ Xem danh sách sản phẩm bật, sản phẩm mới, sản phẩm khuyến Ở trang chủ lăn chuột xuống thấy danh sách sản phẩm kể Thương mại điện tử ứng dụng Đăng nhập đăng ký tài khoản B1: Khách hàng chọn vào chức đăng nhập, có tài khoản khách hàng nhập tài khoản mật vào form nhấn nút Đăng nhập màu xanh Nếu chưa có tài khoản làm bước B2: Khách hàng chọn vào chức “Tạo tài khoản” B3: Khách hàng điền đầy đủ thông tin Thương mại điện tử ứng dụng B4: Khách hàng nhấp chọn “Đăng kí” Cho phép khách hàng xem thơng tin cá nhân khách hàng B1: Khách hàng nhấp chọn vào tên đăng nhập B2: Khách hàng chọn vào “Thơng tin cá nhân” B3: Tại khách hàng nhấp chọn “Sửa” để thay đổi thông tin cá nhân nhấp vào “Trở về” để tiếp tục mua sắm 10 Thương mại điện tử ứng dụng Hình 9: giao diện trang chọn phương thức giao hàng Ở trang cho danh sách hình thức giao hàng, người dùng phải chọn hình thức đến bước tốn click nút “tiếp tục đơn hàng” Trang xác toán 38 Thương mại điện tử ứng dụng Hình 10: Giao diện trang tốn Màn hình giao diện trang xác nhận hố đơn với thơng tin địa 39 Thương mại điện tử ứng dụng giao nhận hàng, phương thức tốn thơng tin sản phẩm mua Sau xem song thông tin trang khách hàng chọn phương thức tốn đặt hàng Trang tìm kiếm tổng Hình 11: Giao diện trang tìm kiếm tổng Trang cá nhân 40 Thương mại điện tử ứng dụng Hình 12: Giao diện trang cá nhân Trang lịch sử mua hàng 41 Thương mại điện tử ứng dụng Hình 13: Giao diện trang lịch sử mua hàng Trang chi tiết đơn hàng 42 Thương mại điện tử ứng dụng Hình 14: Giao diện trang chi tiết đơn hàng Trang thông tin nhân 43 Thương mại điện tử ứng dụng Hình 15: Giao diện trang thơng tin cá nhân I.3.2 Phần dành cho quản trị viên Màn hình login Admin 44 Thương mại điện tử ứng dụng Hình 16: Màn hình login quản trị viên Trang dùng quản trị viên hay người quản lý muốn vào hệ thống Đây giao diện Login dành cho quản trị Màn hình giao diện trang chủ Admin Hình 17: Giao diện trang chủ Admin Tại trang này, admin đăng nhập vào hệ thống có quyền xem, sửa, thêm, xóa, cập nhật hay thay đổi thông tin sản phẩm như: quản lý người 45 Thương mại điện tử ứng dụng dùng, quản lý sản phẩm, quản lý hoá đơn, thống kê doanh thu Trang danh sách khách hàng Hình 18: Trang danh sách khách hàng Trang danh sách quản trị viên Hình 19: Trang danh sách quản trị viên 46 Thương mại điện tử ứng dụng Trang danh sách loại sản phẩm Hình 20: Trang danh sách loại sản phẩm Trang danh sách sản phẩm 47 Thương mại điện tử ứng dụng Hình 21: Trang danh sách sản phẩm Trang thêm sản phẩm Hình 22: Trang thêm sản phẩm Trang quản lý đơn hàng 48 Thương mại điện tử ứng dụng Hình 23: Trang quản lý đơn hàng Trang quản lý hóa đơn 49 Thương mại điện tử ứng dụng Hình 24: Trang quản lý hóa đơn Trang thống kê doanh thu tháng Hình 25: Trang thống kê doanh thu tháng 50 Thương mại điện tử ứng dụng PHẦN II: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận: Luận văn phân tích, thiết kế, cài đặt thành công hệ thống hỗ trợ website bán thiết bị điện tử Các chức phần phân tích cài đặt hồn chỉnh, cụ thể ● Đối với khách hàng: - Khách hàng tìm kiếm sản phẩm, mua sản phẩm - Khách hàng xem lại sản phẩm mua mình, xem thông tin giỏ hàng, đồng thời cập nhật lại thông tin đăng ký mua hàng ● Đối với quản trị viên: - Quản trị viên có thể: thêm, sửa, xóa, cập nhật thống kê sản phẩm - Quản lý khách hàng cập nhật thông tin khách hàng đăng ký, quản lý danh sách khách hàng - Hỗ trợ mua hàng cho khách hàng ● Hệ thống sử dụng giao diện Web, giao tiếp thông dụng mà ứng dụng mạng ngày thường sử dụng Giao diện thiết kế đơn giản, dễ hiểu, rõ ràng nên dễ thích hợp với người sử dụng Hạn chế: Trong trình khảo sát lựa chọn giải pháp thời gian có hạn, đề tài cịn có số hạn chế sau: ● Chưa đề cập vấn đề bảo mật, an toàn liệu ● Phương thức toán tiền thẻ tín dụng chuyển khoản mơ chưa có mơi trường thử nghiệm ● Một số nghiệp vụ kế toán như: quản lý hoá đơn bán hàng, … chưa chặt chẽ Hướng phát triển đề tài: Để khắc phục hạn chế nêu trên, em cố gắng phát triển đề tài tương lai tốt thêm chức sau: 51 Thương mại điện tử ứng dụng ● Hoàn chỉnh trang Web sinh động đẹp mắt với người sử dụng ● Tăng cường tính an tồn bảo mật cho liệu xây dựng hệ thống bảo mật đường truyền ● Bổ sung thêm kiến thức lập trình thương mại điện tử để phát triển đề tài tốt 52