Xây dựng website bán hàng nội thất

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM LÊ VĂN VIỆT TUYẾN CAO THỊ HỒNG HẠNH ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG NỘI THẤT GIẢNG VIÊN HƯỚNG DẪN: ThS LÊ THỊ BẢO YẾN SINH VIÊN THỰC HIỆN: ĐẶNG BẢO LINH LỚP: K11TT MSSV: 17152480201007 CÁN BỘ HƯỚNG DẪN: ĐÀO THÌ HỒNG ÁNH Kon Tum, tháng 04 năm 2022 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM ĐẶNG BẢO LINH CAO THỊ HỒNG HẠNH ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG NỘI THẤT GIẢNG VIÊN HƯỚNG DẪN : TS ĐỒNG NGỌC NGUYÊN THỊNH SINH VIÊN THỰC HIỆN : LÊ VĂN VIỆT TUYẾN LỚP : K11TT MSSV : 17152480201006 Kon Tum, tháng 04 năm 2022 LỜI CẢM ƠN Trong suốt trình học tập UDCK, em nhận tận tình giúp đỡ, giảng dạy kiến thức bổ ích quý thầy trường nói chung khoa Cơng Nghệ nói riêng Em xin gửi lời cảm ơn chân thành sâu sắc đến thầy cô đặc biệt giảng viên TS Đồng Ngọc Nguyên Thịnh thời gian qua giúp đỡ em việc hoàn thành báo cáo đồ án Mặc dù gặp nhiều khó khăn việc hoàn thành đồ án này, nhiên em cố gắng để thực hoàn chỉnh báo cáo Tuy nhiên, chưa có đầy đủ kỹ kinh nghiệm để hoàn thành báo cáo đồ án nên em nhiều thiếu sót Rất mong đóng góp ý kiến thơng cảm từ q thầy để em hoàn thiện báo cáo Em xin chân thành cảm ơn ! Sinh viên Lê Văn Việt Tuyến MỤC LỤC CHƯƠNG TỔNG QUAN 1.1 TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU .1 1.2 LÝ DO CHỌN ĐỀ TÀI 1.3 MỤC ĐÍCH NGHIÊN CỨU 1.4 PHẠM VI NGHIÊN CỨU .2 1.5 PHƯƠNG PHÁP NGHIÊN CỨU 1.5.1 Lý thuyết 1.5.2 Khảo sát thực tế .2 1.5.3 Nghiên cứu thực nghiệm 1.6 CÁC CHỨC NĂNG CỦA ĐỀ TÀI .2 CHƯƠNG CỞ SỞ LÝ THUYẾT .3 2.1 NGÔN NGỮ LẬP TRÌNH .3 2.1.1 HTML .3 2.1.2 CSS 2.1.3 PHP 2.1.4 JavaScript 2.1.5 Laravel .4 2.2 CÔNG NGHỆ 2.2.1 Xampp 2.2.2 Visual Studio Code 2.3 THƯ VIỆN HỖ TRỢ .8 2.3.1 Bootstrap 2.3.2 JQuery 2.4 HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU 2.5 MƠ HÌNH THƯƠNG MẠI ĐIỆN TỬ B2B, B2C .10 2.5.1 Mơ hình B2B 10 2.5.2 Mơ hình B2C 10 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .11 3.1 CHỨC NĂNG CỦA CHƯƠNG TRÌNH 11 3.1.1 Đối với khách hàng 11 3.2.2 Đối với thành viên 12 3.1.2 Đối với người quản trị 13 3.3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 16 3.3.1 Biểu đồ Usecase tổng quát 16 3.3.2 Sơ đồ 28 3.3.3 Sơ đồ lớp .47 3.3.4 Lược đồ quan hệ liệu .49 CHƯƠNG KẾT QUẢ 56 4.1 GIAO DIỆN TRANG KHÁCH HÀNG 56 i 4.1.1 Giao diện trang chủ .56 4.1.2 Giao diện shop – sản phẩm 59 4.1.3 Giao diện xem chi tiết sản phẩm 62 4.1.4 Giao diện giỏ hàng toán 65 4.1.5 Giao diện sản phẩm yêu thích 69 4.1.6 Giao diện trang so sánh 70 4.1.7 Giao diện trang giới thiệu .71 4.1.8 Giao diện trang liên hệ 71 4.1.9 Giao diện trang đăng nhập 72 4.1.10 Giao diện trang đăng kí 73 4.1.11 Giao diện trang tìm kiếm sản phẩm 74 4.2 GIAO DIỆN TRANG ADMIN 74 4.2.1 Giao diện trang đăng nhập 74 4.2.2 Giao diện trang chủ quản lý 75 4.2.3 Giao diện trang quản lý danh mục sản phẩm 76 4.2.4 Giao diện quản lý thương hiệu sản phẩm 78 4.2.5 Giao diện quản lý sản phẩm 80 4.2.6 Giao diện quản lý mã khuyến .83 4.2.7 Giao diện quản lý đơn hàng 84 4.2.8 Giao diện quản lý phí vận chuyển .85 4.2.9 Giao diện quản lý Mail 86 CHƯƠNG KẾT LUẬN 87 5.1 ĐÁNH GIÁ KẾT QUẢ 87 5.1.1 Chức làm 87 5.1.2 Hạn chế đề tài 87 5.2 HƯỚNG PHÁT TRIỂN .87 DANH MỤC TÀI LIỆU THAM KHẢO 88 ii DANH MỤC BẢNG Số hiệu bảng Tên bảng Trang 2.1 Cấu trúc thư mục Laravel 3.1 Các tác nhân sơ đồ Usecase 14 3.2 Đặc tả sơ đồ usecase Đăng ký 16 3.3 Đặc tả sơ đồ usecase Đăng nhập 16 3.4 Đặc tả sơ đồ usecase Tìm kiếm 17 3.5 Đặc tả sơ đồ usecase Xem chi tiết sản phẩm 17 3.6 Đặc tả sơ đồ usecase Yêu thích sản phẩm 18 3.7 Đặc tả sơ đồ usecase Thêm sản phẩm vào giỏ hàng 18 3.8 Đặc tả sơ đồ usecase Đặt hàng 19 3.9 Đặc tả sơ đồ Đăng nhập admin 19 3.10 Đặc tả sơ đồ usecase Quản lý sản phẩm 20 3.11 Đặc tả sơ đồ usecase Xóa sản phẩm 20 3.12 Đặc tả sơ đồ usecase Quản lý danh mục sản phẩm 21 3.13 Đặc tả sơ đồ usecase Xóa danh mục sản phẩm 22 3.14 Đặc tả sơ đồ usecase Quản lý đơn hàng 22 3.15 Đặc tả sơ đồ usecase Xóa đơn hàng 23 3.16 Đặc tả sơ đồ usecase Thêm phí vận chuyển 23 3.17 Đặc tả sơ đồ usecase Thêm mã khuyến 24 3.18 Đặc tả sơ đồ usecase Xóa mã khuyến 24 3.19 Đặc tả sơ đồ usecase Thống kê 24 3.20 Danh sách lớp 45 3.21 Dữ liệu sản phẩm 48 3.22 Dữ liệu danh mục sản phẩm 48 3.23 Dữ liệu Wishlist 49 3.24 Dữ liệu Thông tin vận chuyển 49 3.25 Dữ liệu Order 50 3.26 Dữ liệu Khách hàng 50 3.27 Dữ liệu Admin 51 iii 3.28 Dữ liệu Bình luận 51 3.29 Dữ liệu Chi tiết hóa đơn 51 3.30 Dữ liệu Mã giảm giá 52 3.31 Dữ liệu Thông tin Feesdhip 52 3.32 Dữ liệu Thông tin đăng ký 52 3.33 Dữ liệu Slide 53 3.34 Dữ liệu Brand 53 iv DANH MỤC HÌNH Số hiệu hình Tên Trang 2.1 Cấu trúc thư mục Larave 3.1 Sơ đồ Usecase Tổng quát 17 3.2 Sơ đồ Usecase Đăng ký 18 3.3 Sơ đồ Usecase Đăng nhập 18 3.4 Sơ đồ Usecase Tìm kiếm 19 3.5 Sơ đồ Usecase yêu thích sản phẩm 20 3.6 Sơ đồ Usecase Thêm sản phẩm vào giỏ hàng 20 3.7 Sơ đồ Usecase Đặt hàng 21 3.8 Sơ đồ Usecase Đăng nhập Admin 22 3.9 Sơ đồ Usecase Quản lý sản phẩm 23 3.10 Sơ đồ Usecase Quản lý danh mục sản phẩm 24 3.11 Sơ đồ Usecase Quản lý đơn hàng 25 3.12 Sơ đồ Usecase Quản lý thêm phí vận chuyển 25 3.13 Sơ đồ Usecase Quản lý mã giảm giá 26 3.14 Sơ đồ Usecase Thống kê 27 3.15 Sơ đồ Đăng ký 28 3.16 Sơ đồ Đăng nhập 29 3.17 Sơ đồ Đăng xuất 30 3.18 Sơ đồ Tìm kiếm sản phẩm 30 3.19 Sơ đồ Xem chi tiết sản phẩm 31 3.20 Sơ đồ Thêm sản phẩm vào giỏ hàng 32 3.21 Sơ đồ Đặt hàng 33 3.22 Sơ đồ Quản lý đơn hàng 34 3.23 Sơ đồ Thêm sản phẩm 35 3.24 Sơ đồ Sửa sản phẩm 36 3.25 Sơ đồ Xóa sản phẩm 37 3.26 Sơ đồ Thêm danh mục 38 3.27 Sơ đồ Sửa danh mục 39 3.28 Sơ đồ Xóa danh mục 40 3.29 Sơ đồ Thêm thương hiệu sản phẩm 41 3.30 Sơ đồ Sửa thương hiệu sản phẩm 42 v 3.31 Sơ đồ Xóa thương hiệu sản phẩm 43 3.32 Sơ đồ Thêm mã giảm giá 44 3.33 Sơ đồ Xóa mã giảm giá 45 3.34 Sơ đồ Thống kê 46 3.35 Sơ đồ Thêm phí vận chuyển 47 3.36 Sơ đồ lớp 48 3.37 Lược đồ quan hệ sở liệu 49 4.1 Giao diện trang chủ website 56 4.2 Giao diện trang chủ website 57 4.3 Giao diện trang chủ website 57 4.4 Giao diện trang chủ website 58 4.5 Giao diện trang chủ website 58 4.6 Giao diện shop – sản phẩm 59 4.7 Giao diện sản phẩm theo danh mục 59 4.8 Giao diện trang xem chi tiết sản phẩm 60 4.9 Tìm kiếm theo giá sản phẩm 60 4.10 Giao diện sản phẩm mua nhiều 61 4.11 Giao diện xem chi tiết sản phẩm 62 4.12 Giao diện mô tả chi tiết sản phẩm 62 4.13 Giao diện thông tin sản phẩm 62 4.14 Giao diện xem đánh giá bình luận sản phẩm 63 4.15 Giao diện đánh giá bình luận sản phẩm 64 4.16 Giao diện sản phẩm liên qua 64 4.17 Giao diện thêm vào giỏ hàng 65 4.18 Giao diện chi tiết giỏ hàng 66 4.19 Giao diện tốn từ giỏ hàng 66 4.20 Giao diện thơng tin đơn hàng 67 4.21 Phương thức toán 67 4.22 Đơn hàng đặt mua 68 4.23 Trạng thái đơn hàng 68 4.24 Giao diện xem trước sản phẩm yêu thích 69 4.25 Giao diện sản phẩm yêu thích chi tiết 69 4.26 Giao diện trang so sánh 70 vi 4.27 Giao diện trang giới thiệu 71 4.28 Giao diện trang liên hệ 71 4.29 Giao diện trang liên hệ 72 4.30 Giao diện trang đăng nhập 72 4.31 Giao diện trang đăng ký 73 4.32 Giao diện tìm kiếm sản phẩm 74 4.33 Giao diện trang đăng nhập 74 4.34 Giao diện trang chủ admin 75 4.35 Giao diện quản lý danh mục sản phẩm 76 4.36 Giao diện thêm danh mục sản phẩm 77 4.37 Giao diện sửa danh mục sản phẩm 77 4.38 Giao diện quản lý thương hiệu sản phẩm 78 4.39 Giao diện sửa thương hiệu sản phẩm 79 4.40 Giao diện thêm thương hiệu sản phẩm 79 4.41 Giao diện thêm sản phẩm 80 4.42 Giao diện quản lý sản phẩm 81 4.43 Giao diện sửa sản phẩm 82 4.44 Giao diện quản lý mã khuyến 83 4.45 Giao diện thêm mã khuyến 83 4.46 Giao diện quản lý đơn hàng 84 4.47 Giao diện chi tiết đơn hàng 84 4.48 Giao diện quản lý phí vận chuyển 85 4.49 Giao diện thêm phí vận chuyển 85 4.50 Giao diện quản lý Mail 86 4.51 Giao diện quản lý Mai 86 vii 4.2.2 Giao diện trang chủ quản lý Hình 4.34: Giao diện trang chủ admin Ở trang quản lý tổng quan tổng sản phẩm, tổng doanh thu, số khách hàng biểu đơn đặt hàng mới, đơn hàng xác nhận, số lượt thích, số người đăng ký,…giúp cho người quản lý dễ dàng kiểm sốt thơng tin trang chủ 75 4.2.3 Giao diện trang quản lý danh mục sản phẩm Hình 4.35: Giao diện quản lý danh mục sản phẩm Tại quản trị viên quản lí danh sách mã danh mục, tên danh mục, trạng thái chức thêm, sửa, xóa danh mục 76 Hình 4.36: Giao diện thêm danh mục sản phẩm Hình 4.37: Giao diện sửa danh mục sản phẩm 77 4.2.4 Giao diện quản lý thương hiệu sản phẩm Hình 4.38: Giao diện quản lý thương hiệu sản phẩm Tại quản trị viên quản lí danh sách mã thương hiệu, tên, trạng thái chức thêm, sửa, xóa thương hiệu sản phẩm 78 Hình 4.39: Giao diện sửa thương hiệu sản phẩm Hình 4.40: Giao diện thêm thương hiệu sản phẩm 79 4.2.5 Giao diện quản lý sản phẩm Hình 4.41: Giao diện thêm sản phẩm Quản trị viên thêm sản phẩm vào web bao gồm Tên sản phẩm, Giá, Tóm tắt, Số lượng, Màu sắc, Hình ảnh Thơng tin mơ tả Sau quản trị viên nhập xong thơng tin nhấn vào nút Thêm để lưu lại sản phẩm vừa nhập 80 Hình 4.42: Giao diện quản lý sản phẩm Ở admin quản lí thơng tin mã sản phẩm, tên, thương hiệu, danh mục, hình ảnh, giá, số lượng, trạng thái chiến lược sản phẩm số chức thêm, sửa, xóa sản phẩm 81 Hình 4.43: Giao diện sửa sản phẩm Quản trị viên tháo các mục cần sửa lại sau bấm Cập nhật 82 4.2.6 Giao diện quản lý mã khuyến Hình 4.44: Giao diện quản lý mã khuyến Mục khuyến hiển thị thông tin tên khuyến mãi, giá trị, mã giảm, thời gian, trạng thái chức thêm, sửa, xóa khuyến Hình 4.45: Giao diện thêm mã khuyến 83 4.2.7 Giao diện quản lý đơn hàng Hình 4.46: Giao diện quản lý đơn hàng Ở hiển thị đơn hàng mà khách hàng đặt mua bao gồm thông tin mã đơn hàng, tên người đặt, ngày, …Và quản trị viên chấp nhận đơn hàng này, xóa đơn hàng khách hàng thơng báo hủy đơn Ngồi admin xem chi tiết đơn hàng hình 4.46 Hình 4.47: Giao diện chi tiết đơn hàng 84 4.2.8 Giao diện quản lý phí vận chuyển Hình 4.48: Giao diện quản lý phí vận chuyển Mục phí vận chuyển hiển thị phí ship tỉnh - thành phố, quận - huyện, xã - phường thêm chức thêm, sửa, xóa Hình 4.49: Giao diện thêm phí vận chuyển 85 4.2.9 Giao diện quản lý Mail Hình 4.50: Giao diện quản lý Mail Hình 4.51: Giao diện quản lý Mail Quản trị viên nhận tin nhắn, thông báo gửi cho cửa hàng quản trị viên gửi lại thơng tin phản hồi cho người gửi 86 CHƯƠNG KẾT LUẬN 5.1 ĐÁNH GIÁ KẾT QUẢ 5.1.1 Chức làm Trải qua q trình tìm hiểu sử dụng ngơn ngữ lập trình Laravel với mơ hình MVC, em xây dựng trang web cửa hàng nột thất với chức có trang web như: - Đăng nhập/ Đăng ký; - Xem thông tin sản phẩm, thêm vào giỏ hàng; - Tìm kiếm sản phẩm; - Quản lý giỏ hàng; - Quản lý danh mục, sản phẩm, thương hiệu…(đối với quản trị viên); - Kiểm đơn hàng; - So sánh sản phẩm 5.1.2 Hạn chế đề tài - Còn nhiều sản phẩm chưa thể cập nhật đầy đủ nhu cầu khác hàng - Một vài chức chưa ổn định thời gian tải 5.2 HƯỚNG PHÁT TRIỂN - Tìm hiểu kỹ phần mềm lập trình web để hồn thiện trang web tốt hơn, tối ưu hóa việc sử dụng trang web người dùng, giúp người dùng có trải nghiệm tốt nhất, hổ trợ tư vấn cách đầy đủ xác nhất, cải thiện giao diện trang web để trang web thân thiện với người dùng nhất, bắt mắt thu hút người dùng - Để phù hợp với thương mai điện tử nay, tương lai em tích hợp số tính tiêu biểu: + Hỗ trợ khách hàng thơng qua Auto Chat Messenger; + Tích hợp thêm hình thức tốn ví điện tử Internet Banking 87 DANH MỤC TÀI LIỆU THAM KHẢO Tiếng Việt [1] “blog.dammaynho”, “Tổng quan ngành thương mại điện tử B2B B2C” [Trực tuyến] Địa chỉ: https://blog.dammaynho.com/marketing/b2b-va-b2c.html [Truy cập 03/01/2022] [2] Phạm Nguyễn Văn (2009), Giáo trình PHP, Trường ĐH Sư Phạm Kỹ Thuật [3] Phạm Hữu Khang, Hoàng Đức Hải, Phương Lan (2006), Xây dựng ứng dụng web PHP My SQL, NXB Phương Đông, TP Hồ Chí Minh [4] Trường Đại học FPT (dịch) (2015), HTML CSS3: Thiết kế trang Web thích ứng giàu tính năng, NXB Bách khoa – Hà Nội [5] “thaicong”, “Nội thất Thái Công” [Trực tuyến] Địa chỉ: https://thaicong.com/vi/.[Truy cập 05/01/2022] [6] “vinasupport”, “Laravel gì? Tổng quan Laravel PHP Framework” [Trực tuyến] Địa chỉ: https://vinasupport.com/laravel-la-gi-tong-quan-ve-laravelphp-framework [Truy cập 20/12/2021] 88 GIẤY XÁC NHẬN HOÀN THÀNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: LÊ VĂN VIỆT TUYẾN MSSV: 17152480201006 Lớp: K11TT Xác nhận sinh viên Lê Văn Việt Tuyến chỉnh sửa báo cáo đồ án tốt nghiệp theo ý kiến Giảng viên hướng dẫn Hội đồng đánh giá Tên báo cáo đồ án tốt nghiệp: Xây dựng Website bán hàng nội thất Trưởng khoa Kon Tum, ngày 08 tháng 04 năm 2022 Người hướng dẫn ... tốn điện tử qua ngân hàng chưa phổ biến nên dừng lại mức độ giới thiệu sản phẩm tiếp nhận đơn đặt hàng thông qua website, ứng dụng Vì việc ? ?Xây dựng website bán hàng nội thất ” đáp ứng yêu cầu... đề tài ? ?Xây dựng website bán hàng nội thất? ?? nhằm giải vấn đề 1.3 MỤC ĐÍCH NGHIÊN CỨU - Nhằm phục vụ người có sở thích đồ dùng nột thất, người muốn sở hữu sản phẩm ưng ý cho ngơi nhà, cửa hàng, ... bán hàng sẵn có (nhadep.com.vn, nhaxinh.com, baya.vn) - Tham khảo theo ý kiến khách hàng từ internet khách hàng thực tiễn 1.5.3 Nghiên cứu thực nghiệm - Lập trình thiết kế, xây dựng website bán