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

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TINKHOA 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: Công ty TNHH Giải Pháp Phần Mềm Tường

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: Công ty TNHH Giải Pháp Phần Mềm Tường Minh

TMA Solutions

Thực tập sinh: Phan Huỳnh Minh Duy

LỜI MỞ ĐẦU

Ngày nay, ứng dụng dành cho điện thoại di động thông minh (smartphone) là một bộ phận không thể thiếu của ngành công nghiệp phần mềm Tốc độ phát triển chóng mặt của các ứng dụng di động thúc đẩy sự phát triển của ngành công nghiệp phần mềm

Sau những học kì học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng như muốn được tham gia trải nghiệm và làm việc trong một môi trường chuyên nghiệp, em đã quyết định là sẽ thực tập Vì vậy, em quyết định chọn Công ty TNHH Giải Pháp Phần Mềm Tường Minh TMA Solutions - một môi trường lý tưởng, hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện kỳ thực tập này

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ó cơ hội được thực tập tại công ty

Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của các anh mentor, em đã tiếp thu được những kiến thức quan trọng để có thể thực hiện một ứng dụng di động Chân thành cảm ơn các anh đã bỏ ra 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 này

Vì kiến thức bản thân còn hạn chế cũng như là lần đầu tiên được va chạm và tiếp xúc với thực tế, áp dụng lý thuyết vào công việc nên bản thân còn bỡ ngỡ và lúng túng, không tránh khỏi những thiếu sót, mong quý mọi người có thể đóng góp ý kiến để em có thể hoàn thiện hơn

Xin cảm ơn anh Minh, anh Nhật và team embedded giúp đỡ trong quá trình thực tập và hoàn thiện sản phẩm

Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều kiện em làm bài báo cáo này

Phan Huỳnh Minh Duy

TP Hồ Chí Minh, ngày 24 tháng 06 năm 2021

NHẬN XÉT

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

1 Giới thiệu Công ty TNHH TMA Solutions 5

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

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

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

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

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

2.2 Tìm hiểu về React Native: 7

3 Tham gia project 7

4 Lịch làm việc 8

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

1 Giới thiệu project 9

2 Thực hiện 9

3 Kế hoạch: 9

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

1 Giới thiệu Công ty TNHH Giải Pháp Phần Mềm Tường Minh TMA Solutions TMA Solutions được thành lập năm 1997, với sự phát triển vững mạnh trong suốt 24 năm

qua, chúng tôi tự hào là công ty phần mềm hàng đầu Việt Nam hiện nay với 15 năm liên tiếp (2004-2019) đạt huy chương vàng xuất khẩu phần mềm, có 2700 kỹ sư tài năng đang làm việc, cùng nhau xây dựng hình ảnh TMA năng động và chuyên nghiệp trên bản đồ công nghệ thông tin toàn cầu

Trải qua 24 năm hoạt động, TMA tự hào nhận được rất nhiều bằng khen, giải thưởng và liên tục được báo chí, truyền thông trong và ngoài nước đưa tin

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

TMA Solutions chuyên cung cấp các 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 nhấ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

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

Đợt thực tập trong 3 tháng nhằm mục đích giúp sinh viên thực tập được đào tạo về lập trình ứng dụng di động với React Native trên nền tảng Android & iOS, đồng thời rèn luyện những kỹ năng mềm như làm việc nhóm, thuyết trình, giao tiếp Tại công ty, sinh viên có cơ hội được học tập, khám phá và làm việc trong một môi trường chuyên nghiệp

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

Thời gian: 1 ngày

Nội dung: Giới thiệu về công ty, cách tổ chức của công ty

- Được nghe người phụ trách giới thiệu về công ty, quá trình thành lập và 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ủa công ty

- Ngoài ra, thực tập sinh còn được giới thiệu về quy định làm việc trong công ty như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng email trong công việc…

Kết quả: Hiểu thêm về công ty TMA Solutions, quá trình thành lập và phát triển Có

thêm các kỹ năng về việc sử dụng email trong công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm hơn

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

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

Nội dung:

- Tìm hiểu về HTML và CSS nhằm có kiến thức về các thành phần giao diện, cách phân chia giao diện và sắp xếp một cách dễ nhìn

- Tìm hiểu về ngôn ngữ JavaScript

- Tìm hiểu về ngôn ngữ TypeScript

Thực hiện:

- Tham gia đầy đủ các buổi training của công ty.

- Đọc các tài liệu liên quan

- Làm các bài thực hành, kiểm tra về kiến thức đã học.

Kết quả:

- Nâng cao kỹ năng lập trình HTML/CSS.

- Có được những kiến thức quan trọng vể ngôn ngữ JavaScript và TypeScript.

- Ngoài ra còn được biết thêm một số quy tắc trong việc viết code sao cho đúng chuẩn, dễ

đọc, dễ hiểu

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

Nội dung:

- React Native: tìm hiểu về React Native, tìm hiểu về props, state, các hook useState,

