Microsoft Word Mau bao cao thuc tap 1 doc TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP LẬP TRÌNH DI ĐỘNG VỚI REACT NATIVE Công ty thực tập Công ty TNHH Vitalify Á Châu N[.]
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP LẬP TRÌNH DI ĐỘNG VỚI REACT NATIVE Công ty thực tập : Công ty TNHH Vitalify Á Châu Người phụ trách : Phạm Minh Chí Thực tập sinh : Lê Khải Hồn TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Tại Việt Nam, ngành công nghiệp phần mềm di động có tốc độ phát triển nhanh chóng lớn mạnh Có thể thấy rằng, với tăng trưởng mạnh mẽ ngành phần mềm di động ngành có tiềm tương lai Để cọ sát với thực tế, làm quen với môi trường doanh nghiệp, bắt kịp xu hướng công nghệ thị trường, thời gian từ tháng năm 2022 đến nay, em làm việc Cơng ty TNHH Vitalify Á Châu, vị trí lập trình viên di động Với hướng dẫn nhiệt tình thầy cô khoa Công nghệ Phần mềm bảo nhiệt tình anh chị công ty, em học hỏi nhiều kinh nghiệm quý giá, hiểu biết nghề nghiệp công việc sau trường Qua đợt thực tập em thấy cần phải cố gắng nhiều việc học tập, giao lưu học hỏi hoàn thiện kĩ cần thiết cho thân Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TNHH Vitalify Á Châu tạo điều kiện cho em có hội thực tập cơng ty Chỉ thời gian ngắn nhờ dẫn nhiệt tình nhóm trainer, em tiếp thu kiến thức quan trọng để làm ứng dụng mạng xã hội giúp cho người kết nối, trò chuyện với phạm vi ngắn Chân thành cảm ơn anh chị nhóm trainer bỏ nhiều thời gian, cơng sức để hướng dẫn em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Phạm Minh Chí training React Native, hướng dẫn giúp đỡ cho em tận tình khó khăn cơng việc, đến khó khăn việc làm quen với môi trường mới; cảm ơn chị Trần Thị Hoàng Yến giúp em kết nối đến người team, hỗ trợ giải đáp thắc mắc công việc Cũng xin cảm ơn thầy cô khoa Công nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện cho em làm báo cáo Lê Khải Hồn Thành phố Hồ Chí Minh, ngày 22 tháng 12 năm 2022 Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn NHẬN XÉT CỦA KHOA Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN NHẬN XÉT CỦA KHOA Chương 1: GIỚI THIỆU CÔNG TY THỰC TẬP Giới thiệu công ty TNHH Vitalify Á Châu Sản phẩm công ty Chương 2: NỘI DUNG THỰC TẬP Tìm hiểu cơng ty kỹ công ty Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc 2.2 Tìm hiểu React Native Thực project Lịch làm việc Chương 3: CHI TIẾT VỀ PROJECT 12 Giới thiệu project 12 Các chức 12 2.1 Đăng ký, đăng nhập 12 2.2 Kết nối với người dùng khác phạm vi gần 13 2.3 Kết nối với người dùng khác thông qua QR Code 14 2.4 Chia sẻ thay đổi thông tin cá nhân 15 TÀI LIỆU THAM KHẢO 17 TỔNG KẾT 18 Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn Chương 1: GIỚI THIỆU CƠNG TY THỰC TẬP Giới thiệu công ty TNHH Vitalify Á Châu Vitalify Asia công ty Nhật Bản chuyên phát triển ứng dụng di động, Web dịch vụ khác có liên quan đến Internet Cơng ty tọa lạc địa 224A224B Điện Biên Phủ, phường Võ Thị Sáu, quận 3, thành phố Hồ Chí Minh Kể từ thành lập vào năm 2008, Vitalify Asia tham gia phát triển phần mềm tập trung vào thiết bị di động để đạt tầm nhìn "mang lại hạnh phúc thông qua Internet" Với mục tiêu trở thành nhóm chuyên nghiệp thực cạnh tranh phạm vi toàn cầu, kỹ sư/thành viên mở rộng vai trò phạm vi trách nhiệm họ, đồng thời cam kết cung cấp giá trị cho người dùng với cấu trúc nhóm nhỏ ưu tú Đó sách phát triển chúng tơi Giờ đây, sau 10 năm thành lập, công ty bắt đầu bước sang giai đoạn nhằm nâng cao giá trị lực kỹ thuật công ty Việt Nam Vitalify tạo nhiều sản phẩm "Made in Vietnam" bán khắp giới Để đạt mục tiêu này, công ty tiếp tục nỗ lực cải thiện hàng ngày Các thành mà công ty đạt được: Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn • năm kinh nghiệm lĩnh vực điện thoại thông minh Việt Nam • Văn phịng cơng ty France Villa • Có 100 kỹ sư Việt Nam • nhân viên người Nhật thành phố Hồ Chí Minh • 30 nhân viên Nhật Bản Tokyo, Nhật Bản • 17 nhân viên người Việt Nam Tokyo, Nhật Bản • Đã phát triển 200 ứng dụng giải trí, dịch vụ cho Nhật Bản • Cơng ty bắt đầu nhắm đến thị trường giải trí Việt Nam từ năm 2016 Sản phẩm cơng ty • Health care (Telemedicine) • Fintech • VR/AR/MR, Metaverse • Startup (from MVP) • Mobile / Hyper-casual Games Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn Chương 2: NỘI DUNG THỰC TẬP Đợt thực tập với chủ đề “Lập trình di động với React Native” nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện lập trình hệ điều hành phổ biến iOS Android, đồng thời rèn luyện kỹ mềm làm việc nhóm, khả ngoại ngữ, thuyết trình, giao tiếp Tại cơng ty, sinh viên có hội học tập, khám phá làm việc môi trường phát triển chuyên nghiệp Tìm hiểu cơng ty kỹ công ty Thời gian: ngày Nội dung: • Giới thiệu công ty, cách tổ chức cơng ty • Được nghe người quản lý giới thiệu cơng ty, q trình thành lập phát triển (như nhắc đến trên), quy trình làm việc từ cao xuống thấp, cách thức tổ chức công ty • Ngồi ra, thực tập sinh cịn giới thiệu cách thức làm việc công ty thời gian làm, quy định cần phải tuân thủ, cách sử dụng email công việc… Kết quả: Hiểu thêm Vitalify Á Chau, trình thành lập phát triển Có thêm kỹ việc sử dụng email cơng việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc Thời gian: ngày Nội dung: • Tìm hiểu cơng cụ sử dụng q trình làm việc Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn • Trong thời gian này, supervisor hướng dẫn em tìm hiểu cơng cụ giúp ích cho công việc sau Một số phần mềm số Visual Studio Code - cơng cụ dùng để phát triển viết code, GitHub – quản lý source code, Chatwork - công cụ dùng để trao đổi, giao tiếp, báo cáo tiến độ ngày Thực : Thực hành sử dụng phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với nhau, biết thêm phần mềm giao tiếp 2.2 Tìm hiểu React Native Thời gian : ngày Nội dung: • Được training kiến thức React Native, kiến thức quan trọng cho việc phát triển ứng dụng di động tảng Android iOS • Redux: thư viện Javascript có tác dụng tạo lớp quản lý trạng thái ứng dụng Hay nói cách khác, Redux predictable state management tool (công cụ quản lý cao cấp) cho ứng dụng viết ngơn ngữ lập trình Javascript cịn gọi ReduxJS • React Hooks: ý tưởng, cách để thêm tính React.Component vào functional components Các tính kể như: State, Lifecycle component • Bất đồng bộ: Async/await, promise • Axios: thư viện HTTP Client dựa Promise Cơ cung cấp API cho việc xử lý XHR (XMLHttpRequests) Thực : • Tham gia đầy đủ buổi training cơng ty • Làm thực hành, kiểm tra kiến thức học Kết : Người hướng dẫn: Phạm Minh Chí Lê Khải Hoàn - Nâng cao kỹ lập trình với React Native - Có kiến thức quan trọng cho việc lập trình di động sau - Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực React Native, Redux, State Management Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực project React Native Chi tiết đồ án nói phần sau Lịch làm việc Tuần Công việc - Người hướng dẫn Mức độ hồn thành Nhận xét người hướng dẫn Tìm hiểu công ty, Chị Trần Thị 100% cách tổ chức cơng Hồng Yến ty - Làm quen với công cụ làm việc công ty - Học cách trao đổi, làm việc qua email - Tìm hiểu React Native Người hướng dẫn: Phạm Minh Chí framework Anh Phạm 100% Minh Chí Lê Khải Hồn 10 - Thực hành Javascript - Làm đồ án nhỏ - Tìm hiểu Firebase - Thực hành số chức Minh Chí Anh Phạm 100% Firebase - Tìm hiểu Firestore Database Tìm hiểu xây dựng Anh Phạm 100% chức Đăng nhập, Minh Chí đăng ký cho đồ án nhỏ - Tìm hiểu library Anh Phạm 100% hỗ trợ scan code xây Minh Chí dựng chức kết bạn thơng qua QR Code - Kết nối Firebase với ứng Anh Phạm 95% dụng để thực Minh Chí chức liên quan đến sở liệu - Tìm hiểu Bluetooth Anh Android iOS Phạm 90% Minh Chí Giao tiếp Bluetooth bên Android iOS Tìm cách phát nhận Bluetooth hệ điều hành Người hướng dẫn: Phạm Minh Chí Lê Khải Hoàn 11 Tiến hành kiểm thử Anh Phạm 100% viết tài liệu cho ứng Minh Chí dụng - Báo cáo với người 85% hướng dẫn toàn đồ án làm - Học công nghệ để chuẩn bị cho dự án thực tế tham gia Người hướng dẫn: Phạm Minh Chí Lê Khải Hoàn 12 Chương 3: CHI TIẾT VỀ PROJECT Giới thiệu project Project em làm có chức giúp người kết nối với phạm vi gần thơng qua bluetooth Ngồi ra, ứng dụng cịn chia sẻ thơng tin cá nhân cho nhau, trò chuyện tương tự mạng xã hội phổ biến Các chức 2.1 Đăng ký, đăng nhập Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn 13 Người dùng đăng ký tài khoản với thông tin họ tên, email, ngày tháng năm sinh, số điện thoại, ảnh đại diện 2.2 Kết nối với người dùng khác phạm vi gần Chức cho phép người dùng tìm kiếm người dùng khác phạm vi gần thông qua Bluetooth Những người dùng sử dụng ứng dụng hiển thị cần nhấn nút người kết nối với Sau kết nối, họ trị chuyện trực tiếp chia sẻ thông tin cá nhân cho Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn 14 2.3 Kết nối với người dùng khác thông qua QR Code Đối với người dùng tạo tài khoản có mã QR Code riêng Người dùng gửi mã QR Code cho bạn bè ứng dụng chuyển đến trang cá nhân người thơng qua mã QR Code Việc tiện lợi cho người muốn kết nối với khoảng cách xa, giúp cho người kết nối mà không bị giới hạn vị trí địa lý Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn 15 2.4 Chia sẻ thay đổi thơng tin cá nhân Sau kết bạn, người xem chi tiết thông tin cá nhân thông qua trang cá nhân Các thông tin chia sẻ bao gồm ảnh đại diện, tên, số điện thoại, email, ngày sinh Người hướng dẫn: Phạm Minh Chí Lê Khải Hoàn 16 Việc giúp cho người danh sách bạn bè hiểu rõ Từ giúp gắn kết chặt chẽ mối quan hệ khơng qua mạng xã hội mà cịn gắn kết xã hội thực Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn 17 TÀI LIỆU THAM KHẢO React Native: https://reactnative.dev/ React Hooks: https://reactjs.org/docs/hooks-intro.html React Native Firebase: https://rnfirebase.io/ Reduc Toolkit: https://redux-toolkit.js.org/ Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn 18 TỔNG KẾT Như vậy, vòng tháng ngắn ngủi, em kịp hoàn thành ứng dụng chạy tảng iOS Android Ứng dụng có đầy đủ tính đề ban đầu Do thời gian có hạn nên tính ứng dụng cịn đơn giản, hình ảnh chưa đẹp mong đợi Nhưng có thời gian phát triển, em đầu tư mặt giao diện hoàn thiện chức để đáp ứng người dùng cách tốt Chân thành cảm ơn giúp đỡ anh chị nhóm trainer Vitalify để hồn thành ứng dụng Cảm ơn thầy cô khoa Công nghệ Phần mềm giúp em hoàn thành báo cáo Người hướng dẫn: Phạm Minh Chí Lê Khải Hồn ... 2: NỘI DUNG THỰC TẬP Đợt thực tập với chủ đề ? ?Lập trình di động với React Native” nhằm mục đích giúp sinh viên thực tập đào tạo tồn di? ??n lập trình hệ điều hành phổ biến iOS Android, đồng thời... trọng cho việc lập trình di động sau - Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực React Native,... tiếp, báo cáo tiến độ ngày Thực : Thực hành sử dụng phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp công cụ với nhau, biết thêm phần mềm giao tiếp 2.2 Tìm hiểu React