KHÓA LUẬN tốt NGHIỆP tìm HIỂU và xây DỰNG ỨNG DỤNG CHIA sẻ và CẢNH báo THÔNG TIN GIAO THÔNG

ĐẠ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 TẠ NGỌC HỒNG LÂM KHĨA LUẬN TỐT NGHIỆP TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG CHIA SẺ VÀ CẢNH BÁO THÔNG TIN GIAO THÔNG RESEARCH AND BUILD A SHARING AND WARNING TRAFFIC INFORMATION APPLICATION KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2020 ĐẠ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 TẠ NGỌC HỒNG LÂM – 15520410 KHĨA LUẬN TỐT NGHIỆP TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG CHIA SẺ VÀ CẢNH BÁO THÔNG TIN GIAO THÔNG RESEARCH AND BUILD A SHARING AND WARNING TRAFFIC INFORMATION APPLICATION KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THS LÊ THANH TRỌNG THS.THÁI THỤY HÀN UYỂN TP HỒ CHÍ MINH, 2020 DANH SÁCH HỘI ĐỒNG BẢO VỆ KHĨA LUẬN 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 ĐHQG 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: TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG CHIA SẺ VÀ CẢNH BÁO THƠNG TIN GIAO THƠNG Nhóm SV thực hiện: Tạ Ngọc Hoàng Lâm Cán hướng dẫn: 15520410 Ths.Lê Thanh Trọng ThS Thái Thụy Hàn Uyể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: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Điểm sinh viên: Tạ Ngọc Hoàng Lâm /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐHQG 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: TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG CHIA SẺ VÀ CẢNH BÁO THÔNG TIN GIAO THƠNG Nhóm SV thực hiện: Tạ Ngọc Hồng Lâm Cán phản biện: 15520410 ThS.Lê Thanh Trọng ThS Thái Thụy Hàn Uyể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: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Điểm sinh viên: Tạ Ngọc Hoàng Lâm: /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Sau năm học tập rèn luyện Trường Đại học Công nghệ Thông tin, tận tình giảng dạy giúp đỡ quý thầy cô, đặc biệt quý thầy cô khoa Công nghệ Phần mềm, em gặt hái nhiều kiến thức tảng bổ ích, áp dụng vào luận văn áp dụng chặng đường sau Em xin chân thành cảm ơn quý thầy cô trường Đại học Công nghệ Thơng tin nói chung, q thầy khoa Cơng nghệ Phần mềm nói riêng, đặc biệt thầy Lê Thanh Trọng cô Thái Thụy Hàn Uyển tận tình hướng dẫn đóng góp ý kiến để em hồn thành khóa luận cách tốt Bên cạnh đó, em xin gửi lời cảm ơn đến bạn lớp có lời góp ý, động viên để nhóm có thêm động lực thực khóa luận khoảng thời gian khó khăn Trong suốt trình em tìm hiểu thực khóa luận, đề tài sử dụng cơng nghệ cịn mới, thời gian khả có giới hạn nên em cịn nhiều thiếu sót Do đó, em mong nhận thơng cảm ý kiến đóng góp chân thành từ quý thầy cô bạn Một lần nữa, em xin chân thành cảm ơn người Thành phố Hồ Chí Minh, tháng 07 năm 2020 Tạ Ngọc Hoàng Lâm ĐHQG 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 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Tìm hiểu xây dựng ứng dụng chia sẻ cảnh báo thông tin giao thông Cán hướng dẫn: ThS Lê Thanh Trọng ThS Thái Thụy Hàn Uyển Thời gian thực hiện: Từ tháng 03/2020 đến tháng 06/2020 Sinh viên thực hiện: Tạ Ngọc Hoàng Lâm 15520410 Nội dung đề tài: Giới thiệu: - Giao thông Việt Nam ngày phát triển, nhiên kẹt xe nỗi ám ảnh lớn người tham gia giao thông, đặc biệt nội thành tuyến giao thông trọng điểm - Với mong muốn bác tài nói riêng người tham gia nói chung có nơi để chia sẻ tình trạng giao thơng quanh mình, ý tưởng OnMyWay đời, “On my way!” nghĩa “Tôi đến đây!” mang ý nghĩa người tham gia có lộ trình thật sn sẻ, qua xây dựng nên cộng đồng lớn mạnh, tương lai phủ sóng nước - OnMyWay Blogging App cho phép người chia sẻ thông tin giao thông với mức độ phân loại khác nhau, với cách xử lý liệu thời gian thực giúp người tham gia App cập nhật tình hình nhanh chóng đưa lộ trình phù hợp Sơ tính khả thi cần thiết đề tài: Hiện để theo dõi tình hình giao thơng chi tiết tuyến đường người dùng có số ứng dụng để lựa chọn như: - Google Map: Là ứng dụng hàng đầu dịch vụ đồ số ông lớn Google, không cung cấp hướng dẫn lái xe với đồ 220 quốc gia vùng lãnh thổ, cịn hỗ trợ cho người xe đạp Tuy nhiên chưa có tính cảnh báo kẹt xe bán kính định sẵn - VOV - Ứng dụng giao thông Việt Nam: Một ứng dụng hay Việt Nam, sử dụng đồ Google Maps tích hợp tính xem đường kẹt xe, liệt kê trạm xe buýt, nghe radio,… thông tin cung cấp kênh “VOV giao thông” Tuy nhiên ứng dụng hỗ trợ máy SamSung - Waze: Là ứng dụng dẫn đường với tình hình giao thông người dùng cập nhật, sử dụng phổ biến Mỹ, Malaysia, Tuy nhiên chưa có voice tiếng Việt cần tập user lớn Vậy On My Way đời? - Tuy đối thủ ông lớn lĩnh vực giao thông điều hướng, On My Way với mục tiêu đem đến mạng xã hội giao thông thu nhỏ, thân thiện dễ sử dụng cho người dân Việt Nam Mục tiêu: - Hiểu kết hợp, vận dụng kiến thức để xây dựng dự án sử dụng framework React-Native hoàn chỉnh STT Tên đối tượng Tab Home Kiểu Nội dung xử lý Click vào hiển thị trang Tab đăng Tab News Click vào chuyển sang trang tin tức Tab giao thơng Save Button Lưu vị trí giao thông lên đồ Back Button Chuyển trang chủ Bảng 26 Giao diện map view 67 4.3.3.6 Màn hình hồ sơ Hình 23 Giao diện thơng tin cá nhân – hạng Kim cương 68 Hình 24 Giao diện thông tin cá nhân – hạng Bạch kim 69 Hình 25 Giao diện thơng tin cá nhân – hạng Vàng 70 Hình 26 Giao diện thơng tin cá nhân – hạng Newbie (tân binh) 71 STT Tên đối tượng Kiểu Nội dung xử lý Image Avatar Image Hiển thị hình ảnh người dùng Button News Post Button Click vào chuyển sang trang tạo đăng Button Comment Click vào chuyển sang trang bình Button luận cho đăng Button Like Click vào like đăng người Button dùng khác Button Location Click vào chuyển sang trang đồ Button chi tiết đăng Tab Home Click vào hiển thị trang Tab đăng Tab News Click vào chuyển sang trang tin tức Tab giao thông DrawerMenu Chuyển vào trang hồ sơ người Button dùng Log Out Button Chuyển trang đăng nhập 10 Delete Button Delete viết người dùng Bảng 27 Giao diện hồ sơ 72 4.3.3.7 Màn hình xem tin tức Hình 28 Giao diện tin tức VOV Hình 27 Giao diện tin tức VOV 4.3.3.8 Màn hình bình luận, đánh giá 73 Hình 29 Giao diện bình luận - đánh giá 74 STT Tên đối tượng Kiểu Nội dung xử lý Image Avatar Image Hiển thị hình ảnh người dùng Button News Post Button Click vào chuyển sang trang tạo đăng Button Post Comment Button Click vào chuyển sang trang bình luận cho đăng Tab Home Click vào hiển thị trang Tab đăng Tab News Click vào chuyển sang trang tin tức Tab giao thông DrawerMenu Button Chuyển vào trang hồ sơ người dùng Delete Button Delete viết người dùng Rating Button Click vào hiển thị số chọn Bảng 28 Giao diện bình luận – đánh giá 4.3.3.9 Màn hình qt tình trạng giao thơng khu vực 75 Hình 30 Giao diện đồ hiển thị tình trạng giao thơng kèm tuyến đường 76 STT Tên đối tượng Filter Marker Kiểu Nội dung xử lý Dropdown Thay đổi lựa chọn tuyến đường list theo phương tiện Marker Click vào lên trạng thái tuyến đường Tab Home Click vào hiển thị trang Tab đăng Tab News Click vào chuyển sang trang tin Tab tức giao thông Direction Hiển thị tuyến đường theo màu Line sắc ứng với tình trạng kẹt xe, ngập lụt,… Bảng 29 Giao diện đồ hiển thị tình trạng giao thơng kèm tuyến đường 77 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt từ lý thuyết 5.1 Trong trình thực khóa luận tốt nghiệp, em có thêm điều kiện tìm hiểu cơng nghệ mới, cách xây dựng ứng dụng cho lĩnh vực giao thơng với kinh nghiệm lên kế hoạch tìm hiểu, nghiên cứu phát triển đề tài, viết báo cáo Đồng thời, em củng cố có thêm nhiều kinh nghiệm trình xây dựng tổ chức mã nguồn ứng dụng Qua trình nghiên cứu phát triển đề tài, em hoàn thành tính sau: 5.1.1 Về nội dung nghiên cứu • Đã nghiên cứu áp dụng React Native vào thiết kế giao diện • Áp dụng firebase vào xây dựng Realtime Database backend • Áp dụng thư viện hỗ trợ từ React Native Expo • Xây dựng server nodejs nhằm nâng cao khả truy xuất liệu người dùng • Xây dựng App với cơng nghệ React Facebook • Áp dụng Google Map API thuật tốn khoanh vùng, tìm đường vào ứng dụng 5.1.2 Về chương trình ứng dụng Đã hoàn thành mục tiêu đặt ban đầu: ➢ Xây dựng ứng dụng cảnh báo chia sẻ thơng tin giao thơng với tính sau: • Đăng ký tài khoản từ số điện thoại • Đăng nhập tài khoản qua Facebook số điện thoại • Đăng xuất 78 • Đăng viết • Sửa viết • Xóa viết • Đăng tình trạng giao thơng kèm viết • Đăng vị trí kèm viết • Đăng hình kèm viết • Đăng bình luận vào viết • Hiển thị danh sách viết theo thời gian thực • Hiển thị hồ sơ người dùng bao gồm tất viết người • Hiển thị thời gian viết • Hiển thị khoảng thời gian từ viết đăng • Hiển thị tình trạng giao thơng viết • Hiển thị đồ lưu vị trí viết • Hiển thị tin tức • Cập nhật tin tức liên tục từ kênh VOV giao thơng • Thả tim bình luận viết • Rating viết • Xếp hạng cho người dùng theo Rating • Qt tình trạng giao thơng khu vực người dùng tùy chỉnh kèm tuyến đường hiển thị lên đồ 5.2 Hướng phát triển tương lai Tuy hoàn thành ứng dụng với tính tính nâng cao với thời gian có hạn nhân lực có hạn, ứng dụng chưa thể đáp ứng hết yêu cầu người sử dụng Dù hoàn thành dự án số vấn đề cần lưu tâm chỉnh sửa: • Đăng nhập số điện thoại cịn số lỗi • Hồn thiện push notification 79 • Chuyển trang chưa mượt • Chưa tích hợp thơng báo đẩy với người có viết bình luận • Chưa chọn nhiều hình đăng • Vẫn cịn số lỗi thay đổi vị trí đăng • Các tùy chỉnh cho tài khoản người dùng chưa phong phú App On My Way tạo để cạnh tranh mà để kết hợp với App giao thông nay, để bổ sung tuyến đường hẻm nhỏ nơi camera giao thông không lắp đặt tìm nguồn hỗ trợ server cho ứng dụng, chất On My Way cần nhiều data từ người dùng 80 Chương TÀI LIỆU THAM KHẢO [1] React Native Document https://facebook.github.io/react-native/docs/getting-started [2] Expo Document https://docs.expo.io/versions/latest/ [3] Firebase Document https://firebase.google.com/docs/reference?authuser=0 [4] StackOverFlow https://stackoverflow.com/ [5] Google Map API https://cloud.google.com/maps-platform/ [6] Tình trạng kẹt xe TP HCM https://baomoi.com/un-tac-giao-thong-cua-ngo-tphcm-van-loay-hoay-khacphuc/c/24626423.epi [7] Nguy ngập lụt TP HCM https://tuoitre.vn/nguy-co-ngap-lut-tai-tp-hcm-co-the-tang-10-lan-cho-den-205020200517062532551.htm 81 ... 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: TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG CHIA SẺ VÀ CẢNH BÁO THƠNG TIN GIAO THƠNG Nhóm... TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM TẠ NGỌC HỒNG LÂM – 15520410 KHĨA LUẬN TỐT NGHIỆP TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG CHIA SẺ VÀ CẢNH BÁO THÔNG TIN GIAO THÔNG RESEARCH AND BUILD... 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: TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG CHIA SẺ VÀ CẢNH BÁO THƠNG TIN GIAO THƠNG Nhóm