Đồ án quản lý thú cưng

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM -🙚🙘🕮🙚🙘 - BÁO CÁO ĐỒ ÁN ĐỀ TÀI: QUẢN LÝ THÚ CƯNG 20521419 – Vũ Quang Huy 25021404 – Nguyễn Quốc Huy Giảng viên hướng dẫn : Thái Thuỵ Hàn Uyển Tp.Hồ Chí Minh, tháng năm 2023 MỤC LỤC MỤC LỤC LỜI CẢM ƠN Chương 1: Giới thiệu toán cần giải quyết, mơ tả quy trình thực cơng việc 1.1 Bài tốn cần giải 1.2 Quy trình thực cơng việc Chương 2: Cơ sở lý thuyết 2.1 Ngôn ngữ lập trình Javascript 2.2 Hệ quản trị sở liệu MongoDB 2.2.1 MongoDB gì? 2.2.2 Đặc điểm 2.2.3 Ưu điểm MongoDB: 2.2.4 Nhược điểm MongoDB: 2.3 NodeJS 2.3.1 NodeJS gì? 2.3.2 Đặc điểm 2.3.3 Ưu điểm Nodejs 2.3.4 Nhược điểm Nodejs 2.4 ReactJS 2.4.1 ReactJS gì? 2.4.2 Đặc điểm: 2.4.3 Ưu điểm: 2.4.4 Nhược điểm: Chương : Xác định mơ hình hóa u cầu phần mềm 3.1 Phân loại yêu cầu phần mềm 3.1.1 Yêu cầu nghiệp vụ 3.2 Sơ đồ luồng liệu cho yêu cầu (biểu mẫu quy định kèm theo, sơ đồ, mô tả luồng liệu thuật toán) 12 3.2.1 Biểu mẫu 12 3.2.2 Biểu mẫu 14 3.2.3 Biểu mẫu 16 3.2.4 Biểu mẫu 17 3.2.5 Biểu mẫu 19 3.2.6 Biểu mẫu 21 3.2.7 Sơ đồ luồng liệu cho yêu cầu đăng nhập 23 Chương : Thiết kế hệ thống 24 4.1 Kiến trúc hệ thống 24 4.2 Mô tả thành phần hệ thống: 25 Chương : Thiết kế liệu 26 5.1 Thuật toán lập sơ đồ logic: 26 5.1.1 Bước 1: Xét yêu cầu quản lý thú cưng 26 5.1.2 Bước 2: Xét yêu cầu quản lý thức ăn thú cưng 28 5.1.3 Bước 3: Xét yêu cầu quản lý phụ kiện 29 5.1.4 Bước 4: Xét yêu cầu quản lý dịch vụ 31 5.1.5 Bước 5: Xét yêu cầu toán 33 5.1.6 Bước 6: Xét yêu cầu lập báp cáo 36 5.2 Sơ đồ logic hoàn chỉnh 38 5.3 Danh sách bảng liệu (table) sơ đồ: 38 5.4 Mô tả bảng liệu: 39 5.4.1 Bảng ACCOUNT: 39 5.4.2 Bảng CART 39 5.4.3 Bảng ORDER 39 5.4.4 Bảng ORDERDETAIL 40 5.4.5 Bảng PRODUCT 40 5.4.6 Bảng PET 40 5.4.7 Bảng FOODFORPET 41 5.4.8 Bảng SERVICEFORPET 41 5.4.9 Bảng ACCESSORY 42 5.4.10 Bảng FLAVOUR 42 5.4.11 Bảng COLOR 42 5.4.12 Bảng COLOR 42 Chương 6: Thiết kế giao diện 43 6.1 Sơ đồ liên kết hình 43 6.2 Danh sách hình 43 6.3 Mơ tả hình 45 6.3.1 Màn hình Đăng nhập: 45 6.3.2 Màn hình chi tiết phụ kiện: 46 6.3.3 Màn hình Doanh thu: 47 66.3.4 Màn hình Chi tiết thú cưng: 48 6.3.5 Màn hình Giỏ hàng: 49 6.3.6 Màn hình Thêm dịch vụ: 50 6.3.7 Màn hình Chi tiết dịch vụ: 52 6.3.8 Màn hình Dịch vụ: 53 6.3.9 Màn hình Chi tiết thức ăn thú cưng: 54 6.3.10 Màn hình Thêm phụ kiện: 56 6.3.11 Màn hình Thêm thức ăn thú cưng: 57 6.3.12 Màn hình Thêm thú cưng: 59 6.3.13 Màn hình Thức ăn thú cưng: 61 6.3.13 Màn hình Phụ kiện: 62 6.3.14 Màn hình Thú cưng: 62 Chương : Cài đặt thử nghiệm 63 Chương : Nhận xét kết luận 64 Chương 9: Hướng phát triển 65 Tài liệu tham khảo 65 Bảng phân công công việc: 65 LỜI CẢM ƠN Đồ án với đề tài “XÂY DỰNG WEBSITE QUẢN LÝ VÀ CHĂM SÓC THÚ CƯNG” minh chứng cho trình cố gắng khơng ngừng việc tìm tịi, học hỏi suốt năm học tập trường Đại học Công nghệ Thông tin Thể khả thân việc áp dụng kiến thức chuyên mơn vào giải tốn thực tế Trong q trình thực đồ án, em nhận hướng dẫn tận tình từ q thầy cơ, giúp đỡ hỗ trợ từ gia đình bạn bè Một cách đặc biệt, em xin gửi lời cảm ơn chân thành đến:  Các thầy cô trường Đại học Cơng nghệ Thơng Tin nói chung thầy Khoa Cơng nghệ Phần mềm nói riêng tận tình truyền đạt kiến thức tới em năm học tập trường Đó tài sản quý báu giúp em hoàn thành đồ án hành trang cho đường nghiệp thân sau  Em xin gửi lời cảm ơn sâu sắc tới cô Thái Thụy Hàn Uyển, người trực tiếp hướng dẫn, bảo, giúp đỡ em lúc khó khăn, đưa lời khuyên bổ ích để khố luận hồn thành tiến độ đáp ứng yêu cầu đề ban đầu Nhóm thực Chương 1: Giới thiệu tốn cần giải quyết, mơ tả quy trình thực cơng việc 1.1 Bài tốn cần giải ● Trong thời đại công nghệ đại, việc quản lý thông tin thú cưng trở thành vấn đề quan trọng Để đáp ứng nhu cầu này, cần phần mềm quản lý thú cưng tối ưu, cung cấp tính tân tiến, dễ dàng sử dụng thân thiện với người dùng Đề tài nhằm mục đích phát triển phần mềm vậy, để hỗ trợ việc quản lý thông tin liên quan đến thú cưng cách hiệu ● Nhân quản lý gồm: ban quản lý ● Các công việc: quản lý thú cưng , thức ăn thú cưng , phụ kiện , dịch vụ , lập báo cáo , toán 1.2 Quy trình thực cơng việc ● Xác định yêu cầu toán Quản lý thú cưng ● Phân tích u cầu tốn ● Thiết kế phần mềm: Thiết kế liệu, thiết kế giao diện thiết kế xử lý ● Cài đặt phần mềm ● Kiểm thử bảo trì phần mềm Chương 2: Cơ sở lý thuyết 2.1 Ngơn ngữ lập trình Javascript  JavaScript thường viết tắt JS, ngôn ngữ lập trình cơng nghệ cốt lõi World Wide Web, với HTML CSS Hơn 97% trang web sử dụng JavaScript phía máy khách cho hành vi trang web , thường kết hợp thư viện bên thứ ba Tất trình duyệt web có cơng cụ JavaScript chuyên dụng để thực thi mã thiết bị người dùng  JavaScript ngôn ngữ lập trình máy tính động Nó nhẹ sử dụng phổ biến phần trang web, mà việc triển khai chúng cho phép tập lệnh phía máy khách tương tác với người dùng tạo trang động Nó ngơn ngữ lập trình thơng dịch với khả hướng đối tượng JavaScript lần biết đến với tên LiveScript, Netscape đổi tên thành JavaScript, thú vị tạo Java JavaScript xuất lần Netscape 2.0 vào năm 1995 với tên LiveScript Cốt lõi mục đích chung ngôn ngữ nhúng Netscape, Internet Explorer trình duyệt web khác  JavaScript ngơn ngữ biên dịch cấp cao , thường vừa kịp thời , tn theo tiêu chuẩn ECMAScript Nó có tính nhập động , hướng đối tượng dựa nguyên mẫu chức hạng Nó đa mơ hình , hỗ trợ phong cách lập trình theo hướng kiện , chức mệnh lệnh Nó có giao diện lập trình ứng dụng (API) để làm việc với văn bản, ngày tháng, biểu thức quy , cấu trúc liệu chuẩn Mơ hình đối tượng tài liệu (DOM) 2.2 Hệ quản trị sở liệu MongoDB 2.2.1 MongoDB gì?  MongoDB hệ quản trị sở liệu phi quan hệ, lưu trữ liệu dạng JSON-like (BSON)  MongoDB sử dụng NoSQL để quản lý truy xuất liệu 2.2.2 Đặc điểm  Có thể lưu trữ liệu nhiều dạng khác nhau, bao gồm JSON-like (BSON), giúp dễ dàng lưu trữ truy xuất liệu  Sử dụng cấu trúc tài liệu linh động (Flexible document model), khác với mơ hình bảng hệ quản trị sở liệu quan hệ, giúp dễ dàng thay đổi cấu trúc tài liệu quản lý liệu phức tạp  Hỗ trợ tính Quản lý liệu phân tán (Distributed data management), giúp mở rộng quy mơ hệ thống tăng tính sẵn sàng hệ thống  Cung cấp query ngôn ngữ gọi MongoDB Query Language (MQL) với tính truy xuất hiệu liệu bạn sử dụng thư viện để kết nối thực query cho MongoDB từ ngơn ngữ lập trình phổ biến khác Javascript, Java, Python, Ruby, C# 2.2.3 Ưu điểm MongoDB:  Mongodb hỗ trợ quản lý liệu phân tán, có khả mở rộng hồn tồn mà khơng bị giới hạn chi phí phần cứng  MongoDB có API dễ sử dụng tài liệu hướng dẫn phong phú, giúp cho nhà phát triển nhanh chóng học triển khai ứng dụng  Hỗ trợ tính bảo mật khóa liệu riêng tư cao, khơng có giới hạn việc lập trình ứng dụng nhỏ có giá thành thấp  Có thể lưu trữ tài liệu (document) có cấu trúc linh hoạt phong phú, không giới hạn kích cỡ số lượng 2.2.4 Nhược điểm MongoDB:  MongoDB không phù hợp xử lý liệu liên quan tới giao dịch, MongoDB khơng có tính giao dịch hệ quản trị sở liệu quan hệ truyền thống  MongoDB khơng hỗ trợ tính thu thập liệu (data aggregations) phức tạp nhóm liệu, nhiều phép tính tốn, v.v  Sử dụng MongoDB u cầu lượng nhớ lớn so với hệ quản trị sở liệu quan hệ 2.3 NodeJS 2.3.1 NodeJS gì?  Node.js tảng phát triển ứng dụng web mã nguồn mở, xây dựng tảng V8 Google, cho phép lập trình viên sử dụng Javascript để xây dựng ứng dụng web phía server 2.3.2 Đặc điểm  o Nodejs bao gồm tính sau: Các thư viện Javascript có sẵn Node.js cung cấp cho người lập trình hàm có sẵn để xử lý tác vụ bản, xử lý file, gửi yêu cầu HTTP, xử lý liệu JSON, cơng cụ bảo mật mã hóa o Node.js sử dụng chế đưa yêu cầu I/O vào hàng đợi kiện sử dụng khối lệnh non-blocking cho phép Node.js có khả xử lí hàng ngàn phiên đồng thời lúc o Có thể sử dụng Node.js để xây dựng ứng dụng web thời gian thực (real-time) ứng dụng game trực tuyến, ứng dụng chat real-time, ứng dụng liệu thời gian thực o Node.js cung cấp công cụ cho phép phát triển ứng dụng đơn giản đồ để tự xây dựng ứng dụng nhanh chóng 2.3.3 Ưu điểm Nodejs  o Node.js có số ưu điểm sau: Dễ dàng để học sử dụng, sử dụng ngơn ngữ lập trình Javascript phổ biến o Có thể sử dụng lại thành phần cách dễ dàng, giúp cho người phát triển nhanh chóng xây dựng ứng dụng cách nhanh chóng o Có tính non-blocking I/O, cho phép xử lý đồng thời nhiều phiên kết nối với độ trễ thấp o Có khả xử lý yêu cầu đồng thời, Node.js sử dụng chế đưa yêu cầu IO vào hàng đợi kiện 2.3.4 Nhược điểm Nodejs  Một số nhược điểm Node.js là: o Nếu khơng chỉnh sửa cách, Node.js gây lỗi bảo mật lỗ hổng Cross-Site Scripting (XSS) lỗ hổng quản lý sở liệu o Vì Node.js sử dụng Javascript để lập trình ứng dụng side-server, nên Node.js mang lại kết xử lý chậm so với ngôn ngữ Java C#, đặc biệt việc xử lý tác vụ phức tạp 2.4 ReactJS 2.4.1 ReactJS gì?  ReactJS thư viện JavaScript phổ biến sử dụng để xây dựng giao diện người dùng (UI) cho ứng dụng web 2.4.2 Đặc điểm:  Components: ReactJS tập trung vào việc xây dựng thành phần UI tái sử dụng Điều giúp tạo mã sạch, dễ bảo trì dễ mở rộng  Virtual DOM: React sử dụng cấu trúc liệu gọi Virtual DOM để tối ưu hóa việc cập nhật giao diện người dùng Virtual DOM cho phép React so sánh cập nhật phần cần thiết DOM thực tế, giúp cải thiện hiệu suất trải nghiệm người dùng  JSX: React sử dụng cú pháp JSX để kết hợp mã JavaScript HTML tệp JSX giúp tạo mã dễ đọc dễ hiểu so với việc tạo DOM JavaScript thông thường  Unidirectional Data Flow: React áp dụng mơ hình liệu chảy chiều (unidirectional data flow), giúp quản lý trạng thái ứng dụng dễ dàng Dữ liệu STT Biến cố Chọn btnLuu Xử lý Nếu có thay đổi thơng tin bên cập nhật lại liệu thú cưng Chọn btnXoa Xóa liệu thú cưng xem chi tiết 6.3.7 Màn hình Chi tiết dịch vụ: a Giao diện b Mô tả đối tượng hình: STT Tên txtTenKhachHang Kiểu Textbox Ràng buộc Chức Nhập tên khách hàng txtDiaChi Textbox Nhập địa khách hàng 52 txtSĐT Textbox Nhập số điện thoại khách hàng txtChiTiet Picturebox Nhập chi tiết dịch vụ cmbTinhTrang Combobox Chọn trạng thái dịch vụ imgDichVu Picturebox Hiển thị hình ảnh dịch vụ btnCapNhat Button Cập nhật lại liệu dịch vụ btnThoat Button Quay trang dịch vụ c Danh sách biến cố xử lý tương ứng hình: STT Biến cố Chọn btnCapNhat Xử lý Nếu có thay đổi thơng tin bên cập nhật lại liệu dịch vụ 6.3.8 Màn hình Dịch vụ: a Giao diện 53 b Mô tả đối tượng hình: STT Tên btnHoanThanh Kiểu Ràng buộc Button Chức Đã hoàn thành dịch vụ btnChiTiet Button Xem chi tiết dịch vụ btnTuChoi Button Từ chối dịch vụ c Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Chọn btnCapNhat Hồn thành dịch vụ xóa dịch vụ khỏi trang dịch vụ Chọn btnChiTiet Chuyển sang trang Chi tiết dịch vụ Chọn btnTuChoi Từ chối dịch vụ 6.3.9 Màn hình Chi tiết thức ăn thú cưng: a Giao diện 54 b Mô tả đối tượng hình: STT Tên txtTenThucAn Kiểu Textbox Ràng buộc Chức Nhập tên thức ăn thú cưng txtGia Textbox Nhập giá thức ăn thú cưng cmbKichCo Combobox Chọn kích cỡ cmbHuongVi Combobox Chọn hương vị txtMoTa Textbox Nhập mô tả btnLuu Button Cập nhật thúc ăn thú cưng btnXoa Button Xóa thức ăn thú cưng xem btnThoat Button Quay trang thức ăn thú cưng 55 c Danh sách biến cố xử lý tương ứng hình: STT Biến cố Chọn btnLuu Xử lý Nếu có thay đổi thơng tin bên cập nhật lại liệu thức ăn thú cưng btnXóa Xóa liệu thức ăn thú cưng xem chi tiết 6.3.10 Màn hình Thêm phụ kiện: a Giao diện b Mơ tả đối tượng hình: STT Tên txtTenPhuKien Kiểu Textbox Ràng buộc Chức Nhập tên phụ kiện 56 txtMoTa Textbox Nhập mô tả phụ kiện cmbKichCo Textbox Chọn kích cỡ imgPhuKien Picturebox Chọn hình ảnh btnThem Button Các thơng tin Thêm không rỗng btnThoat Button kiện Quay trang Phụ kiện c Danh sách biến cố xử lý tương ứng hình: STT Biến cố Chọn btnThem phụ Xử lý Thêm thông tin phụ kiện vào CSDL 6.3.11 Màn hình Thêm thức ăn thú cưng: a Giao diện 57 b Mô tả đối tượng hình: STT Tên txtTenMonAn Kiểu Ràng buộc Textbox Chức Nhập tên thức ăn thú cưng txtMoTa Textbox Nhập mô tả thú cưng cmbKichCo Textbox Chọn kích cỡ imgMonAn Picturebox Chọn hình ảnh cmbHuongVi Combobox Chọn hương vị thức ăn thú cưng txtGia Textbox btnThem Button Nhập giá Các thông tin Thêm thức ăn không rỗng 58 thú cưng btnThoat Button Quay trang thức ăn thú cưng c Danh sách biến cố xử lý tương ứng hình: STT Biến cố Chọn btnThem Xử lý Thêm thông tin thức ăn thú cưng vào CSDL 6.3.12 Màn hình Thêm thú cưng: a Giao diện b Mô tả đối tượng hình: 59 STT Tên txtGiong Kiểu Ràng buộc Textbox Chức Nhập giống thú cưng txtVeGiong Textbox Nhập mô tả mô tả giống thú cưng txtTen Textbox Nhập tên thú cưng cmbGioiTinh Combobox Chọn giới tính txtTuoiTho Textbox Nhập tuổi thọ txtChieuCao Textbox Nhập chiều cao txtCangNang Textbox Nhập cân nặng imgThuCung Picturebox Chọn hình ảnh txtTinhCach Textbox Nhập tính cách 10 txtXuatXu Textbox Nhập xuất xứ 11 txtGia Textbox Nhập giá 12 btnThem Button Các thông tin Thêm không rỗng 13 btnThoat Button thú cưng Quay trang thú cưng c Danh sách biến cố xử lý tương ứng hình: 60 STT Biến cố Chọn btnThem Xử lý Thêm thơng tin thú cưng vào CSDL 6.3.13 Màn hình Thức ăn thú cưng: a Giao diện b Mô tả đối tượng hình: STT Tên btnChiTiet Kiểu Ràng buộc Button Chức Chuyển sang trang chi tiết thức ăn thú cưng btnThem Button Chuyển sang trang thêm thức ăn thú cưng c Danh sách biến cố xử lý tương ứng hình: 61 STT Biến cố Xử lý 6.3.13 Màn hình Phụ kiện: a Giao diện b Mô tả đối tượng hình: STT Tên btnChiTiet Kiểu Ràng buộc Button Chức Chuyển sang trang chi tiết phụ kiện btnThem Button Chuyển sang trang phụ kiện c Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý 6.3.14 Màn hình Thú cưng: a Giao diện 62 thêm b Mô tả đối tượng hình: STT Tên btnChiTiet Kiểu Ràng buộc Button Chức Chuyển sang trang chi tiết thú cưng btnThem Button Chuyển sang trang thú cưng c Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Chương : Cài đặt thử nghiệm 63 thêm STT Chức Mức độ hoàn Ghi thành (%) Tạo tài khoản 100 Quản lý tài khoản 100 Quản lý thú cưng 100 Quản lý phụ kiện 100 Quản lý thức ăn 100 Đăng ký dịch vụ 100 Quản lý dịch vụ 100 Thanh toán vỏ hàng 100 Lập doanh thu 100 Chương : Nhận xét kết luận - Ưu điểm: Ứng dụng có đầy đủ chức ứng dụng quản lý chăm sóc thú cưng như: Thêm, xóa, sửa, cập nhật đối tượng (thú cưng, phụ kiện, , thức ăn, dịch vụ, …), quản lý, toán vỏ hàng, xem lại doanh thu Bên cạnh đó, ứng dụng cịn thiết kế để dễ dàng sử dụng tương tác người tiếp cận Giao diện ứng dụng đẹp mắt, thân thiện người dùng, tối ưu cho hầu hết trình duyệt - Khuyết điểm: Cịn số thành phần thiết kế chưa thành công dẫn đến giảm hiệu suất ứng dụng vài chỗ ngôn ngữ bị lộn xộn - Kết luận: Học quy trình thực phần mềm thơng qua đồ án, biết cách giao tiếp thành viên team, học tập nhiều cách phát triển dự án theo trình tự 64 Chương 9: Hướng phát triển ● Tạo ứng dụng riêng cho client, roles khác nhân viên ● Bổ sung thêm số ngôn ngữ phổ biến vào ứng dụng để hướng đến tệp người dùng lớn Tài liệu tham khảo Figma: https://www.figma.com/, lần truy cập cuối 10/06/2023 Tài liệu tham khảo framework Reactjs: https://reactjs.org/docs/getting-started.html, lần truy cập cuối 20/06/2023 Bảng phân công công việc: Công việc 20521419 20521404 x x x x Thiết kế hệ thống x x Thiết kế liệu x x Thiết kế giao diện x x Cài đặt x x Giới thiệu toán cần giải mơ tả quy trình thực cơng việc Xác định mơ hình hóa u cầu phần mềm 65 Kiểm chứng Mức độ hoàn thành x 100 100 50 50 công việc phân cơng (%) Mức độ đóng góp cho kết đồ án (tổng cộng = 100%) 66