Đồ án xây dựng ứng dụng quản lý gia đình hafaly

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN XÂY DỰNG ỨNG DỤNG QUẢN LÝ GIA ĐÌNH HAFALY Giảng viên hướng dẫn : TS Đỗ Thị Thanh Tuyền Sinh viên thực : Nguyễn Đức Long - 20521566 Sinh viên thực : Lê Ngọc Minh - 20521600 TP HỒ CHÍ MINH, tháng năm 2023 LỜI CẢM ƠN Sự phát triển vũ bão công nghệ tông tin (CNTT) tác động mạnh mẽ to lớn đến mặt đời sống kinh tế xã hội Ngày nay, CNTT trở thành động lực quan trọng phát triển Với khả số hóa loại thơng tin, máy tính trở thành phương tiện xử lý thơng tin thống đa năng, thực nhiều chức khác dạng thông tin thuộc lĩnh vực như: nghiên cứu, quản lý, kinh doanh, giáo dục, Những ứng dụng CNTT lĩnh vực quản lý ứng dụng vơ quan trọng Nó khơng giải phóng cơng sức cho người quản lý mà cịn đem lại xác nhanh nhạy quản lý Là sinh viên CNTT, đồ án này, nhóm chúng em chọn thực đồ án “XÂY DỰNG ỨNG DỤNG QUẢN LÝ GIA ĐÌNH” Nhóm xin gửi lời cảm ơn chân thành đến Cơ Đỗ Thị Thanh Tuyền tận tình giảng dạy, hướng dẫn chúng em suốt thời gian học vừa qua bạn học góp ý giúp đỡ nhóm q trình thực đồ án Do kiến thức thời gian thực hạn chế, đồ án nhóm cịn nhiều thiếu sót Nhóm mong nhận góp ý Cơ bạn để đồ án nhóm hồn thiện Nhóm sinh viên thực NGUYỄN ĐỨC LONG – LÊ NGỌC MINH NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp.HCM, ngày … tháng 07 năm 2023 GVHD TS Đỗ Thị Thanh Tuyền MỤC LỤC Nội dung CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 10 1.1 Tên đề tài: .10 1.2 Mô tả đề tài: 10 1.3 Lý chọn đề tài: 10 1.4 Các chức đề tài: 10 1.5 Đối tượng sử dụng 12 1.6 Công nghệ sử dụng .12 1.7 Mơi trường lập trình: 12 1.8 Cơng cụ hỗ trợ (nếu có): .12 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT .14 2.1 2.2 2.3 React .14 2.1.1 React .14 2.1.2 Lịch sử React 14 2.1.3 Kiến trúc React .16 2.1.4 Ưu điểm React .18 2.1.5 Nhược điểm React 19 SpringBoot 20 2.2.1 Giới thiệu Spring Boot 20 2.2.2 Kiến trúc Spring Boot 21 2.2.3 Ưu điểm Spring Boot .23 2.2.4 Nhược điểm Spring Boot .24 PostgresSQL 25 2.3.1 Giới thiệu PostgresSQL 25 2.3.2 Tại lại PostgresSQL .26 2.3.3 Nhược điểm PostgresSQL 27 2.3.4 Lưu ý sử dụng PostgresSQL 27 CHƯƠNG 3: KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 29 3.1 3.2 3.3 3.4 Khảo sát xác định yêu cầu: 29 3.1.1 Phương pháp khảo sát 29 3.1.2 Câu hỏi khảo sát .29 3.1.3 Kết khảo sát .30 Phân tích yêu cầu 31 3.2.1 Sơ đồ Use case .31 3.2.2 Đặc tả Use case 32 Thiết kế sở liệu 45 3.3.1 Khảo sát trạng 45 3.3.2 Mô tả tân từ 45 3.3.3 Sơ đồ sở liệu .47 3.3.4 Danh sách thực thể 47 3.3.5 Mô tả chi tiết thực thể 48 Thiết kế kiến trúc 54 3.4.1 Ứng dụng kiến trúc lớp .54 3.4.2 Mục đích lựa chọn 57 CHƯƠNG 4: XÂY DỰNG ỨNG DỤNG Error! Bookmark not defined 4.1 Sơ đồ hình .58 4.2 Danh sách hình 58 4.3 Mơ tả hình .59 4.3.1 Màn hình trang chủ 59 4.3.2 Màn hình đăng nhập đăng ký 61 4.3.3 Màn hình cài đặt .64 4.3.4 Màn hình quản lý cơng việc 65 4.3.5 Màn hình quản lý kế hoạch bữa ăn 67 4.3.6 Màn hình quản lý ghi 72 4.3.7 Màn hình quản lý lịch trình 73 4.3.8 Màn hình ăn .76 4.3.9 Màn hình quản lý liên hệ 77 CHƯƠNG 5: KẾT LUẬN 78 5.1 Ưu điểm đồ án .78 5.2 Nhược điểm đồ án 78 5.3 Hướng phát triển 78 TÀI LIỆU THAM KHẢO 80 MỤC LỤC HÌNH ẢNH Hình 4.1 Sơ đồ hình 58 Hình 4.2 Màn hình trang chủ Website 60 Hình 4.3 Màn hình đăng ký 61 Hình 4.4 Màn hình đăng nhập 63 Hình 4.5 Màn hình cài đặt 64 Hình 4.6 Màn hình quản lý cơng việc 65 Hình 4.7 Màn hình thêm cơng việc 66 Hình 4.8 Màn hình quản lý bữa ăn .67 Hình 4.9 Màn hình thêm kế hoạch bữa ăn 68 Hình 4.10 Màn hình edit kiện 70 Hình 4.11 Màn hình quản lý ghi 72 Hình 4.12 Màn hình quản lý lịch trình 73 Hình 4.13 Màn hình thao tác với quản lý lịch trình 73 Hình 4.14 Màn hình thêm lịch trình .75 Hình 4.15 Màn hình quản lý ăn 76 Hình 4.16 Màn hình quản lý liên hệ .77 DANH MỤC BẢNG Bảng 3.1 RequestsUC 32 Bảng 3.2 Join family UC 33 Bảng 3.3 Update Info UC .34 Bảng 3.4 Manage task UC 35 Bảng 3.5 Manage schedule UC 36 Bảng 3.6 Manage contact UC .37 Bảng 3.7 Manage mealplan UC 38 Bảng 3.8 Manage meber UC 39 Bảng 3.9 Assign task UC 41 Bảng 3.10 Check Order Meal UC 42 Bảng 3.11 Add Meal Favorite UC 43 Bảng 3.12 Danh sách thực thể 47 Bảng 3.13 Requests .48 Bảng 3.14 FamiliMembers 48 Bảng 3.15 Families .49 Bảng 3.16 Events 49 Bảng 3.17 Tasks 50 Bảng 3.18 Notes 51 Bảng 3.19 Contacts .51 Bảng 3.20 MealPlans 52 Bảng 3.21 Foods 52 Bảng 3.22 Recipes 53 Bảng 3.23 Ingredients 53 Bảng 3.24 MealPlan Recipes 53 Bảng 3.25 Task Assignments .54 Bảng 3.26 ParticipateEvents 54 Bảng 4.1 Danh sách hình Error! Bookmark not defined Bảng 4.2 Chú thích hình trang chủ .61 Bảng 4.3 Chú thích hình đăng ký 62 Bảng 4.4 Chú thích hình đăng nhập 63 Bảng 4.5 Chú thích hình cài đặt 64 Bảng 4.6 Chú thích hình quản lý cơng việc 66 Bảng 4.7 Chú thích hình quản lý kế hoạch bữa ăn .67 Bảng 4.8 Chú thích hình thêm ký hoạch bữa ăn 68 Bảng 4.9 Chú thích hình chỉnh sửa kiện 70 Bảng 4.10 Chú thích hình quản lý ghi 72 Bảng 4.11 Chú thích hình quản lý lịch trình 73 Bảng 4.12 Chú thích hình thêm lịch trình .75 Bảng 4.13 Chú thích hình quản lý liên hệ 77 CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Tên đề tài: XÂY DỰNG ỨNG DỤNG QUẢN LÝ GIA ĐÌNH HAFALY 1.2 Lý chọn đề tài: - Tối ưu thời gian: Việc quản lý gia đình bao gồm nhiều nhiệm vụ khác quản lý tài chính, lịch trình, mua sắm, v.v Sử dụng ứng dụng quản lý gia đình giúp tối ưu thời gian suất người dùng cách giảm thiểu thời gian phân tán việc quản lý xếp công việc - Sự tiện lợi: Với phát triển cơng nghệ, việc quản lý gia đình cách ghi chép giấy tờ trở nên khó khăn bất tiện Sử dụng ứng dụng quản lý gia đình website giúp việc quản lý trở nên dễ dàng tiện lợi - Tránh xung đột: Việc quản lý gia đình nhiệm vụ phức tạp dễ xảy xung đột gia đình Sử dụng ứng dụng quản lý gia đình giúp thành viên gia đình cập nhật thơng tin kế hoạch, lịch trình, chi tiêu, v.v., tránh xung đột xảy - Kiểm sốt chi tiêu: Quản lý tài phần quan trọng việc quản lý gia đình Sử dụng ứng dụng quản lý gia đình giúp người dùng kiểm sốt chi tiêu gia đình cách nhanh chóng xác - Sự an tồn: Sử dụng ứng dụng quản lý gia đình giúp bảo vệ thơng tin gia đình người dùng Thông tin lưu trữ máy chủ an tồn có tính bảo mật cao, đảm bảo an tồn cho người dùng - Vì vậy, việc chọn đề tài xây dựng ứng dụng website quản lý gia đình lựa chọn hợp lý tiềm để giải vấn đề quản lý gia đình cách hiệu thuận tiện 1.3 Mô tả đề tài: - Đề tài quản lý gia đình chọn giải nhu cầu cần thiết người dùng việc tổ chức quản lý hoạt động gia đình, từ việc 10 Hình 4.7 Màn hình thêm cơng việc Bảng 4.6 Chú thích hình quản lý cơng việc STT Tên thành phần Loại Name of task Input Field Hành động Nhập tên công việc Thêm mô tả cho công Description Input Field việc Chọn tình trạng cơng Status Combo Box việc 66 Chọn loại công việc Type Combo Box cá nhân hay gia đình Note Here Input Field Ghi cho công việc Cancel Button Hủy thông tin vừa điền Save Button Lưu thông tin cơng việc 4.3.5 Màn hình quản lý kế hoạch bữa ăn Hình 4.8 Màn hình quản lý bữa ăn Bảng 4.7 Chú thích hình quản lý kế hoạch bữa ăn STT Tên thành phần Loại Hành động Nút hiển thị theo thời Hiển thị thông tin lịch gian “Today, Day, ăn theo định dạng theo Button Week, Work Week, ngày, theo tháng, theo năm, Month, Agenda” theo khung thời gian 67 Chuyển sang ngày 2 mũi tên điều hướng Button lùi ngày hiển thị Combo Box Ngày Combo Chọn ngày để thêm kiện tháng Box Khi người dùng bấm chọn thị thông tin thẻ chi tiết, Thẻ kiện Card cho phép sửa thông tin lưu lại Hình 4.9 Màn hình thêm kế hoạch bữa ăn Bảng 4.8 Chú thích hình thêm ký hoạch bữa ăn STT Tên thành phần Loại Tittle Input Field Hành động Chọn tiêu đề cho bữa ăn 68 Hiển thị danh sách loại Chọn loại bữa ăn Combo Box bữa ăn ngày cho người dùng chọn Chuyển tới trang thay đổi Ghi “Notes” Input Field Email Add Button Thêm kiện More Details Button Xem chi tiết kiện 69 Hình 4.10 Màn hình edit kiện Bảng 4.9 Chú thích hình chỉnh sửa kiện STT Tên thành phần Loại Tittle Input Field Hành động Chọn tiêu đề cho bữa ăn Hiển thị danh sách loại Chọn loại bữa ăn Combo Box bữa ăn ngày cho người dùng chọn Location Input Field Nhập thông tin địa điểm 70 Start DatePicker Chọn ngày bắt đầu End DatePicker Chọn ngày kết thúc AllDay CheckBox Chọn chế độ ngày TimeZone CheckBox Chọn Timezone Chọn chế độ lặp lại cho Repeat Combo Box kiện Meal Type Combo Box Chọn loại bữa ăn Ghi mô tả cho kiện 10 Description Input Field ăn 11 Delete Button 12 Save Button Xóa kiện Lưu thơng tin sau chỉnh sửa 13 Cancel Button Hủy thay đổi 71 4.3.6 Màn hình quản lý ghi Hình 4.11 Màn hình quản lý ghi Bảng 4.10 Chú thích hình quản lý ghi STT Tên thành phần Loại Hành động Read More Button Đọc chi tiết ghi Delete Note Button Xóa ghi Cho phép người dùng soạn ghi Với tính Undo, Redo, Chữ Bộ soạn thảo Editor đậm, chữ nghiêng, thêm hình ảnh, thêm lịch, cỡ chữ Thêm ghi Add New Note Button soạn xong 72 4.3.7 Màn hình quản lý lịch trình Hình 4.12 Màn hình quản lý lịch trình Hình 4.13 Màn hình thao tác với quản lý lịch trình Bảng 4.11 Chú thích hình quản lý lịch trình STT Tên thành phần Loại New Event Button Hành động Thêm lịch trình Thêm kiện lặp lại theo New Recurring Event Button chu kì Day, Week, WorkWeek, Month, Year, Agenda Hiển thị, xếp lịch Button trình theo ngày, tháng, năm, theo thời gian 73 Thêm ghi Timeline Views CheckBox soạn xong Print Button In lịch trình Import Button Nhập lịch trình Export Button Xuất lịch trình Setting Button Cài đặt hiển thị 74 Hình 4.14 Màn hình thêm lịch trình Bảng 4.12 Chú thích hình thêm lịch trình STT Tên thành phần Loại Hành động Tittle Input Field Chọn tiêu đề cho lịch trình Location Input Field Nhập thông tin địa điểm Start DatePicker Chọn ngày bắt đầu End DatePicker Chọn ngày kết thúc 75 AllDay CheckBox Chọn chế độ ngày TimeZone CheckBox Chọn Timezone Repeat Combo Box Chọn chế độ lặp lại cho kiện 10 Description Input Field Ghi mơ tả cho kiện ăn 12 Save Button Lưu thông tin sau chỉnh sửa 13 Cancel Button Hủy thay đổi 4.3.8 Màn hình ăn Hình 4.15 Màn hình quản lý ăn STT Tên thành phần Loại Hành động Hình trái tim Toggle Thêm ăn vào mục u thích Button Xem chi tiết ăn Biểu tượng chấm 76 4.3.9 Màn hình quản lý liên hệ Hình 4.16 Màn hình quản lý liên hệ Bảng 4.13 Chú thích hình quản lý liên hệ STT Tên thành phần Loại Add Toggle Thêm liên hệ Edit Button Sửa thơng tin liên lạc Delete Button Xóa khỏi danh bạ Print Button In tồn thơng tin liên lạc Search Text Field Hành động Tìm kiếm liên hệ Tiến tới trang sau trở trang Mũi tên điều hướng Button trước Số trang Button Bấm vào tới trang tương ứng 77 CHƯƠNG 5: KẾT LUẬN 5.1 Ưu điểm đồ án - Giao diện đẹp mắt thân thiện: Tập trung vào việc thiết kế giao diện người dùng hấp dẫn, dễ nhìn dễ sử dụng, giúp người dùng dễ dàng tương tác tận hưởng ứng dụng chúng tôi.Dễ dàng sử dụng - Đăng nhập đăng ký đơn giản: Chúng tơi tối ưu hóa quy trình đăng nhập đăng ký để người dùng dễ dàng truy cập vào hệ thống mà không gặp khó khăn - Tích hợp đầy đủ kiến thức học: Đã tận dụng triệt để kiến thức học để xây dựng ứng dụng đa dạng phong phú chức năng, đảm bảo cung cấp giải pháp tồn diện hữu ích cho người dùng 5.2 Nhược điểm đồ án - Vẫn tồn số lỗi (bug): Chúng nỗ lực để tối giản hóa lỗi, nhiên, cịn số vấn đề chưa giải hoàn toàn trình triển kha - Tổ chức mã nguồn chưa tốt: Chúng nhận thấy cần cải thiện tổ chức cấu trúc mã nguồn để làm cho dễ quản lý mở rộng tương lai - Chức chưa đủ hướng thực tế: Một số chức đơn giản cần phát triển thêm để đáp ứng yêu cầu thực tế nhu cầu người dùng - Database chưa chặt chẽ: Dữ liệu sở liệu đơn giản cần tối ưu hóa để đảm bảo tính bảo mật hiệu suất tốt - Đồ án sử dụng công nghệ phức tạp ReactJS Spring, điều đòi hỏi chúng tơi phải có hiểu biết chun sâu nỗ lực khơng ngừng để vượt qua khó khăn thách thức trình phát triển ứng dụng - Tích hợp triển khai ứng dụng React Spring địi hỏi kiến thức quản lý gói, cấu hình mơi trường triển khai dự án cách xác hiệu 5.3 Hướng phát triển 78 • Tăng cường tính cải thiện giao diện người dùng: Phát triển thêm chức quản lý gia đình tạo quản lý kiện, ghi chú, lịch làm việc, tương tác xã hội Cải thiện giao diện người dùng để tăng tính thẩm mỹ trải nghiệm người dùng • Tối ưu hóa hiệu suất: Nghiên cứu áp dụng phương pháp tối ưu hóa hiệu suất cho frontend backend, nhằm tăng cường tốc độ khả xử lý ứng dụng • Bảo mật xác thực: Nâng cao chế bảo mật xác thực ứng dụng, bao gồm quản lý quyền truy cập, mã hóa liệu xác thực người dùng • Tích hợp dịch vụ bên ngoài: Mở rộng ứng dụng để tích hợp với dịch vụ bên ngồi Google Calendar, Google Maps, hay dịch vụ tài để cung cấp thêm tính hữu ích cho người dùng • Phát triển ứng dụng di động: Xây dựng phiên ứng dụng di động cho iOS Android để đáp ứng nhu cầu sử dụng thiết bị di động • Tạo phiên đa ngơn ngữ: Hỗ trợ nhiều ngôn ngữ ứng dụng để phục vụ người dùng khắp giới 79 TÀI LIỆU THAM KHẢO [1] Tài liệu Spring boot.[Online]: https://docs.spring.io/spring-boot/docs/ [2] Tài liệu ReactJS.[Online]: https://legacy.reactjs.org/docs/gettingstarted.html [3] Khóa học Spring boot youtube.[Online]: https://www.youtube.com/watch?v=9SGDpanrc8U [4] Khóa học ReactJS.[Online]: https://www.youtube.com/watch?v=x0fSBAgBrOQ&list=PL_VfJajZj0UXjlKfBwFX73usByw3Ph9Q [5] Tài liệu PostgreSQL.[Online]: https://www.postgresql.org/docs/ [6] Khóa học Java.[Online]: https://docs.oracle.com/javase/tutorial/ [7] Khóa học Javascript.[Online]: https://www.javascripttutorial.net/es6/# [8] Tài liệu Redux.[Online]: Getting Started with Redux | Redux [9] Khóa học Spring Boot Loda.[Online]: https://loda.me/courses/springboot [10] Khóa học Design Pattern.[Online]: Design Patterns in Java (refactoring.guru) [11] Lý thuyết React.[Online]: React/ – Wikipedia tiếng Việt [12] Lý thuyết Mơ hình lớp.[Online]: https://topdev.vn/blog/mo-hinh-3-lop-lagi/ 80