xây dựng ứng dụng di động dành cho hội thảo atigb của trường đại học sư phạm kỹ thuật – đại học đà nẵng

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT BÁO CÁO TỔNG KẾT ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ CẤP TRƯỜNG XÂY DỰNG ỨNG DỤNG DI ĐỘNG DÀNH CHO HỘI THẢO ATiGB CỦA TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT – ĐẠI HỌC ĐÀ NẴNG Mã số: T2019-06-135 CHỦ NHIỆM ĐỀ TÀI : ThS ĐỖ PHÚ HUY ĐÀ NẴNG, 09/2020 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT BÁO CÁO TỔNG KẾT ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ CẤP TRƯỜNG 2019 XÂY DỰNG ỨNG DỤNG DI ĐỘNG DÀNH CHO HỘI THẢO ATiGB CỦA TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT – ĐẠI HỌC ĐÀ NẴNG Mã số: T2019-06-135 Xác nhận quan chủ trì đề tài Chủ nhiệm đề tài (ký, họ tên, đóng dấu) (ký, họ tên) DANH SÁCH CÁC THÀNH VIÊN THAM GIA VÀ ĐƠN VỊ CHỦ TRÌ DANH SÁCH THÀNH VIÊN: khơng ĐƠN VỊ CHỦ TRÌ: trường Đại học Sư phạm Kỹ thuật - ĐHĐN MỤC LỤC MỞ ĐẦU CHƯƠNG I: CƠ SỞ LÝ THUYẾT Mơ hình xây dựng ứng dụng Giao diện lập trình ứng dụng (API) 2.1 API gì? 2.2 Ưu điểm nhược điểm Ngơn ngữ lập trình (React Native) 3.1 Tổng quan React Native 3.2 Ưu điểm nhược điểm Ngôn ngữ lập trình Laravel hỗ trợ xây dựng API 4.1 Tổng quan Laravel 4.2 Ưu điểm nhược điểm 4.3 Những tính hữu ích Laravel Hệ quản trị sở liệu My SQL CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG .10 Phân tích trạng 10 Các nội dung cần tìm hiểu toán 10 Phân tích tốn cần xây dựng 16 Sơ đồ Use case 17 4.1 Các trường hợp hỗ trợ chương trình 17 Đặc tả Use Case 17 5.1 Đăng nhập 17 5.2 Đổi mật 18 5.3 Xem danh sách báo .20 5.4 Xem thông tin tài khoản cá nhân 21 5.5 Quên mật .22 5.6 Xem danh sách nhà tài trợ 23 5.7 Xem thông tin báo 24 5.8 Xem lịch kiện 25 5.9 Xem danh sách tác giả 26 Xây dựng tập API hỗ trợ ứng dụng .26 6.1 Đăng nhập 26 6.2 Lấy thông tin hội thảo 27 6.3 Lấy danh sách báo .28 Sơ đồ ERD 28 Các thực thể tham gia tốn: 29 Sơ đồ thực thể mơ tả hình sau: .29 Xây dựng sở liệu .30 8.1 Các bảng liệu tiêu biểu 30 CHƯƠNG III: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 37 Thiết kế giao diện .37 1.1 Màn hình Đăng nhập 37 1.2 Màn hình tổng quan ứng dụng 38 1.3 Màn hình chương trình hội thảo 39 1.4 Màn hình diễn giả hội thảo 40 1.5 Màn hình danh sách người tham gia .42 1.6 Màn hình danh sách báo 43 1.7 Màn hình tài khoản người dùng 44 1.8 Các hình khác .46 KẾT LUẬN VÀ KIẾN NGHỊ HƯỚNG PHÁT TRIỂN 51 DANH MỤC HÌNH ẢNH Hình Mơ hình xây dựng ứng dụng Hình 2: Cách hoạt động API Hình 3:Danh sách thành viên ban tổ chức .11 Hình 4: Danh sách thành viên ban khoa học 12 Hình 5: Chương trình làm việc phiên tổng thể 13 Hình 6: Chương trình làm việc báo cáo tổng thể .14 Hình 7:Chương trình làm việc theo phiên làm việc tiểu ban 15 Hình 8: Chương trình làm việc báo cáo theo phiên làm việc tiểu ban 16 Hình 9: Sơ đồ Use Case tổng quát 17 Hình 10: Sơ đồ hoạt động đăng nhập .18 Hình 11 Sơ đồ hoạt động đổi mật 19 Hình 12 Sơ đồ hoạt động xem danh sách báo 20 Hình 13 Sơ đồ hoạt động xem thông tin tài khoản 21 Hình 14 Sơ đồ hoạt động quên mật .22 Hình 15: Sơ đồ hoạt động Xem danh sách nhà tài trợ 23 Hình 16: Sơ đồ hoạt động Xem thơng tin báo .24 Hình 17: Sơ đồ hoạt động Xem lịch kiện .25 Hình 18: Sơ đồ hoạt động Xem danh sách tác giả 26 Hình 19: Sơ đồ ERD 29 Hình 20: Màn hình cho người quản lý 34 Hình 21:Danh sách hội nghị hệ thống 35 Hình 22: Danh sách người tham dự phía người quản lý 35 Hình 23: Chương trình hoạt động hội thảo web quản lý 36 Hình 24:Màn hình gửi thơng báo cho thành viên sử dụng ứng dụng 36 Hình 25: Màn hình đăng nhập ứng dụng 37 Hình 26: Màn hình tổng quan ứng dụng 38 Hình 27: Màn hình chương trình hội thảo 39 Hình 28:Màn hình chi tiết hoạt động lịch trình 40 Hình 29: Màn hình diễn giả hội thảo 41 Hình 30: Màn hình người tham dự hội thảo .42 Hình 31: Danh sách báo hội thảo .43 Hình 32: Chi tiết báo 44 Hình 33: Màn hình tài khoản người dùng 45 Hình 34: Màn hình danh sách nhà tài trợ 46 Hình 35: Màn hình giới thiệu thơng tin hội thảo 47 Hình 36: Màn hình danh sách thông báo từ hội thảo .47 Hình 37: Màn hình đánh giá hội thảo từ người dùng .48 Hình 38: Màn hình ban thành viên hội thảo 49 Hình 39: Mơ hình kết nối lấy liệu lên ứng dụng di động 50 Hình 40: Các thơng tin hiển thị phía hình ứng dụng di động 50 DANH MỤC CÁC TỪ VIẾT TẮT ATiGB Applying New Technology in Green Building API Application Programming Interface MVC Model-View-Control WPF Window Presentation Foundation ĐẠI HỌC ĐÀ NẴNG CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐH SƯ PHẠM KỸ THUẬT Độc lập - Tự - Hạnh phúc THÔNG TIN KẾT QUẢ NGHIÊN CỨU Thông tin chung: - Tên đề tài: Xây dựng ứng dụng di động dành cho hội thảo ATIGB trường đại học Sư phạm Kỹ thuật – Đại học Đà Nẵng - Mã số: T2019-06-135 - Chủ nhiệm: Đỗ Phú Huy - Cơ quan chủ trì: ĐH Sư Phạm Kỹ Thuật - Thời gian thực hiện: 12 tháng Mục tiêu: Xây dựng ứng dụng di động hỗ trợ hội thảo nhằm mục đích đáp ứng tính khoa học, cơng nghệ tiết kiệm chi phí Ứng dụng phát triển tiến tới triển khai sử dụng hội thảo ATIGB tương lai Tính sáng tạo: Hiện có nhiều hội thảo trường đại học diễn năm khắp nước Tuy nhiên, có hội thảo có ứng dụng di động hỗ trợ cho người tham gia hội thảo để kịp thời nắm bắt thông tin nội dung hội thảo nhà trường Tóm tắt kết nghiên cứu: Tìm hiểu cách thức quản lý, liên lạc giao tiếp hội thảo khoa học năm ATIGB trường đại học Sư phạm Kỹ thuật để lên yêu cầu xây dựng ứng dụng di động hỗ trợ người tham gia hội thảo, kịp thời đưa thông tin đến người tham gia hội thảo Tên sản phẩm: Ứng dụng di động hỗ trợ người tham gia hội thảo ATIGB Hiệu quả, phương thức chuyển giao kết nghiên cứu khả áp dụng: triển khai thực thí điểm cho hội thảo ATIGB tổ chức trường đại học Sư phạm Kỹ thuật tương lai Hình ảnh, sơ đồ minh họa - Màn hình ứng dụng di động CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 1.3 Màn hình chương trình hội thảo Màn hình chương trình hội thảo cho phép người dùng xem cách chi tiết thơng tin chương trình tổ chức đến hội thảo Người dùng theo dõi chi tiết ngày nội dung khóa nói chuyện chính, tìm nội dung u thích để theo dõi hay tìm kiếm nội dung mà mong muốn Màn hình chương trình hội thảo sau: Hình 27: Màn hình chương trình hội thảo ThS Đỗ Phú Huy Trang 39 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ Hình 28:Màn hình chi tiết hoạt động lịch trình 1.4 Màn hình diễn giả hội thảo Màn hình hình bật ứng dụng Màn hình hiển thị thơng tin diễn giả hội thảo nói chuyện ThS Đỗ Phú Huy Trang 40 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ họ Đây nội dung quan trọng nhằm nêu bật thu hút hội thảo từ diễn giả tiếng Màn hình thể sau: Hình 29: Màn hình diễn giả hội thảo ThS Đỗ Phú Huy Trang 41 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 1.5 Màn hình danh sách người tham gia Màn hình danh sách người tham gia bắt buộc người dùng phải đăng nhập vào hệ thống sử dụng chức Sau người dùng đăng nhập hệ thống, chức có hiệu lực Lúc người dùng hồn tồn tìm kiếm người tham gia vào hội thảo nhằm phục vụ cho nhu cầu tương tác lấy thơng tin để tham khảo Màn hình danh sách người tham gia: Hình 30: Màn hình người tham dự hội thảo ThS Đỗ Phú Huy Trang 42 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 1.6 Màn hình danh sách báo Màn hình danh sách báo chức quan trọng ứng dụng Người dùng sử dụng chức để tìm kiếm báo duyệt hội thảo Để sử dụng chức này, người dùng phải quyền đăng nhập vào hệ thống Khi đăng nhập vào ứng dụng, người dùng xem danh sách báo nhận hội thảo đến thời điểm Màn hình danh sách báo sau: Hình 31: Danh sách báo hội thảo ThS Đỗ Phú Huy Trang 43 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ Hình 32: Chi tiết báo 1.7 Màn hình tài khoản người dùng Người sử dụng bật ứng dụng lên tham khảo nội dung xuất ứng dụng cho người dùng chung Tuy nhiên, muốn dùng thêm tính như: ThS Đỗ Phú Huy Trang 44 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ o Tìm báo o Tìm nói chuyện o Đọc thơng báo từ hội thào ➔ Phải đăng nhập vào ứng dụng để sử dụng tính Lúc này, hình tài khoản hiển thị thông tin người dùng đăng kí Người dùng xem sửa nội dung thơng tin cá nhân Màn hình tài khoản người dùng: Hình 33: Màn hình tài khoản người dùng ThS Đỗ Phú Huy Trang 45 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 1.8 Các hình khác Các hình khác cịn lại như: o Màn hình nhà tài trợ o Màn hình giới thiệu hội thảo o Màn hình gửi đánh giá hội thảo đến nhà quản lý o Màn hình thơng báo đến người dùng o Màn hình ban thành viên hội thảo Các hình dùng để hỗ trợ thông tin thêm cho người sử dụng họ cần tham khảo mục Các sau: Hình 34: Màn hình danh sách nhà tài trợ ThS Đỗ Phú Huy Trang 46 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ Hình 35: Màn hình giới thiệu thơng tin hội thảo Hình 36: Màn hình danh sách thông báo từ hội thảo ThS Đỗ Phú Huy Trang 47 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ Hình 37: Màn hình đánh giá hội thảo từ người dùng ThS Đỗ Phú Huy Trang 48 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ Hình 38: Màn hình ban thành viên hội thảo Sử dụng chương trình 2.1 Kết nối với phía quản lý Để ứng dụng di động hoạt động được, ta cần phải có hệ thống hỗ trợ nhập liệu xử lý liệu phía người quản lý Như trình bày phần trên, ta có chức phía quản lý như: • Tạo hội thảo • Quản lý người tham dự • Xây dựng chương trình hoạt động hội thảo • Quản lý báo • Quản lý thơng tin nhà tài trợ • Quản lý tác giả • Quản lý phản hồi người dùng ThS Đỗ Phú Huy Trang 49 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ Hình 39: Mơ hình kết nối lấy liệu lên ứng dụng di động 2.2 Tương tác ứng dụng di động Sau kết nối với phía hệ thống cuối nhằm lấy liệu hiển thị lên xử lý liệu ứng dụng di động, ứng dụng hiển thị thông tin người quản lý nhập vào phía hệ thống quản trị Người dùng thay đổi nội dung cách linh hoạt hệ thống cuối để đưa thơng tin đến với người sử dụng ứng dụng di động, cụ thể thông tin tác giả, báo, lịch làm việc, thông tin ban tổ chức… hội thảo ATIGB Các thông tin hiển thị sau: Hình 40: Các thơng tin hiển thị phía hình ứng dụng di động ThS Đỗ Phú Huy Trang 50 KẾT LUẬN KẾT LUẬN VÀ KIẾN NGHỊ HƯỚNG PHÁT TRIỂN Kết đạt 1.1 Về mặt lý thuyết ✓ Tìm hiểu cách thức tổ chức hội thảo, qua xây dựng nên chương trình di động hỗ trợ cho phần thơng tin đến người dùng hội thảo ✓ Đề xuất chức có ứng dụng di động, giúp đưa thơng tin đến phía người dùng cách dễ dàng hợp lý 1.2 Về mặt ứng dụng Xây dựng ứng dụng di động tảng Android IOS, gồm chức năng: Hiển thị nội dung agenda hội thảo Hiển thị nội dung danh sách báo đăng kí hội thảo Hiển thị danh sách diễn giả người tham gia hội thảo Giới thiệu hội thảo Tìm kiếm báo hội thảo Thiếu sót Ứng dụng di động này đáp ứng đòi hỏi cấp bách đề trước mắt lâu dài có thiếu sót, khuyết điểm dễ nhận chưa triển khai thử nghiệm cho kỳ thi thực tế, kết thử nghiệm cho hội thảo có mạng (năm 2019) nên chưa bao quát hết tất trường hợp xảy Hướng phát triển - Tiếp tục hoàn thiện chức nâng cao chương trình nhằm tối ưu việc xây dựng ứng dụng hỗ trợ thông tin người dùng tham gia hội thảo ATIGB tương lai ThS Đỗ Phú Huy Trang 51 KẾT LUẬN - Tăng khả tương tác phía người dùng, giúp người dùng làm quen với hệ thống sử dụng hết chức hệ thống - Triển khai thử nghiệm cho hội thảo ATIGB tổ chức trường đại học Sư phạm Kỹ thuật thời gian tới ThS Đỗ Phú Huy Trang 52 Tài liệu tham khảo - https://facebook.github.io/react-native/docs/getting-started - https://reactnavigation.org/docs/en/getting-started.html - https://docs.nativebase.io/Components.html#Components - https://github.com/mastermoo/react-native-action-button - https://www.npmjs.com/package/react-native-chart-kit - https://www.npmjs.com/package/react-native-document-picker/v/3.0.0 - https://aboutreact.com/react-native-linear-gradient/ - https://github.com/sohobloo/react-native-modal-dropdown - https://www.npmjs.com/package/react-native-tiny-toast - https://ntdung1128.wordpress.com/2018/10/31/huong-dan-tuy-chinh-boicons-trong-react-native/ ThS Đỗ Phú Huy Trang 53 ...ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT BÁO CÁO TỔNG KẾT ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ CẤP TRƯỜNG 2019 XÂY DỰNG ỨNG DỤNG DI ĐỘNG DÀNH CHO HỘI THẢO ATiGB CỦA TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT... Đề tài ? ?Xây dựng ứng dụng di động dành cho hội thảo Atigb trường đại học Sư phạm Kỹ thuật – Đại học Đà Nẵng? ?? phần giải vấn đề đặt đề tài mang tính cấp thiết hội thảo tổ chức năm nhà trường Các... di động dành cho hội thảo Atigb trường đại học Sư phạm Kỹ thuật – Đại học Đà Nẵng? ?? phần giải vấn đề đặt đề tài mang tính cấp thiết hội thảo tổ chức năm nhà trường Mục tiêu đề tài Xây dựng ứng dụng