Khóa luận ứng dụng hỗ trợ quản lý và theo dõi sự kiện

ĐẠ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 PHẠM QUANG NHÂN TRẦN NGỌC TỒN KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ QUẢN LÝ VÀ THEO DÕI SỰ KIỆN BUILDING AN APPLICATION SUPPORT EVENT MANAGEMENT KỸ SƯ/ CỬ NHÂN 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 PHẠM QUANG NHÂN – 17520122 TRẦN NGỌC TỒN – 17521142 KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỖ TRỢ QUẢN LÝ VÀ THEO DÕI SỰ KIỆN BUILDING AN APPLICATION SUPPORT EVENT MANAGEMENT KỸ SƯ/ CỬ NHÂN NGÀNH KĨ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN ThS THÁI THỤY HÀN UYỂ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ý ……………………………………… - Ủy viên ……………………………………… - Ủy 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 HỖ TRỢ QUẢN LÝ VÀ THEO DÕI SỰ KIỆN Nhóm SV thực hiện: Cán hướng dẫn: Phạm Quang Nhân 17520122 ThS Thái Thụy hàn Uyển Trần Ngọc Toàn 17521142 ThS Lê Thanh Trọng Đánh giá Khóa luận Về báo cáo: Số trang Số bảng số liệu Số tài liệu tham khảo 93 _ 34 _ 17 _ Số chương Số hình vẽ Sản phẩm _ 72 _ 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: Phạm Quang Nhân: ……… /10 Trần Ngọc Toàn: ……… /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 HỖ TRỢ QUẢN LÝ VÀ THEO DÕI SỰ KIỆN Nhóm SV thực hiện: Cán phản biện: Phạm Quang Nhân 17520122 Trần Ngọc Tồn 17521142 Đánh giá Khóa luận Về báo cáo: Số trang Số bảng số liệu Số tài liệu tham khảo 93 _ 34 _ 17 _ Số chương Số hình vẽ Sản phẩm _ 72 _ 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: Phạm Quang Nhân: ……… /10 Trần Ngọc Toàn: ……… /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 hỗ trợ quản lý theo dõi sự kiện” minh chứng cho q 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 khố luận, chúng em đã nhận sự hướng dẫn tận tình từ q thầy cơ, sự giúp đỡ hỗ trợ từ gia đình cũng bạn bè Một cách đặc biệt, chúng 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 chúng em những năm học tập trường Đó tài sản quý báu đã giúp em hồn thành khố luận cũng hành trang cho đường sự nghiệp thân sau Chúng em xin gửi lời cảm ơn sâu sắc tới Ths.Thái Thụy Hàn Uyển Ths Lê Thanh Trọng, người đã trực tiếp hướng dẫn, chỉ bảo, giúp đỡ chúng em những lúc khó khăn, đưa những lời khun bở ích để khố luận hồn thành đúng tiến độ đáp ứng yêu cầu đề ban đầu Cảm ơn giảng viên phản biện thầy cô hội đồng chấm luận văn với những lời khun, góp ý q báu bở ích Từ luận văn chúng em trở nên hoàn thiện Lời cuối cùng, chúng em xin dành lời cảm ơn gửi tới gia đình, anh chị, bạn bè đã bên cạnh để động viên đóng góp ý kiến q trình hồn thành khoá luận Thành phố Hồ Chí Minh, tháng … năm 2021 Sinh viên Phạm Quang Nhân Trần Ngọc Toàn ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Ứng dụng hỗ trợ quản lý theo dõi kiện Cán hướng dẫn: ThS Thái Thụy Hàn Uyể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: Phạm Quang Nhân - 17520122 Trần Ngọc Toàn - 17521142 Nội dung đề tài: Lý chọn đề tài: Sau khoảng thời gian tham gia học tập giảng đường đại học, sự kiện sinh viên, hoạt động học thuật, thi câu lạc bộ, tập thể đoàn hội sinh viên thực mang lại giá trị cực cho đời sống tinh thần cũng học tập sinh viên Để mang lại thành công cho sự kiện hay hoạt động sinh viên, bạn sinh viên phải tốn nhiều thời gian cho việc quản lý công việc, vận hành sự kiện diễn cách trơn tru Các vấn đề mà bạn nắm vai trò ban tổ chức thường gặp phải chưa thể theo dõi tiến độ công việc người ban tổ chức, tương tác giữa thành viên tiến hành sự kiện Vì chúng em đã đưa ứng dụng giúp bạn điều phối, quản lý vận hành nội dung, công việc từng sự kiện, hoạt động Mục tiêu: - Xây dựng ứng dụng quản lý nội dung, giúp lên kế hoạch timeline sự kiện, hoạt động Người dùng tạo lưu lại mẫu kế hoạch giúp tiết kiệm thời gian có sự kiện tương tụ - Xây dựng ứng dụng quản lý công việc, phân công, nhắc nhở theo dõi tiến độ nhằm nâng cao suất công việc thành viên ban tổ chức - Ứng dụng giúp người dùng tương tác, điều phối vận hành sự kiện khơng để nhiều sai sót xảy thơng qua kênh liên lạc - Ứng dụng sử dụng những công nghệ mới, phù hợp đáp ứng khả mở rộng tương tác cao - Ứng dụng có giao diện trực quan, trải nghiệm người dùng đặt lên hàng đầu - Phát triển ứng dụng có tính thực tiễn cao, triển khai ứng dụng vào thực tế Nhóm em hi vọng dựa những tảng lý thuyết đã thầy cô truyền dạy hỗ trợ, kết hợp với những cơng nghệ nhóm em đã tìm hiểu, mong luận văn tốt nghiệp nhóm em đạt mục đích mong đợi Phạm vi: Phạm vi địa lý: Ứng dụng sử dụng câu lạc đội nhóm trường đại học Phạm vi chức năng: - Quản lý thông tin, nội dung, kế hoạch sự kiện - Xây dựng kịch chương trình tương tác với thời gian thật - Hỗ trợ chat trao đổi, chia sẻ thông tin qua kênh hội thoại giữa thành viên - Quản lý, phân công theo dõi tiến độ công việc - Đặt lời nhắc hệ thống thông báo liên tục - Lưu trữ hệ thống tài nguyên sự kiện Đối tượng sử dụng: Các câu lạc bộ, đội nhóm, tập thể đồn hội tở chức hoạt động sinh viên, thi học thuật, seminar, workshop dành cho sinh viên Điểm bật ứng dụng: - Ứng dụng đề cao trải nghiệm người dùng giúp người dùng dễ dàng việc quản lý - Khi sự kiện, hoạt động diễn ra, theo dõi kịch với thời gian thực tránh sự cố ý muốn - Ứng dụng giúp thành viên tương tác trực tiếp với thông qua kênh hội thoại lúc diễn sự kiện Hình 2.45: Trang admin - quản lý tags Hình 2.46: Trang admin - quản lý người dùng 82 b) Mobile Hình 2.47: Đăng nhập Hình 2.48: Quên mật Hình 2.50: Trang chủ Hình 2.49: Danh sách sự kiện 83 Hình 2.51: Chi tiết sự kiện - thơng tin chung Hình 2.52: Chi tiết sự kiện - ban tở chức Hình 2.54: Chi tiết sự kiện - Kịch Hình 2.53: Chi tiết kịch 84 Hình 2.56: Theo dõi kịch Hình 2.55: Lịch sử thay đởi Hình 2.57: Chi tiết sự kiện - Hội thoại Hình 2.58: Phòng hội thoại 85 Hình 2.60: Báo cáo - thống kê Hình 2.59: Báo cáo - tài nguyên Hình 2.62: Danh sách cơng việc Hình 2.61: Chi tiết cơng việc thơng tin chung 86 Hình 2.63: Chi tiết cơng việc Danh sách cần làm Hình 2.64: Chi tiết cơng việc - Bình luận Hình 2.65: Lịch lời nhắc Hình 2.66: Thơng báo 87 Hình 2.68: Thơng tin người dùng Hình 2.67: Chỉnh sửa thơng tin người dùng 2.4 Triển khai hệ thống 2.4.1 Máy chủ giao diện website ứng dụng Máy chủ giao diện website ứng dụng triển khai hệ thống đám mây Heroku Đây RESTFUL API server phục vụ nhu cầu truy vấn, cập nhật dữ liệu Cung cấp API cần thiết khác để lắng nghe sự thay đổi dữ liệu thông qua WebSocket Ứng dụng tạo quản lý thông qua Heroku CLI, sử dụng trực tiếp terminal Sử dụng gói triển khai miễn phí tài khoản đã xác thực, hoạt động 1000 tháng Sau 30 phút khơng có truy cập hệ thống tự động chuyển trạng thái ngủ phải chờ khoảng thời gian nhỏ đánh thức để sử dụng 88 Hình 2.69: Triển khai heroku 89 Hình 2.70: Thơng tin sever Kết triển khai Hình 2.71: Kết triển khai BE 90 Hình 2.72: Kết triển khai FE 2.4.2 Ứng dụng di động Ứng dựng di động phát triển dựa expo framework Expo cung cấp cơng cụ dòng lệnh có tên Exp Công cụ cho phép nhà phát triển bắt đầu trình built máy chủ Expo Khi đã hoàn tất, URL cung cấp để tải tập tin apk hoặc ipa đáp ứng đồng thời android ios Phiên tối thiểu expo hỗ trợ Android 5+ and iOS 10+ 91 Chương 3: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 3.1 Kết đạt Thông qua việc nghiên cứu tìm hiểu cơng nghệ, đặc biệt cơng nghệ mới, khóa luận đã phát triển ứng dụng chia sẻ trao đởi sách hồn chỉnh Do giới hạn kinh phí đăng ký tài khoản nhà phát triển, ứng dụng dừng lại giai đoạn chạy thử, chưa thể đẩy lên chợ ứng dụng Appstore CH Play Tuy nhiên kết chạy thử cho thấy hệ thống hoạt động tốt, mở rộng, phát triển thêm tương lai Về mặt kỹ thuật, khóa luận đã đạt kết sau: - Tìm hiểu ReactJS React Native, cơng nghệ để lập trình giao diện website mobile phát triển bới Facebook, có cộng động phát triển khắp giới - Tìm hiểu NodeJS, tảng xây dựng giúp xây dựng ứng dụng web cách đơn giản dễ dàng mở rộng - Tìm hiểu hiểu MongoDb, dạng phần mềm sở dữ liệu sử dụng mã nguồn mở NoSQL, có hiệu suất cao cùng với tính khả dụng tốt dễ dàng mở rộng - Hiểu biết cách sử dụng WebSocket để xây dựng tinh cập nhật theo dõi theo thời gian thực - Áp dụng kiến thức lập trình mạng, SMTP, WebRTC đã học vào xây dựng ứng dụng - Tìm hiểu biết cách triển khai máy chủ lên tảng đám mây để sử dụng khơng chỉ mạng cục Về mặt thực tiễn khóa luận đã đạt được: - Nâng cao khả tìm hiểu nghiên cứu công nghệ, đặc biệt cơng nghệ mới - Hiểu quy trình phát triển ứng dụng hoàn chỉnh - Cải thiện kỹ lên kế hoạch điều phối công việc - Xây dựng ứng dụng triển khai phục vụ nhu cầu thực tế sống 92 3.2 Thuận lợi khó khăn 3.2.1 Thuận lợi - Các cơng nghệ mới có cú pháp thân thiện, dễ dàng tiếp cận để hiểu mức độ - Giảng viên hướng dẫn có nhiều kiến thức kinh nghiệm đã giúp đỡ sinh viên nhiều việc định hướng giải đáp vướng mắc trình thực khố luận - Được giảng viên tạo động lực tìm tòi, học hỏi ln có tinh thần tốt để làm việc 3.2.2 Khó khăn - Khối lượng công việc cần thực nhiều nên chịu áp lực mặt thời gian - Tình hình dịch bệnh đơi làm việc online vẫn còn nhiều khó khăn - Các cơng nghệ mới còn chưa hồn thiện mới tiếp cận tốn nhiều thời gian để đưa giải pháp cho vấn đề gặp phải 3.3 Hướng phát triển Đề tài còn mở rộng phát triển thêm nhiều tính hữu ích cho người dùng như: - Phát triển thành sản phẩm hồn thiện, đáp ứng nhiều loại hình sự kiện không áp dụng riêng UIT - Check in tham gia sự kiện thông qua mobile - Tính quản lí ngân sách sự kiện với nhà tài trợ, vé tham gia sự kiện - Xây dựng chuyển động ứng dụng để tăng trải nghiệm người dùng 93 TÀI LIỆU THAM KHẢO Tài liệu tiếng anh [1] Z.Liew “Building a Simple.CRUD app with Node, Express, and MongoDB” [Online] Available: https://zellwk.com/blog/crud-express-mongodb/?fbclid=IwAR0Fmg7n5IJpv_40b2d6hMBxK4vZxEGTw4g6pj8XzjCHuAD3f1MKDvN05Q [Accessed 12 Mar 2021] [2] M.Mạnunath,”An Introduction to MongoDB” [Online] Available: https://www.sitepoint.com/an-introduction-tomongodb/?fbclid=IwAR3JPMnAyZW1qDCZQzkoqVDL4arv8c6dnX1fq6B5x61hmwVPO6pV5M ZKHCI[Accessed 01 Mar 2021] [3] A.Meenakshi,” WebSocket tutorial: How to go real-time with Node and React”.[Online] Available: https://blog.logrocket.com/websockets-tutorial-how-to-go-real-time-with-node-andreact-8e4693fbf843/?fbclid=IwAR0Rn9VsAl84tP0416k_7xgHGKJtKmwa6MbLQWCutG6oE_Y6eTADmwkCgY [Accessed 30 Mar 2021] [4] Expo,”Sending Notifications with Expo’s Push Api”, [Online] Available: https://docs.expo.io/push-notifications/sendingnotifications/?fbclid=IwAR3W8Z9GWMv9ibt9QXhm8WgIQAFfIZcTqkdsgJU5vKw6zj4nAFg_yJwzW0 [Accessed 20 May 2021] [5] NodeJS, “NodeJS Documentation” [Online] Available: https://nodejs.org/en/docs/ [Accessed 20 Feb 2021] [6] ReactJs, “ReactJS Documentation” [Online] Available: https://reactjs.org/docs/gettingstarted.html [Accessed 20 Feb 2021] [7] ReactNative,”React Native Documentation” [Online] Available: https://reactnative.dev/docs/getting-started [Accessed 20 Mar 2021] [8] Youtube, “How to create a ReactJS VideoChat App with WebRTC and Socket.io” [Online] Available: 94 https://www.youtube.com/watch?v=gnM3Ld6_upE&t=779s&fbclid=IwAR3TqPJczcoj3R0Fc2v2V einlsTPFft9mDfOArIY_Bf43urgIt_1VorCSxk [Accessed Apr 2021] [9] J.Ward, “React Native: Adding Push Notifications to your App with Expo” [Online] Available: https://levelup.gitconnected.com/react-native-adding-push-notifications-to-your-appwith-expo-8e4b659ddbfb [Access 20 May 2021] [10] Platypú, “React Native: React Navigation” [Online] Available: https://levelup.gitconnected.com/react-native-react-navigation-e691873a5b6c [Access 10 Apr 2021] [11] Vincent Le, “A simple messaging app with React Native and Socket.io” [Online] Available: https://medium.com/hackernoon/a-simple-messaging-app-with-react-native-and-socket-ioe1cae3df7bda [Access May 2021] [12] J.Kuller, “How to create Token based Authentication in React Native” [Online] Available: https://medium.com/@jonaskuiler/how-to-use-token-based-authentication-in-react-nativec5739b9d5e45 [Access 13 May 2021] [13] R.Chenkie, “React Authentication: How to Store JWT in a Cookiee” [Online] Available: https://medium.com/@ryanchenkie_40935/react-authentication-how-to-store-jwt-in-a-cookie346519310e81 [ Accessed 28 Feb 2021] [14] M.Agarwal, “React Routers for Web Apps” [Online] Available: https://muskanagarwall.medium.com/react-routers-for-web-apps-ec71214b47ce [Access 20 Feb 2021] [15] D.Hambeukers,”The New Double Diamond Design Process Is Here” [Online] Available: https://medium.com/design-leadership-notebook/the-new-double-diamond-design-process7c8f12d7945e [Accessed 20 Feb 2021] Tài liệu tiếng việt 95 [1] Youtube, “Học lập trình ReactJS – Redux – NodeJS qua dự án thực tế” [Online] Địa chỉ: https://www.youtube.com/playlist?list=PLmbxe7ftoDqSNf5yGMhbDNjIZIM5mQ7Ow [Truy cập 20/02/2021 [2] N.H.Kim, “Tạo API server Node.js với Express MongoDB” [Online] Địa chỉ: https://viblo.asia/p/tao-api-server-tren-nodejs-voi-express-va-mongodbE375zw7JKGW?fbclid=IwAR0OKn6gmvUJcU8P9dYYu_r9QcaOoWMij75zc23PkrPchBa7DvNA w_0rhJE [Truy cập 25/02/2021] 96 ... 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 HỖ TRỢ QUẢN LÝ VÀ THEO DÕI SỰ KIỆN Nhóm SV thực hiện: Cán hướng dẫn: Phạm... 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 HỖ TRỢ QUẢN LÝ VÀ THEO DÕI SỰ KIỆN Nhóm SV thực hiện: Cán phản biện: Phạm... trợ quản lý theo dõi sự kiện - Hoàn thành ứng dụng chạy tảng web với vai trò quản lý, theo dõi, phân công sự kiện Đối với tảng mobile chạy Android IOS với vai trò theo dõi vận hành sự kiện