Xây dựng website thương mại điện tử t store

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC BÁO CÁO ĐỒ ÁN KHÓA LUẬN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ T-STORE Giảng viên hướng dẫn Sinh viên thực Mã Sinh Viên Lớp : : : : TS NGUYỄN ĐÌNH LẦU TRẦN ĐÌNH THANH 312022161147 16CNTT1 Đà Nẵng, tháng năm 2020 LỜI CẢM ƠN Để hồn thành đồ án khóa luận tốt nghiêp, bên cạnh nỗ lực cố gắng thân cịn có hướng dẫn nhiệt tình q Thầy Cơ, động viên ủng hộ gia đình bạn bè suốt thời gian học tập nghiên cứu Đồ án khóa luận tốt nghiệp hồn thành hướng dẫn tận tình TS Nguyễn Đình Lầu Nhân dịp này, em xin đặc biệt gửi lời cảm ơn trân trọng nhất tới thầy đã tận tâm hướng dẫn em suốt quá trình làm đồ án tốt nghiệp Em xin chân thành cảm ơn các thầy cô giáo Khoa Tin học, Trường Đại học Sư Phạm Đà Nẵng xin cảm ơn q thầy đã tận tình dạy bảo, giúp đỡ em suốt thời gian em học trường vừa qua Cuối cùng, đồ án tốt nghiệp chắn khơng tránh khỏi khiếm khuyết Vì vậy, em kính mong nhận đóng góp ý kiến thầy cô bạn sinh viên để đồ án hoàn chỉnh Em xin trân trọng cảm ơn! Đà Nẵng, ngày tháng 07 năm 2020 Sinh viên thực Trần Đình Thanh SVTH: Trần Đình Thanh LỜI CAM ĐOAN Tơi xin cam đoan: • Những nội dung báo cáo thực hướng dẫn thầy Nguyễn Đình Lầu • Mọi tham khảo dung báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố • Mọi chép không hợp lệ, vi phạm quy chế đào tạo tơi xin chịu hồn tồn trách nhiệm Sinh viên thực Trần Đình Thanh SVTH: Trần Đình Thanh NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN …………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Đà Nẵng, ngày tháng năm 2020 Giáo viên hướng dẫn (Ký tên ghi rõ họ tên) SVTH: Trần Đình Thanh NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN …………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Đà Nẵng, ngày tháng năm 2020 Giáo viên phản biện (Ký tên ghi rõ họ tên) SVTH: Trần Đình Thanh MỤC LỤC MỞ ĐẦU 1 Đặt vấn đề Thương mại điện tử Việt Nam Mục tiêu chức chính của hệ thống Định hướng giải vấn đề CHƯƠNG CƠ SỞ LÝ THUYẾT Ngơn ngữ lập trình PHP Laravel Framework 10 HTML, CSS JavaScript 12 Môi trường phát triển ứng dụng 14 Thanh toán điện tử Ngân Lượng 14 Kết luận 16 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 17 2.1 Các yêu cầu đặt cho hệ thống 17 2.2 Các tác nhân của hệ thống 17 2.3 Biểu đồ UseCase của hệ thống 19 Biểu đồ UseCase tổng quát 19 Biểu đồ UseCase chi tiết với tác nhân 20 2.4 Các chức chính của hệ thống 23 Chức đăng ký 23 Chức đăng nhập 26 Chức quên mật 29 Chức thay đổi thông tin tài khoản 31 Chức tìm kiếm 33 Chức xếp lọc 35 Chức đánh giá bình luận 37 Chức giỏ hàng 38 Chức mua hàng toán 41 Chức quản lý tài khoản 44 Chức quản lý viết 45 Chức quản lý sản phẩm 47 SVTH: Trần Đình Thanh Chức quản lý đơn hàng 50 Chức thống kê 52 Một số chức khác 54 2.5 Thiết kế sở liệu 55 Các bảng sở liệu 55 Lược đồ quan hệ của bảng 61 2.6 Kết luận 62 CHƯƠNG XÂY DỰNG CHƯƠNG TRÌNH 63 3.1 Cài đặt thử nghiệm 63 3.2 Giao diện ứng dụng 64 Giao diện sớ trang 64 Giao diện số chức 69 3.3 Kết luận 81 KẾT LUẬN 82 TÀI LIỆU THAM KHẢO 84 SVTH: Trần Đình Thanh DANH MỤC HÌNH VẼ Hình 1.1 Top ngơn ngữ lập trình phổ biến Hình 1.2 Top framework phổ biến Hình 1.3 Quy trình checkout tiêu chuẩn 15 Hình 1.4 Quy trình checkout nâng cao 15 Hình 1.5 Quy trình Seamless checkout 16 Hình 2.1 Biểu đồ UseCase tổng quát 19 Hình 2.2 Biểu đồ UseCase với tác nhân Guest 20 Hình 2.3 Biểu đồ UseCase với tác nhân User Online Payment 21 Hình 2.4 Biểu đồ UseCase với tác nhân Admin 22 Hình 2.5 Biểu đồ UseCase đăng ký 24 Hình 2.6 Biểu đồ hoạt động chức đăng ký 25 Hình 2.7 Biểu đồ UseCase đăng nhập 27 Hình 2.8 Biểu đồ hoạt động chức đăng nhập 28 Hình 2.9 Biểu đồ UseCase quên mật 29 Hình 2.10 Biểu đồ hoạt động chức quên mật 31 Hình 2.11 Biểu đồ UseCase thay đổi thông tin tài khoản 32 Hình 2.12 Biểu đồ hoạt động chức thay đổi thơng tin tài khoản 33 Hình 2.13 Biểu đồ UseCase tìm kiếm 34 Hình 2.14 Biểu đồ hoạt động chức tìm kiếm 35 Hình 2.15 Biểu đồ UseCase xếp lọc 35 Hình 2.16 Biểu đồ hoạt động chức xếp lọc 36 Hình 2.17 Biểu đồ UseCase đánh giá bình luận 37 Hình 2.18 Biểu đồ hoạt động chức đánh giá bình luận 38 Hình 2.19 Biểu đồ UseCase giỏ hàng 38 Hình 2.20 Biểu đồ hoạt động chức giỏ hàng 40 Hình 2.21 Biểu đồ UseCase mua hàng tốn 41 Hình 2.22 Biểu đồ hoạt động chức mua hàng tốn 43 Hình 2.23 Biểu đồ UseCase quản lý tài khoản 44 Hình 2.24 Biểu đồ hoạt động chức quản lý tài khoản 45 Hình 2.25 Biểu đồ UseCase quản lý viết 46 Hình 2.26 Biểu đồ hoạt động chức quản lý viết 47 Hình 2.27 Biểu đồ UseCase quản lý sản phẩm 48 Hình 2.28 Biểu đồ hoạt động chức quản lý sản phẩm 49 Hình 2.29 Biểu đồ UseCase quản lý đơn hàng 50 Hình 2.30 Biểu đồ hoạt động chức quản lý đơn hàng 52 SVTH: Trần Đình Thanh Hình 2.31 Biểu đồ UseCase thống kê 53 Hình 2.32 Biểu đồ hoạt động chức thớng kê 54 Hình 2.33 Biểu đồ quan hệ bảng sở liệu 61 Hình 3.1 Start Apache MySQL 63 Hình 3.2 Giao diện trang chủ 64 Hình 3.3 Giao diện trang quản trị 65 Hình 3.4 Giao diện trang sản phẩm 65 Hình 3.5 Giao diện trang chi tiết sản phẩm 66 Hình 3.6 Giao diện trang tin tức 67 Hình 3.7 Giao diện trang chi tiết tin tức 68 Hình 3.8 Giao diện trang đăng nhập 69 Hình 3.9 Giao diện đăng nhập thành cơng 69 Hình 3.10 Giao diện trang đăng ký 70 Hình 3.11 Email kích hoạt tài khoản 70 Hình 3.12 Giao diện trang quên mật 71 Hình 3.13 Email reset pasword 71 Hình 3.14 Giao diện trang đặt lại mật 71 Hình 3.15 Giao diện chức tìm kiếm 72 Hình 3.16 Giao diện chức xếp lọc 72 Hình 3.17 Giao diện chức đánh giá bình luận 73 Hình 3.18 Giao diện trang giỏ hàng 74 Hình 3.19 Giao diện giỏ hàng mini 74 Hình 3.20 Giao diện trang toán 74 Hình 3.21 Giao diện trang tốn online 75 Hình 3.22 Giao diện tốn online thành cơng 75 Hình 3.23 Giao diện thơng báo mua hàng thành cơng 75 Hình 3.24 Giao diện trang quản lý tài khoản 76 Hình 3.25 Giao diện trang chi tiết tài khoản 76 Hình 3.26 Giao diện trang quản lý viết 76 Hình 3.27 Giao diện trang chỉnh sửa viết 77 Hình 3.28 Giao diện trang quản lý sản phẩm 77 Hình 3.29 Giao diện chức thêm sản phẩm 78 Hình 3.30 Giao diện chức quản lý đơn hàng của người dùng 78 Hình 3.31 Giao diện trang chi tiết đơn hàng 79 Hình 3.32 Giao diện chức in hóa đơn 79 Hình 3.33 Giao diện chức thớng kê doanh thu theo ngày tháng 80 SVTH: Trần Đình Thanh DANH MỤC BẢNG BIỂU Bảng 2.1 Bảng đặc tả UseCase đăng ký 24 Bảng 2.2 Bảng đặc tả UseCase đăng nhập 27 Bảng 2.3 Bảng đặc tả UseCase quên mật 30 Bảng 2.4 Bảng đặc tả UseCase thay đổi thông tin tài khoản 32 Bảng 2.5 Bảng đặc tả UseCase tìm kiếm 34 Bảng 2.6 Bảng đặc tả UseCase xếp lọc 36 Bảng 2.7 Bảng đặc tả UseCase đánh giá bình luận 37 Bảng 2.8 Bảng đặc tả UseCase giỏ hàng 39 Bảng 2.9 Bảng đặc tả UseCase mua hàng toán 42 Bảng 2.10 Bảng đặc tả UseCase quản lý tài khoản 44 Bảng 2.11 Bảng đặc tả UseCase quản lý viết 46 Bảng 2.12 Bảng đặc tả UseCase quản lý sản phẩm 48 Bảng 2.13 bảng đặc tả UseCase quản lý đơn hàng 50 Bảng 2.14 Bảng đặc tả UseCase thống kê 53 Bảng 2.15 Cấu trúc liệu bảng users 55 Bảng 2.16 Cấu trúc liệu bảng products 56 Bảng 2.17 Cấu trúc liệu bảng producers 56 Bảng 2.18 Cấu trúc liệu bảng product_details 57 Bảng 2.19 Cấu trúc liệu bảng porduct_images 57 Bảng 2.20 Cấu trúc liệu bảng product_votes 58 Bảng 2.21 Cấu trúc liệu bảng comments 58 Bảng 2.22 Cấu trúc liệu bảng notices 58 Bảng 2.23 Cấu trúc liệu bảng orders 59 Bảng 2.24 Cấu trúc liệu bảng order_details 59 Bảng 2.25 Cấu trúc liệu bảng payment_methods 60 Bảng 2.26 Cấu trúc liệu bảng posts 60 Bảng 2.27 Cấu trúc liệu bảng advertises 60 SVTH: Trần Đình Thanh 3.2.2.2 Giao diện chức đăng ký Hình 3.10 Giao diện trang đăng ký Hình 3.11 Email kích hoạt tài khoản SVTH: Trần Đình Thanh 70 3.2.2.3 Giao diện chức quên mật Hình 3.12 Giao diện trang quên mật Hình 3.13 Email reset pasword Hình 3.14 Giao diện trang đặt lại mật SVTH: Trần Đình Thanh 71 3.2.2.4 Giao diện chức tìm kiếm Hình 3.15 Giao diện chức tìm kiếm 3.2.2.5 Giao diện chức xếp lọc Hình 3.16 Giao diện chức xếp lọc SVTH: Trần Đình Thanh 72 3.2.2.6 Giao diện chức đánh giá bình luận Hình 3.17 Giao diện chức đánh giá bình luận SVTH: Trần Đình Thanh 73 3.2.2.7 Giao diện chức giỏ hàng Hình 3.18 Giao diện trang giỏ hàng Hình 3.19 Giao diện giỏ hàng mini 3.2.2.8 Giao diện chức mua hàng tốn Hình 3.20 Giao diện trang tốn SVTH: Trần Đình Thanh 74 Hình 3.21 Giao diện trang tốn online Hình 3.22 Giao diện tốn online thành cơng Hình 3.23 Giao diện thơng báo mua hàng thành cơng SVTH: Trần Đình Thanh 75 3.2.2.9 Giao diện chức quản lý tài khoản Hình 3.24 Giao diện trang quản lý tài khoản Hình 3.25 Giao diện trang chi tiết tài khoản 3.2.2.10 Giao diện chức quản lý viết Hình 3.26 Giao diện trang quản lý viết SVTH: Trần Đình Thanh 76 Hình 3.27 Giao diện trang chỉnh sửa viết 3.2.2.11 Giao diện chức quản lý sản phẩm Hình 3.28 Giao diện trang quản lý sản phẩm SVTH: Trần Đình Thanh 77 Hình 3.29 Giao diện chức thêm sản phẩm 3.2.2.12 Giao diện chức quản lý đơn hàng Hình 3.30 Giao diện chức quản lý đơn hàng người dùng SVTH: Trần Đình Thanh 78 Hình 3.31 Giao diện trang chi tiết đơn hàng Hình 3.32 Giao diện chức in hóa đơn SVTH: Trần Đình Thanh 79 3.2.2.13 Giao diện chức thống kê Hình 3.33 Giao diện chức thống kê doanh thu theo ngày tháng SVTH: Trần Đình Thanh 80 3.3 Kết luận Qua nội dung chương 3, em trình bày kết xây dựng website sớ hình ảnh giao diện website, giao diện chức hiệu chạy thực tế môi trường thực.Cuối em đưa kết luận tổng quát kết đạt định hướng phát triển dự án tương lai SVTH: Trần Đình Thanh 81 KẾT LUẬN Những kết đạt Sau thời gian tìm hiểu khảo sát qua website bán điện thoại Thế Giới Di Động, FPT Shop số tài liệu trực tuyến xây dựng website bán hàng Laravel, từ em hồn thiện đề tài “Thiết kế website thương mại điện tử kinh doanh điện thoại di động chạy máy tính thiết bị di động T-Store” với kết đạt sau: - Về chức năng: hệ thớng website hồn thiệt hầu hết chức của website thương mại điện tử là: người dùng tạo tài khoản, đăng nhập sử dụng chức của hệ thống, xem sản phẩm, đọc tin tức, them sản phẩm vào giỏ hàng, chọn phương thức toán, giao nhận sản phẩm, đặc biệt hỗ trợ người dùng tốn online… Người quản trị nắm bắt tình trạng kho hàng, tình trạng đơn hàng, doanh thu của cửa hàng xuất báo cáo, hóa đơn - Về giao diện: hệ thống phát triển giao diện tương đối đẹp, bắt mắt, bố cục gọn gàng với mầu sắc chủ đạo mầu đỏ cam kết hợp với trắng tạo nên giao diện vô sáng sủa thuận mắt người dùng Bên cạnh giao diện cịn cung cấp cho người dùng đầy đủ thông tin, chức tiện dụng hệ thống sử lý hiệu ứng đẹp mắt - Về hiệu năng: hệ thớng có hiệu tạm chấp nhận so sánh với trang thương mại điện tử lớn FPT Shop hay Thế Giới Di Động đạt yêu cầu đề ban đầu - Về kiến thức kỹ năng: thông qua đồ án em mở mang nhiều kiến thức ngơn ngữ lập trình PHP - đặc biệt Framework Laravel, kiến thức lập trình giao diện: HTML, CSS ứng dụng JavaScript vào sử lý giao diện nội dung Bên cạnh kỹ tìm kiếm thơng tin, tìm kiếm sử lý vấn đề, kỹ viết báo cáo cải thiện Kết chưa đạt Song song với kết đạt bên hệ thớng cịn nhiều thiếu sót nhiều mặt là: - Về chức năng: gồm chức của trang thương mại điện tử, chưa có chức nâng cao là: thông báo, theo dõi sản phẩm, chưa phát triển chức hỗ trợ trực tuyến riêng bên cạnh vài chức phát triển mức sơ chưa thể trả lời bình luận của người dùng - Về giao diện: thân thiện với người sử dụng kéo theo hệ thớng phải dành phần hiệu tương đối lần tải giao diện - Về hiệu năng: hiệu phù hợp thời điểm tương lai, quy mô dự án thay đổi chắn hiệu không đủ đáp ứng số lượng người truy cập lớn SVTH: Trần Đình Thanh 82 - Về bảo mật: hệ thớng phát triển mức độ bảo mật của Laravel chưa có chế bảo mật riêng Định hướng phát triển tương lai Trong tương lai, định hướng phát triển thêm của em tiếp tục phát triển chức mức sơ khai Bên cạnh em tiếp tục phát triển thêm chức là: hỗ trợ đa ngôn ngữ, theo dõi sản phẩm, thông báo thời gian thực, hệ thống nhắn tin trả lời tự động, hệ thống phân phối giao hàng theo khu vực để đảm bảo tiết kiệm thời gian chi phí giao hàng (Logistics) Việc cải thiện hiệu vô quan trọng tương lai mà lượng người dùng liệu ngày nhiều nên Giải pháp tương lai tới ưu lại tồn câu truy vấn, thiết kế lại toàn sở liệu, giao diện loại bỏ bớt hiệu ứng không cần thiết SVTH: Trần Đình Thanh 83 TÀI LIỆU THAM KHẢO [1] "PHP Wikipedia," https://en.wikipedia.org/wiki/PHP [2] "Laravel Version 5.8 Documentation," https://laravel.com/docs/5.8 [3] "Laravel Wikipedia," https://en.wikipedia.org/wiki/Laravel [4] "HTML Wikipedia," https://en.wikipedia.org/wiki/HTML [5] "CSS Wikipedia," https://en.wikipedia.org/wiki/Cascading_Style_Sheets [6] "JavaScript Wikipedia," https://en.wikipedia.org/wiki/JavaScript [7] https://www.w3schools.com/ SVTH: Trần Đình Thanh 84 ... hàng nhanh mà khơng t? ?́n q nhiều chi phí t? ? ?t gói gọn trang thương mại điện t? ?? Trên sở đó, đồ án khóa luận t? ?? ?t nghiệp của em thực đề t? ?i ? ?Xây dựng website thương mại điện t? ?̉ T- Store? ?? nhằm giải... người tiêu dùng vào năm 2020 nêu Kế hoạch t? ??ng thể ph? ?t triển thương mại điện t? ?̉ giai đoạn 2016 – 2020” Top Website thương mại điện t? ?̉ Doanh thu TMDT bán lẻ t? ?? năm 2015-2019 Dự đoán 10 năm t? ??i... dành cho lập trình viên PHP việc thi? ?t lập ph? ?t triển website 1.5 Thanh toán điện t? ?? Ngân Lượng NgânLượng.vn Ví điện t? ?? Cổng Thanh toán Trực tuyến (TTTT) tiên phong uy tín hàng đầu Vi? ?t Nam, sản