Hiện nay với công nghệ thông tin và thương mại điện tử đang phát triên rất mạnh mẽ, sự xuất hiện ngày càng nhiều dịch vụ bán đồ ăn nhanh và nhu cầu của người dùng từ chủ cửa hàng đến người tiêu dùng ngày càng tăng cao. Đê giải quyết bài toán làm sao đem lại sự trải nghiệm tốt nhất cho người tiêu dùng và cung cấp giải pháp quản lý về món ăn, nguyên liệu, chi phí … cho các điêm bán hàng . Với những vấn đề nêu trên việc tạo ra một website và ứng dụng có thê xử lý và đồng bộ được hoạt động một cách tốt nhất. Bằng những kiến thức hiện có, nhóm chúng em ứng dụng công nghệ Java Spring Boot, React, Flutter và MySQL đê thực hiện đề tài “Xây dựng website và ứng dụng chuỗi trà sữa Gogi” đê giải quyết những vấn đề nêu trên.
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE VÀ ỨNG DỤNG CHUỖI TRÀ SỮA GOGI KHÓA LUẬN TỐT NGHIỆP GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN HỮU TRUNG LỜI CẢM ƠN Lời nhóm xin phép gửi lời cảm ơn chân thành sâu sắc đến với Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm chúng em học tập, phát triên tảng kiến thức sâu sắc thực đề tài Bên cạnh nhóm chúng em xin gửi đến thầy Nguyễn Hữu Trung lời cảm ơn sâu sắc biết ơn thầy giúp đỡ nhận lời hướng dẫn nhóm chúng em thực luận văn tốt nghiệp Trải qua trình dài học tập thực đề tài thời gian qua Thầy tận tâm bảo nhiệt tình nhóm chúng em suốt q trình từ lúc bắt đầu kết thúc đề tài Với kinh nghiệm chuyên môn với kinh nghiệm thực tế thầy cô Tập thê thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Nguyễn Hữu Trung giúp cho chúng em tiếp thu thêm nhiều kiến thức kinh nghiệm khổng lồ chuyên ngành thực dự án nhằm giúp nhiều cho công việc học vấn tương lai Đặc biệt điều giúp thơi thúc chúng em hồn thành đề tài Chúng em thật cảm ơn khắc ghi kiến thức Đây hành trang vơ lớn chúng em trước bước sống Tuy nhiên, kiến thức lúc vô tận với khả chun mơn cịn nhiều hạn chế chúng em ln cố gắng đê hoàn thành cách tốt Vì việc xảy thiếu sót chúng em điều khó tránh khỏi q trình học hỏi thực luận văn Chúng em hi vọng nhận thơng cảm nhận góp ý tận tình q báu q thầy (cơ) Thơng qua chúng em có thê rút học kinh nghiệm, song với hồn thiện nâng cấp lại sản phẩm tốt Sau tất cả, lần chúng em xin gửi lời cảm ơn sâu sắc đến với thầy Nguyễn Hữu Trung tập thê quý thầy, cô Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tất điều thầy cô gửi gắm dạy chúng em Nhóm xin kính chúc thầy ln có sức khỏe thật tốt ln thành cơng sống MỤC LỤC LỜI CẢM ƠN ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP KẾ HOẠCH THỰC HIỆN MỤC LỤC DANH SÁCH HÌNH DANH SÁCH BẢNG PHẦN MỞ ĐẦU 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC TIÊU ĐỀ TÀI .1 PHƯƠNG PHÁP THỰC HIỆN PHẦN NỘI DUNG CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Java Spring Boot 1.1.1 Giới thiệu Java Spring Boot 1.1.2 Ưu điêm 1.2 React Js 1.2.1 Giới thiệu React Js .3 1.2.2 Ưu điêm 1.3 Flutter 1.3.1 Giới thiệu Flutter 1.3.2 Ưu điêm 1.3.3 Nhược điêm 1.4 MySQL 1.4.1 Giới thiệu MySQL .6 1.4.2 Ưu điêm 1.4.3 Nhược điêm CHƯƠNG KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ 2.1 Phân tích trạng 2.2 Khảo sát website TocoToco 2.2.1 Các hình 2.2.2 Nhận xét 10 2.3 Phân tích yêu cầu dự án 11 2.4 Danh sách yêu cầu chức nghiệp vụ 12 2.5 Danh sách yêu cầu chức hệ thống 13 2.6 Danh sách yêu cầu phi chức 14 CHƯƠNG MƠ HÌNH HĨA U CẦU 15 3.1 Lược đồ Usecase 15 3.2 Đặc tả Usecase 19 3.2.1 Đăng nhập .19 3.2.2 Đăng ký 20 3.2.3 Đăng xuất 20 3.2.4 Quên/ Đặt lại mật 21 3.2.5 Liên hệ 21 3.2.6 Xem danh sách phân loại 21 3.2.7 Thêm phân loại 22 3.2.8 Chỉnh sửa phân loại 23 3.2.9 Ẩn phân loại 23 3.2.10 Thêm sản phẩm 23 3.2.11 Chỉnh sửa sản phẩm 24 3.2.12 Ẩn sản phẩm 24 3.2.13 Xem danh sách nhân viên 25 3.2.14 Thêm nhân viên 25 3.2.15 Chỉnh sửa nhân viên 25 3.2.16 Xóa nhân viên .26 3.2.17 Xem danh sách cửa hàng 26 3.2.18 Thêm cửa hàng 26 3.2.19 Chỉnh sửa cửa hàng 27 3.2.20 Xóa cửa hàng 28 3.2.21 Xem danh sách khuyến 28 3.2.22 Thêm khuyến 29 3.2.23 Chỉnh sửa khuyến 29 3.2.24 Xóa khuyến 29 3.2.25 Xem danh sách topping 30 3.2.26 Thêm topping 30 3.2.27 Chỉnh sửa topping .30 3.2.28 Xóa topping 31 3.2.29 Xem sản phẩm theo phân loại 31 3.2.30 Tìm kiếm sản phẩm 32 3.2.31 Xem chi tiết sản phẩm 32 3.2.32 Tìm kiếm mã khuyến 32 3.2.33 Thống kê 33 3.2.34 Thêm thông tin địa giao hàng .33 3.2.35 Đổi thông tin địa giao hàng 33 3.2.36 Xem thông tin địa giao hàng 34 3.2.37 Thêm sản phẩm vào giỏ hàng .34 3.2.38 Xóa sản phẩm khỏi giỏ hàng 35 3.2.39 Đặt hàng 35 3.2.40 Hủy đơn hàng 36 3.2.41 Khách hành xem lịch sử đơn hàng .36 3.2.42 Đánh giá sản phẩm mua 36 3.2.43 Xem danh sách đơn hàng 37 3.2.44 Xem chi tiết đơn hàng 37 3.2.45 Duyệt đơn hàng 37 3.2.46 Hoàn tất giao đơn hàng 38 3.2.47 Nhân viên hủy đơn hàng 38 CHƯƠNG THIẾT KẾ PHẦN MỀM 40 4.1 Lược đồ 40 4.1.1 Đăng ký 40 4.1.2 Đăng nhập .41 4.1.3 Xác nhận đơn hàng 42 4.1.4 Thêm thông tin cá nhân 43 4.1.5 Thêm giỏ hàng 43 4.1.6 Đặt hàng 44 4.1.7 Thêm sản phẩm .45 4.1.8 Tìm kiếm sản phẩm 45 4.1.9 Thống kê 46 4.2 Lược đồ ERD 46 4.3 Lược đồ Cơ sở liệu .47 CHƯƠNG THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 48 5.1 Trang chủ 48 5.2 Đăng nhập 49 5.3 Đăng ký 50 5.4 Tìm kiếm sản phẩm 52 5.5 Chi tiết sản phẩm 53 5.6 Giỏ hàng 55 5.7 Mã giảm giá 57 5.8 Thanh toán 58 5.9 Thêm địa giao hàng 59 5.10 Sổ địa 60 5.11 Lịch sử đơn hàng 61 5.12 Trang chi tiết đơn hàng 62 5.13 Trang menu 63 5.14 Danh sách cửa hàng .64 5.15 Quản lý đơn hàng 66 5.16 Chi tiết đơn hàng 66 5.17 Quản lý sản phẩm 70 5.18 Quản lý phân loại 71 5.19 Quản lý cửa hàng 72 5.20 Quản lý nhân viên 73 5.21 Quản lý mã giảm giá 74 5.22 Quản lý topping 75 5.23 Thêm/ Chỉnh sửa thông tin sản phẩm 76 5.24 Thêm/ Chỉnh sửa phân loại 79 5.25 Thêm/ Chỉnh sửa cửa hàng 81 5.26 Thêm/ Chỉnh sửa nhân viên 83 5.27 Thêm/ Chỉnh sửa mã giảm giá 85 5.28 Thêm/ Chỉnh sửa Topping .88 5.29 Báo cáo thống kê 90 5.30 Giao diện ứng dụng 91 5.30.1 Màn hình Flash 91 5.30.2 Đăng nhập 92 5.30.3 Đăng ký .92 5.30.4 Quên/ Đặt lại mật .94 5.30.5 Đăng xuất 95 5.30.6 Trang chủ 95 5.30.7 Cửa hàng .96 5.30.8 Giới thiệu 98 5.30.9 Liên hệ 99 5.30.10 Menu 100 5.30.11 Chi tiết sản phẩm 100 5.30.12 Giỏ hàng 102 5.30.13 Đặt hàng 103 5.30.14 Đơn hàng 104 5.30.15 Chi tiết đơn hàng 105 5.30.16 Đánh giá sản phẩm 106 5.30.17 Trang cá nhân 106 5.30.18 Sổ địa 107 5.30.19 Thêm địa 109 5.30.20 Mã khuyến 110 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 111 6.1 Cài đặt 111 6.1.1 Back-end 111 6.1.2 Front-end 112 6.1.3 App 113 6.2 Kiêm thử ứng dụng 116 6.2.1 Các chức User 116 6.2.2 Các chức Employee 117 6.2.3 Các chức Admin 118 PHẦN KẾT LUẬN 120 NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 120 1.1 Về kiến thức 120 1.2 Về đề tài 120 1.3 Về kinh nghiệm 120 ƯU ĐIỂM VÀ NHƯỢC ĐIỂM 121 2.1 Ưu điêm 121 2.2 Nhược điêm 121 THUẬN LỢI .121 KHÓ KHĂN 121 HƯỚNG PHÁT TRIỂN 122 TÀI LIỆU THAM KHẢO 123 DANH SÁCH HÌNH Hình 1.1 Logo Spring Boot [1] Hình 1.2 Logo React Js [2] Hình 1.3 Logo Flutter [3] Hình 1.4 Logo MySQL [4] Hình 2.1 Màn hình trang chủ Hình 2.2 Màn hình sản phẩm Hình 2.3 Màn hình đăng nhập .10 Hình 2.4 Màn hình đăng ký 10 Hình 2.5 Màn hình danh sách sản phẩm giỏ hàng 10 Hình 2.6 Màn hình quản lý tài khoản 10 Hình 2.7 Màn hình danh sách cửa hàng 10 Hình 2.8 Màn hình toán .10 Hình 2.9 Màn hình quản lý đơn hàng 10 Hình 2.10 Ưu điêm hạn chế TocoToco 10 Hình 1.1 Lược đồ Usecase 15 Hình 3.1 Usecase Quản lý đơn đặt hàng .16 Hình 3.2 Usecase quản lý sản phẩm 16 Hình 3.3 Usecase quản lý phân loại 17 Hình 3.4 Usecase Quản lý cửa hàng 17 Hình 3.5 Usecase Quản lý nhân viên 18 Hình 3.6 Usecase Quản lý mã khuyến 18 Hình 3.7 Usecase Quản lý topping 19 Hình 4.1 Lược đồ đăng ký 40 Hình 4.2 Lược đồ đăng nhập 41 Hình 4.3 Lược đồ xác nhận đơn hàng .42 5.30.19 Thêm địa Hình 5.54 Màn hình thêm địa 109 5.30.20 Mã khuyến Hình 5.55 Màn hình mã khuyến 110 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 6.1 Cài đặt 6.1.1 Back-end Yêu cầu phần mềm ● Phần mềm Eclipse phần mềm tương tự ● JDK trở lên ● MySQL Các bước cài đặt API Tải giải nén thư mục chứa Project Backend Hình 6.1 Cấu trúc project back-end Import Project: File > Import > Maven > Existing Maven Project > back-end Tạo sở liệu - Mở MySQL Workbench - Tạo database: create database gogi - Mở application.properties Hình 6.2 Application.properties - Có thê thay đổi username password trùng khớp với MySQL Compile file mapstruct - Mở CMD: mvn:compiler:compile 111 Hình 6.3 Kết compile Tiến hành chạy chương trình - Mở file GigoApplication.class > Run as Java Application Hình 6.4 Kết chạy chương trình 6.1.2 Front-end Yêu cầu phần mềm ● Phần mềm Visual Code 2019 ● Đã cài đặt NodeJS, npm Các bước cài đặt Tải giải nén thư mục Front-end Mở thư mục Front-end Visual Code 112 Hình 6.5 Cấu trúc project front-end Tải node_modules lệnh: npm install - Danh sách dependency Hình 6.6 Package.json Chạy chương trình lệnh: npm start 6.1.3 App Yêu cầu phần mềm ● Phần mềm Android studio ● Đã cài đặt Flutter 113 Các bước cài đặt Tải giải nén thư mục App Mở thư mục App Android studio Hình 6.7 Cấu trúc project app Mở tệp pubspec.yaml bấm vào Upgrade dependencies đê cài đặt thư viện - Danh sách dependency Hình 6.8 Dependencies pubspec.yaml Kết nối máy Android với máy tính cáp USB sử dụng mơ-đun giả lập Android Android Studio 114 Chạy chương trình: chọn tùy chọn “Run” sử dụng tổ hợp phím “Shift + F10” đê chạy ứng dụng 115 6.2 Kiểm thử ứng dụng 6.2.1 Các chức User Bảng 6.1 Kiểm thử chức người dùng STT Testcase Kết mong đợi Kết Chức đăng nhập Đăng nhập thành công, phân Pass quyền Chức đăng ký Đăng ký thành công Đăng xuất Sau người dùng nhấn vào “Đăng xuất” hệ thống thoát tài khoản trở Pass Trang chủ Quên/ Đặt lại mật Sau gửi thông tin mail nhận link đặt lại mật Đặt lại thành Pass công Sau đăng nhập, người dùng có thê u thích sản phẩm Icon trái tim đỏ Yêu thích/ Bỏ yêu thích hiên thị sản phẩm yêu Pass sản phẩm thích, ngược lại nhấn vào Icon trái tim đỏ thành màu xám bỏ yêu thích sản phẩm Đánh giá sản phẩm Sau đơn hàng giao thành cơng, người dùng có thê gửi đánh giá gồm: Pass nội dung điêm cho sản phẩm mua Người dùng có thê lưu nhiều địa Thêm nhiều địa giao giao hàng khác đặt địa Pass hàng mặc định Thêm sản phẩm vào giỏ Giỏ hàng cập nhật sản phẩm mới, Pass hàng tổng tiền cập nhật Thay đổi số lượng sản Số lượng sản phẩm giỏ hàng thay Pass phẩm giỏ hàng đổi tương ứng 10 Đặt hàng Đặt hàng thành công, xuất đơn Pass hàng trang duyệt sản phẩm 11 Xem chi tiết sản phẩm Khi bấm chọn vào sản phẩm chuyên đến trang hiên thị chi tiết thơng tin sản Pass phẩm 12 Tìm kiếm sản phẩm Nhập từ khóa cần tìm, hệ thống hiên thị Pass danh sách sản phẩm phù hợp Pass 116 13 Xem lịch sử đơn hàng Sau đặt hàng thành công, xem Pass danh sách chi tiết đơn hàng đặt 14 Tìm kiếm mã giảm giá Nhập từ mã code cần tìm, hệ thống hiên Pass thị mã giảm giá phù hợp 15 Liên hệ Nhập nội dung cần liên hệ người quản lý nhận mail liên hệ Pass người dùng 6.2.2 Các chức Employee Bảng 6.2 Kiểm thử chức nhân viên STT Testcase Kết mong đợi Kết Xem danh sách đơn Danh sách tất đơn hàng cửa hàng Pass hàng cửa hàng Xem chi tiết đơn hàng Bấm vào “Xem” chuyên đến trang hiên Pass thị chi tiết thông tin đơn hàng Xác nhận đơn hàng Bấm chọn nút “Xác nhận”, trạng thái Pass đơn hàng thành Delivering Xác nhận giao đơn hàng Xác nhận giao thành công, trạng thái Pass đơn hàng thành Success 117 6.2.3 Các chức Admin Bảng 6.3 Kiểm thử chức quản trị viên STT Testcase Kết mong đợi Thêm sản phẩm Thêm sản phẩm thành công, sản phẩm Pass hiên thị hệ thống Thêm danh mục Thêm danh mục thành công Danh mục Pass hiên thị hệ thống Thêm cửa hàng Thêm cửa hàng thành công Cửa hàng Pass hiên thị hệ thống Thêm nhân viên Thêm nhân viên thành công Nhân viên Pass hiên thị hệ thống Thêm mã gỉảm giá Thêm mã gỉảm giá thành công Mã Pass gỉảm giá hiên thị hệ thống Thêm topping Thêm topping thành công Topping Pass hiên thị hệ thống Chỉnh sửa sản phẩm Chỉnh sửa thông tin sản phẩm thành công Sản phẩm hiên thị thông tin Pass hệ thống Chỉnh sửa danh mục Chỉnh sửa thông tin danh mục thành công Danh mục hiên thị thông tin Pass hệ thống Chỉnh sửa cửa hàng Chỉnh sửa thông tin cửa hàng thành Pass công 10 Chỉnh sửa nhân viên Chỉnh sửa thông tin nhân viên thành Pass công 11 Chỉnh sửa mã gỉảm giá Chỉnh sửa thông tin mã gỉảm giá thành Pass công 12 Chỉnh sửa topping Chỉnh sửa thông tin topping thành Pass công 13 Ẩn sản phẩm Ẩn sản phẩm thành công Pass 14 Ẩn phân loại Ẩn phân loại thành công Pass 15 Xóa cửa hàng Xóa thơng tin cửa hàng thành cơng Pass Kết 118 16 Xóa nhân viên Xóa thơng tin nhân viên thành cơng Pass 17 Xóa mã gỉảm giá Xóa thơng tin mã gỉảm giá thành cơng Pass 18 Xóa topping Xóa thơng tin topping thành cơng Pass 119 PHẦN KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 1.1 Về kiến thức Về kiến thức, thành viên nhóm học hỏi trau dồi thêm nhiều cho thân Về chuyên môn: - Hiêu rõ cách viết APIs phát triên server back-end với Spring boot hệ quản trị sở liệu MySQL Server - Phát triên giao diện hệ thống ReactJs - Phát triên giao diện ứng dụng Flutter - Học hỏi debug đê tìm lỗi giải lỗi xảy trình phát triên phần mềm - Học tiếp thu nhiều kiến thức Về kỹ năng: - Rèn luyện kỹ làm việc nhóm, giải vấn đề chung - Tư phản biện, kỹ giao tiếp thành viên nhóm - Kỹ đọc tài liệu tiếng anh, tự học, tự nghiên cứu đê giải khó khăn - Kỹ quản lý thời gian đê thực tiến độ mà không bị ảnh hưởng nhiều yếu tố khác 1.2 Về đề tài Sau thực đề tài nhóm có được: Website dành cho tất người dùng hệ thống “Chuỗi trà sữa Gogi” Ứng dụng dành cho người dùng hệ thống “Chuỗi trà sữa Gogi” Cơ sở liệu cho hệ thống “Chuỗi trà sữa Gogi” Các tài liệu báo cáo cho hệ thống “Chuỗi trà sữa Gogi” Sơ đồ, lược đồ miêu tả hệ thống “Chuỗi trà sữa Gogi” 1.3 Về kinh nghiệm Về mặt kinh nghiệm: Kinh nghiệm lập trình web 120 Kinh nghiệm lập trình ứng dụng Kinh nghiệm phát triên, triên khai API Database kiêm thử phần mềm ƯU ĐIỂM VÀ NHƯỢC ĐIỂM 2.1 Ưu điểm Các hệ thống triên khai giúp người dùng có thê dễ dàng sử dụng mà khơng cần phải cài đặt phức tạp Hệ thống FE viết source code nhờ có hỗ trợ ReactJs khiến cho việc cài đặt dễ dàng Có ứng dụng di động dành cho vai trò người dùng đê thuận tiện thực mua hàng Hệ thống bao gồm nhiều tính bật hệ thống thương mại điện tử hoạt động ổn định 2.2 Nhược điểm Vì cịn thiếu kinh nghiệm, nhóm chúng em hồn thiện giao diện cịn đơn giản có điêm chưa hợp lý Vẫn cịn chưa đầy đủ tính đê tăng trải nghiệm người dùng THUẬN LỢI Dễ dàng tiếp cận phát triên phần mềm có kinh nghiệm lập trình thời gian thực tập Nhờ có hướng dẫn nhiệt tình thầy Nguyễn Hữu Trung thầy cô Khoa Công Nghệ Thông Tin trường Đại học Sư Phạm Kỹ Thuật giúp đỡ nhóm thời gian thực đề tài KHĨ KHĂN Trong q trình hồn thiện hệ thống cịn nhiều kiến thức nhóm vừa học vừa làm Kinh nghiệm kỹ nhóm cịn thiếu sót non trẻ dẫn đến khơng khó khăn đê giải vấn đề 121 HƯỚNG PHÁT TRIỂN Trong trình thực đề tài, mặt thời gian kiến thức khiến cho nhóm có nhiều trở ngại việc thức hóa nhiều tình cho hệ thống, nhóm đề hướng phát triên cho hệ thống sau: Chỉnh sửa UI/UX đê tăng thêm trải nghiệm người dùng Bổ sung chức tiện ích (thanh tốn online, gợi ý sản phẩm, tính phí theo map, ) đê tăng trải nghiệm hiệu suất cho người dùng Phát triên tính trò chuyện theo thời gian thực đê người dùng tương tác với nhân viên hệ thống Phát triên tính mà nhóm nghĩ tương lai Cải thiện hiệu suất, sửa lỗi ứng dụng công nghệ vào đề tài 122 TÀI LIỆU THAM KHẢO [1] Nguồn ảnh minh họa: https://hocspringboot.net/2021/04/21/gioi-thieu-ve-cong-cu-devtoolstrong-spring-boot/ [2] Nguồn ảnh minh họa: https://topdev.vn/blog/reactjs-nhung-dieu-ban-can-phai-biet/ [3] Nguồn ảnh minh họa: https://viblo.asia/p/gioi-thieu-ve-flutter-bWrZnNxrZxw [4] Nguồn ảnh minh họa: https://bizflycloud.vn/tin-tuc/mysql-la-gi-tai-sao-nen-su-dung-mysql20200917180705499.htm [5] Andy Vicler, Javascript Basic For Beginer [6] Bezcoder, Axios Interceptors tutorial with Refresh Token, https://www.bezkoder.com/axiosinterceptors-refresh-token [7] Nam Ha Minh https://www.codejava.net/frameworks/spring-boot/spring-security-jwtauthentication-tutorial#AuthApi [8] Nam Ha Minh, Spring Security JWT Role-based Authorization Tutorial, https://www.codejava.net/frameworks/spring-boot/spring-security-jwt-role-basedauthorization [9] Eugen Paraschiv, Security with Spring, https://www.baeldung.com/security-spring [10] Giới thiệu flutter, https://baoflutter.com/category/gioi-thieu-ve-flutter/ [11].Gökhan Ayrancıoğlu, What is Server-Sent Events (SSE) and how to implement it?, https://medium.com/yemeksepeti-teknoloji/what-is-server-sent-events-sse-and-how-toimplement-it-904938bffd73 [12] Spring Boot gì, https://bizfly.vn/techblog/spring-boot-la-gi.html [13] ReactJs, https://reactjs.org/docs/getting-started.html [14].REST Query Language with Spring Data JPA Specifications, Eugen Paraschiv, https://www.baeldung.com/rest-api-search-language-spring-data-specifications 123