Báo cáo tốt ngiệp đề tài xây dựng website bán tivi cho cửa hàng phong hào ở bình dương

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ *********** BÁO CÁO TỐT NGIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN TIVI CHO CỬA HÀNG PHONG HÀO Ở BÌNH DƯƠNG Sinh Viên Thực Hiện : PHẠM PHONG HÀO Lớp : D17PM01 Khóa : 2017 - 2021 Ngành : KỸ THUẬT PHẦN MỀM Giảng Viên Hướng Dẫn : THS NGUYỄN HỮU VĨNH Bình Dương, tháng 05/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN TIVI CHO CỬA HÀNG PHONG HÀO Ở BÌNH DƯƠNG Sinh Viên Thực Hiện : PHẠM PHONG HÀO Lớp : D17PM01 Khóa : 2017 - 2021 Ngành : KỸ THUẬT PHẦN MỀM Giảng Viên Hướng Dẫn : THS NGUYỄN HỮU VĨNH Bình Dương, tháng 05/2021 I 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN TIVI CHO CỬA HÀNG PHONG HÀO Ở BÌNH DƯƠNG Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) Nguyễn Hữu Vĩnh II 0 MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin công nghệ có đẳng cấp cao l ần lượt chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần… Bằng Internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định 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 nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Vì vậy, em thực đồ án “XÂY DỰNG WEBSITE BÁN TIVI CHO CỬA HÀNG PHONG HÀO Ở BÌNH DƯƠNG” Người chủ cửa hàng đưa sản phẩm lên website quản lý website Khách hàng đặt mua hàng website mà không cần đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng nhận tiền Với hướng dẫn tận tình thầy Nguyễn Hữu Vĩnh em hoàn thành báo cáo đồ án Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống III 0 không tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q Thầy Em xin chân thành cảm ơn IV 0 MỤC LỤC MỤC LỤC v DANH MỤC HÌNH viii DANH MỤC BẢNG x DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT xi CHƯƠNG KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 2.1 Phân tích yêu cầu đề tài 2.1.1 Tên đề tài 2.1.2 Lý chọn đề tài .1 2.1.3 Chức .1 2.1.4 Phương pháp nghiên cứu 2.1.5 Ý nghĩa khoa học thực tiễn .2 2.1.6 Yêu cầu đặt 1.2 Phân tích thiết kế hệ thống 2.2.1 Khảo sát trạng xây dựng hệ thống .3 1.2.2 Phân tích hệ thống 2.3 Công nghệ sử dụng 2.3.1 Giới thiệu Lavarel 2.3.2 Giới thiệu MySQL 2.4 Sơ đồ phân cấp chức khách hàng 2.5 Sơ đồ phân cấp chức admin CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Danh sách Actor 2.2 Danh sách chức 2.3 Biểu đồ use case 11 2.3.1 Biểu đồ use case mức tổng quát 11 2.3.2 Use case quản lý sản phẩm 11 2.3.3 Use case quản lý mã giảm giá 11 2.3.4 Use case quản lý slide 12 2.3.5 Use case quản lý thương hiệu .12 2.3.6 Use case quản lý đơn hàng 12 V 0 3.3.7 Use case quản lý danh mục 13 3.3.8 Đặt tả use case 13 2.4 Biểu đồ (Sequence Diagram) 27 2.4.1 Biểu đồ Đăng nhập 27 2.4.2 Biểu đồ Xem giỏ hàng 27 2.4.3 Biểu đồ Xóa giỏ hàng 28 2.4.4 Biểu đồ Thêm người dùng 28 2.4.5 Biểu đồ Chỉnh sửa người dùng 29 2.4.6 Biểu đồ Xóa người dùng 30 2.4.7 Biểu đồ Thêm sản phẩm 30 2.4.8 Biểu đồ Chỉnh sửa sản phẩm 31 2.4.9 Biểu đồ Xóa sản phẩm 31 2.4.10 Biểu đồ Thêm slide 32 2.4.11 Biểu đồ Chỉnh sửa slide 32 2.4.12 Biểu đồ Xóa slide 33 2.5 Sơ đồ lớp (Class Diagram) 33 CHƯƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU .35 3.1 Lược đồ 35 3.2 Lược đồ chi tiết 35 3.2.1 Bảng chứa thông tin tài khoản 35 3.2.2 Bảng chứa thông tin sản phẩm .36 3.2.3 Bảng chứa thông tin thương hiệu 36 3.2.4 Bảng chứa thông tin đơn hàng .37 3.2.5 Bảng chứa thông tin chi tiết đơn hàng 37 3.2.6 Bảng chứa thông tin khách hàng đặt hàng 38 3.2.7 Bảng chứa thơng tin khách hàng tốn online .38 3.2.8 Bảng chứa thông tin ngôn ngữ .39 3.2.9 Bảng chứa thông tin mã giảm giá 39 3.2.10 Bảng chứa thông tin slide 40 3.2.11 Bảng chứa thông tin đánh giá sản phẩm 40 3.2.12 Bảng chứa thông tin doanh thu 41 3.2.13 Bảng chứa thông tin vận chuyển 41 CHƯƠNG XÂY DỰNG WEBSITE BÁN TIVI 42 VI 0 4.1 Một số giao diện người dùng 42 4.1.1 Trang chủ 42 4.1.2 Trang đăng ký, đăng nhập 43 4.1.3 Trang chi ti ết sản phẩm 43 4.1.4 Trang sản phẩm 44 4.1.5 Trang giỏ hàng .44 4.1.6 Trang toán 45 4.1.7 Trang toán tài khoản ngân hàng 46 4.1.8 Trang chia s ẽ facebook 47 4.1.9 Trang bình luận facebook 47 4.2 Một số giao diện người quản trị 48 4.2.1 Trang tổng quan 48 4.2.2 Trang quản lý đơn hàng 49 4.2.3 Trang quản lý sản phẩm .49 4.2.4 Trang quản lý mã giảm giá 50 4.2.5 Trang quản lý hàng t ồn kho 50 4.2.6 Trang quản lý vận chuyển .51 4.2.7 Trang in đơn hàng sang pdf 51 KẾT LUẬN 53 TÀI LIỆU THAM KHẢO 54 VII 0 DANH MỤC HÌNH Hình 1.1: Sơ đồ website bán tivi Hình 1.2: Sơ đồ chức khách hàng Hình 1.3: Sơ đồ quản lý sản phẩm 10 Hình 1.4: Sơ đồ quản lý slide 10 Hình 1.5: Sơ đồ quản lý đơn hàng 11 Hình 1.6: Sơ đồ quản lý mã giảm giá 11 Hình 1.7: Sơ đồ quản lý danh mục 12 Hình 1.8: Sơ đồ quản lý thương hiệu 12 Hình 2.1: Use case tổng quát 11 Hình 2.2: Use case quản lý sản phẩm 11 Hình 2.3: Use case quản lý mã giảm giá 12 Hình 2.4: Use case quản lý slide 12 Hình 2.5: Use case quản lý thương hiệu 12 Hình 2.6: Use case quản lý đơn hàng 13 Hình 2.7: Use case quản lý danh mục 13 Hình 2.8: Biểu đồ Đăng nhập 27 Hình 2.9: Biểu đồ Xem giỏ hàng 28 Hình 2.10: Biểu đồ Xóa giỏ hàng 28 Hình 2.11: Biểu đồ Thêm người dùng 29 Hình 2.12: Biểu đồ Chỉnh sửa người dùng 30 Hình 2.13: Biểu đồ Xóa người dùng 30 Hình 2.14: Biểu đồ Thêm sản phẩm 31 Hình 2.15: Biểu đồ Chỉnh sửa sản phẩm 31 Hình 2.16: Biểu đồ Xóa sản phẩm 32 Hình 2.17: Biểu đồ Thêm slide 32 Hình 2.18: Biểu đồ Chỉnh sửa slide 33 Hình 2.19: Biểu đồ Xóa slide 33 Hình 2.20: Class diagram 34 Hình 4.1: Trang chủ 43 Hình 4.2: Trang đăng ký , đăng nhập 43 Hình 4.3: Trang chi tiết sản phẩm 44 Hình 4.4: Trang sản phẩm 44 VIII 0 Hình 4.5: Trang giỏ hàng 45 Hình 4.6: Trang tốn 46 Hình 4.7: Trang toán tài khoản ngân hàng 47 Hình 4.8: Trang chia s ẽ facebook 47 Hình 4.9: Trang bình luận facebook 48 Hình 4.10: Trang t quan 49 Hình 4.11: Trang quản lý đơn hàng 49 Hình 4.12: Trang quản lý sản phẩm 50 Hình 4.13: Trang quản lý mã giảm giá 50 Hình 4.14: Trang quản lý hàng tồn kho 51 Hình 4.15: Trang quản lý vận chuyển 51 Hình 4.16: Trang in đơn hàng pdf 52 IX 0 Chương Thiết kế sở liệu Lưu số tiền số phần trăm giảm coupon_number int 50 coupon_code varchar 255 Lưu mã giảm giá coupon_condition varchar 255 Lưu hình thức giảm giá coupon_date_start varchar 255 Lưu ngày bắt đầu giảm giá coupon_date_end varchar 255 Lưu ngày kết thúc giảm giá coupon_status int 10 Lưu trạng thái mã giảm giá giá 3.2.10 Bảng chứa thông tin slide Bảng 3.11: Bảng chứa thông tin slide Field name Type Max Length Descrition id int 10 Lưu id slide, tự động tăng link varchar 255 Lưu đường dẫn slide image varchar 255 Lưu hình ảnh slide status_slide int 10 Lưu trạng thái slide 3.2.11 Bảng chứa thông tin đánh giá sản phẩm Bảng 3.12: Bảng chứa thông tin đánh giá sản phẩm Field name Type Max Length Descrition rating_id int 10 Lưu id đánh giá, tự động tăng product_id int 10 Lưu id sản phẩm rating_number int 10 Lưu số lượng đánh giá 40 0 Chương Thiết kế sở liệu 3.2.12 Bảng chứa thông tin doanh thu Bảng 3.13: Bảng chứa thông tin doanh thu Field name Type Max Length Descrition id_statistic int 10 Lưu id doanh thu, tự động tăng order_date varchar 255 Lưu ngày bán hàng sales int 10 Lưu số tiền bán profit int 10 Lưu số tiền lãi quantity int 10 Lưu số lượng bán total_order int 10 Lưu tổng lượt đặt 3.2.13 Bảng chứa thông tin vận chuyển Bảng 3.14: Bảng chứa thông tin vận chuyển Field name Type Max Length Descrition fee_id int 10 Lưu id vận chuyển fee_matp int 10 Lưu mã thành phố fee_maqh int 10 Lưu mã quận huyện fee_xaid int 10 Lưu mã xã, phường fee_feeship int 10 Lưu phí vận chuyển 41 0 Chương Giao diện website bán tivi CHƯƠNG XÂY DỰNG WEBSITE BÁN TIVI 4.1 Một số giao diện người dùng 4.1.1 Trang chủ Trang chủ trang mà người truy cập thấy tổng quát toàn chức website đồng thời trang chủ hiển thị sản phẩm tivi phù hợp với nhu cầu khách hàng 42 0 Chương Giao diện website bán tivi Hình 4.1: Trang chủ 4.1.2 Trang đăng ký, đăng nhập Đây giao diện trang đăng nhập đăng ký để khách hàng truy cập sử dụng tất chức dịch vụ trang web Hình 4.2: Trang đăng ký , đăng nhập 4.1.3 Trang chi tiết sản phẩm Khách hàng xem thông tin chi tiết sản phẩm như: giá tiền, mô tả, chỉnh sửa số lượng mua theo ý muốn 43 0 Chương Giao diện website bán tivi Hình 4.3: Trang chi tiết sản phẩm 4.1.4 Trang sản phẩm Khách hàng lựa chọn loại tivi theo danh mục sản phẩm có website Hình 4.4: Trang sản phẩm 4.1.5 Trang giỏ hàng 44 0 Chương Giao diện website bán tivi Khách hàng chọn lựa sản phẩm đưa vào giỏ hàng để tốn, khách hàng chọn nhiều sản phẩm theo nhu cầu N ếu chọn sản phẩm mà muốn chọn thêm sản phẩm, khách hàng chọn vào tiếp “trang chủ,” “sản phẩm” Khách hàng cịn cập nhật lại số lượng sản phẩm muốn mua chọn “thanh tốn” đơn đặt hàng để hồn thành việc chọn xong mặt hàng Hình 4.5: Trang giỏ hàng 4.1.6 Trang toán Khách hàng phải đăng nhập vào trang tốn Trang tốn có thơng tin đơn hàng gồm sản phẩm mà khách hàng chọn mua thông tin mua hàng lấy trực tiếp từ thông tin cá nhân khách hàng Trang khách hàng chọn hình thức giao hàng như: toán sau giao hàng, toán sau nhận hàng, toán Paypal chọn hình thức giao hàng như: giao trực tiếp, chuyển giao Sau hồn thành xong thơng tin cá nhân, khách hàng chọn nút tốn đơn hàng khách hàng đặt mua xong, khách hàng việc chờ nhân viên gọi điện lại xác nhận đơn hàng mua Những sản phẩm giỏ hàng bị 45 0 Chương Giao diện website bán tivi Hình 4.6: Trang tốn 4.1.7 Trang toán tài khoản ngân hàng 46 0 Chương Giao diện website bán tivi Sau thêm s ản phẩm vào giỏ hàng người dùng chọn hình thức tốn hình thức tốn tài khoản ngân hàng Hình 4.7: Trang toán tài khoản ngân hàng 4.1.8 Trang chia facebook Người dùng chia sản phẩm qua facebook Hình 4.8: Trang chia facebook 4.1.9 Trang bình luận facebook 47 0 Chương Giao diện website bán tivi Người dùng bình luẩn sản phẩm cách đăng nhập facebook để bình luận Hình 4.9: Trang bình luận facebook 4.2 Một số giao diện người quản trị 4.2.1 Trang tổng quan Khi đăng nhập thành viên quản trị trang website quản trị thấy giao tổng quan Quản trị thấy biểu đồ doanh thu website 48 0 Chương Giao diện website bán tivi Hình 4.10: Trang tổng quan 4.2.2 Trang quản lý đơn hàng Quản trị thấy thông tin để đơn hàng khách hàng Sau cập nhật thành công người quản trị xác nhận hóa đơn Hình 4.11: Trang quản lý đơn hàng 4.2.3 Trang quản lý sản phẩm Người quản trị thực thao tác: thêm, xoá, sửa, sản phẩm Có đầy đủ thơng tin chi tiết sản phẩm 49 0 Chương Giao diện website bán tivi Hình 4.12: Trang quản lý sản phẩm 4.2.4 Trang quản lý mã giảm giá Người quản trị thể biết thông tin liên quan đến mã giảm giá như: Tên mã giảm giá, ngày bắt đầu, ngày kết thúc, số lượng mã giảm, điều kiện giảm, tình trạng ngày hết hạn mã giảm giá Hình 4.13: Trang quản lý mã giảm giá 4.2.5 Trang quản lý hàng tồn kho 50 0 Chương Giao diện website bán tivi Người quản trị cập nhập số lượng hàng đặt lớn số lượng hàng tồn kho Hình 4.14: Trang quản lý hàng tồn kho 4.2.6 Trang quản lý vận chuyển Người quản trị tính phí ship cho tỉnh thành khác Hình 4.15: Trang quản lý vận chuyển 4.2.7 Trang in đơn hàng sang pdf Người quản trị in đơn hàng sang pdf 51 0 Chương Giao diện website bán tivi Hình 4.16: Trang in đơn hàng pdf 52 0 KẾT LUẬN Kết đạt đượ c – Đối với người dùng  Các cách tìm kiếm, tra cứu theo chủ đề khác nhau, kết hợp nhiều chủ đề theo ý khách hàng  Xem chi tiết thông tin sản phẩm  Cho phép khách hàng đăng ký thông tin để thực việc mua sản phẩm  Kiểm tra tính hợp lệ khách hàng đăng nhập hệ thống  Tạo đơn đặt hàng  Yêu thích sản phẩm  Gửi mail đặt hàng thành cơng  Thanh tốn tài khoản ngân hàng  Bình luận facebook – Đối với người quản trị  Xem thông tin đề mục cần quản lý như: Sản phẩm, đơn hàng…  Đưa form để nhập liệu loại tư liệu  Có thể sửa đổi, cập nhật liệu  Trong việc thêm s ản phẩm chương trình tự động sinh mã sản phẩm, điều tiện lợi cho người quản trị liệu đồng  In đơn hàng duyệt  Quản lý slide, nhà sản xuất, thông tin vận chuyển.,,, Hướng phát triển đề tài Vấn đề website phục vụ việc quảng cáo Từ đó, bên cạnh việc thương mại vấn đề cần phải tập trung thu hút khách hàng Do thời gian sau cần bổ sung chức năng: xử lý hóa đơn tự động, tối ưu tối độ website Quản lý kho (kiểm tra lượng sản phẩm tồn kho tự động) Bổ sung thêm số chức kiểm tra liệu nhập, thay đổi mật mã truy nhập khách hàng nhà quản trị Mặc dù cố gắng hồn chỉnh u cầu báo cáo cịn nhiều thiếu sót mong nhận bảo hướng dẫn thầy cô khác giúp đỡ xem xét, đề xuất thêm ý kiến bổ sung vấn đề phục vụ cho việc xây dựng website để em hồn chỉnh Em xin cảm ơn quý thầy cô 53 0 TÀI LIỆU THAM KHẢO Tiếng Việt [1] Nguyễn Quang Hải, Nhập môn HTML CSS, Nhà xuất Giáo dục, 2014 [2] Trường Đại học FPT (dịch), HTML CSS3: Thiết k ế trang Web thích ứng giàu tính năng, Bách khoa Hà Nội, 2015 [3] Đoàn Văn Ban, Nguyễn Thị Tĩnh , Phân tích thuyết kế hướng đối tượng UML, Nxb Đại học sư phạm Tiếng Anh [1] Learning Web Design A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics 54 0