ĐỀ tài xây DỰNG WEBSITE hệ THỐNG bán lẻ THIẾT bị DI ĐỘNG

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE HỆ THỐNG BÁN LẺ THIẾT BỊ DI ĐỘNG Sinh viên thực : SYSOUTTA KHAMSAMAI Lớp : 19I1 Mã SV : 191C900056 Giảng viên hướng dẫn : TS.Nguyễn Đức Hiển Đà Nẵng, tháng 11 năm 2021 Xây Dựng Website bán bán lẻ thiết bị di động LỜI CẢM ƠN Em xin chân thành cảm ơn thầy cô trang bị kiến thức quý báu cho em suốt trình học tập Trường Đại Học Công Nghệ Thông Tin Truyền thông Việt-Hàn ( VKU ) Đặc biệt quý Thầy q Cơ khoa học Máy Tính Chính nhờ cơng lao giảng dạy, bảo tận tình quý Thầy q Cơ mà em sinh viên khoa học máy tính có kiến thức chun ngành cơng nghệ thơng tin để vững bước thực tiếp chặng đường học tập, vận dụng sáng tạo sản phẩm cơng nghệ thơng tin hữu ích góp phần phục vụ lĩnh vực khác sống Em xin chân thành cảm ơn giảng viên Thầy Nguyễn Đức Hiển người trực tiếp giảng dạy hướng dẫn, bảo cho em suốt trình làm tốt nghiệp, lúc nghiên cứu tìm hiểu đề tài lúc tiến hành làm đề tài để em có nhiều kiến thức bổ ích, giúp đỡ em hoàn thành đề tài phục vụ cho công việc sau Em xin chân thành cảm ơn ! Đà Nẵng,Ngày 20 tháng 11 năm 2021 Khoa khoa học máy tính – Lớp 19I1 SYSOUTTAKHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động MỤC LỤC PHẦN MỞ ĐẦU CHƯƠNG I: TỔNG QUAN Lý chọn đề tài Yêu cầu admin CHƯƠNG II: LỰA CHỌN CÔNG NGHỆ Cài đặt XAMPP 1.1 XAMPP ? 1.2 Ưu điểm nhược điểm XAMPP gì? 11 Hướng dẫn cài đặt XAMPP 12 2.1 Hướng dẫn cài đặt Windows 12 2.2 Hướng dẫn cài đặt Linux 13 Tìm hiểu ngôn ngữ CSS, JavaScript,jQuery,MYSQL PHP 14 3.1 Tìm hiểu CSS 14 3.2 Tìm hiểu JavaScript 15 3.3 Tìm hiểu ngôn ngữ Jquery 17 3.4 Tìm hiểu ngơn ngữ MYSQL 18 3.5 Tìm hiểu ngơn ngữ PHP 19 Cài đặt Visual Studio Code 21 4.1 Visual Studio 21 4.2 Cách cài đặt Visual Studio Code Windows 22 Mơ hinh MVC gì? 23 CHƯƠNG III : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 25 Các chức hệ thống 25 Phân tích thiết kế hệ thống 25 2.1 Tác nhân khách hàng 25 2.2 Tác nhân người quản trị 26 Biểu đồ ca sử dụng 26 Đặc tả use case 30 Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động Biểu đồ lớp 40 5.1 Danh sách lớp đối tượng hệ thống 40 5.2 Biểu đồ 42 5.3 Biểu đồ hoạt động 47 5.4 Cơ sở liệu 54 CHƯƠNG IV : KẾT QUÁ THỰC NGHIỆM 58 Phần khách hàng 58 Phần admin 62 KẾT LUẬN 67 Kết đạt 67 Hạn chế đề tài 67 Hướng phát triển 67 TÀI LIỆU THAM KHẢO 68 Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động NHẬN XÉT (của đơn vị hướng dẫn thực tập) ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… NGƯỜI ĐẠI DIỆN (chức vụ, kí tên) Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động PHẦN MỞ ĐẦU Ngày internet trở nên thông dụng thiếu sống, gắn liền với phát triển internet hệ thống hàng triệu website Website có vai trị quan trọng việc đưa người tiếp cận thông tin cách nhanh Website nguồn thơng tin phong phú, giúp rút ngắn khoảng cách người toàn giới Ngày website trở thành phần thiếu lĩnh vực đời sống Nó phát triển với nhiều dạng khác nhau, trang chia sẻ thơng tin, tin tức giúp người tiếp cận thông tin cách dễ dàng, trang thương mại điện tử giúp người trao đổi mua hàng mà không cần khỏi nhà trang quảng bá cơng ty giúp doanh nghiệp rễ dàng tiếp cận hàng triệu khách hàng với chi phí tối ưu Đến ta có thấy tầm quan trọng website gắn liền với phát triển quốc gia Website sản phẩm tốt internet, mang đến lợi ích vô to lớn đem lại nhiều hội cho người sử dụng Website mang lại cho người dùng thông tin cần thiết, vấn đề cần giải đáp sống tìm trang web, trả lời thắc mắc với thời gian nhanh chóng hiệu Không thế, với phát triển mẫu web bán hàng trực tuyến cho phép người dùng internet tiếp cận tất sản phẩm doanh nghiệp toàn giới Đối với doanh nghiệp website nơi giới thiệu hình ảnh, thương hiệu sản phẩm doanh nghiệp đến với người dùng Website tạo lợi ích đa chiều từ người mua người bán, giúp cho người mua có thơng tin cần, tư vấn, đặt hàng tốn trực tuyến, giúp cho việc trở nên tự động hóa mà khơng phải trở nên q phức tạp Với lý đó, em chọn đề tài “ Xây dựng website bán hàng ” làm đề tài thực tập Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động CHƯƠNG I: TỔNG QUAN Lý chọn đề tài Ngày nay, công nghệ thông tin ngày phát triển nhu cầu sống việc ứng dụng Công nghệ thông tin vào công việc người phát triển mạnh mẽ ngày đa dạng hơn, đặc biệt vấn đề quảng bá sản phẩm internet dành ý nhà sản xuất với mục đích thu doanh thu lớn Nhiều công nghệ sử dụng áp dụng hàng ngày, đưa phần mềm vào quản lý ngày trực quan sinh động với người sử dụng, nhằm phục vụ nhu cầu truyền thông người, hoạt động kinh doanh thiết bị di động ngày phát triển mạnh mẽ xu hướng bán lẻ cửa hàng, doanh nghiệp Hiện nay, đa số cửa hàng bán mũ bảo hiểm chưa có phần mềm quản lý, phương pháp quản lý thực cách thủ công chủ yếu cách ghi chép sổ sách… Nhằm giảm thao tác thủ cơng, mang lại tính xác hiệu cao công tác quản lý hoạt động kinh doanh Nhằm giúp đối tượng kinh doanh mũ bảo hiểm giới thiệu, quảng bá sản phẩm rộng rãi tới người tiêu dùng, hỗ trợ việc mua bán qua mạng cách nhanh chóng, hiệu quả, tiết kiệm chi phí, thời gian Giúp khách hàng lựa chọn cho mũ bảo hiểm ưng ý mà khơng 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 lẻ thiết bị di động”.Website cung cấp thông tin cách nhanh chóng đầy đủ, vài thao tác click chuột bạn tìm sản phẩm phù hợp với mình, từ giá đến kiều dáng, tính phù hợp với tầng lớp sử dụng Thỏa mãn nhu cầu người dùng nhanh chóng thành cơng mà website mang đến Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động Yêu cầu website  Yêu cầu bạn đọc: Giao diện thân thiện Dễ tìm kiếm thơng tin Tin tức website cập nhật thường xuyên  Yêu cầu thành viên: Cung cấp chức cập nhật tin tức dễ dàng  Yêu cầu Admin: Quản lý tài khoản người dùng Theo dõi an ninh, bảo mật website Quản trị nội dung, tập tin media, tin tức Cài đặt, cấu hình quản lý cơng cụ dịch vụ Thêm sửa xóa sản phẩm Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động CHƯƠNG II: LỰA CHỌN CÔNG NGHỆ Cài đặt xampp 1.1 XAMPP ? Ý nghĩa chữ viết tắt XAMPP gì? XAMPP hoạt động dựa tích hợp phần mềm CrossPlatform (X), Apache (A), MariaDB (M), PHP (P) Perl (P), nên tên gọi XAMPP viết tắt từ chữ đầu phần mềm XAMPP chương trình tạo web server ứng dụng hệ điều hành Linux, MacOS, Windows, Cross-platform, Solaris Hình 1.1: Xampp ? XAMPP chương trình tạo máy chủ web sử dụng phổ biến nay.Ưu điểm lớn XAMPP khơng phải trả phí quyền sử dụng mã nguồn mở, bên cạnh cấu hình web server tương đối đơn giản, gọn nhẹ nên sử dụng ngày phổ biến Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động Thơng tin XAMPP Hình 1.2: Thơng tin xampp  Nhà phân phối: XAMPP phần mềm web server thuộc quyền GNU General Public Licence XAMPP Apache Friends phân phối phát triển  Ngơn ngữ lập trình: XAMPP hình thành dựa tích hợp nhiều ngơn ngữ lập trình  Hệ điều hành: XAMPP ứng dụng hệ điều hành: Cross-platform, Linux, Windows, Solaris, MacOS  Các phiên bản: XAMPP ngày nâng cấp phát triển Hiện phiên XAMPP phiên 7.2.11 phát hành năm 2018 Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 55 Hình 5.26: Cơ sở dự liệu + chitiethoadon Name Type Size Description MaHD int 11 Mã hóa đơn MaSP int 11 Mã sản phẩm SoLuong int 11 Số lượng sản phẩm DonGia float Đơn giá + hoadon Name Type Size Description MaHD int 11 Mã hóa đơn MaND int 11 mã khách hàng NgayLap datetime NguoiNhan varchar 255 Tên người nhận hàng SDT varchar 20 Số điện thoại DiaChi varchar 100 Địa khách hàng Khoa khoa học máy tính – Lớp 19I1 Ngày đặt SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động PhuongThucTT varchar TongTien float TrangThai varchar 56 Địa phương khác hàng 20 Tổng tiền Trạng thái 70 + loaisanpham Name Type Size Description MaLSP int 11 Mã loại sản phẩm TenLSP varchar 100 Ten loại sản phẩm HinhAnh varchar 200 Hình ảnh Mota varchar 200 Mơ tả loại sản phẩm MaDM int 11 Mã danh mục + danhmuc Name Type Size Description MaDM int 11 Mã Danh mục sản phẩm TenDM varchar 255 Tên danh mục + khuyenmai Name Type Size Description MaKM int 11 Mã khuyến TenKM varchar 100 Tên khuyến LoaiKM varchar 20 Loại khuyến GiaTriKM float 11,0 Giá trị khuyến NgayBD datetime TrangThai varchar Ngày bắt đầu 70 Trạng thái + nguoidung Name Type Size Description MaND int 11 Mã khách hàng Ho varchar 20 Họ khách hàng Ten varchar 20 Tên khách hàng GioiTinh varchar 10 Giới tình Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 57 SDT varchar 20 Số điện thoại khách hàng Email varchar 50 Địa email khách hàng DiaChi varchar 100 Địa khách hàng Phuong varchar 100 Địa phương khách hàng TaiKhoan varchar 100 Tên tài khoản khách hàng MatKhau varchar 100 Mật khách hàng MaQuyen int 11 Mã đề phân loại tài khoản TrangThai int 11 Trạng thái + phanquyen Name Type Size Description MaQuyen int 11 Mã quyền TenQuyen varchar 20 Tên quyền ChiTietQuyen varchar 255 Chi tiết Quyền + sanpham Name MaSP MaLSP MaDM TenSP DonGia SoLuong HinhAnh1 HinhAnh2 HinhAnh3 MaKM KieuDang TrangThai Mo Ta Type int int int varchar int int varchar varchar varchar int varchar int text ThoiGian GiamGiaSP datetime varchar Khoa khoa học máy tính – Lớp 19I1 Size 11 11 11 70 11 10 255 255 255 11 100 11 200 Description Mã sản phẩm Mã loại sản phẩm Mã danh mục Tên sản phẩm Đơn giá số lượng Hình ảnh Hình ảnh Hình ảnh Mã khuyến Trạng thái Mô tả sản phẩm Thời gian Giảm giá sản phẩm SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động DonGiaCu varchar 58 200 Đơn giá cũ + banner Name Type Size Description id Int 11 Mã HinhAnh varchar 255 Hình ảnh TenBN varchar 200 Tên banner MoTaBN varchar 250 Mô tả banner Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 59 CHƯƠNG IV : KẾT QUÁ THỰC NGHIỆM Phần khách hàng  Trang chủ Hình 1.1 : Trang chủ Trang chủ “localhost:8080/ StoreOnline / ?act=home” Đây giao diện người dùng trang web Tại người dùng xem thơng tin sản phẩm website thơng qua hình ảnh thơng tin khác sản phẩm Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 60  Trang đăng ký đăng nhập Hình 1.2: Trang đăng ký đăng nhập + Đăng ký Chức cho phép khách hàng tào tài khoản thành viên cửa hàng đề mua hàng online webstie cửa hàng + Đăng nhập Chức cho phép người sử dụng đăng nhập vào website tên đăng nhập mật muốn đặt hàng qua website cửa hàng Sau đăng nhập thành cơng họ mua sản phẩm  Trang thơng tin sản phẩm Hình 1.3: Trang thơng tin sản phẩm Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 61 Hiển thị thông tin sản phẩm, hiển thị giới thiệu sản phẩm, kích thước, mầu giá sản phẩm  Trang giỏ hàng Hình 1.4: Trang giỏ hàng Tại trang chứa đựng sản phẩm mà khách hàng chọn cho vào giỏ hàng Nếu người dùng muốn mua tiếp sản phẩm khác việc làm theo dẫn trang web Tại giỏ hàng chứa đựng thông tin tên sản phẩm, số lượng, giá bán cuối tổng số tiền mặt hàng chọn Khách hàng thêm số lượng, xóa sản phẩm cập nhật giỏ hàng  Trang chi tiết toán mã giảm giá(áp dụng khuyến mãi) Hình 1.5 : Hình trang chi tiết toán mã giảm giá Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 62 Trang chi tiết toán mã giảm giá nắm với trang giỏ hàng Trang hiển thị thơng chi tiết tốn sản phẩm giỏ hàng người dùng gồm có tổng tiền(giá sản phẩm), giảm giá, vận chuyển, Vật tổng tiền chung có nút đặt hàng người dùng đặt hàng  Trang đặt hàng (Thanh tốn) Hình 1.6: Trang đặt hàng(Thanh toán) Tại trang khách hàng nhập đầy đủ thông tin : tên người nhận, số điện thoại, địa chỉ,… đặt hàng  Trang liên hệ Hình 1.7: Trang liên hệ Trang liên hệ giúp người dùng khách hàng dễ dàng liên lạc với bạn để trao đổi thêm thông tin sản phẩm, thắc mắc cần giải đáp hay phản hồi chất lượng Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 63  Trang thông tin cá nhân Hình 1.8: Trang thơng tin cá nhân Trang gồm có chức cho viên : 1.xử lý thông tin cá nhân sửa thông tin thân chức số 2.là đổi mật Phần admin  Trang chủ Hình 2.1: Trang chủ Đây giao diện admin trang web Tại admin quản lý tài khoản người dùng, quản lý danh mục sản phẩm, quản lý sản phẩm, quản lý loại sản phẩm, quản lý khuyến mãi, quản lý banner Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 64  Trang quản lý tài khoản Hình 2.2: Trang quản lý tài khoản Trang dùng cho người quản trị hệ thống quản lý tài khoản phân quyền cho nhân viên cửa hàng với người tài khoản riêng quyền truy cập khác Người quản trị thêm, sửa, xóa người dùng website  Trang quản lý sản phẩm Hình 2.3: Trang quản lý sản phẩm Trang dùng cho người quản trị hệ thống quản lý sản phẩm Người quản trị thêm, sửa, xóa sản phẩm website Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 65  Trang quản lý loại sản phẩm Hình 2.4: Trang quản lý loại sản phẩm Trang dùng cho người quản trị hệ thống quản lý sản phẩm Người quản trị thêm, sửa, xóa loại sản phẩm website  Trang xét duyệt hóa đơn Hình 2.5: Trang xét duyệt hóa đơn Trang dùng cho người quản trị hệ thống xét duyệt hóa đơn Người quản trị xem chi tiết, xóa hóa đơn, xem hóa đơn duyệt chưa duyệt website Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 66  Trang quản lý danh mục sản phẩm Hình 2.6: Trang quản lý danh mục sản phẩm Trang dùng cho người quản trị hệ thống quản lý danh mục sản phẩm Người quản trị thêm xóa sửa danh mục sản phẩm website  Trang quản lý khuyến Hình 2.7: Trang quản lý khuyến Trang để thu hút khách hàng tìm kiếm ưu đãi đặc biệt chào hàng liên quan website Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 67  Trang quản lý banner Hình 2.8: Trang quản lý banner Trang dùng cho người quản trị hệ thống quản lý banner Người quản trị thêm, sửa, xóa banner website Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 68 KẾT LUẬN Kết đạt - Phần mềm triển khai cửa hàng bán lẻ thiết bị di động - Phần mềm có giao diện dễ nhìn, thân thiện với người sử dụng - Sau nghiên cứu, em xây dựng phần mềm quản lý bán lẻ thiết bị di động, thay cách quản lý thủ công tay, nhiều thời gian tốn công sức người quản lý - Phần mềm có ứng dụng thực tiễn cửa hàng bán lẻ thiết bị di động, dùng để quản lý thông tin liên quan đến sản phẩm (các loại lẻ thiết bị di động) Hạn chế đề tài Phần mềm xây dựng website bán lẻ thiết bị di động hoàn thành xong khơng tránh khỏi thiếu xót hạn chế định: - Chưa toán toán online qua tài khoản ngân hàng - Chưa có theo dõi đơn hàng - Kỹ phân tích hệ thống nhiều hạn chế Hướng phát triển - Tiếp tục bổ sung chức mà phần mềm chưa có để phần mềm ứng dụng rộng rãi hàng (chức toán online qua tài khoản ngân hàng, ) - Tiếp tục hồn thiện chương trình hi vọng đáp ứng nhu cầu người sử dụng Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 69 TÀI LIỆU THAM KHẢO  https://wiki.matbao.net/html-la-gi-nen-tang-lap-trinh-web-cho-nguoi-moibat-dau/  https://topdev.vn/blog/css-la-gi/  https://wiki.matbao.net/javascript-la-gi-hoc-lap-trinh-javascript-ngon-ngucua-tuong-lai/  https://www.w3schools.com/html/ Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI ... KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 24 Hình 5.1: View model xử lý controller Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 25... KHAMSAMAI Xây Dựng Website bán bán lẻ thiết bị di động 49  Đổi mật Hình 5.15 : Biểu đồ hoạt động đổi mật  Xem sản phẩm Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ. .. tự động hóa mà trở nên phức tạp Với lý đó, em chọn đề tài “ Xây dựng website bán hàng ” làm đề tài thực tập Khoa khoa học máy tính – Lớp 19I1 SYSOUTTA KHAMSAMAI Xây Dựng Website bán bán lẻ thiết