Xây dựng ứng dụng kết nối và chia sẻ giữa các thành viên trong gia đình

ĐẠ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 HỒ NGUYÊN BẢO KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG KẾT NỐI VÀ CHIA SẺ GIỮA CÁC THÀNH VIÊN TRONG GIA ĐÌNH BUILDING AN APPLICATION TO CONNECT AND SHARE AMONG FAMILY MEMBERS KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM 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 HỒ NGUYÊN BẢO – 17520267 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG KẾT NỐI VÀ CHIA SẺ GIỮA CÁC THÀNH VIÊN TRONG GIA ĐÌNH BUILDING AN APPLICATION TO CONNECT AND SHARE AMONG FAMILY MEMBERS KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN ThS LÊ THANH TRỌNG TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin ……………………………… – Chủ tịch ……………………………… – Thư ký ……………………………… – Uỷ viên ……………………………… – Uỷ viên ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP.HCM, ngày……tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG KẾT NỐI VÀ CHIA SẺ GIỮA CÁC THÀNH VIÊN TRONG GIA ĐÌNH Cán hướng dẫn: Nhóm SV thực hiện: Hồ Nguyên Bảo 17520267 ThS Lê Thanh Trọng Đánh giá Khóa luận Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về nội dung nghiên cứu: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về chương trình ứng dụng: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về thái độ làm việc sinh viên: ……………………………………………………………………………………………… ……………………………………………………………………………………………… Đánh giá chung: Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Hồ Nguyên Bảo: ……/10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP.HCM, ngày……tháng… năm…… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG ỨNG DỤNG KẾT NỐI VÀ CHIA SẺ GIỮA CÁC THÀNH VIÊN TRONG GIA ĐÌNH Nhóm SV thực hiện: Cán phản biện: Hồ Nguyên Bảo 17520267 ThS Nguyễn Tấn Toàn Đánh giá Khóa luận Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về nội dung nghiên cứu: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về chương trình ứng dụng: ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… Về thái độ làm việc sinh viên: ……………………………………………………………………………………………… ……………………………………………………………………………………………… Đánh giá chung: Khóa luận đạt/khơng đạt u cầu khóa luận tốt nghiệp kỹ sư/ cử nhân, xếp loại Giỏi/ Khá/ Trung bình Điểm sinh viên: Hồ Nguyên Bảo: ……/10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Khoá luận tốt nghiệp với đề tài “Xây dựng ứng dụng kết nối chia sẻ thành viên gia đình” minh chứng cho trình học tập, rèn luyện không ngừng nghỉ thân em năm học qua Bên cạnh đó, q trình làm khố luận trang bị cho em hành trang trường bước đường nghiệp sau Để hồn thành khố luận tốt nghiệp, bên cạnh nỗ lực thân, em nhận giúp đỡ tận tình thầy giáo, gia đình bạn bè Đầu tiên, em xin gửi lời cảm ơn chân thành đến quý thầy cô trường Đại học Công nghệ thông tin Đặc biệt thầy cô khoa Công nghệ phần mềm tận tình giảng dạy kiến thức tảng bổ ích để em hồn thành tốt khố luận tốt nghiệp Em xin chân thành cảm ơn thầy Lê Thanh Trọng, người trực tiếp tận tình hướng dẫn, bảo với lời nhận xét, đánh giá quý báu giúp em đưa định đắn Cảm ơn giảng viên phản biện thầy cô hội đồng chấm luận văn đưa lời khun, góp ý bổ ích để em hồn thiện khố luận Cuối cùng, em xin cảm ơn gia đình, người thân, bạn bè bên cạnh, ủng hộ, động viên Thành phố Hồ Chí Minh, tháng 07 năm 2021 Sinh viên Hồ Nguyên Bảo ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng ứng dụng kết nối chia sẻ thành viên gia đình Cán hướng dẫn: ThS Lê Thanh Trọng Thời gian thực hiện: Từ ngày 01/03/2021 đến ngày 20/06/2021 Sinh viên thực hiện: Hồ Nguyên Bảo – 17520267 Nội dung đề tài: Lý chọn đề tài Trong sống đại ngày nay, mạng xã hội phát triển mạnh thu hút lượng lớn người sử dụng Mạng xã hội tạo hệ thống kết nối thành viên với mục đích sử dụng khác nhau, khơng phân biệt khơng gian, thời gian với nhiều tính kết bạn, chat, voice chat dựa kết nối Internet Mặc dù thực trạng sử dụng mạng xã hội ngày gia tăng, đến Việt Nam chưa có ứng dụng chuyên dụng để gắn kết người thân gia đình hay cặp đơi Mạng xã hội kết nối nhiều người gây nên khó khăn cho người sử dụng vấn đề tiếp nhận thông tin Thơng tin với số lượng lớn với tính chất từ quan trọng đến thứ yếu kết hợp với nhau, người dùng tâm vào người thân, người mà họ thật cần đầu tư thời gian để quan tâm Bên cạnh đó, việc lưu trữ chia sẻ nội dung hình ảnh, âm thanh, tin nhắn chưa định dạng theo kết cấu hợp lý, gây khó khăn việc tìm kiếm chia sẻ Vì nhận thấy việc cải thiện vấn đề nêu cần thiết, nữa, để góp phần xây dựng một ứng dụng cho phép kết nối chia sẻ nhóm nhỏ, thành viên gia đình, cặp đơi, tác giả lựa chọn đề tài: Xây dựng ứng dụng kết nối chia sẻ thành viên gia đình Mục tiêu đề tài Xây dựng ứng dụng di động giúp thành viên gia đình cặp đơi lưu lại kỉ niệm, chia sẻ cảm nghĩ tại, trao đổi tin nhắn nhóm Thơng qua chức này, người dùng dễ dàng nắm bắt tình hình thành viên, ơn lại kỉ niêm, từ thúc đẩy họ quan tâm nhiều Phạm vi o Ứng dụng chạy hệ điều hành Android o Thiết bị phải có kết nối Internet Đối tượng o Các thành viên gia đình o Các cặp đơi Phương pháp thực o Làm việc tư vấn, hướng dẫn giảng viên hướng dẫn o Khảo sát, tìm hiểu mong đợi người dùng phần mềm o Nghiên cứu ứng dụng có thị trường o Phát triển hệ thống theo phương pháp Agile Kết mong đợi đề tài o Hoàn thiện chức ứng dụng o Ứng dụng sử dụng thực tế o Ứng dụng chạy tốt thiết bị Android o Ứng dụng có giao diện thân thiện, người dùng dễ dàng sử dụng o Hệ thống dễ dàng mở rộng sau Kế hoạch thực hiện: Sprint Thời gian Công việc (Bảo) 2.3.4.3 React Native Hình 2.24: Biểu tượng cơng nghệ React Native Mục đích sử dụng cơng nghệ: Xây dựng client cho ứng dụng o Giới thiệu công nghệ: React Native framework tạo Facebook, cho phép developer xây dựng ứng dụng di động Android iOS với ngơn ngữ lập trình nhất: JavaScript Sự đời React Native lời giải cho toán liên quan đến hiệu Hybrid phức tạp phải viết nhiều loại ngôn ngữ native cho tảng di động trước Ưu điểm o Sử dụng native code o Thời gian phát triển ứng dụng rút ngắn o Tiết kiệm chi phí nhân lực cho doanh nghiệp o Khả tái sử dụng code cao (75% – 80%) o Trải nghiệm người dùng tốt o Không cần nhiều kiến thức Nhược điểm o Chỉ hỗ trợ tảng Android iOS o Hiệu thấp với ứng dụng native code o Bảo mật không cao o Khả tùy biến không thực tốt với vài module Lý lựa chọn công nghệ: Với ưu điểm thời gian phát triển sản phẩm cộng đồng hỗ trợ lớn, công nghệ giúp tác giả tạo sản phẩm chạy thời gian ngắn nhất, với số lượng người tham gia hạn chế phương pháp Agile 59 2.3.4.4 Firebase Cloud Messaging Hình 2.25: Biểu tượng cơng nghệ Firebase Cloud Messaging Mục đích sử dụng cơng nghệ: o Tạo thông báo đẩy cho ứng dụng Giới thiệu công nghệ: Tại kiện Google I/O tổ chức tháng năm 2016 Google giới thiệu Firebase – tảng đám mây với nhiều tính bật cho lập trình viên Mobile như: Firebase Analytics, Firebase Cloud Messaging, Firebase Auth, Realtime Database, Firebase Storage… Firebase Cloud Messaging (FCM) dịch vụ gửi thông báo, tin nhắn đa tảng cung cấp Google, cho phép bạn gửi tin nhắn, thông báo cách đáng tin cậy hồn tồn miễn phí tới thiết bị đăng ký với FCM [3] Nguyên tắc hoạt động: Các thiết bị client đăng ký device_token lên cho FCM Các thông báo, tin nhắn soạn gửi từ website, từ Notifications composer firebase cung cấp, FCM nhận thông báo xử lý gửi thiết bị đăng ký với FCM từ trước Khi thiết bị có kết nối mạng thơng báo gửi ứng dụng thành công Lý sử dụng công nghệ: Để người dùng không bỏ lỡ thông tin từ thành viên gia đình mình, tác giả lựa chọn thơng báo đẩy để thông tin đến người dùng kịp thời Công nghệ FCM hỗ trợ tích hợp tốt thơng báo đẩy vào ứng dụng 2.3.4.5 Websocket GraphQL subscription Mục đích sử dụng cơng nghệ: o Hỗ trợ xây dựng ứng dụng thời gian thực 60 Giới thiệu công nghệ: Websocket giao thức hỗ trợ giao tiếp hai chiều client server để tạo kết nối trao đổi liệu Giao thức không sử dụng HTTP mà thực qua TCP Mặc dù thiết kế để chuyên sử dụng cho ứng dụng web, lập trình viên đưa chúng vào loại ứng dụng WebSocket cung cấp giao thức giao tiếp hai chiều mạnh mẽ No có độ trễ thấp dễ xử lý lỗi Websocket thường sử dụng cho trường hợp yêu cầu real time chat, hiển thị biểu đồ hay thơng tin chứng khốn Subscription việc lấy thông tin thay đổi theo thời gian Giúp cho client trì kết nối với GraphQL Server (thường thơng qua Websocket), giúp cho server thông báo kết tới client cách nhanh chóng Lý lựa chọn cơng nghệ: Nhận thấy việc thông tin tin nhắn mới, thông tin kỉ niệm mới, thông tin cảm nghĩ cần hiển thị cách nhanh chóng, tác giả lựa chọn GraphQL Subcription để hỗ trợ kết nối ghi nhận thông tin theo thời gian thực 2.3.5 Thiết kế kiến trúc hệ thống 2.3.5.1 Kiến trúc tổng thể Hình 2.26: Sơ đồ kiến trúc hệ thống Server: Máy chủ ứng dụng, sử dụng Apollo Server Express Framework viết ngôn ngữ Javascript chạy Windows, Mac Ubuntu 61 Firebase Cloud Messaging: Sử dụng để tạo thông báo đẩy người dùng nhận tin nhắn, đăng kỉ niệm, … SMTP Server: Máy chủ giao tiếp với SMTP server thông qua giao thức SMTP để gửi mail tới người dùng MySQL: MySQL hệ thống quản trị sở liệu mã nguồn mở (gọi tắt RDBMS) hoạt động theo mơ hình client-server Là sở liệu tốc độ cao, ổn định, dễ sử dụng hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Phù hợp để lưu trữ thông tin ứng dụng 2.3.5.2 Kiến trúc ứng dụng di động Hình 2.27: Sơ đồ kiến trúc ứng dụng di động View: Giao diện hiển thị thông tin tới người dùng, đồng thời tiếp nhận thao tác, nhập liệu người dùng Model: Kiểm tra tính hợp lệ liệu, cập nhật liệu client, giao tiếp với API để lấy gửi thông tin 62 State: Dữ liệu, trạng thái chung client, bao gồm thông tin xác thực, thông tin người dùng, thông tin tin nhắn tải, … 2.3.6 Thiết kế giao diện 2.3.6.1 Danh sách hình STT Tên hình Đăng nhập Mơ tả hình Màn hình cho phép người dùng đăng nhập username mật Đăng ký Màn hình cho phép người dùng đăng ký tài khoản với thông tin: tên, username, email mật Khơi phục mật Màn hình cho phép người dùng sử dụng email để lấy đường dẫn khơi phục mật Màn hình tạo Màn hình cho phép người dùng chọn tạo nhóm nhóm tham tham gia nhóm có gia nhóm Màn hình Cảm Màn hình cho phép người dùng xem cảm nghĩ nghĩ nhóm thành viên nhóm cập nhật cảm nghĩ thân Màn hình Cập Màn hình cho phép người dùng nhập vào cập nhật nhật nội dung cảm nghĩ thân cảm nghĩ Màn hình Nhóm Màn hình cho phép người dùng trị chuyện với chat thành viên nhóm Màn hình Nhật Màn hình cho phép người dùng xem kỉ niệm ký nhóm Màn hình Tạo Màn hình cho phép người dùng tạo kỉ niệm kỉ niệm nhật ký nhóm nhật kí 63 10 Màn hình Cài đặt Màn hình cho phép người dùng cập nhật thơng tin tài tài khoản hệ khoản thiết đặt hệ thống thống Bảng 2.20: Danh sách hình 2.3.6.2 Hình ảnh giao diện Hình 2.29: Màn hình Đăng nhập Hình 2.30: Màn hình Đăng ký 64 Hình 2.31: Màn hình u cầu Hình 2.32: Màn hình Tạo nhóm, đổi mật tham gia nhóm 65 Hình 2.33: Màn hình Cảm nghĩ Hình 2.34: Màn hình cập nhật nội nhóm dung cảm nghĩ 66 Hình 2.35: Màn hình “Nhóm chat” Hình 2.36: Màn hình “Nhật ký nhóm” 67 Hình 2.37: Màn hình tạo kỉ niệm Hình 2.38: Màn hình cài đặt tài khoản nhật ký nhóm hệ thống (1) 68 Hình 2.39: Màn hình cài đặt tài khoản hệ thống 69 CHƯƠNG 3.1 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Sau trình thực đề tài, em phát triển thành công ứng dụng mang tên “Lyfe” với chủ đề “Xây dựng ứng dụng kết nối chia sẻ thành viên gia đình” Qua trình kiểm thử sử dụng, kết cho thấy ứng dụng hoạt động tốt, ổn định, có khả nâng cấp mở rộng Cụ thể kết đạt sau: Về mặt sản phẩm: o Ứng dụng có đầy đủ chức mục tiêu đề o Ứng dụng hoạt động tốt, ổn định, khả phản hồi nhanh o Có khả nâng cấp, mở rộng Về mặt kiến thức: o Hiểu rõ quy trình Agile, xây dựng product backlog o Hiểu vận dụng công nghệ Express, React Native để hoàn thiện app sử dụng thực tế o Biết áp dụng socket.io để xây dựng ứng dụng cập nhật thông tin cách realtime o 3.2 Biết cách triển khai máy chủ nên tảng đám mây Thuận lợi khó khăn 3.2.1 Thuận lợi o Nhận hướng dẫn tận tình giảng viên hướng dẫn o Được giúp đỡ nhà trường bạn bè o Các công nghệ dễ tiếp cận nhờ nguồn tài liệu phong phú internet 3.2.2 Khó khăn o Việc sử dụng thư viện để lập trình di động React Native hay bị xung đột o Do chưa có kinh nghiệm lập trình di động nên em phải tìm hiểu từ đầu o Thực khố luận 70 3.3 Hướng phát triển Mặc dù trình thực đề tài kết thúc đề tài cịn mở rộng nâng cấp tương lai Cụ thể: o Hỗ trợ chức gọi thoại, gọi video call o Hỗ trợ game để thành viên chơi với o Nâng cấp hệ thống sticker o Nâng cấp hệ thống đăng nhập factor authentication, đăng nhập tài khoản Google, Facebook, vân tay o Hỗ trợ chạy offline o Cải thiện giao diện 71 TÀI LIỆU THAM KHẢO [1] "Cổng thông tin điện tử tỉnh Đắk Lắk," [Online] Available: https://lak.daklak.gov.vn//4-tieu-chi-ung-xu-trong-gia-inh-ton-trong-binh-ang-yeu-thuong-chia-se [Accessed 16 05 2021] [2] "Code Learn," [Online] Available: https://codelearn.io/sharing/graphql-va-uu-diem-sovoi-rest-api [Accessed 12 05 2021] [3] "Hello bác sĩ," [Online] Available: https://hellobacsi.com/tam-ly-tam-than/moi-quanhe/5-thoi-quen-giup-gan-ket-gia-dinh/ [Accessed 19 05 2021] [4] "Báo Đồng Nai," [Online] Available: http://baodongnai.com.vn/dong-nai-cuoituan/202011/gia-dinh-va-he-luy-cua-viec-lam-dung-mang-xa-hoi-3031632/ [Accessed 07 05 2021] [5] "Báo Thái Bình," [Online] Available: https://baothaibinh.com.vn/news/9/56093/giadinh-trong-xa-hoi-hien-dai [Accessed 07 05 2021] [6] "Báo Thanh Hoá," [Online] Available: https://baothanhhoa.vn/doi-song-xa-hoi/giadinh-thoi-cong-nghe-so-su-dung-thong-thai-giu-yeu-thuong/135101.htm [Accessed 10 05 2021] [7] "Families For Life," [Online] Available: https://familiesforlife.sg/discover-anarticle/Pages/Using-Social-Media-to-Communicate-Effectively-with-Your-Children.aspx [Accessed 10 06 2021] [8] "Google Firebase," [Online] Available: https://firebase.google.com/docs/cloudmessaging [Accessed 20 06 2021] [9] "Cổng thơng tin điện tử tỉnh Thanh Hố," [Online] Available: https://quanson.thanhhoa.gov.vn/portal/Pages/2021-6-28/Gia-dinh-binh-an xa-hoihanh-phucqz8xt7.aspx [Accessed 12 07 2021] [10] "UX Collective," [Online] Available: https://uxdesign.cc/8-rules-of-mobile-design1b8d9936c241?gi=1fb9f3044836 [Accessed 10 06 2021] 72 [11] "Báo điện tử VTV," [Online] Available: https://vtv.vn/trong-nuoc/the-gioi-mangkhien-moi-quan-he-gia-dinh-ngay-cang-long-leo-20170722211613154.htm [Accessed 01 06 2021] [12] "Apollo Docs," [Online] Available: https://www.apollographql.com/docs/react/data/subscriptions/ [Accessed 05 06 2021] [13] "Addiction Hope," [Online] Available: https://www.addictionhope.com/blog/socialmedia-addiction-families [Accessed 01 07 2021] [14] "Sun Sentinel," [Online] Available: https://www.sun-sentinel.com/entertainment/sfpways-to-strengthen-family-bonds-20150209-story.html [Accessed 07 05 2021] 73 ... phần xây dựng một ứng dụng cho phép kết nối chia sẻ nhóm nhỏ, thành viên gia đình, cặp đơi, tác giả lựa chọn đề tài: Xây dựng ứng dụng kết nối chia sẻ thành viên gia đình Mục tiêu đề tài Xây dựng. .. ? ?Xây dựng ứng dụng kết nối chia sẻ thành viên gia đình? ?? tập trung vào nghiên cứu, phân tích thực trạng từ đưa giải pháp, xây dựng ứng dụng Android đáp ứng nhu cầu kết nối chia sẻ thành viên gia. .. tài: Xây dựng ứng dụng kết nối chia sẻ thành viên gia đình 1.3 Mục tiêu Xây dựng ứng dụng Android với chức kết nối, nhắn tin nhóm cho nhóm nhỏ, thành viên gia đình, cặp đơi Đồng thời, ứng dụng