Báo cáo đồ án tốt nghiệp đề tài xây dựng website bán điện thoại cho cửa hàng kim long

ỦY BAN NHÂN DÂN TỈNH BÌNH DƯƠNG TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT VÀ CÔNG NGHỆ BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Đề tài: XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI CHO CỬA HÀNG KIM LONG GVHD: ThS Nguyễn Hữu Vĩnh SVTH: Nguyễn Mạnh Hào MSSV: 1824801030101 BÌNH DƯƠNG – 11/2021 0 MỤC LỤC LỜI CẢM ƠN LỜI NÓI ĐẦU BẢNG VIẾT TẮT Chương TỔNG QUAN 1.1 Giới thiệu 1.1.1 Lý chọn đề tài 1.1.2 Hướng tiếp cận đề tài 1.1.3 Nội dung thực đề tài 1.1.4 Ý nghĩa thực tiễn đề tài 1.1.5 Giới thiệu ngôn ngữ PHP [13] 1.1.6 Giới thiệu Framework Laravel [14] 1.1.6.1 Framework Laravel ? 1.1.6.2 Framework ? PHP Framework ? 1.1.6.3 Mơ hình MVC ? 1.1.6.4 Lịch sử phát triển Laravel 1.1.6.5 Ưu điểm Laravel 1.1.6.5.1 Nhược điểm Laravel 1.1.6.5.2 Những tính hữu ích Laravel 10 1.1.7 Mục tiêu, đối tượng phương pháp nghiên cứu 10 1.1.7.1 Mục tiêu đối tượng nghiên cứu 10 1.1.7.2 Phạm vi nghiên nghiên cứu 10 1.1.7.3 Thời gian địa điểm 10 1.1.7.4 Hạ tầng trang web bán hàng 11 Chương CƠ SỞ LÝ THUYẾT 12 2.1 Quy trình mua hàng 12 2.2 Xác định yêu cầu nghiệp vụ 12 2.2 Xác định yêu cầu kỹ thuật 14 Chương PHÂN TÍCH THIẾT KẾ CƠ SỞ DỮ LIỆU 15 3.1 Cơ sở liệu 15 3.2 3.2.1 Sơ đồ Usecase 16 Biểu đồ trình đăng nhập 25 3.2.2 Biểu đồ cho trình tìm kiếm 25 0 3.2.3 Biểu đồ cho trình quản lí sản phẩm 26 3.2.4 Biểu đồ cho trình quản lý danh mục 26 3.2.5 Biểu đồ cho q trình in hóa đơn 27 3.2.6 Biểu đồ cho trình đặt hàng qua website 27 3.3 Biểu đồ hoạt động 28 3.3.1 Đăng nhập 28 3.3.2 Đăng ký 28 3.3.3 Tìm kiếm sản phẩm 29 3.3.4 Thêm vào giỏ hàng 29 3.3.5 Thanh toán 30 3.3.6 Quản lý tài khoản 30 3.3.7 Quản lý sản phẩm 31 3.3.8 Quản lý danh mục 31 3.4 Các bảng liệu 32 Chương XÂY DỰNG ỨNG DỤNG 38 4.1 Phân quyền chức người dùng 38 4.2 Chức ứng dụng giao diện 39 4.2.1 Giao diện 39 4.2.2 Đăng nhập đăng ký 39 4.2.3 Giao diện danh mục sản phẩm 41 4.2.4 Chi tiết sản phẩm 41 4.2.5 Sản phẩm liên quan 42 4.2.6 Chọn chức mua hàng 42 4.2.7 Giao diện giỏ hàng 43 4.2.8 Trang đăng nhập admin 44 4.2.9 Giao diện Admin 45 4.2.10 Liệt kê Banner 45 4.2.11 Thêm banner 46 4.2.12 Giao diên đơn hàng 47 4.2.13 Chi tiết đơn hàng 47 4.2.14 In đơn hàng 49 4.2.15 Mã giảm giá 50 4.2.16 Khi thêm mã giảm giá thành công 51 4.2.17 Quản lý mã giảm giá 51 0 4.2.18 Xóa mã giảm giá 52 4.2.19 Thêm danh mục 52 4.2.20 Liệt kê danh mục 53 4.2.21 Chỉnh sửa danh mục 53 4.2.22 Thêm thương hiệu 54 4.2.23 Liệt kê thương hiệu 54 4.2.24 Thêm sản phẩm 55 4.2.25 Liệt kê sản phẩm 55 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 57 Kết luận 57 Hướng phát triển 57 PHỤ LỤC VÀ TÀI LIỆU THAM KHẢO 58 0 0 Danh mục hình ảnh Hình Sơ đồ sở liệu 15 Hình 3.2 Sơ đồ Use case 16 Hình Use case tìm kiếm sản phẩm 20 Hình Use case giỏ hàng 21 Hình Use case quản lý nhà cung cấp sản phẩm 22 Hình Use case quản lý danh mục sản phẩm 23 Hình 9Biểu đồ tuần tụ cho trình đăng nhập 25 Hình 10 Biểu đồ chức tìm kiếm 25 Hình 11Biểu đồ cho trình quản lý sản phẩm 26 Hình 12Biểu đồ cho trình quản lý danh mục 26 Hình 13Biểu đồ cho trình in ấn 27 Hình 14Biểu đồ cho trình đặt hàng qua website 27 Hình 15Biểu đồ hoạt động đăng nhập 28 Hình 16Biểu đồ hoạt động đăng ký 28 Hình 17Biểu đồ hoạt động tìm kiếm sản phẩm 29 Hình 18Biểu đồ hoạt động thêm vào giỏ hàng 29 Hình 19Biểu đồ hoạt động toán 30 Hình 20Biểu đị hoạt động quản lý tài khoản 30 Hình 21Biểu đồ quản lý sản phẩm 31 Hình 22Biểu đồ hoạt động quản lý danh mục 31 Hình Trang chủ 39 Hình Đăng nhập đăng ký 39 Hình Danh mục sản phẩm 41 Hình 4 Chi tiết sản phẩm 41 Hình Sản phẩm liên quan 42 Hình Chọn chức mua hàng 42 Hình Giao diện giỏ hàng 43 Hình Đăng nhập admin 44 Hình Giao diện Admin 45 Hình 10 Liệt kê Banner 45 Hình 11 Thêm banner 46 Hình 12 Giao diện đơn hàng 47 0 Hình 13 Chi tiết đơn hàng 47 Hình 14 In đơn hàng 49 Hình 15 Mã giảm giá 50 Hình 16 Thêm mã giảm giá thành công 51 Hình 17 Quản lý mã giảm giá 51 Hình 18 Xóa mã giảm giá 52 Hình 19 Thêm danh mục 52 Hình 20 Liệt kê danh mục 53 Hình 21 Chỉnh sửa danh mục 53 Hình 22 Thêm thương hiệu 54 Hình 23 Liệt kê thương hiệu 54 Hình 24 Thêm sản phẩm 55 Hình 25 Liệt kê sản phẩm 55 0 LỜI CẢM ƠN Qua thời gian tiến hành học tập thực đề tài “Xây dựng website bán điện thoại cho cửa hàng Kim Long” đến hoàn thành Em xin chân thành cảm ơn thầy cô trường Đại học Thủ Dầu Một truyền đạt kiến thức, kinh nghiệm quý báu cho em suốt trình học Đặc biệt thầy Viện Kỹ Thuật Cơng tận tình giảng dạy, bảo, trang bị cho em kiến thức cần thiết suốt trình học tập nghiên cứu đề tài, tạo điều kiện thuận lợi giúp em thực đề tài lớn Em xin chân thành cảm ơn thầy Nguyễn Hữu Vĩnh tận tình giảng dạy hướng dẫn em hồn thành tốt đề tài thành phần thiếu nỗ lực em trình thực Trong trình thực đề tài, em cố gắng nhiều không tránh khỏi thiếu xót hạn chế định Em mong nhận đóng góp ý kiến, bảo tận tình cảm thơng q thầy bạn để đề tài em hồn thiện thiết thực Em xin chân thành cảm ơn! Sinh viên thực hiện: Nguyễn Mạnh Hào 0 LỜI NĨI ĐẦU Ngày nay, cơng nghệ thơng tin có bước phát triển mạnh mẽ Máy tính điện thoại khơng cịn thứ phương tiện quý mà ngày trở thành công cụ làm việc giải trí phổ biên người, khơng cơng sở mà cịn gia đình Hiện cơng ty tin học hàng đầu giới không ngừng đâu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa Internet Thông qua sản phẩm công nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác đơn giản máy có kết nối mạng Internet bạn có tận tay cần mà nhiều thời gian không cần phải mà cần ngồi nhà mua hàng mà cần Bạn cần vào trang dịch vụ thương mại điện tử, làm theo hướng dẫn click vào bạn cần Và cần ngồi chờ bạn nhận hàng Ở Việt Nam có nhiều doanh nghiệp tiến hành thương mại hóa cửa hàng Internet khó khăn kiến thức máy tính, 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 cửa hàng Để góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, em định thực đề tài “Xây dựng Website bán điện thoại cho cửa hàng Kim Long” Việc xây dựng website giúp cho công việc kinh doanh trở nên thuận lợi dễ dàng hơn, đáp ứng nhu cầu mua hàng, đồng thời thỏa mãn nhu cầu xem thông tin, mua bán online… đối tượng khách hàng Báo cáo cuối kỳ em gồm có chương sau Chương 1: Tổng quan Chương 2: Cơ sở lý thuyết Chương 3: Phân tích thiết kế sở liệu hệ thống Chương 4: Xây dựng ứng dụng Chương 5: Kết luận hướng phát triển 0 BẢNG VIẾT TẮT Keyword Tiếng Anh Tiếng Việt CSDL Database Cơ sở liệu 0 Trang 45 Đồ án tốt nghiệp 4.2.9 Giao diện Admin Hình Giao diện Admin ✓ Mục đích trang admin Trang giúp chủ cửa hàng quản lý trang web cách tốt Bên tay trái chức trang web có chủ hàng chọn chức để xem chi tiết 4.2.10 Liệt kê Banner Hình 10 Liệt kê Banner ✓ Mục đích trang liệt kê banner Trang giúp chủ cửa quản lý quảng cáo sản phẩm chủ cửa hàng Ở trang chủ cửa hàng có trường hợp để chọn Trường hợp 1: cho quảng cáo chạy trên chủ ẩn quảng cáo Chương Xây dựng ứng dụng 0 Trang 46 Đồ án tốt nghiệp click chuột vào tình trạng quảng cáo Trường hợp 2: chủ cửa hàng xóa bỏ quảng cáo khỏi trang quản lý 4.2.11 Thêm banner Hình 11 Thêm banner ✓ Mục đích trang thêm banner Trang giúp chủ cửa hàng thêm quảng cáo vào trang web bán hàng Các bước để thêm quảng cáo vào cửa hàng Bước 1: Điền tên của quảng cáo Bước 2: CHọn hình ảnh quảng cáo mà chủ cửa hàng muốn quảng cáo xuất Bước 3: Mô tả ngắn quảng cáo giúp chủ cửa hàng nắm thơng tin Bước 4: Chọn cho quảng cáo hiển thị lên trang chủ ẩn quảng cáo theo nhu cầu chủ cửa hàng Chương Xây dựng ứng dụng 0 Trang 47 Đồ án tốt nghiệp 4.2.12 Giao diên đơn hàng Hình 12 Giao diện đơn hàng ✓ Mục đích trang đơn hàng Giúp chủ cửa hàng biết cửa hàng có đơn hàng tình trạng đơn hàng Ở trang chủ khách hàng có hai l ựa chọn Trường hợp 1: chủ cửa hàng vào xem chi tiết đơn hàng mà khách hàng mua Trường hợp 2: chủ hàng xóa đơn hàng giao đến tay khách hàng 4.2.13 Chi tiết đơn hàng Hình 13 Chi tiết đơn hàng Chương Xây dựng ứng dụng 0 Trang 48 Đồ án tốt nghiệp ✓ Mục đích trang web chi tiết đơn hàng Trang giúp chủ hàng xem thơng tin chi tiết đơn hàng mà khách hàng đặt, thông tin chi tiết khách hàng giao địa tài khoản khách hàng đăng nhập vào website cửa hàng Ở trang khách hàng chọn trang thái cho đơn hàng này, gồm có trạng thái Trạng thái 1: Chưa xử lý (khi khách hàng đặt hàng) Trạng thái 2: Đã giao hàng (khi hàng giao đi) Trang thái 3: Hủy đơn hàng (khi khách hàng đặt hàng xong mà có vấn đề) Khi trang thái chưa xử lý chủ hàng chọn in hóa đơn để in hóa hóa đơn để giao hàng cho khách hàng Chương Xây dựng ứng dụng 0 Trang 49 Đồ án tốt nghiệp 4.2.14 In đơn hàng Hình 14 In đơn hàng ✓ Mục đích trang in đơn hàng Trang giúp chủ cửa hàng in hóa đơn khách hàng đặt gồm sản phẩm, thông tin giao hàng, địa khách hàng để người giao hàng giao tới cho khách hàng Chương Xây dựng ứng dụng 0 Trang 50 Đồ án tốt nghiệp 4.2.15 Mã giảm giá Hình 15 Mã giảm giá ✓ Mục đích trang thêm mã giảm giá Trang giúp chủ cửa hàng thêm mã giảm giá cửa hàng có số kiện khuyến Các bước để thêm mã giảm giá vào Bước 1: chủ cửa hàng phải nhập tên mã giảm giá Bước 2: mã giảm giá mã chủ cửa hàng đặt cho tên giảm giá đặt bước Bước 3: chủ cửa hàng chọn số lượng mã giảm chủ cửa hàng muốn Bước 4: Chọn tính mã giảm giá Mã giảm giá có hình thức: Hình thức 1: Giảm theo tiền Hình thức 2: Giảm theo phần trăm Bước 5: bước chủ cửa hàng chọn hình thức thứ giảm theo tiền chủ cửa hàng điền số tiền muốn giảm vào Cịn chủ cửa hàng chọn hình thức giảm theo phần trăm bước chủ hàng điền số phần trăm muốn giảm vào Bước 6: chủ cửa hàng chọn thêm mã ❖ Lưu ý: chủ cửa hàng bỏ qua bước click vào thêm mã báo lỗi Chương Xây dựng ứng dụng 0 Trang 51 Đồ án tốt nghiệp 4.2.16 Khi thêm mã giảm giá thành cơng Hình 16 Thêm mã giảm giá thành cơng ✓ Mục đích th ơng báo thêm mã giảm giá thành công Giúp chủ cửa hàng biết mã thêm vào thành công hay chưa để áp dụng mã cho khách hàng 4.2.17 Quản lý mã giảm giá Hình 17 Quản lý mã giảm giá ✓ Mục đích quản lý mã giảm giá Giúp chủ cửa hàng quản lý số lượng mã giảm giá cửa hàng áp dụng Ở trang hiển thị đầy đủ thông tin mà chủ cửa hàng thêm trang thêm mã giảm giá Chương Xây dựng ứng dụng 0 Trang 52 Đồ án tốt nghiệp 4.2.18 Xóa mã giảm giá Hình 18 Xóa mã giảm giá ✓ Mục đích th ơng báo xóa mã giảm giá Khi chủ cửa hàng click vào xóa mã giảm giá có hộp thoại thơng báo xuất cảnh báo chủ cửa hàng tránh tình trạng chủ cửa hàng xóa nhằm mã áp dụng 4.2.19 Thêm danh mục Hình 19 Thêm danh mục ✓ Mục đích trang thêm danh mục Trang giúp chủ cửa hàng thêm danh mục sản phẩm vào cho hiển thị danh mục trang web hay không Chương Xây dựng ứng dụng 0 Trang 53 Đồ án tốt nghiệp 4.2.20 Liệt kê danh mục Hình 20 Liệt kê danh mục ✓ Mục đích trang liệt kê danh mục Giúp chủ cửa hàng quản lý thông tin chi tiết danh mục mà chủ cửa hàng thêm trang thêm danh mục 4.2.21 Chỉnh sửa danh mục Hình 21 Chỉnh sửa danh mục ✓ Mục đích trang chỉnh sửa danh mục Giúp chủ cửa hàng thay đổi thông tin phàn quản lý danh mục Chương Xây dựng ứng dụng 0 Trang 54 Đồ án tốt nghiệp 4.2.22 Thêm thương hiệu Hình 22 Thêm thương hiệu ✓ Mục đích trang thêm thương hiệu Trang giúp chủ cửa hàng thêm thương hiệu vào cho hiển thị thương hiệu trang web hay khơng 4.2.23 Liệt kê thươ ng hiệu Hình 23 Liệt kê thương hiệu ✓ Mục đích trang liệt kê thương hiệu Giúp chủ cửa hàng quản lý thông tin chi tiết t ừng thương hiệu mà chủ cửa hàng thêm trang thêm thương hiệu Chương Xây dựng ứng dụng 0 Trang 55 Đồ án tốt nghiệp 4.2.24 Thêm sản phẩm Hình 24 Thêm sản phẩm ✓ Mục đích trang thêm sản phẩm Trang giúp chủ cửa hàng thêm chi tiết sản phẩm gồm có: tên, số lượng, giá tiền hình ảnh mơ tả, thơng tin chi tiết vào cho hiển thị sản phẩm trang web hay khơng 4.2.25 Liệt kê sản phẩm Hình 25 Liệt kê sản phẩm Chương Xây dựng ứng dụng 0 Trang 56 Đồ án tốt nghiệp ✓ Mục đích trang liệt kê sản phẩm Giúp chủ cửa hàng quản lý thông tin chi tiết t ừng sản phẩm mà chủ cửa hàng thêm trang thêm chi tiết sản phẩm Chương Xây dựng ứng dụng 0 Trang 57 Đồ án tốt nghiệp CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận Sau thực xong đề tài: “Xây dựng website bán điện thoại cho cửa hàng Kim Long” giúp em biết cách hoạt động Laravel Framwork, ôn tập lại CSDL nắm vững kiến thức việc tìm hiểu famework Do trình tìm hiểu thực hành thời gian hạ chế nên đề tài thiếu sót em xin thầy hướng dân thầy phản biện góp ý để em hồn thành tốt đề tài lần Hướng phát triển Phát triển ứng dụng thêm số tảng khác như: Android iOS Thêm số tính như: Liên kết ngân hàng, quản lý doanh thu bán hàng, thống kê, Có thể ứng dụng trang web vào việc kinh doanh buôn bán khác như: quần áo, loại thiết bị điệ tử,… Chương Xây dựng ứng dụng 0 Trang 58 Đồ án tốt nghiệp PHỤ LỤC VÀ TÀI LIỆU THAM KHẢO Tài liệu tham khảo ➢ Tài liệu lập trìn PHP Laravel (https://www.slideshare.net/DevworkSystem/devworkvn-ti-liu-lp-trnhphp-laravel) ➢ Document Laravel (https://laravel.com/) Link website ➢ https://hoclaptrinhweb.org/lap-trinh/hoc-php/227-bai-1-gioi-thieu-ve-ngonngu-lap-trinh-php-va-huong-dan-cai-dat.html https://developer.android.com/training/ ➢ https://developer.paypal.com/docs/ Link source: https://drive.google.com/file/d/1Cd0wvIz5bJCwwFQ6R0bGqUaojzil2eZJ/view?usp=s haring Chương Xây dựng ứng dụng 0 Trang 59 Khóa luận tốt nghiệp Chương Phân tích thiết kế sở liệu 0 ... đơn đặt hàng thông qua website cửa hàng Để góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, em định thực đề tài ? ?Xây dựng Website bán điện thoại cho cửa hàng Kim Long? ?? Việc xây dựng website. .. cần phải đến tận nơi để xem mua hàng, khách hàng xem mua hàng trực tuyến website Từ lý em định thực đề tài ? ?Xây dựng website bán điện thoại cho cửa hàng Kim Long? ?? .Website cung cấp thông tin cách... xu hướng bán lẻ cửa hàng nhỏ vừa lớn Hiện nay, đa số cửa hàng bán thiết bị di động chưa có website riêng bán hàng thơng qua hình thức trực tuyến Nhằm giúp cửa hàng bán thiết bị điện thoại nhỏ