ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO MÔN HỌC ĐỒ ÁN ĐỀ TÀI: PET TINDER Giảng viên hướng dẫn: HUỲNH HỒ THỊ MỘNG TRINH Sinh viên thực hiện: LÊ NGỌC CHÍNH - 18520257 CHUNG THÁI DUNG - 18520627 TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO MÔN HỌC ĐỒ ÁN ĐỀ TÀI: PET TINDER Giảng viên hướng dẫn: HUỲNH HỒ THỊ MỘNG TRINH Sinh viên thực hiện: LÊ NGỌC CHÍNH - 18520257 CHUNG THÁI DUNG - 18520627 TP HỒ CHÍ MINH, 2021 MỤC LỤC CHƯƠNG 1: PHÁT BIỂU BÀI TOÁN 1.1 Khảo sát trạng 1.1.1 Nhu cầu thực tế đề tài: 1.1.2 Các phần mềm có 1.2 Mục tiêu sản phẩm 1.3 Xác định yêu cầu 1.3.1 Tạo profile người dùng 1.3.2 Quản lý pet 1.3.3 Chọn nhanh info pet 1.3.4 Upload video/hình ảnh 1.3.5 Description (Pet/ user) 1.3.6 Filter, sort, search 1.3.7 Message 1.3.8 Pet Tinder 1 1 1 2 2 2 CHƯƠNG 2: MƠ HÌNH USE CASE 2.1 Sơ đồ Use-case 2.2 Danh sách Actor 2.3 Danh sách Use-case 2.4 Đặc tả Use-case 2.4.1 Đặc tả Use-case Đăng ký 2.4.1.1 Tóm tắt 2.4.1.2 Dịng kiện 2.4.1.2.1 Dịng kiện 2.4.1.2.2 Các dịng kiện khác 2.4.1.3 Các yêu cầu đặc biệt 2.4.1.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.1.5 Trạng thái hệ thống sau thực Use-case 2.4.1.6 Điểm mở rộng 2.4.2 Đặc tả Use-case Đăng nhập 2.4.2.1 Tóm tắt 2.4.2.2 Dịng kiện 2.4.2.2.1 Dịng kiện 3 4 4 5 5 5 5 2.4.2.2.2 Các dòng kiện khác 2.4.2.3 Các yêu cầu đặc biệt 2.4.2.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.2.5 Trạng thái hệ thống sau thực Use-case 2.4.2.6 Điểm mở rộng 2.4.3 Đặc tả Use-case Thêm thú cưng 2.4.3.1 Tóm tắt 2.4.3.2 Dịng kiện 2.4.3.2.1 Dịng kiện 2.4.3.2.2 Các dịng kiện khác 2.4.3.3 Các u cầu đặc biệt 2.4.3.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.3.5 Trạng thái hệ thống sau thực Use-case 2.4.3.6 Điểm mở rộng 2.4.4 Đặc tả Use-case Chỉnh sửa thơng tin thú cưng 2.4.4.1 Tóm tắt 2.4.4.2 Dịng kiện 2.4.4.2.1 Dịng kiện 2.4.4.2.2 Các dòng kiện khác 2.4.4.3 Các yêu cầu đặc biệt 2.4.4.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.4.5 Trạng thái hệ thống sau thực Use-case 2.4.4.6 Điểm mở rộng 2.4.5 Đặc tả Use-case Thêm hồ sơ Tinder cho thú cưng 2.4.5.1 Tóm tắt 2.4.5.2 Dịng kiện 2.4.5.2.1 Dịng kiện 2.4.5.2.2 Các dòng kiện khác 2.4.5.3 Các yêu cầu đặc biệt 2.4.5.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.5.5 Trạng thái hệ thống sau thực Use-case 2.4.5.6 Điểm mở rộng 2.4.6 Đặc tả Use-case Chỉnh sửa hồ sơ Tinder thú cưng 6 6 6 6 7 7 7 7 7 7 8 8 8 8 8 2.4.6.1 Tóm tắt 2.4.6.2 Dịng kiện 2.4.6.2.1 Dịng kiện 2.4.6.2.2 Các dịng kiện khác 2.4.6.3 Các yêu cầu đặc biệt 2.4.6.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.6.5 Trạng thái hệ thống sau thực Use-case 2.4.6.6 Điểm mở rộng 2.4.7 Đặc tả Use-case Tương tác Tinder Profile khác 2.4.7.1 Tóm tắt 2.4.7.2 Dịng kiện 2.4.7.2.1 Dịng kiện 2.4.7.2.2 Các dịng kiện khác 2.4.7.3 Các yêu cầu đặc biệt 2.4.7.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.7.5 Trạng thái hệ thống sau thực Use-case 2.4.7.6 Điểm mở rộng 10 2.4.8 Đặc tả Use-case Xem người tương tác với Tinder Profile 10 2.4.8.1 Tóm tắt 10 2.4.8.2 Dịng kiện 10 2.4.8.2.1 Dịng kiện 10 2.4.8.2.2 Các dịng kiện khác 10 2.4.8.3 Các yêu cầu đặc biệt 10 2.4.8.4 Trạng thái hệ thống bắt đầu thực Use-case 10 2.4.8.5 Trạng thái hệ thống sau thực Use-case 10 2.4.8.6 Điểm mở rộng 10 2.4.9 Đặc tả Use-case Nhắn tin 10 2.4.9.1 Tóm tắt 10 2.4.9.2 Dịng kiện 10 2.4.9.2.1 Dịng kiện 10 2.4.9.2.2 Các dòng kiện khác 11 2.4.9.3 Các yêu cầu đặc biệt 11 2.4.9.4 Trạng thái hệ thống bắt đầu thực Use-case 11 2.4.9.5 Trạng thái hệ thống sau thực Use-case 2.4.9.6 Điểm mở rộng 2.4.10 Đặc tả Use-case Thơng báo 2.4.10.1 Tóm tắt 2.4.10.2 Dịng kiện 2.4.10.2.1 Dịng kiện 2.4.10.2.2 Các dòng kiện khác 2.4.10.3 Các yêu cầu đặc biệt 2.4.10.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.10.5 Trạng thái hệ thống sau thực Use-case 2.4.10.6 Điểm mở rộng 2.4.11 Đặc tả Use-case Đăng xuất 2.4.11.1 Tóm tắt 2.4.11.2 Dịng kiện 2.4.11.2.1 Dịng kiện 2.4.11.2.2 Các dịng kiện khác 2.4.11.3 Các yêu cầu đặc biệt 2.4.11.4 Trạng thái hệ thống bắt đầu thực Use-case 2.4.11.5 Trạng thái hệ thống sau thực Use-case 2.4.11.6 Điểm mở rộng CHƯƠNG 3: PHÂN TÍCH SƠ ĐỒ LỚP 3.1 Sơ đồ lớp (mức phân tích) 3.2 Danh sách lớp đối tượng quan hệ 3.3 Mô tả chi tiết lớp đối tượng 3.3.1 Lớp User 3.3.2 Lớp Pet 3.3.3 Lớp Resources 3.3.4 Lớp PetHair 3.3.5 Lớp HairColor 3.3.6 Lớp Breed 3.3.7 Lớp TinderBreed 3.3.8 Lớp TinderDetails 3.3.9 Lớp Follow 11 11 11 11 11 11 11 11 11 11 12 12 12 12 12 12 12 12 12 12 13 13 13 14 14 14 15 15 15 15 16 16 16 CHƯƠNG 4: THIẾT KẾ DỮ LIỆU 4.1 Sơ đồ logic 4.2 Mô tả chi tiết kiểu liệu sơ đồ logic 4.2.1 Bảng user 4.2.2 Bảng pet 4.2.3 Bảng resources 4.2.4 Bảng pet_hair 4.2.5 Bảng hair_color 4.2.6 Bảng breed 4.2.7 Bảng tinder_details 4.2.8 Bảng tinder_breed 4.2.9 Bảng follow 17 17 17 17 18 18 19 19 19 19 19 20 CHƯƠNG 5: THIẾT KẾ KIẾN TRÚC 21 5.1 Kiến trúc hệ thống 21 5.1.1 Tổng quan thành phần 21 5.1.2 Thành phần Service 23 5.2 Mô tả chi tiết thành phần hệ thống 5.2.1 Thành phần: APIs 5.2.1.1 Sơ đồ lớp 5.2.1.2 Diễn giải chi tiết: 5.2.2 Thành phần: Routers 5.2.2.1 Sơ đồ lớp 5.2.2.2 Diễn giải chi tiết 5.2.2.3 Quy ước kết hợp API Router 5.2.3 Thành phần: Controllers 5.2.3.1 Sơ đồ lớp 5.2.3.1 Diễn giải chi tiết CHƯƠNG 6: THIẾT KẾ GIAO DIỆN 6.1 Danh sách hình 6.2 Mơ tả chi tiết hình 6.2.1 Màn hình đăng nhập/đăng ký 6.2.2 Màn hình đăng nhập/đăng ký số điện thoại 6.2.3 Màn hình đăng nhập/đăng ký pet tinder ID 24 24 24 24 25 25 25 26 26 26 27 27 27 28 28 29 30 6.2.4 Màn hình nhập mã OTP 6.2.5 Màn hình pet tinder 6.2.6 Màn hình danh sách pet thích 6.2.7 Màn hình tin nhắn 6.2.8 Màn hình chat 6.2.9 Màn hình thơng báo 6.2.10 Màn hình trang cá nhân người dùng 6.2.11 Màn hình trang cá nhân pet 6.2.12 Màn hình thêm pet Màn hình chọn giống Màn hình điền thơng tin thú cưng 6.2.13 Màn hình thêm/chỉnh sửa thơng tin tinder 6.2.14 Màn hình chỉnh sửa thơng tin người dùng 6.2.15 Màn hình danh sách số người thích pet KẾT LUẬN 32 33 35 37 39 41 42 45 47 47 49 51 53 55 Môi trường phát triển Môi trường triển khai 57 Kết đạt 58 NỘI DUNG CHƯƠNG 1: PHÁT BIỂU BÀI TOÁN 1.1 Khảo sát trạng 1.1.1 Nhu cầu thực tế đề tài: Trong sống đại, người bận bịu chịu nhiều áp lực với cơng việc có nhiều người xem thú cưng bạn, phần quan trọng sống người Thế nhưng, diễn đàn, hội nhóm thú cưng chưa phổ biến đơi lúc thời gian để tìm kiếm tham gia Khơng vậy, diễn đàn chưa có giao diện, thao tác đơn giản để người dùng dễ tiếp cận, đặc biệt phái nữ không thường xun tiếp xúc với diễn đàn Chính thế, nhu cầu dành cho diễn đàn, mạng xã hội dành riêng cho người bạn bốn chân lớn Để đáp ứng nhu cầu đó, nhóm em cho đời ứng dụng Tinder Pet với mục tiêu trở thành mạng xã hội dành cho người bạn trung thành có giao diện thân thiện phổ biến 1.1.2 Các phần mềm có - Pety Petland 1.2 Mục tiêu sản phẩm - Đáp ứng nhu cầu giao lưu pet, phối giống, chia sẻ kinh nghiệm chăm pet Đảm bảo tính riêng tư an toàn cho người dùng hệ thống có tính lan tỏa cao Trở thành ứng dụng nhắc đến hàng đầu chủ pet có nhu cầu giao lưu pet 1.3 Xác định yêu cầu 1.3.1 Tạo profile người dùng Tính tạo profile user bao gồm: - Người dùng tạo tài khoản điền thông tin 1.3.2 Quản lý pet Tính quản lý pet bao gồm: - Người dùng quản lý pet Mỗi pet có profile riêng - Một người dùng có nhiều pet, profile pet phải để riêng người up nhiều pet, lần pet Mỗi pet có profile riêng để phục vụ cho chức upload video/hình ảnh 1.3.3 Chọn nhanh info pet Tính chọn nhanh info pet để người dùng dễ thao tác, bao gồm - Thuần chủng/ Lai - Giới tính - Giống (chó: bulldog, alaska, ; mèo: mèo Anh lông ngắn, mèo Ba Tư, ) - Lồi (chó, mèo, …) - Các thơng tin tiêm chủng, sức khỏe, chế độ ăn, - Ghi nhận lại gia phả pet 1.3.4 Upload video/hình ảnh Mỗi profile pet phép upload video, hình ảnh thơng qua người dùng sở hữu pet 1.3.5 Description (Pet/ user) Tính description cho phép người dùng bổ sung mơ tả profile người dùng pet 1.3.6 Filter, sort, search Filter sort, search theo loài + giống 1.3.7 Message Tin nhắn để người dùng liên lạc trò chuyện với 1.3.8 Pet Tinder Tính pet tinder hoạt động pet không bị triệt sản Giống cần tìm điền tạo thơng tin cho pet - Tự động recommend pet theo thông tin giống chọn - Có thể xem profile pet - Có thể liên lạc với chủ sở hữu pet KẾT LUẬN Môi trường phát triển Môi trường triển khai ● ● ● ● ● Hệ điều hành: Android Hệ quản trị sở liệu: Công cụ dùng để phân tích, thiết kế: Cơng cụ dùng để xây dựng ứng dụng: Android Studio, Intellij IDEA Các thư viện sử dụng: ○ redux ○ react-native-vector-icons ○ react-native-tag-select ○ react-navigation/bottom-tabs 57 Kết đạt 58 59 60 61 62 63 64 65 66 67 68 69 70 71 ... 1.3.2 Quản lý pet Tính quản lý pet bao gồm: - Người dùng quản lý pet Mỗi pet có profile riêng - Một người dùng có nhiều pet, profile pet phải để riêng người up nhiều pet, lần pet Mỗi pet có profile... sơ tin nhắn hồ sơ Chọn thú dùng cưng pet tinder Thông tin pet Hiển thị thông tin rút gọn pet tinder Bỏ qua Nhấn để bỏ qua đổi sang pet khác Chuyển... thơng tin cho pet - Tự động recommend pet theo thông tin giống chọn - Có thể xem profile pet - Có thể liên lạc với chủ sở hữu pet CHƯƠNG 2: MƠ HÌNH USE CASE 2.1 Sơ đồ Use-case Sơ đồ use case tổng