ĐỀ tài xây DỰNG WEBSITE bán món ăn

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 BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN MÓN ĂN Sinh viên thực Giảng viên hướng dẫn Lớp : KEOPANYA PINDALA : THS DƯƠNG THỊ MAI NGHA : 19I1 Đà nẵng, tháng 11 năm 2021 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 BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN MÓN ĂN Sinh viên thực Giảng viên hướng dẫn Lớp : KEOPANYA PINDALA : THS DƯƠNG THỊ MAI NGHA : 19I1 Đà nẵng, tháng11 năm2021 NHẬN XẾT ( Cửa người hướng dấn ) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… LỜI CẢM ƠN Để hoàn thành đồ án tốt nghiệp này, em xin tỏ lòng biết ơn sâu sắc đến Cô giáo Th.S Dương Thị Mai Nga, tận tình hướng dẫn suốt trình làm đồ án tốt nghiệp Em chân thành cảm ơn q Thầy, Cơ khoa Khoa Học Máy Tính, Trường Đại học Công Nghệ Thông Tin Truyền Thông Việt – Hàn, tận tình truyền đạt kiến thức năm em học tập Với vốn kiến thức tiếp thu q trình học khơng tảng cho q trình nghiên cứu khóa luận mà cịn hành trang quy báu để em bước vào đời cách vững tự tin Trong trình làm đồ án tốt nghiệp, trình độ cịn hạn hẹp, đề tài rộng, thời gian có hạn, nên khơng tránh khỏi thiếu sót, mong q Thầy Cơ góp ý kiến để em học hỏi thêm nhiều kinh nghiệm Đà Nẵng, Ngày , tháng năm2021 Sinh viên thực (ký, họ tên) KEOPANYA PINDALA MỤC LỤC PHẦN 1: MỞ ĐÂU 1 LÝ DO CHỌ ĐỀ TÀI MỤC TIÊU CỦA ĐỀ TÀI ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU PHƯƠNG PHÁP NGHIÊN CỨU LỊCH SỬ NGHIÊN CỨU CẦU TRỰC CỦA DỀ TÀI PHẦN 2: NỘI DUNG NGHIÊN CỨU CHƯƠNG 1: CƠ SƠ LÝ THUYẾT 1.1 GIỚI THIỆU VỀ ĐỀ TÀI 1.2 GIỚI THIỆU CÁC NGƠN NGỮ LẬP TRÌNH 1.2.1 NGÔN NGỮ HTML HÌNH 1.1: MƠ HÌNH CỦA HTML HÌNH 1.2: MƠ HÌNH HOẠT ĐỘNG JAVASCRIPT, CSS, HTML 1.3 NGÔN NGỮ CSS 1.3.1 Định nghĩa CSS 1.4 NGÔN NGỮ PHP 1.4.1 Khái niệm PHP 1.5 MỘT SỐ THƯ VIỆN HỖ TRỢ 1.5.1 THƯ VIỆN JAVASCRIPT 1.5.1.1 Giới thiệu 1.6 TỔNG QUAN MYSQL 1.6.1 GIỚI THIÊU MYSQL HÌNH 1.3: MƠ HÌNH CỦA MYSQL 1.7 VISUAL STUDIO CODE 1.8 XAMPP 1.9 MƠ HÌNH MVC CHUONG : PHẦN TÍCH THIẾT KẾ HỆ THỐNG 10 2.1 MÔI TRƯỜNG HỆ THỐNG 10 2.2 MÔ TẢ HỆ THỐNG BÁN THỰC ĂN 10 2.3 XÁC ĐỊNH CÁC ACTOR VÀ VAI TRÒ CỦA ACTOR 11 2.4 XÁC ĐỊNH CÁC USE CASE 11 2.5 ĐẶC TẢ USE CASE 12 2.7 2.8 2.9 BIỂU ĐỒ USE CASE TỔNG QUÁT CỦA ACTOR KHÁCH HÀNG 22 BIỂU ĐỒ TỔNG QUÁT USE CASE CỦA ACTOR ADMIN 23 BIỂU ĐỒ HOẠT ĐỘNG 24 2.9.1 BIỂU ĐỒ ĐỘNG ĐĂNG NHẬP 24 2.9.2 BIỂU ĐỒ HOẠT ĐỘNG ĐĂNG KÝ 25 2.9.3 BIỂU ĐỒ HOẠT ĐỘNG TÌM KIẾM 26 2.9.4 BIỂU ĐỒ HOẠT ĐỘNG XEM SẢN PHẨM 26 2.9.5 BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ GIÒ HÀNG 27 2.9.6 BIỂU ĐỒ HOẠT ĐỘNG ĐẶT HÀNG 27 2.9.7 BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ THÔNG TIN CÁ NHÂN 28 2.9.7.1 Biểu đồ hoạt động cập nhật thông tin cá nhân 28 2.9.7.2 Biểu đồ hoạt động đổi mật 29 2.9.8 BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ DANH MỤC 30 2.9.9 BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ LOẠI SẢN PHẨM 31 2.9.10 BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ SẢN PHẨM 32 2.9.11 BIỂU ĐỒ HOẠT ĐỘNG QUANG LÝ KHUYẾN MÃI 33 2.9.12 BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ TÀI KHOẢN 34 2.10 BIỂU ĐỒ LỚP 35 2.11 CƠ SỞ DỰ LIỆU (DATABASE) 36 CHƯƠNG 3: KẾT QUẢ ĐẠT ĐƯỢC 39 3.1 KẾT QUẢ ĐẠT ĐƯỢC 39 3.1.1 MỘT SỐ GIAO DIỆN CHÍNH TỪ PHÍA BÊN NGƯỜI DỤNG (KHÁCH HÀNG) 39 A B C D E F G H TRANG CHỦ 39 TRANG ĐĂNG NHẬP ĐĂNG KÝ 39 TRANG LOẠI SẢN PHẨM 40 TRANG CHI TIẾT SẢN PHẨM 41 TRANG GIÒ HÀNG 42 TRANG CHI TIẾT THANH TOÁN 42 TRANG TANH TOÁN 43 TRANG QUẢN LÝ THÔNG TIN CÁ NHÂN 44 3.2 MỘT SỐ GIAO DIỆN CHÍNH TỪ PHÍA BÊN ADMIN (NGƯỜI QUẢN TRỊ) 44 A B C D TRANG CHỦ CỦA TRANG QUẢN LÝ 44 TRANG QUẢN LÝ DANH MỤC 45 TRANG QUẢN LÝ DANH MỤC SẢN PHẨM 46 TRANG QUẢN LÝ SẢN PHẨM 48 E F TRANG QUẢN LÝ TẢI KHOẢN 50 TRANG XÉT DUYỆT HÓA ĐƠN 51 G TRANG QUẢN LÝ KHUYẾN MÃI 52 CHƯƠNG : KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 55 4.1 4.1.1 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 55 KẾT LUÂN 55 4.1.1.1 KẾT QUẢ ĐẶT ĐƯỢC CỦA ĐỀ TÀI 55 4.1.1.2 HẠN CHẾ CỦA ĐỀ TÀI 55 4.2 HƯỚNG PHÁT TRIỂN 55 TẢI LIỆU THAM KHẢO 56 DANH MỤC HÌNH HÌNH 1.1: MƠ HÌNH CỦA HTML HÌNH 1.2: MƠ HÌNH HOẠT ĐỘNG JAVASCRIPT, CSS, HTML HÌNH 1.3: MƠ HÌNH CỦA MYSQL HÌNH 1.4 : MƠ HÌNH VISUA STUDIO CODE HINH 1.6: CẦU TRÚC MƠ HÌNH MVC HÌNH 2.1: SƠ ĐỒ HỀ THỐNG 10 HÌNH 2.2: UC TỔNG QUÁT HỆ THỐNG WEBSITE BÁN MĨN ĂN 22 HÌNH 2.3 HÌNH BIỂU ĐỒ TỔNG QUÁT UC CỦA KHÁCH HÀNG 22 HÌNH 2.4 HÌNH BIỂU ĐỒ TỔNG QUÁT UC CỦA ADMIN 23 HÌNH 2.5 BIỂU ĐỒ HOẠT ĐỘNG ĐĂNG NHẬP 24 HÌNH 2.6.BIỂU ĐỊ HOẠT ĐỘNG ĐĂNG KÝ 25 HÌNH 2.8 : BIỂU ĐỒ HOẠT ĐỘNG TÌM KIẾM 26 HÌNH 2.9 : BIỂU ĐỒ HOẠT ĐỘNG XEM SẢN PHẨM 26 HÌNH 2.10: BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ GIỊ HÀNG 27 HÌNH 2.11: BIỂU ĐỒ HOẠT ĐỘNG ĐẶT HÀNG 27 HÌNH 2.12: BIỂU ĐỒ HOẠT ĐỘNG CẬP NHẬT THƠNG TIN CÁ NHÂN 28 HÌNH 2.13: BIỂU ĐỒ HOẠT ĐỘNG ĐỔI MẬT KHẨU 29 HÌNH 2.14: BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ DANH MỤC 30 HÌNH 2.15: BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ LOẠI SẢN PHẨM 31 HÌNH 2.16: BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ SẢN PHẨM 32 HÌNH 2.17 : BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ KHUYẾN MÃI 33 HÌNH 2.19: BIỂU ĐỒ HOẠT ĐỘNG QUẢN LÝ TÀI KHOẢN 34 HÌNH 2.20: BIỂU ĐỒ LỚP 35 HINH 2.21 : BẢNG CƠ SỞ DỮ LIỆU 36 DANH MỤC CÁC BẢNG BẢNG 1.CÁC CA SỬ DỤNG 12 BẢNG ĐẶC TẢ USE CASE ĐĂNG KÝ 12 BẢNG ĐẶC TẢ USE CASE ĐĂNG NHẬP 13 BẢNG ĐẶC TẢ USE CASE ĐĂNG XUẤT 13 BẢNG ĐẶC TẢ USE CASE TÌM KIẾM SẢN PHẨM 14 BẢNG ĐẶC TẢ XEM SẢN PHẨM 14 BẢNG ĐẶC TẢ USE CASE QUẢN LÝ GIÒ HÀNG 15 BẢNG ĐẶC TẢ USE CASE THANH TOÁN 15 BẢNG ĐẶC TẢ USE CASE QUẢN LÝ SẢN PHẨM 16 BẢNG10 ĐẶC TẢ USE CASE QUẢN LÝ DANH MỤC 17 BẢNG11 ĐẶC TẢ USE CASE QUẢN LÝ LOẠI SẢN PHẨM 18 BẢNG12 ĐẶC TẢ USE CASE QUẢN LÝ SẢN PHẨM 19 BẢNG13 ĐẶC TẢ USE CASE QUẢN LÝ KHUYẾN MÃI 20 BẢNG14 ĐẶC TẢ USE CASE QUẢN LÝ TẢI KHOẢN 21 BẢNG15 ĐẶC TẢ USE CASE QUẢN LÝ ĐƠN HÀNG 21 BẢNG 16: BẢNG CHITIETHOADON 36 BẢNG 17: BẢNG DANHMUC 36 BẢNG 18:HOADON 37 BẢNG 19:KHUYENMAI 37 BẢNG 20: LAOISANPHAM 37 BẢNG 21: NGUOIDUNG 38 BẢNG 22: PHANQUYEN 38 BẢNG 23:SANPHAM 38 DANH MỤC CÁC TỪ VIẾT TẮT Từ viết tắt HTML Tiếng Viết Tiếng Anh Ngôn ngữ siêu văn HyperText Markup Language CSS Ngôn ngữ định kiểu theo tầng Cascading Style Sheets PHP Lập trình kịch Hypertext Preprocessor CSDL Cơ sở liệu Database UC Ca sử dụng Use Case Web Trang mạng Website CNTT Công nghệ thông tin Informtion Technology ADMIN Quản trị viên Administrator MySQL Hệ quản trị sở liệu tự nguồn mở QL Quản lý Manage TT Thơng tin Information(Data) XÂY DỰNG WEBSITE BÁN MĨN ĂN KEOPANYA PINDALA 19i1 HÌnh 3.4 Trang chi tiết sản phẩm e Trang giò hàng Trang thị thông tin sản phẩm mà khách hàng chọn thêm vào giị hàng, giị có chức cho khách hàng cập nhật số lượng sản phẩm, xóa sản phẩm quay lại để tiếp tục chọn sản phẩm vào giị hàng Hình 3.5: Trang giị hàng f Trang chi tiết toán Trang chi tiết toán thị thơng tin tính tổng tiền sản phẩm giị hàng nắm phía dười trang giị hàng 42 XÂY DỰNG WEBSITE BÁN MĨN ĂN KEOPANYA PINDALA 19i1 Hình 3.6: Trang chi tiết tốn g Trang toán Trang toán sé hiên thị form nhập thông tin địa giao hàng thông thơng tin hóa đơn HÌnh 3.7: Trang tốn - Sau khách hàng nhấn nút vào đặt hàng hệ thông thị thông báo sau 43 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 Hình 3.8 Trang thị sau nhấn nút đặt hàng h Trang quản lý thông tin cá nhân Khi mà khách hang nhấn nút vào tải khoản cá nhân hệ thống thị chức để cập nhật thơng tin cá nhân đổi mật Hình 3.9: Trang quản lý thông tin cá nhân(tải khoản nhân) 3.2 Một số giao diện từ phía bên admin (Người Quản trị) a Trang chủ trang quản lý Khi admin đăng nhập vào hệ thông chọn chực vào trang quản lý(chức nắm drop down chỗ Xin chào ) Hệ thống thị trang chủ trang quản lý sau 44 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 Hình 3.10: Trang chủ trang quản lý b Trang quản lý danh mục - Giao diện trang quản lý danh mục gồm có thơng tin Mã danh mục, tên danh mục nút chức thêm,sửa xóa xem chi tiết danh mục Hình 3.11: Trang quản lý danh mục - Khi admin chọn vào chức them hệ thống thị form nhập thông tin cho admin nhập thông tin vào sau: 45 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 Hình 3.12 Trang thêm mới(Danh mục) - Khi admin chọn vào chức sửa hệ thống thị form nhập thông tin cho admin nhập thông tin vào để cập nhật thơng tin danh mục sau: Hình 3.13: Trang sửa thông danh mục c Trang quản lý danh mục sản phẩm - Giao diện trang quản lý danh mục sản phẩm gồm có thơng tin mã loại sản phẩm, tên loại sản phẩm, mô tả nút chức thêm,sửa xóa xem chi tiết danh mục sản phẩm 46 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 Hình 3.14 Trang quản lý danh mục - Khi admin chọn vào chức them hệ thống thị form nhập thông tin cho admin nhập thơng tin vào sau: Hình 3.15: Trang thêm mới(Danh mục sản phẩm) - Khi admin chọn vào chức sửa hệ thống thị admin nhập thông tin vào để cập nhật thông tin danh mục sản phẩm sau: 47 XÂY DỰNG WEBSITE BÁN MĨN ĂN KEOPANYA PINDALA 19i1 Hình 3.16: Trang sửa thơng danh mục sản phẩm d Trang quản lý sản phẩm - Giao diện trang quản lý sản phẩm gồm có thơng tin mã sản pẩm, tên sản nút chức thêm,sửa xóa, xem chi tiết sản phẩm chức tìm kiếm sản phẩm theo tên, số, theo mã sản phẩm - Hình 3.17: Trang quản lý sản phẩm Khi admin chọn vào chức them hệ thống thị form nhập thông tin cho admin nhập thông tin vào sau: 48 XÂY DỰNG WEBSITE BÁN MĨN ĂN KEOPANYA PINDALA 19i1 Hình 3.18: Trang thêm (sản phẩm) - Khi admin chọn vào chức sửa hệ thống thị form nhập thông tin cho admin nhập thông tin vào để cập nhật thông tin sản phẩm sau: 49 XÂY DỰNG WEBSITE BÁN MĨN ĂN KEOPANYA PINDALA 19i1 Hình 3.19: Trang sửa thông tin sản phẩm e Trang quản lý tải khoản - Giao diện trang quản lý tải khoản thị thông tin mã tải khoản, tên tải khoản, email, quyền hạn nút chức thêm, sửa xóa tải khoản Hình 3.20: Trang quản lý tải khoản - Khi admin chọn vào chức them hệ thống thị form nhập thông tin cho admin nhập thông tin vào sau: 50 XÂY DỰNG WEBSITE BÁN MĨN ĂN KEOPANYA PINDALA 19i1 Hình 3.21: Trang thêm tài hoản - Khi admin chọn vào chức sửa hệ thống thị form nhập thông tin cho admin nhập thông tin vào để cập nhật thơng tin tài khoản sau: Hình 3.22: Trang sửa thơng tin tải khoản f Trang xét duyệt hóa đơn - Giao diện trang xét duyệt hóa đơn gồm có thơng tin tên khách hàng, ngày đặt hàng, tống tiền, địa chỉ, SĐT, Trạng thái Có chức xét duyệt hóa đơn khách hàng xóa hóa đơn, có chức duyệt chưa diệt để xép thông tin theo yêu cầu mà chọn có chức tìm kiếm theo tên, mã 51 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 Hình 3.23 : Giao diện trang xét duyệt hóa đơn - Khi admin, nhân viên muốn xét duyệt giao nhấn nút vào xem chi tiết hệ thống thị thơng tin hóa đơn mà chọn có chức duyệt hóa đơn xóa hóa đơn sau: Hình 3.24: Trang chi tiết xét duyệt hóa đơn g Trang quản lý khuyến - Giao diện trang quản lý khuyến gồm có thơng tin khuyến mãi, tên khuyến mãi, loại khuyến mãi, giá trị khuyến mãi, ngày bắt đầu nút chức thêm,sửa xóa xem chi tiết khuyến 52 XÂY DỰNG WEBSITE BÁN MĨN ĂN KEOPANYA PINDALA 19i1 Hình 3.25 : Trang quản lý khuyến - Khi admin chọn vào chức them hệ thống thị form nhập thông tin cho admin nhập thông tin vào sau: Hình 3.26: Trang thêm khuyến - Khi admin chọn vào chức sửa hệ thống thị form nhập thông tin cho admin nhập thông tin vào để cập nhật thông tin khuyến sau: 53 XÂY DỰNG WEBSITE BÁN MĨN ĂN KEOPANYA PINDALA 19i1 Hình 3.27: Trang sửa khuyến 54 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 CHƯƠNG : KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Kết luận hướng phát triển 4.1.1 Kết luân 4.1.1.1 Kết đặt đề tài - Qua trình tìm hiểu xây dựng hệ thống website, cộng thêm hướng dẫn tận tình Th.S Dương Thị Mai Nga, em xây dưng quy trình, cách thức xây dựng hệ thống website - Em xây dựng tương đối hồn chỉnh website bán ăn - Có giao diện dễ nhìn, thân thiện với người dụng 4.1.1.2 Hạn chế đề tài Hệ thống website bán ăn hồn thành xong mà khơng tránh khỏi thiếu xót hạn chế đinh: - Giao diện chưa đép - Cần thêm vào nhiều chức cho website chức năng:  Theo dõi đơn hàng  Liên hệ khách hàng nhân viên  Chưa thể toán tiền online  Chức xử lý thành viên quên mật 4.2 Hướng phát triển - Cố gắng hoàn thiện website, tạo thêm vào chức mà em chưa thể tạo 55 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 TẢI LIỆU THAM KHẢO https://www.w3schools.com/ PHP: Hypertext Preprocessor Tìm hiệu MVC https://www.youtube.com/watch?v=7J5rHhZPIK4 https://monamedia.co/ https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free https://academy.borntodev.com/p/essential-sql-for-everyone 56 ... đăng nhập Hình 2.5 Biểu đồ hoạt động đăng nhập 24 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 2.9.2 Biểu đồ hoạt động đăng ký Hình 2.6.Biểu đị hoạt động đăng ký 25 XÂY DỰNG WEBSITE BÁN MÓN... quản lý tài khoản Hình 2.19: Biểu đồ hoạt động quản lý tài khoản 34 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 2.10 Biểu đồ lớp Hình 2.20: Biểu đồ lớp 35 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA... thơng tin cá nhân 28 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1 2.9.7.2 Biểu đồ hoạt động đổi mật Hình 2.13: Biểu đồ hoạt động đổi mật 29 XÂY DỰNG WEBSITE BÁN MÓN ĂN KEOPANYA PINDALA 19i1