Đồ án cơ sở 2 đề tài xây dựng website hỗ trợ bán laptop

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE HỖ TRỢ BÁN LAPTOP Sinh viên thực : NGUYỄN PHƯỚC THỊNH Giảng viên hướng dẫn: THS TRẦN ĐÌNH SƠN Lớp : 20SE2 Đà Nẵng, tháng 11 năm 2021 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN ĐỒ ÁN CƠ SỞ XÂY DỰNG WEBSITE HỖ TRỢ BÁN LAPTOP Đà Nẵng, tháng 11 năm 2021 LỜI NĨI ĐẦ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 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ụ 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, chúng em thực đồ án “XÂY DỰNG WEBSITE HỖ TRỢ BÁN LAPTOP” LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành tới nhà trường, khoa Khoa học máy tính tận tình bảo, góp ý tạo điều kiện cho em hồn thành đề tài nghiên cứu Đồ án sở cách tốt Em xin cảm ơn ThS Trần Đình Sơn nhiệt tình hướng dẫn em trình thực báo cáo đề tài nghiên cứu Trong trình thực đề tài nghiên cứu, thân em cố gắng nỗ lực, nhiên không tránh khỏi sai sót Em mong nhận góp ý thầy giáo, từ phía hội đồng để đề tài nghiên cứu em hoàn thiện Em xin chân thành cảm ơn! Đà Nẵng, tháng 11 năm 2021 NHẬN XÉT (Của giảng viên hướng dẫn) ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… MỤC LỤC Contents Mở đầu 1 Tổng quan 1.1 Bối cảnh thực 1.2 Vấn đề cần giải 1.3 Nội dung cần thực Phương pháp nghiên cứu 2.1 Phương pháp .1 2.2 Phương pháp .2 2.3 Phương pháp .2 2.4 Kết luận Chương Cơ sở lý thuyết 1.1 Cơ sở lý luận thực tiễn 1.1.1 Website gì? 1.1.2 Lợi ích Website 1.1.3 Tổng quan HTML .4 1.1.4 Tổng quan CSS 1.1.4 Tổng quan ngơn ngữ lập trình JavaScript .5 1.2 Tổng quan cơng nghệ 1.2.1 Tổng quan ngơn ngữ lập trình PHP 1.2.2 Laravel PHP Framework gì? Chương Phân tích thiết kế hệ thống 2.1 u cầu hệ thống mơ hình hóa u cầu hệ thống 2.1.1 Danh sách tác nhân .9 2.1.2 Yêu cầu phi chức 2.1.3 Yêu cầu chức 2.1.4 Biểu đồ ca sử dụng 12 2.1.5 Phân rã chi tiết biểu đồ ca sử dụng 14 2.2 Mơ hình hóa cấu trúc tĩnh 21 2.2.1 Danh sách lớp 21 2.2.2 Biểu đồ lớp .22 2.3 Mơ hình hóa hành vi 22 2.3.1 Biểu đồ hoạt động 22 2.3.2 Biểu đồ trạng thái 24 2.3.3 Biểu đồ trình tự .25 2.3.4 Biểu đồ giao tiếp .26 Chương Triển khai xây dựng .27 3.1 Về phía người dùng .27 3.1.1 Chức đăng ký/đăng nhập 27 3.1.2 Chức xem sản phẩm .27 3.1.3 Chức tìm kiếm sản phẩm 32 3.1.4 Chức bình luận đánh giá sản phẩm 33 3.1.5 Chức xem tin tức 34 3.1.6 Chức xem thông tin liên hệ 34 3.1.7 Chức nhập email nhận thông tin khuyến 35 3.1.8 Chức quản lý giỏ hàng 35 3.1.9 Chức đặt hàng toán 36 3.1.10 Chức xem lịch sử mua hàng 37 3.2 Về phía người quản trị 38 3.2.1 Chức đăng nhập .38 3.2.2 Chức tìm kiếm 39 3.2.3 Chức quản lý danh mục sản phẩm 39 3.2.4 Chức quản lý thương hiệu sản phẩm 40 3.2.5 Chức quản lý sản phẩm 40 3.2.6 Chức quản lý danh mục tin tức 41 3.2.7 Chức quản lý tin tức .42 3.2.8 Chức quản lý tài khoản 42 3.2.9 Chức quản lý email nhận tin khuyến .43 3.2.10 Chức quản lý bình luận đánh giá 44 3.2.11 Chức quản lý hóa đơn, đặt hàng, tốn 45 3.2.11 Chức thống kê 47 Kết luận hướng phát triển 49 Kết luận 49 Hướng phát triển 49 DANH MỤC CÁC BẢNG Bảng – So sánh phương pháp nghiên cứu Bảng – Liệt kê tác nhân Bảng – Yêu cầu chức người dùng Bảng – Yêu cầu chức admin Hình 45 – Xem thơng tin liên hệ - Người dùng xem thông tin shop địa chỉ, hotline, shop map, fanpage facebook, 3.1.7 Chức nhập email nhận thông tin khuyến Hình 46 – Ơ điền email - Chức dành cho người dùng chưa đăng nhập vào hệ thống, bố trí phần chân trang, cần nhập email, nhận tin khuyến định kỳ từ shop 3.1.8 Chức quản lý giỏ hàng 35 Hình 47 – Giỏ hàng - Tại giỏ hàng, khách hàng xem sản phẩm thêm vào, xóa sản phẩm khỏi giỏ, cập nhật số lượng sản phẩm cuối xác nhận tiến tới bước đặt hàng - Chức cập nhật số lượng sản phẩm kèm theo điều kiện không cho phép cập nhật số lượng lớn số lượng sản phẩm có kho 3.1.9 Chức đặt hàng toán - Để đặt hàng khách hàng bắt buộc phải đăng nhập - Chọn địa để hệ thống tính phí vận chuyển Hình 48 – Chọn địa nhận hàng 36 - Áp dụng mã giảm giá có Hình 49 – Ơ nhập mã giảm giá - Nhập thơng tin nhận hàng xác nhận đặt hàng Hình 50 – Nhập thông tin người nhận hàng 3.1.10 Chức xem lịch sử mua hàng 37 Hình 51 – Lịch sử mua hàng - Khách hàng việc xem lại đơn đặt, hủy đơn chưa xử lý giao hàng Hình 52 – Modal nhập lý hủy đơn 3.2 Về phía người quản trị 3.2.1 Chức đăng nhập 38 Hình 53 – Form đăng nhập admin - Admin đăng nhập vào hệ thống tài khoản cấp - Để đảm bảo tính bảo mật, chức đăng nhập kết hợp với hệ thống xác thực authentication Laravel 3.2.2 Chức tìm kiếm Hình 54 – Thanh tìm kiếm - Tích hợp tính tìm kiếm, xếp phân trang thư viện Javascript Datatable vào bảng liệu 3.2.3 Chức quản lý danh mục sản phẩm 39 Hình 55 – Bảng liệt kê danh mục sản phẩm - Gồm chức liệt kê, sửa, xóa, ẩn giao diện người dùng - Các danh mục cha chứa danh mục con, danh mục chứa sản phẩm - Khi xóa danh mục, sản phẩm thuộc danh mục tự động bị xóa 3.2.4 Chức quản lý thương hiệu sản phẩm Hình 56 – Bảng liệt kê thương hiệu sản phẩm - Gồm chức liệt kê, sửa, xóa, ẩn giao diện người dùng - Khi xóa thương hiệu, sản phẩm thuộc thương hiệu tự động bị xóa 3.2.5 Chức quản lý sản phẩm 40 Hình 57 – Bảng liệt kê sản phẩm - Gồm chức liệt kê, sửa, xóa, ẩn giao diện người dùng, đánh dấu bỏ đánh dấu sản phẩm bật - Ngoài ra, sản phẩm có thư viện hình ảnh riêng, dùng để hiển thị trang chi tiết sản phẩm giao diện người dùng Hình 58 – Thư viện hình ảnh sản phẩm - Có chức thêm ảnh, cập nhật ảnh, sửa tên ảnh xóa ảnh Tất sử dụng ajax, giúp thực nhanh chóng, khơng cần tải lại trang 3.2.6 Chức quản lý danh mục tin tức 41 Hình 59 – Bảng liệt kê danh mục tin tức - Gồm chức liệt kê, sửa, xóa, ẩn giao diện người dùng - Khi xóa danh mục, tin tức thuộc danh mục bị xóa theo 3.2.7 Chức quản lý tin tức Hình 60 – Bảng liệt kê tin tức - Gồm chức liệt kê, sửa, xóa, ẩn giao diện người dùng 3.2.8 Chức quản lý tài khoản 42 Hình 61 – Bảng liệt kê tài khoản khách hàng - Gồm chức liệt kê, sửa, xóa tài khoản người dùng chức cấp vip bỏ vip tài khoản người dùng 3.2.9 Chức quản lý email nhận tin khuyến Hình 62 – Bảng liệt kê email đăng ký nhận tin khuyến - Gồm chức liệt kê xóa email mà người dùng đăng ký 43 Hình 63 – Bảng liệt kê tin khuyến - Gồm chức liệt kê, thêm, xóa gửi tin khuyến qua tất email liệt kê bảng email đăng ký nhận tin khuyến Hình 64 – Email khách hàng đăng ký nhận 3.2.10 Chức quản lý bình luận đánh giá 44 Hình 65 – Bảng liệt kê bình luận đánh giá sản phẩm - Gồm chức liệt kê, xóa, ẩn bình luận giao diện người dùng - Người quản trị trả lời nhanh bình luận, câu trả lời hiển thị giao diện người dùng 3.2.11 Chức quản lý hóa đơn, đặt hàng, tốn Hình 66 – Bảng liệt kê đơn hàng - Gồm chức liệt kê, xóa, xem chi tiết đơn hàng 45 Hình 67 – Chi tiết đơn hàng - Trong chi tiết đơn hàng xem thơng tin vận chuyển, thơng tin đơn hàng, thơng tin tốn - Nếu khách hàng liên lạc thay đổi số lượng sản phẩm, người quản trị cập nhật lại - Người quản trị thực duyệt đơn in đơn hàng dạng PDF - Sau duyệt đơn, sản phẩm kho, sản phẩm bán, doanh thu đơn hàng cập nhật Hình 68 – Thêm phí vận chuyển - Cập nhật thêm phí vận chuyển cho địa 46 Hình 69 – Bảng liệt kê mã giảm giá - Quản lý mã giảm giá với chức liệt kê, thêm, xóa, kích hoạt/khóa gửi qua email cho khách hàng vip tất khách hàng 3.2.11 Chức thống kê - Thống kê doanh thu đơn hàng theo ngày: lọc theo khoảng thời gian, ngày gần đây, tháng này, tháng trước, 365 ngày gần Hình 70 – Thống kê doanh thu đơn hàng - Thống kê số lượng: sản phẩm - tin tức - đơn hàng - admin - khách hàng 47 Hình 71 – Thống kê số lượng đối tượng hệ thống - Thống kê lượt xem: xem sản phẩm, xem tin tức Hình 72 – Thống kê lượt xem sản phẩm tin tức 48 Kết luận hướng phát triển Kết luận - Tìm hiểu cách thức hoạt động cửa hàng kinh doanh trực tuyến - Áp dụng kiến thức học sử dụng sở liệu, phân tích thiết kế hệ thống, thiết kế giao diện cho website HTML, CSS, JS, phần backend cho website ngôn ngữ PHP dạng Laravel Framework Hướng phát triển - Tìm hiểu kĩ thành phần, chức website thương mại điện tử - Cải tiến website thuật tốn, ngơn ngữ tốt nhằm tối ưu thời gian thực hệ thống, tăng trải nghiệm người dùng 49