BÁO cáo THỰC tập tốt NGHIỆP lập TRÌNH ỨNG DỤNG DI ĐỘNG với REACT NATIVE

13 122 0
BÁO cáo THỰC tập tốt NGHIỆP lập TRÌNH ỨNG DỤNG DI ĐỘNG với REACT NATIVE

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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 TỐT NGHIỆP LẬP TRÌNH ỨNG DỤNG DI ĐỘNG VỚI REACT NATIVE Công ty thực tập: TMA Solutions Công ty TNHH Giải Pháp Phần Mềm Tường Minh Lớp: SE501.L21.PMCL Thực tập sinh: Phan Huỳnh Minh Duy TP Hồ Chí Minh, tháng 06 năm 2021 LỜI MỞ ĐẦU Ngày nay, ứng dụng dành cho điện thoại di động thông minh (smartphone) phận thiếu ngành công nghiệp phần mềm Tốc độ phát triển chóng mặt ứng dụng di động thúc đẩy phát triển ngành công nghiệp phần mềm Sau học kì học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia trải nghiệm làm việc môi trường chuyên nghiệp, em định thực tập Vì vậy, em định chọn Cơng ty TNHH Giải Pháp Phần Mềm Tường Minh TMA Solutions - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực tập 1|Page LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TNHH Giải Pháp Phần Mềm Tường Minh TMA Solutions 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 anh mentor, em tiếp thu kiến thức quan trọng để thực ứng dụng di động Chân thành cảm ơn anh bỏ nhiều thời gian, công sức để hướng dẫn chúng em hoàn thành đợt thực tập Vì kiến thức thân cịn hạn chế lần va chạm tiếp xúc với thực tế, áp dụng lý thuyết vào công việc nên thân cịn bỡ ngỡ lúng túng, khơng tránh khỏi thiếu sót, mong quý người đóng góp ý kiến để em hồn thiện Xin cảm ơn anh Minh, anh Nhật team embedded giúp đỡ trình thực tập hồn thiện sản phẩm Cũng xin cảm ơn thầy khoa Cơng nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện em làm báo cáo Phan Huỳnh Minh Duy TP Hồ Chí Minh, ngày 24 tháng 06 năm 2021 2|Page NHẬN XÉT MỤC LỤC CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 3|Page Giới thiệu Công ty TNHH TMA Solutions 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 .6 Nghiên cứu kỹ thuật .6 2.1 Tìm hiểu HTML, CSS, JavaScript TypeScript 2.2 Tìm hiểu React Native: .7 Tham gia project Lịch làm việc CHƯƠNG 3: CHI TIẾT PROJECT .9 Giới thiệu project Thực Kế hoạch: TỔNG KẾT 10 TÀI LIỆU THAM KHẢO 11 CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 4|Page Giới thiệu Công ty TNHH Giải Pháp Phần Mềm Tường Minh TMA Solutions TMA Solutions thành lập năm 1997, với phát triển vững mạnh suốt 24 năm qua, tự hào công ty phần mềm hàng đầu Việt Nam với 15 năm liên tiếp (2004-2019) đạt huy chương vàng xuất phần mềm, có 2700 kỹ sư tài làm việc, xây dựng hình ảnh TMA động chuyên nghiệp đồ cơng nghệ thơng tin tồn cầu Trải qua 24 năm hoạt động, TMA tự hào nhận nhiều khen, giải thưởng liên tục báo chí, truyền thơng ngồi nước đưa tin Sản phẩm công ty TMA Solutions chuyên cung cấp sản phẩm phần mềm phục vụ nhiều loại hình dịch vụ khác nhau, đem lại trải nghiệm tốt cho người dùng Các dịch vụ công ty chuyên cung cấp:       Visual Design Software Testing Porting & Migration Production Support IT Managed Services Software Development Cung cấp giải pháp cho nhiều lĩnh vực: Telecom Finance & Insurance E-Commerce, Retail & Distribution Media & Publishing  Logistics & Transportation     5|Page CHƯƠNG 2: NỘI DUNG THỰC TẬP Đợt thực tập tháng nhằm mục đích giúp sinh viên thực tập đào tạo lập trình ứng dụng di động với React Native tảng Android & iOS, đồng thời rèn luyện kỹ mềm làm việc nhóm, 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 chun 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 phụ trách giới thiệu công ty, 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 giới thiệu quy định 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 TMA Solutions, 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 2.1 - Tìm hiểu HTML, CSS, JavaScript TypeScript Nội dung: - Tìm hiểu HTML CSS nhằm có kiến thức thành phần giao diện, cách phân chia giao diện xếp cách dễ nhìn - Tìm hiểu ngơn ngữ JavaScript - Tìm hiểu ngơn ngữ TypeScript Thực hiện: Tham gia đầy đủ buổi training công ty Đọc tài liệu liên quan Làm thực hành, kiểm tra kiến thức học Kết quả: - Nâng cao kỹ lập trình HTML/CSS Có kiến thức quan trọng vể ngơn ngữ JavaScript TypeScript Ngồi biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu 2.2 Tìm hiểu React Native library, framework: 6|Page Nội dung: - React Native: tìm hiểu React Native, tìm hiểu props, state, hook useState, useEffect, component lifecycle React Native - React Router Native: tìm hiểu React Router Native, cách sử dụng React Router Native để điều hướng component React Native - Expo Framework: tìm hiểu Expo component Camera, MediaLibrary, FileSystem, AsyncStorage, AV… nhằm sử dụng cho ứng dụng, tìm hiểu Expo Bare Workflow để sử dụng cho Project - React Hook Form: sử dụng React Hook Form nhằm tối ưu việc nhập form validate giá trị nhập vào - NativeBase UI: sử dụng NativeBase UI để tạo giao diện thân thiện, dễ nhìn - Redux & Redux Toolkit: hiểu sử dụng Redux Redux Toolkit để lưu giá trị state vào store ứng dụng React Native Thực hiện: - Thực phát triển ứng dụng bán hàng demo để kiểm tra kiến thức học - Đọc tài liệu liên quan Kết quả: Có kiến thức React Native, thư viện, framework hỗ trợ để tham gia project Tham gia project Sau thời gian training thực hành, thực tập sinh nắm kiến thực React Native Sau thực tập sinh áp dụng kiến thức học để thực ứng dụng di động cho project Chi tiết project nói phần sau Lịch làm việc 7|Page Tuần Công việc - – 12 Tìm hiểu HTML, CSS, JavaScript, TypeScript - Tìm hiểu React Native - Tìm hiểu React Router Native - Tìm hiểu Expo Framework API - Tìm hiểu NativeBase UI Library - Tìm hiểu React Hook Form - Tìm hiểu Redux & Redux Toolkit - Thực ứng dụng demo để kiểm tra kiến thức học - Tham gia project, phát triển ứng dụng mobile cho project Người hướng dẫn Nhận xét người hướng dẫn Anh Trần Nhựt Minh Anh Trần Nhựt Minh Anh Trần Nhựt Minh Anh Trần Nhựt Minh Anh Trần Nhựt Minh Anh Trần Nhựt Minh Anh Trần Nhựt Minh anh Phan Minh Nhật 8|Page CHƯƠNG 3: CHI TIẾT PROJECT Giới thiệu project Project thực nhằm giúp người dùng chụp ảnh nhiều góc độ với độ xác cao nhằm sử dụng cho quảng cáo tạo video Bản thân tham gia project với vai trị phát triển ứng dụng di động kết nối với phần cứng thiết bị thông qua Bluetooth Low Energy (BLE) gửi lệnh để chụp ảnh xuất ảnh & video Mô tả: Người dùng scan thiết bị qua BLE trước, sau chọn mode Auto chọn số ảnh cần chụp Khi nhấn nút chụp, ứng dụng gửi tín hiệu đến thiết bị để thiết bị bắt đầu xoay đến góc định, sau chụp ảnh nhận tín hiệu trả thiết bị xoay xong Tiếp tục khỉ đủ số ảnh (thiết bị xoay xong vòng) Đối tượng khách hàng hướng tới: người tạo video quảng cáo sản phẩm, người bán hàng online Các hình: - Màn hình scan BLE device kết nối - Màn hình Camera - Màn hình thư viện ảnh Thực thành viên team intern Mobile Dev: Phan Huỳnh Minh Duy & Phạm Hùng Đức giúp đỡ anh Nhật, anh Minh, anh Hào team embedded Kế hoạch: - Tìm hiểu BLE Hỗ trợ quét thiết bị BLE, kết nối thiết bị BLE lưu lại thiết bị kết nối Nhận gửi tín hiệu BLE Chụp ảnh dựa tín hiệu nhận lưu vào gallery Chọn số ảnh thực chụp: 8, 16, 32 Hỗ trợ xuất video ảnh chụp Fix bug chỉnh giao diện phù hợp với người dùng 9|Page TỔNG KẾT Như vậy, trình thực tập em học nhiều kiến thức kĩ chun mơn thiết kế lập trình ứng dụng di động kĩ xã hội làm việc nhóm, giao tiếp, thuyết trình Nhờ tham gia vào dự án thực tế công ty em có kinh nghiệm làm việc góp phần phát triển thân tương lai Chân thành cảm ơn giúp đỡ anh Trần Nhựt Minh anh Phan Minh Nhật dạy giúp đỡ em trình thực tập 10 | P a g e TÀI LIỆU THAM KHẢO React Native: https://reactnative.dev/docs/typescript React Router Native: https://reactrouter.com/native/guides/quick-start Expo: https://docs.expo.io/ React Hook Form: https://react-hook-form.com/api NativeBase UI: https://docs.nativebase.io/ Redux Toolkit: https://redux-toolkit.js.org/usage/usage-guide 11 | P a g e ========================= HẾT ========================= 12 | P a g e ... & Distribution Media & Publishing  Logistics & Transportation     5|Page CHƯƠNG 2: NỘI DUNG THỰC TẬP Đợt thực tập tháng nhằm mục đích giúp sinh viên thực tập đào tạo lập trình ứng dụng di. .. dung: - React Native: tìm hiểu React Native, tìm hiểu props, state, hook useState, useEffect, component lifecycle React Native - React Router Native: tìm hiểu React Router Native, cách sử dụng React. .. kiến thức React Native, thư viện, framework hỗ trợ để tham gia project Tham gia project Sau thời gian training thực hành, thực tập sinh nắm kiến thực React Native Sau thực tập sinh áp dụng kiến

Ngày đăng: 05/09/2021, 20:45

Từ khóa liên quan

Mục lục

  • CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP

    • 1. Giới thiệu Công ty TNHH Giải Pháp Phần Mềm Tường Minh TMA Solutions

    • 2. Sản phẩm của công ty

    • CHƯƠNG 2: NỘI DUNG THỰC TẬP

      • 1. Tìm hiểu công ty và các kỹ năng cơ bản trong công ty

      • 2. Nghiên cứu kỹ thuật

        • 2.1. Tìm hiểu về HTML, CSS, JavaScript và TypeScript

        • 2.2. Tìm hiểu về React Native và các library, framework:

        • 3. Tham gia project

        • 4. Lịch làm việc

        • CHƯƠNG 3: CHI TIẾT PROJECT

          • 1. Giới thiệu project

          • 2. Thực hiện

          • 3. Kế hoạch:

          • TỔNG KẾT

          • TÀI LIỆU THAM KHẢO

Tài liệu cùng người dùng

Tài liệu liên quan