THIẾT kế và xây DỰNG WEBSITE bán HÀNG BẰNG PHP

lOMoARcPSD|11617700 TRƢỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH  NGUYỄN ANH TÀI THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN HÀNG BẰNG PHP ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN (ỨNG DỤNG PHẦN MỀM) Đà Nẵng - 12/2021 lOMoARcPSD|11617700 TRƢỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH  NGUYỄN ANH TÀI K13C04A012 THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN HÀNG BẰNG PHP ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN (ỨNG DỤNG PHẦN MỀM) Giảng viên hƣớng dẫn: ThS Ninh Khánh Chi Đà Nẵng - 12/2021 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP LỜI CẢM ƠN Để hoàn thành báo cáo tốt nghiệp lần trƣớc hết chúng em xin gửi đến quý Thầy, Cơ giáo khoa Khoa học máy tính Trƣờng Đại Học công nghệ thông tin truyền thông Việt – Hàn lời cảm ơn chân thành Đặc biệt, chúng em xin gửi đến cô Ninh Khánh Chi, ngƣời tận tình hƣớng dẫn giúp đỡ chúng em để hoàn thành báo cáo đồ án tốt nghiệp lời cảm ơn sâu sắc Em xin chân thành cảm ơn thầy cô giáo trƣờng Trƣờng Đại học Công Nghệ Thông Tin Và Truyền Thông Việt - Hàn nói chung, thầy Bộ mơn Lập Trình Web nói riêng dạy, hƣớng dẫn cho em kiến thức môn đại cƣơng nhƣ môn chuyên ngành, giúp em có đƣợc sở lý thuyết vững vàng tạo điều kiện giúp đỡ em suốt trình học tập Một lần nữa, em xin cảm ơn gia đình bạn bè, thầy cơ, … Vì giúp đỡ tận tình, động viên, quan tâm, lời góp ý chân thành, hữu ích suốt thời gian học tập thực đồ án Cuối em kính chúc q Thầy, Cơ lời chúc sức khỏe đạt đƣợc nhiều thành công tốt đẹp công việc Em xin chân thành cảm ơn tất cả!! Đà Nẵng, 25 tháng 12 năm 2021 Sinh viên thực Nguyễn Anh Tài SVTH: Nguyễn Anh Tài - K13C04A012 i lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH MỤC BẢNG BIỂU iv DANH MỤC HÌNH ẢNH v MỞ ĐẦU CHƢƠNG I CƠ SỞ LÝ THUYẾT .3 1.1 TỔNG QUAN 1.1.1 Internet gì? 1.1.2 Website gì? 1.2 CÁC CÔNG NGHỆ ĐƢỢC SỬ DỤNG 1.2.1 Các ngôn ngữ phần thiết kế giao diện 1.2.2 Các thƣ viện, framework 10 1.2.3 Tổng quan ngôn ngữ lập trình PHP 11 1.2.4 Hệ quản trị sở liệu My SQL 16 1.2.5 Tổng quan phần mềm XAMPP 17 1.2.6 Tổng quan phần mềm Visual Studio Code 18 CHƢƠNG II PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 21 2.1 PHÂN TÍCH YÊU CẦU 21 2.1.1 Mô tả đối tƣợng 21 2.1.2 Đặc tả chức 21 2.2 SƠ ĐỒ, MƠ HÌNH TỔNG QUAN CỦA HỆ THỐNG 23 2.2.1 Mơ hình hệ thống admin 23 2.2.2 Mơ hình hệ thống khách hàng 24 2.3 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 25 2.3.1 Cơ sơ liệu 25 2.3.2 Mối quan hệ bảng sở liệu 27 2.3.3 Biểu đồ UseCase 27 2.3.4 Biểu đồ lớp 30 2.3.5 Biểu đồ hoạt động 30 2.3.6 Biểu đồ 33 SVTH: Nguyễn Anh Tài - K13C04A012 ii lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP CHƢƠNG III THIẾT KÊ VÀ XÂY DỰNG WEBSITE BÁN HÀNG BẰNG PHP .34 3.1 GIAO DIỆN ỨNG DỤNG CHO NGƢỜI DÙNG 34 3.2 GIAO DIỆN QUẢN LÝ CỦA ADMIN 38 KIẾN NGHỊ VÀ KẾT LUẬN 44 DANH MỤC TÀI LIỆU THAM KHẢO 46 SVTH: Nguyễn Anh Tài - K13C04A012 iii lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP DANH MỤC BẢNG BIỂU Bảng 2.1 Bảng admin_info 25 Bảng 2.2 Bảng user_info 25 Bảng 2.3 Bảng product 25 Bảng 2.4 Bảng cart .25 Bảng 2.5 Bảng order_sanpham 26 Bảng 2.6 Bảng order_chitiet 26 SVTH: Nguyễn Anh Tài - K13C04A012 iv lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP DANH MỤC HÌNH ẢNH Hình 1.1 Giao diện phần mềm XAMPP .17 Hình 1.2 Giao diện phần mềm Visual Studio Code 18 Hình 2.1 Mơ hình hệ thống admin 23 Hình 2.2 Mơ hình hệ thống khách hàng .24 Hình 2.3 Mối quan hệ bảng sở liệu 27 Hình 2.4 Biểu đồ UseCase tổng quát 27 Hình 2.5 Biểu đồ UseCase admin .28 Hình 2.6 Biểu đồ UseCase khách hàng 28 Hình 2.7 Biểu đồ UseCase quản lý tài khoản khách hàng 28 Hình 2.8 Biểu đồ UseCase quản lý sản phẩm 29 Hình 2.9 Biểu đồ UseCase quản lý đơn đặt hàng 29 Hình 2.10 Biểu đồ UseCase toán 29 Hình 2.11 Biểu đồ lớp 30 Hình 2.12 Biểu đồ hoạt động chức đăng ký tài khoản 30 Hình 2.13 Biểu đồ hoạt động chức đăng nhập 31 Hình 2.14 Biểu đồ hoạt động chức đặt hàng 31 Hình 2.15 Biểu đồ hoạt động chức duyệt đơn hàng 32 Hình 2.16 Biểu đồ hoạt động thống kê 32 Hình 2.17 Biểu đồ chức đăng ký 33 Hình 2.18 Biểu đồ chức đăng nhập 33 Hình 3.1 Giao diện trang chủ cho ngƣời dùng 34 Hình 3.2 Giao diện đăng ký tài khoản 35 Hình 3.3 Giao diện đăng nhập tài khoản 35 Hình 3.4 Giao diện trang sản phẩm 36 Hình 3.5 Giao diện trang xem chi tiết sản phẩm 37 Hình 3.6 Giao diện trang giỏ hàng .37 Hình 3.7 Giao diện trang đặt hàng 38 Hình 3.8 Giao diện trang đăng nhập vào admin 38 Hình 3.9 Giao diện trang chủ trang admin 39 Hình 3.10 Giao diện trang danh sách tài khoản khách hàng 39 SVTH: Nguyễn Anh Tài - K13C04A012 v lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP Hình 3.11 Giao diện trang thêm tài khoản khách hàng 40 Hình 3.12 Giao diện trang cập nhật tài khoản 40 Hình 3.13 Giao diện trang sửa thông tin tài khoản 40 Hình 3.14 Giao diện trang danh sách sản phẩm 41 Hình 3.15 Giao diện trang sửa thơng tin sản phẩm 42 Hình 3.16 Giao diện trang thêm sản phẩm 42 Hình 3.17 Giao diện trang xem đơn hàng 43 SVTH: Nguyễn Anh Tài - K13C04A012 vi lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP MỞ ĐẦU Thời đại Công nghệ 4.0 tập trung vào phát triển công nghệ Tức tất liên quan đến hệ thống vật lý khơng gian mạng Internet Nhƣ cảm nhận đƣợc, công nghệ tạo ảnh hƣởng to lớn lên tất ngành lĩnh vực đời sống Kỷ nguyên khác biệt tạo tốc độ phát triển sản xuất, xã hội siêu nhanh chóng, phá bỏ truyền thống trƣớc Lý chọn đề tài Ngày nay, ứng dụng công nghệ thơng tin việc tin học hóa đƣợc xem yếu tố mang tính định hoạt động phủ, tổ chức, nhƣ cơng ty, đóng vai trị quan trọng, tạo bƣớc đột phá mạnh mẽ Trong hoạt động sản xuất, kinh doanh, đây, thƣơng mại điện tử khẳng định đƣợc vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng đƣợc nhu cầu khách hàng cần thiết Ngày nay, với phát triển cơng nghệ thơng tin mà máy tính đƣợc sử dụng rộng rãi quan, nhà máy, trƣờng học giúp cho công việc đƣợc tốt Và bn bán hàng hóa đƣợc áp dụng cơng nghệ Cho dù có nhiều website bán hàng đẹp mắt nhƣng chƣa đƣợc ngƣời dùng ƣa chuộng Nên em định chọn đề tài “Thiết kế xây dựng website bán hàng PHP” với mong muốn giúp cho việc quản lý đƣợc dễ dàng, thuận tiện tránh sai sót Mục đích đề tài Tạo website bán hàng trực tuyến để khách hàng tiếp cận đƣợc sản phẩm từ Amazon Nhằm mang đến hàng chất lƣợng giá ổn định Mọi ngƣời cần xem sản phẩm ƣng ý đặt hàng có sản phẩm chất lƣợng nƣớc Mỹ Các chức đƣợc hoàn thiện, bổ sung cho website bao gồm:  Giao diện dễ sử dụng, có tính thẩm mỹ cao co giản phù hợp với thiết bị hình  Cho phép khách hàng đăng ký thành viên đảm bảo bí mật thơng tin  Thơng tin sản phẩm phong phú, đa dạng  Luôn cập nhật, giới thiệu sản phẩm SVTH: Nguyễn Anh Tài - K13C04A012 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giúp ngƣời quản trị dễ dàng việc thay đổi, cập nhật thông tin sản phẩm, quản lý hiệu khách hàng đơn đặt hàng, tính doanh thu hàng tháng  Quản lý nguyên liệu nhập trả lại, tránh nhầm lẫn thất thoát cho nhà hàng hàng Đối tƣợng phạm vi nghiên cứu  Về lý thuyết: Tìm hiểu trình xem sản phẩm, đặt mua hàng khách hàng Lƣu ý hạn chế thực đặt hàng trực tuyến Thống kê loại sản phẩm tồn kho, áp dụng phƣơng pháp tốt để dễ dàng quản lý nhƣ cải tiến  Về ứng dụng: Xây dựng chức cần thiết cho website bán hàng dựa theo chức website quản lý bán hàng khác cịn thiếu có nhƣng chƣa đƣợc tối ƣu Phƣơng pháp thực Phƣơng pháp thu thập thông tin: sử dụng thông tin sẵn có từ nguồn sách, báo, internet khác nhƣ thu thập trực tiếp Phƣơng pháp phân tích tổng thích hợp thuyết: tổng hợp lý thuyết lập trình  Nắm vững kiến thức phân tích thiết kế hệ thống thơng tin  Có kiến thức vững CSDL: Tổ chức liệu, phân tích, thiết kế CSDL  Nắm vững có khả sử dụng thành thạo PHP, HTML, CSS, Javascript,  Nắm vững, sử dụng kết hợp cách hợp lý kỹ thuật lập trình Ý nghĩa khoa học thực tiễn Thiết kế xây dựng để tạo đƣợc website bán hàng đáp ứng phụ vụ nhu cầu ngƣời, mua hàng lúc, nơi, Qua đó, nâng cao kiến thức, kỹ lập trình mình, đồng thời hồn thành đồ án tốt nghiệp Cấu trúc đề tài Ngồi phần mở đầu kết luận đề tài có ba chƣơng: – Chƣơng Cơ sở lý thuyểt – Chƣơng Phân tích thiết kế hệ thống – Chƣơng Thiết kế xây dựng website bán hàng PHP SVTH: Nguyễn Anh Tài - K13C04A012 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Biểu đồ hoạt động chức duyệt đơn hàng Hình 2.15 Biểu đồ hoạt động chức duyệt đơn hàng  Biểu đồ hoạt động thống kê Hình 2.16 Biểu đồ hoạt động thống kê SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 32 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP 2.3.6 Biểu đồ  Biểu đồ chức đăng ký Hình 2.17 Biểu đồ chức đăng ký  Biểu đồ chức đăng nhập Hình 2.18 Biểu đồ chức đăng nhập SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 33 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP CHƢƠNG III THIẾT KÊ VÀ XÂY DỰNG WEBSITE BÁN HÀNG BẰNG PHP 3.1 GIAO DIỆN ỨNG DỤNG CHO NGƢỜI DÙNG Hình 3.1 Giao diện trang chủ cho ngƣời dùng SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 34 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện đăng ký tài khoản Hình 3.2 Giao diện đăng ký tài khoản  Giao diện đăng nhập tài khoản Hình 3.3 Giao diện đăng nhập tài khoản SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 35 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện trang sản phẩm Hình 3.4 Giao diện trang sản phẩm SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 36 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện trang xem chi tiết sản phẩm Hình 3.5 Giao diện trang xem chi tiết sản phẩm  Giao diện trang giỏ hàng Hình 3.6 Giao diện trang giỏ hàng SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 37 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện trang đặt hàng Hình 3.7 Giao diện trang đặt hàng 3.2 GIAO DIỆN QUẢN LÝ CỦA ADMIN  Giao diện trang đăng nhập admin Hình 3.8 Giao diện trang đăng nhập vào admin SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 38 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện trang chủ trang admin Hình 3.9 Giao diện trang chủ trang admin  Giao diện trang danh sách tài khoản Hình 3.10 Giao diện trang danh sách tài khoản khách hàng SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 39 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện trang thêm tài khoản Hình 3.11 Giao diện trang thêm tài khoản khách hàng  Giao diện trang cập nhật tài khoản Hình 3.12 Giao diện trang cập nhật tài khoản  Giao diện trang sửa thông tin tài khoản Hình 3.13 Giao diện trang sửa thơng tin tài khoản SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 40 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện trang danh sách sản phẩm Hình 3.14 Giao diện trang danh sách sản phẩm SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 41 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện trang sửa thơng tin sản phẩm Hình 3.15 Giao diện trang sửa thông tin sản phẩm  Giao diện trang thêm sản phẩm Hình 3.16 Giao diện trang thêm sản phẩm SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 42 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP  Giao diện trang xem đơn hàng Hình 3.17 Giao diện trang xem đơn hàng SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 43 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP KIẾN NGHỊ VÀ KẾT LUẬN Kết đạt đƣợc Về mặt lý thuyết, đồ án cung cấp đầy đủ chi tiết khái niệm, định nghĩa xoay quanh tốn Việc phân tích thiết kế hệ thống chi tiết cụ thể Về mặt thực tiễn, đồ án giải đƣợc vấn đề đƣợc đặt ra, ứng dụng hoàn thành đƣợc nhiệm vụ hƣớng đến việc hỗ trợ ngƣời dùng mua sản phẩm cách đơn giản Với nội dung đề tài “Thiết kế xây dựng website bán hàng PHP”, trang web em đƣợc dựa theo số trang web mẫu, chức chƣa đƣợc hoản thiện nhiều nhƣng em cố gắng làm đƣợc số giao diện chức sau: - Trang chủ - Trang đăng nhập, đăng ký - Trang sản phẩm - Trang chi tiết sản phẩm - Trang giỏ hàng đặt hàng - Trang đăng nhập admin - Trang chủ admin - Trang xem, sửa, xóa tài khoản khách hàng - Trang xem, sửa, xóa sản phẩm - Chức đăng nhập, đăng ký tài khoản - Chức xem sản phẩm đặt hàng - Chức đăng nhập đăng xuất admin - Chức thống kê - Chức thêm, sửa, xóa tài khoản - Chức thêm, sửa, xóa sản phẩm - Chức hiển thị đơn hàng - Sử dụng MySQL PHP để kết nối sở liệu - Responsive thiệt bị moblie, tablet - Sử dụng thƣ viện Bootstrap để tạo giao diện SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 44 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP Với kiến thức lập trình học trƣờng, với kinh nghiệm nho nhỏ em học đƣợc đợt thực tập vừa rồi,…em hoàn thành báo cáo đồ án tốt nghiệp lần Mặc dù cố gắng, nhƣng kiến thức thời gian hạn chế, nên đồ án tránh khỏi thiếu sót, kính mong q Thầy, Cơ đóng góp ý kiến để đồ án đƣợc hoàn thiện để em dựa vào phát triển tƣơng lai Nhƣợc điểm đề tài Vì khả kiến thức hạn chế, nên đề tài cịn sai sót nhƣợc điểm sau: - Chức website chƣa đƣợc đầy đủ - Một số chức xảy lỗi xử lý nhƣ: sửa sản phẩm,… - Giao diện đẹp nhƣng chƣa đƣợc tối ƣu hóa sử dụng với ngƣời dùng - Chức toán đƣợc dùng hình thức tốn trực tiếp, điều khiến ngƣời dùng cảm thấy bất tiện công nghệ nâng cao, rộng mở nhiều ngƣời dùng chuyển qua toán thẻ ngân hàng, ZaloPay,… - Chƣa đƣa đƣợc website lên tên domain để nhiều ngƣời đƣợc sử dụng - Code viết chƣa đƣợc tối ƣu nhìn rối mắt Hƣớng phát triển đề tài Để website hoạt động hiệu hơn, cần có kết hợp giao diện chuyên nghiệp, dễ sử dụng với chức nghiên cứu phát triển đề tài nhƣ sau: - Phát triển, nâng cao chức chƣa đƣợc sử dụng website - Tìm hiểu xây dựng thêm chức nhằm tạo cho ngƣời dùng có cảm giác tốt sử dụng - Tìm hiểu đƣa website lên domain để nhiều ngƣời dùng truy cập SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 45 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP DANH MỤC TÀI LIỆU THAM KHẢO [1] Lập trình PHP MySQL (Joel Murach - Ray Harris) [2] https://www.laptrinhphp.info/ [3] https://getbootstrap.com.vn/blog/huong-dan-su-dung-bootstrap-co-ban/ [4] https://vi.wikipedia.org/wiki/PHP/ [5] https://wiki.matbao.net/xampp-la-gi-cach-cai-dat-va-su-dung-xampp-trenwindows-va-linux/ [6] https://iviettech.vn/category/blog/phan-tich-thiet-ke-he-thong/ SVTH: Nguyễn Anh Tài - K13C04A012 Downloaded by Hei Ut (hut371809@gmail.com) 46 ... Nguyễn Anh Tài - K13C04A012 ii lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP CHƢƠNG III THIẾT KÊ VÀ XÂY DỰNG WEBSITE BÁN HÀNG BẰNG PHP .34 3.1 GIAO DIỆN ỨNG DỤNG CHO... Hei Ut (hut371809@gmail.com) 33 lOMoARcPSD|11617700 Thiết kế xây dựng website bán hàng PHP CHƢƠNG III THIẾT KÊ VÀ XÂY DỰNG WEBSITE BÁN HÀNG BẰNG PHP 3.1 GIAO DIỆN ỨNG DỤNG CHO NGƢỜI DÙNG Hình 3.1... đƣợc tốt Và bn bán hàng hóa đƣợc áp dụng cơng nghệ Cho dù có nhiều website bán hàng đẹp mắt nhƣng chƣa đƣợc ngƣời dùng ƣa chuộng Nên em định chọn đề tài ? ?Thiết kế xây dựng website bán hàng PHP? ?? với