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 MOBILE REACT NATIVE Công ty thực tập Công ty TNHH Lotus Soft Người phụ trách Nguyễn Văn Bảo Thự[.]
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 MOBILE - REACT NATIVE Công ty thực tập : Công ty TNHH Lotus Soft Người phụ trách : Nguyễn Văn Bảo Thực tập sinh Nguyễn Thanh Nga : TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Kỷ nguyên 4.0 phát triển mạnh mẽ, hoạt động người gắn với ứng dụng Smartphone: 5G, AI, Mobile Wallet, E-learning, News… Hiểu lập trình ứng dụng di động ngày cần thiết sống Nó giúp mở hội nghề nghiệp đáng mơ ước cho nhiều bạn trẻ Ngành lập trình ứng dụng di động thay đổi hàng năm, nhiều công nghệ lên thay cũ, làm cho trình phát triển trở nên hiệu quả, dễ dàng, mạnh mẽ nhanh chóng Với sóng mobile-first, việc sở hữu điện thoại điều q dễ dàng Điều khiến cơng việc lập trình phần mềm, ứng dụng di động lập trình viên có tương lai phát triển rộng mở Vì lý này, em định chọn lập trình ứng dụng di động làm định hướng cho việc học tập Sau thời gian học tập trường, em mong muốn có thêm kiến thức thực tế tham gia vào trình lập trình ứng dụng di động môi trường chuyên nghiệp Em chọn thực tập cơng ty TNHH Lotus Soft, vị trí Internship Mobile để thực mong muốn LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TNHH Lotus Soft tạo điều kiện cho em có hội thực tập cơng ty Chỉ thời gian ngắn, với dẫn nhiệt tình thành viên Mobile team, em tiếp thu kiến thức quan trọng phát triển ứng dụng di động làm quen với môi trường làm việc 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 Nguyễn Việt Hoàng anh Hoàng Nhật Tiến, training kiến thức React Native, hướng dẫn, giúp đỡ cho em tận tình từ khó khăn cơng việc, đến khó khăn làm quen với môi trường mới; cảm ơn anh Nguyễn Văn Bảo, dẫn em quy trình làm việc đưa gợi ý giúp em định hướng công việc tương lai Cảm ơn tất thành viên công ty xây dựng môi trường làm việc thân thiện, tích cực, sẵn sàng giúp đỡ tạo điều kiện cho em phát huy lực thời gian thực tập 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 giúp em hồn thành báo cáo Nguyễn Thanh Nga Tp Hồ Chí Minh, 16/12/2022 NHẬN XÉT CỦA KHOA Nội dung Chương : Giới thiệu công ty thực tập Giới thiệu công ty TNHH Lotus Soft 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 Thực project 10 Lịch làm việc 13 TỔNG KẾT 16 Chương : Giới thiệu công ty thực tập Giới thiệu công ty TNHH Lotus Soft Lotus Soft công ty đầu tư từ Australia Việt Nam, công ty tập trung hoạt động lĩnh vực: Blockchain, Net Mobile với team blockchain hàng đầu Asian, team C#, web mobile mạnh tiềm Sản phẩm công ty Từ thành lập đến nay, Lotus Soft hoàn thành nhiều dự án phức tạp Fintech, sàn giao dịch Crypto Exchange, Banking, Mobile Apps, Edu Tech…, khơng thể khơng kể đến dự án Blockchain trị giá triệu đô, dự án có đầu tư United Nation dự án với Ngân hàng lớn Australia Đa phần dự án thực cho khách hàng từ nước ngồi Chương 2: Nợi dung thực tập Q trình thực tập với vị trí Internship Mobile, em học nhiều kiến thức cơng nghệ quy trình phát triển dự án, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiế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 phụ trách giới thiệu cơng ty, q trình thành lập phát triể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 cơng ty TNHH Lotus Soft, q 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 1.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 Trong thời gian này, mentor hướng dẫn thực tập sinh tìm hiểu cơng cụ giúp ích công việc sau Một số công cụ số như: - Visual Studio Code: Text editor sử dụng q trình phát triển sản phẩm - NodeJS, NVM, Yarn: Các công cụ quản lý package - Android Studio, Android Emulator: IDE máy ảo phục vụ cho việc phát triển, debug sản phẩm - Git, Gitlab: Công cụ quản lý source code - Jira, Confluence: Công cụ quản lý dự án Thực hiện: Tiến hành cài đặt sử dụng cơng cụ nêu Kết quả: Có thể sử dụng kết hợp công cụ công việc 1.2 Các kiến thức React Native Thời gian: tuần Nội dung: Được giới thiệu khái niệm bản, cách cài đặt môi trường làm việc, thành phần cốt lõi tính phổ biến React Native - Hiểu khái niệm: • Yarn, npm, node_modules • Component, JSX, import/export, style - Dùng View style để layout giống như: • Row, Column layout • Absolute layout • Relative layout - Chuyển trang sử dụng class extends từ React.Component Xử lý kiện: • Chuyển trang truyền params từ Screen1 sang Screen2 • Truyền ngược params lại từ Screen2 Screen1 • ComponentDidMount • ComponentWillUnmount - Mở Camera, chụp hình/quay video hiển thị lên App (yêu cầu cấp quyền) - Mở Gallery, chọn hình/video hiển thị lên App (yêu cầu cấp quyền) - Nhận notification handle lúc app Foreground/Background • Đăng ký nhận notification theo topic • Handle click vào notification để vào screen định - Chuyển ngôn ngữ App theo cài đặt ngôn ngữ máy Thực hiện: - Tham gia đầy đủ buổi training công ty - Tự học bổ sung kiến thức cần thiết trình training - Làm thực hành, kiểm tra kiến thức học Kết quả: - Hiểu kiến thức có khả lập trình với React Native - Áp dụng kiến thức học, đưa components, features học vào ứng dụng 1.3 Tìm hiểu nâng cao React Native – Coding convention - Git Thời gian: tuần Nội dung: Tìm hiểu cấu trúc project, tính nâng cao thường sử dụng, Javascript coding convention format code sử dụng Extension Tìm hiểu kiến thức Git, quy trình làm việc với Git Thực hiện: - Xây dựng project theo cấu trúc chuẩn - Thực hành xây dựng tính nâng cao - Đọc tài liệu coding convention git Kết quả: - Tạo project theo cấu trúc chuẩn, tích hợp tính nâng cao vào project áp dụng coding convention vào trình thực để code clean 1.4 Tham gia buổi training technical - Quản lý dự án với Agile/Scrum - Cách làm việc với Jira Confluence - Cách đưa ứng dụng lên AppStore số lỗi thường gặp Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thức Lập trình di động với React Native 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 kiểm tra cuối khóa Chi tiết project sau: - Tên project: Ứng dụng quản lý chi tiêu - Nhiệm vụ cụ thể: + Phân tích yêu cầu kiểm tra cuối khóa + Thiết kế giao diện hình navigation + Thiết kế database + Thực chức năng: STT Chức Danh sách thu/chi Yêu cầu - Hiển thị danh sách Thu/Chi, dòng danh sách thể thông tin vắn tắt khoản thu/chi - Header danh sách tổng cộng thu nhập tất dòng danh sách Hiển thị màu chữ Xanh cây/Đỏ - Khi tap vào dòng danh sách Thu/Chi chuyển đến trang chi tiết Thu/Chi - Trên danh sách thu có nút thêm khoản thu Nhấn vào nút để chuyển đến hình Thêm khoản thu - Trên danh sách chi có nút thêm khoản chi Nhấn vào nút để chuyển đến hình Thêm khoản chi - Lọc theo tên khoản thu/chi - Tăng/giảm dần theo tên/ngày khoản thu/chi - Cho phép "live search" trang danh sách thu/chi thông qua SearchBar Chi tiết thu chi - Hiển thị chi tiết khoản thu/chi - Chỉnh sửa trực tiếp nhấp vào xem khoản thu/chi danh sách thu/chi Thêm khoản - Cho phép nhập thông tin khoản thu/chi bao gồm thông tin chi tiết khoản thu/chi thu/chi - Take picture: để chụp hình đính kèm minh họa cho khoản thu/chi - Pick picture: để lấy ảnh Gallery làm hình đính kèm minh họa cho khoản thu/chi - Save: để lưu khoản thu/chi vào local database quay lại trang trước - Clear: để xóa hết thơng tin nhập cho người dùng nhập lại - Cancel: để quay lại trang trước mà khơng lưu - Delete: để xố khoản thu/chi khỏi local database quay lại trang trước Thống kê - Cho phép người dùng thống kê tổng số tiền thu/chi theo khoảng thời gian lựa chọn (từ ngày đến ngày ) - Cho phép người dùng thống kê số tiền khoản thu/chi theo khoảng thời gian lựa chọn (từ ngày đến ngày ) Multi language - Ứng dụng cho phép người dùng tùy chỉnh ngôn ngữ thể App tiếng Anh tiếng Việt Bảng 1.1 Danh sách chức project cuối khóa Lịch làm việc Tuần Cơng việc Mức đợ hồn Nhận hướng dẫn thành xét Tìm hiểu cơng ty, cách Anh Nguyễn - tổ chức công ty Người Văn Bảo 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 khái niệm Anh Nguyễn - Việt Hồng Cài đặt mơi trường làm Anh - Nhật Tiến việc - Tham Hoàng gia buổi training technical - Tìm hiểu core Anh Nguyễn component React Việt Hoàng Native - Thực hành sử dụng core component - Tìm hiểu common Anh Nguyễn Việt Hoàng features - Thực hành tạo ứng dụng sử dụng core component common features - Tìm hiểu cấu trúc project - Kiến thức nâng cao Anh Nguyễn Việt Hoàng React Native - Tìm hiểu coding Anh Nguyễn convention git Việt Hoàng Thực project: + Phân tích yêu cầu + Thiết kế giao diện + Thiết kế database - Thực project: + Thực giao diện + Thực chức Anh Nguyễn Việt Hoàng Anh Hoàng Nhật Tiến theo yêu cầu - Hoàn thiện project báo Anh Nguyễn cáo kết quả: Việt Hoàng + Thực thống kê Anh Nhật Tiến + Xử lý đa ngôn ngữ + Review code Hoàng refactoring + Fix bug, skin UI Bảng 1.2 Lịch làm việc TỔNG KẾT Sau tháng thực tập công ty, em biết thêm nhiều kiến thức thực tế hồn thành project cuối khóa Q trình học hỏi làm việc cơng ty dù gặp phải khó khăn đem lại cho em nhiều kiến thức, tư duy, kinh nghiệm trình thực dự án lẫn cách làm việc giao tiếp Chân thành cảm ơn giúp đỡ anh trainer Mobile team với tất đồng nghiệp công ty tạo môi trường giúp đỡ cho em suốt trình thực tập Cảm ơn khoa Công nghệ phần mềm tạo điều kiện cho em hoàn thành báo cáo ... Sau tháng training thực hành, thực tập sinh nắm kiến thức Lập trình di động với React Native 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 kiểm tra cuối khóa... 2: Nợi dung thực tập Q trình thực tập với vị trí Internship Mobile, em học nhiều kiến thức cơng nghệ quy trình phát triển dự án, đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp…... lý này, em định chọn lập trình ứng dụng di động làm định hướng cho việc học tập Sau thời gian học tập trường, em mong muốn có thêm kiến thức thực tế tham gia vào trình lập trình ứng dụng di động