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 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) 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.

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ó 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ể hồn thiện hơn.
Xin cảm ơn anh Minh, anh Nhật và team embedded giúp đỡ trong q trình thực tập và
hồ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

2|Page


NHẬN XÉT
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................

.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................

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


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

4|Page


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 tồ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à ngồ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






5|Page


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 chun 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.
- Ngồ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.
Ngồ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:
6|Page


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
7|Page


Tuần

Cơng việc
-

1

2

3

4

5
6
7 –
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 và các
API
- Tìm hiểu
NativeBase UI
Library
- Tìm hiểu React
Hook Form
- Tìm hiểu Redux &
Redux Toolkit
- Thực hiện ứ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 của
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
và anh Phan Minh
Nhật

8|Page


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.

9|Page


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.

10 | P a g e


TÀI LIỆU THAM KHẢO
1. React Native: />2. React Router Native: />3. Expo: />4. React Hook Form: />5. NativeBase UI: />6. Redux Toolkit: />
11 | P a g e


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

12 | P a g e