Đồ án tốt nghiệp đại học ngành kỹ thuật phần mềm đề tài xây dựng website bán điện thoại và phụ kiện cho cửa hàng smart store

Thiết kế giao diện màn hình Quản lý thông tin khách hàng.... Đây là lĩnh vực thú vị nhưng cũng rất nhiều cạnh tranh và nếu đã có một cửa hàng kinh doanh, vậy tại sao không sở hữu một web

lOMoARcPSD|39222638 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN  ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH KỸ THUẬT PHẦN MỀM ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI VÀ PHỤ KIỆN CHO CỬA HÀNG SMART STORE Giảng viên hướng dẫn: ThS Nguyễn Thái Cường Sinh viên thực hiện: Dương Thị Ngọc Hảo Mã sinh viên: 2017600889 Hà Nội, năm 2021 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI - DƯƠNG THỊ NGỌC HẢO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Ngành Kỹ Thuật Phần Mềm XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI VÀ PHỤ KIỆN CHO CỬA HÀNG SMART STORE CBHD : ThS Nguyễn Thái Cường Sinh viên : Dương Thị Ngọc Hảo Mã số sinh viên: 2017600889 KỸ THUẬT PHẦN MỀM Hà Nội - 2021 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 MỤC LỤC DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT i DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ ii DANH MỤC CÁC BẢNG v LỜI CẢM ƠN vi MỞ ĐẦU 1 1 Lý do chọn đề tài 1 2 Đối tượng, mục tiêu và phạm vi nghiên cứu 1 3 Ý nghĩa khoa học và thực tiễn của đề tài 2 Chương 1 TỔNG QUAN VỀ NỘI DUNG NGHIÊN CỨU 4 1.1 Giới thiệu chung 4 1.2 Định hướng phát triển 5 1.3 Cơ sở lý thuyết 8 1.3.1 Mô hình ba lớp MVC 8 1.3.2 Giới thiệu ngôn ngữ lập trình PHP 10 1.3.3 Giới thiệu CodeIgniter Framework 12 1.3.4 Hệ quản trị cơ sở dữ liệu MySQL 14 Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 17 2.1 Khảo sát bài toán 17 2.2 Phân tích và thiết kế 19 2.2.1 Biểu đồ Use case 19 2.2.2 Biểu đồ lớp của hệ thống 20 2.2.3 Mô tả các use case 20 2.2.4 Mô hình hóa dữ liệu 45 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 2.2.5 Thiết kế các bảng dữ liệu 47 2.2.6 Thiết kế giao diện 54 Chương 3 KẾT QUẢ 68 3.1 Giao diện của hệ thống 68 3.1.1 Giao diện phía khách hàng 68 3.1.2 Giao diện phía quản trị 73 3.2 Kiểm thử chức năng hệ thống 76 3.2.1 Kiểm thử chức năng phía khách hàng 76 3.2.2 Kiểm thử chức năng phía quản trị 78 KẾT LUẬN 83 TÀI LIỆU THAM KHẢO 84 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 i DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT STT Từ viết tắt, ký hiệu Giải thích 1 VECOM Hiệp hội Thương mại Điện tử Việt Nam 2 O2O Online – To – Offline (Mô hình kinh doanh kết hợp giữa trực tuyến và trực tiếp) 3 MVC Model – View – Controller 4 XSS Cross Site Scripting 5 ORM Object Relational Mapping 6 CRUD Create Read Update Delete 7 AJAX Asynchronous JavaScript and XML 8 RDBMS Relational Database Management System Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 ii DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Hình 1.1 Mô hình MVC 8 Hình 1.2 Sự tương tác giữa các thành phần trong MVC 9 Hình 1.3 CodeIgniter Framework 12 Hình 1.4 Hệ quản trị cơ sở dữ liệu MySQL 14 Hình 2.1 Biểu đồ use case hệ thống 19 Hình 2.2 Biểu đồ lớp entity của hệ thống 20 Hình 2.3 Biểu đồ tuần tự Use case Đăng ký 21 Hình 2.4 Biểu đồ tuần tự use case Đăng nhập 23 Hình 2.5 Biểu đồ tuần tự use case Xem tin tức 24 Hình 2.6 Biểu đồ tuần tự use case Xem chi tiết sản phẩm 26 Hình 2.7 Biểu đồ tuần tự use case Xem danh mục sản phẩm 27 Hình 2.8 Biểu đồ tuần tự use case Tìm kiếm sản phẩm 29 Hình 2.9 Biểu đồ tuần tự use case Bình luận về sản phẩm 30 Hình 2.10 Biểu đồ tuần tự use case Đặt hàng 31 Hình 2.11 Biểu đồ tuần tự use case Quản lý giỏ hàng 33 Hình 2.12 Biểu đồ tuần tự use case Quản lý sản phẩm 35 Hình 2.13 Biểu đồ tuần tự use case Quản lý danh mục sản phẩm 38 Hình 2.14 Biểu đồ tuần tự use case Quản lý khách hàng 40 Hình 2.15 Biểu đồ tuần tự use case Thống kê 41 Hình 2.16 Biểu đồ tuần tự use case Quản lý đơn hàng 43 Hình 2.17 Biểu đồ tuần tự use case Quản lý tin tức 45 Hình 2.18 Biểu đồ thực thể liên kết 47 Hình 2.19 Thiết kế bảng TaiKhoan 47 Hình 2.20 Thiết kế bảng KhachHang 48 Hình 2.21 Thiết kế bảng SanPham 48 Hình 2.22 Thiết kế bảng DanhMuc 49 Hình 2.23 Thiết kế bảng NhaCungCap 49 Hình 2.24 Thiết kế bảng TinTuc 50 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 iii Hình 2.25 Thiết kế bảng MaGiamGia 50 Hình 2.26 Thiết kế bảng DonHang 51 Hình 2.27 Thiết kế bảng ChiTietDonHang 51 Hình 2.28 Thiết kế bảng LienHe 52 Hình 2.29 Thiết kế bảng Tinh/TP 52 Hình 2.30 Thiết kế bảng Quan/Huyen 52 Hình 2.31 Thiết kế bảng Slider 53 Hình 2.32 Thiết kế bảng Config 53 Hình 2.33 Thiết kế giao diện trang chủ người dùng 54 Hình 2.34 Thiết kế giao diện màn hình Đăng ký tài khoản 55 Hình 2.35 Thiết kế giao diện màn hình Đăng nhập 56 Hình 2.36 Thiết kế giao diện màn hình Thông tin tài khoản 56 Hình 2.37 Thiết kế giao diện màn hình Đổi mật khẩu 57 Hình 2.38 Thiết kế giao diện màn hình sản phẩm 58 Hình 2.39 Thiết kế giao diện màn hình Tin tức 59 Hình 2.40 Thiết kế giao diện màn hình Chi tiết giỏ hàng 60 Hình 2.41 Thiết kế giao diện màn hình Liên hệ 61 Hình 2.42 Thiết kế giao diện màn hình Chi tiết sản phẩm 62 Hình 2.43 Thiết kế giao diện màn hình Dashboard Thống kê 63 Hình 2.44 Thiết kế giao diện màn hình Quản lý Tin tức 64 Hình 2.45 Thiết kế giao diện màn hình Quản lý Danh mục sản phẩm 65 Hình 2.46 Thiết kế giao diện màn hình Quản lý sản phẩm 66 Hình 2.47 Thiết kế giao diện màn hình Quản lý thông tin khách hàng 66 Hình 2.48 Thiết kế giao diện màn hình Quản lý đơn hàng 67 Hình 3.1 Giao diện đăng ký tài khoản 68 Hình 3.2 Giao diện đăng nhập hệ thống 68 Hình 3.3 Giao diện trang chủ 69 Hình 3.4 Giao diện trang danh mục sản phẩm 70 Hình 3.5 Giao diện trang Chi tiết sản phẩm 70 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 iv Hình 3.6 Giao diện trang Tin tức 71 Hình 3.7 Giao diện trang Liên hệ 72 Hình 3.8 Giao diện giỏ hàng 72 Hình 3.9 Giao diện trang đặt hàng 73 Hình 3.10 Giao diện thống kê 73 Hình 3.11 Giao diện Danh mục sản phẩm 74 Hình 3.12 Giao diện Danh sách sản phẩm 74 Hình 3.13 Giao diện Danh sách tin tức 75 Hình 3.14 Giao diện Danh sách khách hàng 75 Hình 3.15 Giao diện Danh sách đơn hàng 75 Hình 3.16 Giao diện Danh sách mã giảm giá 76 Downloaded by MON MON (monmon2@gmail.com) lOMoARcPSD|39222638 v DANH MỤC CÁC BẢNG Bảng 2.1 Mô hình hóa chức năng 19 Bảng 2.2 Mô tả chi tiết use case Đăng ký 21 Bảng 2.3 Mô tả chi tiết use case Đăng nhập 22 Bảng 2.4 Mô tả chi tiết use case Xem tin tức 24 Bảng 2.5 Mô tả chi tiết use case Xem chi tiết sản phẩm 25 Bảng 2.6 Mô tả chi tiết use case Xem danh mục sản phẩm 27 Bảng 2.7 Mô tả chi tiết use case Tìm kiếm sản phẩm 28 Bảng 2.8 Mô tả chi tiết use case Bình luận về sản phẩm 30 Bảng 2.9 Mô tả chi tiết use case Đặt hàng 31 Bảng 2.10 Mô tả chi tiết use case Quản lý giỏ hàng 32 Bảng 2.11 Mô tả chi tiết use case Quản lý sản phẩm 35 Bảng 2.12 Mô tả chi tiết use case Quản lý danh mục sản phẩm 37 Bảng 2.13 Mô tả chi tiết use case Quản lý khách hàng 39 Bảng 2.14 Mô tả chi tiết use case Thống kê 41 Bảng 2.15 Mô tả chi tiết use case Quản lý đơn hàng 42 Bảng 2.16 Mô tả chi tiết use case Quản lý tin tức 45 Bảng 3.1 Kiểm thử chức năng phía khách hàng 78 Bảng 3.2 Kiểm thử chức năng phía quản trị 82 Downloaded by MON MON (monmon2@gmail.com)