useEffect, component và lifecycle trong React Native

- React Router Native: tìm hiểu về React Router Native, cách sử dụng React Router Native để

điều hướng giữa các component trong React Native

- Expo Framework: tìm hiểu về Expo và các component như Camera, MediaLibrary,

FileSystem, AsyncStorage, AV… nhằm sử dụng cho ứng dụng, tìm hiểu về 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 và validate các

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 hơn.

- Redux & Redux Toolkit: hiểu và sử dụng Redux và Redux Toolkit để lưu các giá trị state

vào store trong ứng dụng React Native

Thực hiện:

- Thực hiện phát triển ứng dụng bán hàng demo để kiểm tra kiến thức đã học.

- Đọc các tài liệu liên quan

Kết quả: Có kiến thức về React Native, các thư viện, framework hỗ trợ để tham gia

project

3 Tham gia project

Sau thời gian được training và thực hành, thực tập sinh đã nắm được những kiến thực cơ bản về React Native Sau đó thực tập sinh áp dụng những kiến thức đã học để thực hiện ứng dụng di động cho project

Chi tiết project sẽ được nói ở phần sau

4 Lịch làm việc

người hướng dẫn

1 - Tìm hiểu HTML, CSS, JavaScript,

TypeScript

Anh Trần Nhựt Minh

2

- Tìm hiểu React

Native

- Tìm hiểu React

Router Native

Anh Trần Nhựt Minh

3

- Tìm hiểu Expo

Framework và các API

Anh Trần Nhựt Minh

4

- Tìm hiểu

NativeBase UI Library

- Tìm hiểu React

Hook Form

Anh Trần Nhựt Minh

5 - Tìm hiểu Redux &

Redux Toolkit

Anh Trần Nhựt Minh

6 - Thực hiện ứng dụngdemo để kiểm tra

kiến thức đã học

Anh Trần Nhựt Minh

7 –

12

- Tham gia project,

phát triển ứng dụng mobile cho project

Anh Trần Nhựt Minh

và anh Phan Minh Nhật

CHƯƠNG 3: CHI TIẾT PROJECT

1 Giới thiệu project

Project đã thực hiện nhằm giúp người dùng chụp ảnh nhiều góc độ với độ chính xác cao nhằm sử dụng cho quảng cáo và tạo video Bản thân tham gia project với vai trò phát triển ứng dụng di động có thể kết nối với phần cứng của thiết bị thông qua Bluetooth Low Energy (BLE) và gửi các lệnh để chụp ảnh và xuất ảnh & video.

Mô tả: Người dùng sẽ scan thiết bị qua BLE trước, sau đó sẽ chọn mode Auto và

chọn số ảnh cần chụp Khi nhấn nút chụp, ứng dụng sẽ gửi tín hiệu đến thiết bị để thiết bị bắt đầu xoay đến góc nhất định, sau đó sẽ chụp ảnh khi nhận tín hiệu trả về là thiết bị đã xoay xong Tiếp tục cho đến khỉ đủ số ảnh (thiết bị cũng xoay xong 1 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 màn hình:

- Màn hình scan BLE device và kết nối

- Màn hình Camera chính

- Màn hình thư viện ảnh

2 Thực hiện

2 thành viên của team intern Mobile Dev: Phan Huỳnh Minh Duy & Phạm Hùng Đức và sự giúp đỡ của anh Nhật, anh Minh, anh Hào và team embedded

3 Kế hoạch:

- Tìm hiểu về BLE

- Hỗ trợ quét thiết bị BLE, kết nối thiết bị BLE và lưu lại thiết bị được kết nối

- Nhận và gửi tín hiệu BLE

- Chụp ảnh dựa trên tín hiệu nhận về và lưu vào gallery

- Chọn số ảnh thực hiện chụp: 8, 16, 32

- Hỗ trợ xuất video các ảnh đã chụp

- Fix bug và chỉnh giao diện phù hợp với người dùng

TỔNG KẾT

Như vậy, trong quá trình thực tập em đã học được nhiều kiến thức mới cả trong kĩ năng chuyên môn về thiết kế và lập trình ứng dụng di động và cả kĩ năng xã hội như làm việc nhóm, giao tiếp, thuyết trình Nhờ tham gia vào các dự án thực tế của công ty em đã

có được kinh nghiệm làm việc góp phần phát triển bản thân trong tương lai.

Chân thành cảm ơn sự giúp đỡ của các anh Trần Nhựt Minh và anh Phan Minh

Nhật đã chỉ dạy và giúp đỡ em trong quá trình thực tập.

TÀI LIỆU THAM KHẢO

1 React Native: https://reactnative.dev/docs/typescript

2 React Router Native: https://reactrouter.com/native/guides/quick-start

3 Expo: https://docs.expo.io/

4. React Hook Form: https://react-hook-form.com/api

5. NativeBase UI: https://docs.nativebase.io/

6. Redux Toolkit: https://redux-toolkit.js.org/usage/usage-guide

========================= HẾT =========================