BÁO CÁO GIỮA KỲ Môn LẬP TRÌNH THIẾT BỊ DI ĐỘNG

TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH VIỆN ĐÀO TẠO QUỐC TẾ-NIIE NGÀNH CÔNG NGHỆ THÔNG TIN  BÁO CÁO GIỮA KỲ Mơn: LẬP TRÌNH THIẾT BỊ DI ĐỘNG NHĨM HUNTER ST T MSSV 190000890 191154871 191154877 190000938 Họ Tên Phan Hải Long Nguyễn Ngơ Thắng Lợi Nguyễn Trần Hồng Long Phan Thanh Thiên TP Hồ Chí Minh, ngày 16 tháng năm 2022 MỤC LỤC CHƯƠNG 1: Mô tả đồ án CHƯƠNG 2: Wireframe, mockup, prototype hình CHƯƠNG 3: Demo hình CHƯƠNG 1: MƠ TẢ ĐỒ ÁN Mơ tả lý chọn đề tài: Trong năm gần đây, 2010 trở lại Cơn vũ bão smart phone tràn ngập nước ta Ai có smart phone Smart phone điện thoại thơng minh tích hợp tảng di động với nhiều tính hỗ trợ tiên tiến điện tốn kết nối tảng điện thoại di động thông thường Ban đầu điện thoại thông minh bao gồm tính điện thoại di động thông thường kết hợp với thiết bị phổ biến PDA, thiết bị điện tử cầm tay, máy ảnh kỹ thuật số, hệ thống định vị GPS Điện thoại thông minh ngày bao gồm tất chức laptop duyệt web, Wi-Fi, ứng dụng bên thứ di động phụ kiện kèm máy Việc mua dùng smart phone tirnj lợi thay hồn tồn máy tính bình thường Ngồi việc cịn cơng cụ để kết nối người với với chức điện thoại thông thường dùng ứng dụng bên thứ Mặc dù ứng dụng để kết nối người Mạng xã hội tiện ích đem lại hại nhiều thời gian vào Mạng xã hội Chính vậy, nhóm Hunter chúng em lựa chọn đề tài “Tìm hiểu xây dựng ứng dụng chat” hệ điều hành Android Lý lưu trữ liệu Firebase :là tảng sở hữu google giúp phát triển ứng dụng di động web Họ cung cấp nhiều công cụ dịch vụ tiện ích để phát triển ứng dụng nên ứng dụng chất lượng Điều rút ngắn thời gian phát triển giúp ứng dụng sớm mắt với người dùng  Trong app có sử dụng công cụ hỗ trợ cho phầm mềm: - Visual Studio Code:  Là trình soạn thảo mã nguồn phổ biến sử dụng lập trình viên Nhanh, nhẹ, hỗ trợ đa tảng, nhiều tính mã nguồn mở ưu điểm vượt trội khiến VS Code ngày ứng dụng rộng rãi  Hỗ trợ nhiều ngơn ngữ lập trình  Visual Studio Code hỗ trợ nhiều ngơn ngữ lập trình C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, … Vì vậy, dễ dàng phát đưa thông báo chương chương trình có lỗi  Hỗ trợ đa tảng  Các trình viết code thơng thường sử dụng cho Windows Linux Mac Systems Nhưng Visual Studio Code hoạt động tốt ba tảng  Kho lưu trữ an toàn  Đi kèm với phát triển lập trình nhu cầu lưu trữ an toàn Với Visual Studio Code, người dùng hồn tồn n tâm dễ dàng kết nối với Git kho lưu trữ - có React Native:  Một framework mã nguồn mở phát triển Facebook (Meta), phát triển với mục đích tăng hiệu suất kết hợp tối ưu hóa chi phí cách viết nhiều ngôn ngữ native cho tảng thiết bị di động  React Native cho phép nhà phát triển Backend sử dụng JavaScript làm app mobile Android iOS React Native cần viết lần build ứng dụng cho Android iOS Có thể nói React Native tạo - ứng dụng di động hiệu JavaScript:  JavaScript ngơn ngữ lập trình linh động Các nhà sáng lập viết số lượng lớn công cụ phục vụ cho việc thiết kế app đa tảng Một số hiệu suất JavaScript như:  Giao diện ngôn ngữ – API – xây dựng bên trình duyệt web Chúng cung cấp nhiều tính tọ HTML động; Hay cài đặt CSS; Chúng tạo điều khiển video trực tiếp từ webcam người dùng  Bạn nhanh chóng xây dựng trang web ứng - dụng di dộng nhờ framework ChatKitty ChatKitty tảng trị chuyện hồn chỉnh đầu tiên; tập hợp thứ cần thiết để xây dựng thời gian trị chuyện tính thực vào Web ứng dụng di động thiết bị ChatKitty cung cấp tất tính bạn cần để xây dựng trị chuyện đại, bao gồm:  Nhắn tin trực tiếp: Cung cấp thơng điệp trực tiếp mã hóa an tồn cho người dùng  Khai báo nhóm trị chuyện tư vấn riêng: Bạn yêu cầu người dùng tham gia mời tham gia nhóm trò chuyện  Message string: Keep for the games of the groups, có tổ chức với message string  Đẩy thơng báo: Bảo đảm cho người dùng ln nhìn thấy thơng điệp họ  Tệp đính kèm: Hình ảnh đính kèm, video loại tệp khác  Chỉ nhập báo cáo: Cho người dùng biết người khác nhập  Phản hồi: Người dùng phản hồi thơng điệp biểu tượng cảm xúc GIF  Hiện diện báo: Cho người dùng biết trực tuyến  Biên gửi đọc: Xem tin nhắn gửi đọc  Tạo xem trước liên kết: Tin nhắn có liên kết xem trước đa phương tiện CHƯƠNG 2: WIREFRAME, MOCKUP, PROTOTYPE CÁC MÀN HÌNH  Màn hình đăng nhập đăng ký: Giao diện app: Cửa sổ chat: Khung tạo kênh chat: Link figma: https://www.figma.com/file/ef9vlArEyctCA6BIbOUA6d/App-ChatCommunity CHƯƠNG 3: DEMO CÁC MÀN HÌNH Link Github: https://github.com/f1nnie2210/ChatApp_V01.git