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

REACT NATIVE TRONG
LẬP TRÌNH ỨNG DỤNG DI
ĐỘNG

Cơng ty thực tập

: Công ty TNHH Thế Giới Di Động

Người phụ trách

: Nguyễn Vĩnh Tuấn

Thực tập sinh

: Nguyễn Văn Hoài Nam

TP. Hồ Chí Minh, tháng 6 năm 2022


LỜI MỞ ĐẦU
Lời đầu tiên em xin chân thành cảm ơn đến Công ty TNHH MTV Công Nghệ
Thông Tin Thế Giới Di Động đã tạo điều kiện cho em được thực tập tại cơng ty để có
thể tìm hiểu và thực hành trực tiếp trên các công cụ và phần mềm của Cơng ty cũng như
là q trình tham gia học hỏi tìm hiểu sâu về cách hoạt động phần mềm.
Công ty TNHH MTV Công Nghệ Thông Tin Thế Giới Di Động là là một tập
đoàn bán lẻ tại Việt Nam với một đội ngũ nhân viên chuyên nghiệp và uy tín. Bằng trải

nghiệm về thị trường điện thoại di động, cùng với việc nghiên cứu kỹ,
thegioididong.com đã xây dựng một phương thức kinh doanh chưa từng có ở Việt Nam
trước đây. Công ty đã xây dựng được một phong cách tư vấn bán hàng đặc biệt nhờ vào
một đội ngũ nhân viên chuyên nghiệp và trang web www.thegioididong.com hỗ trợ như
là một cẩm nang về điện thoại di động và một kênh thương mại điện tử hàng đầu tại
Việt Nam.
Sau 6 tháng thực tập tại Công ty, em đã được huấn luyện, trải nghiệm với các
phương pháp làm việc mới mẻ cùng với những kiến thức đã học trên ghế nhà trường, từ
đó biết được cách thức hoạt động của cơng ty, có thêm nhiều kinh nghiệm trong cơng
việc.


LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn Công ty TNHH MTV Công Nghệ Thông Tin Thế Giới Di
Động (Mobile World Co.
Ltd) đã 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ủa các anh
chị, em đã tiếp thu được những kiến thức quan trọng để có thể làm được một sản phẩm
phần mềm mang lại giá trị cho công ty. Chân thành cảm ơn các anh chị đã bỏ ra nhiều
thời gian,cơng sức để hướng dẫn chúng em hồn thành đợt thực tập này.
Em xin chân thành cảm ơn anh Nguyễn Vĩnh Tuấn – Trường phịng lập trình di
động, tồn thể các anh chị tại Công ty đã giúp đỡ, hỗ trợ em trong suốt 25 tuần thực tập
vừa qua.


MỤC LỤC
CHƯƠNG 1. GIỚI THIỆU VỀ CÔNG TY THỰC TẬP.......................................................... 9
1.1.

Giới thiệu chung về công ty ......................................................................................... 9


1.2.

Về cơ sở vật chất ........................................................................................................ 12

1.3.

Về lĩnh vực hoạt động ................................................................................................ 15

1.4.

Một vài chuỗi thương hiệu của công ty ..................................................................... 17

1.5.

Kết luận chương 1 ...................................................................................................... 17

CHƯƠNG 2. NỘI DUNG THỰC TẬP ................................................................................... 18
2.1.

Tìm hiểu ASP.NET MVC .......................................................................................... 18

2.1.1.

Giới thiệu ASP.NET ............................................................................................ 18

2.1.3.

Ưu điểm và nhược điểm của................................................................................ 22


Ưu điểm ............................................................................................................................. 22
So sánh với PHP ................................................................................................................ 22
Ưu điểm của ASP.NET ..................................................................................................... 22
Nhược điểm ....................................................................................................................... 23
2.2.

Tổng quan về Quan hệ Khách Hàng .......................................................................... 23

2.2.1.

Giới thiệu ............................................................................................................. 23

2.2.2.

Lợi ích CRM với doanh nghiệp .......................................................................... 24

2.2.3.

Phân hệ chăm sóc khách hàng ............................................................................. 25

2.3

Thời gian thực tập....................................................................................................... 26

3.1.

Nội dung chi tiết project ............................................................................................. 27

3.1.1. Tháng 1: Tìm hiểu khái niệm về C#, Web framework, Các tool Database
(Dbeaver, oracle...) ............................................................................................................ 27

3.1.2.

Tháng 2: Tiếp cập task khảo sát khách hàng thông qua sms .............................. 28

3.1.3.

Tháng 3: Task hồ sơ trả góp online với các đối tác ............................................ 30

3.2

Kết quả luyện tập ........................................................................................................ 32

3.2.1. Tháng 1: Tìm hiểu khái niệm về C#, Web framework, Các tool Database
(Dbeaver, oracle...) ............................................................................................................ 32
3.2.2.

Tháng 2: Tiếp cập task khảo sát khách hàng thông qua sms .............................. 32

3.2.3.

Tháng 3: Task hồ sơ trả góp online với các đối tác ............................................ 34

3.3. Kết luận chương 3.......................................................................................................... 35
TÀI LIỆU THAM KHẢO........................................................................................................ 37
TỔNG KẾT .............................................................................................................................. 38


NHẬN XÉT CỦA KHOA
...........................................................................................................................................
...........................................................................................................................................

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


CHƯƠNG 1. GIỚI THIỆU VỀ CÔNG TY THỰC TẬP
1.1.

Giới thiệu chung về công ty


Công ty TNHH MTV Công Nghệ Thông Tin Thế Giới Di Động (Mobile World Co.
Ltd) thành lập vào tháng 03/2004, lĩnh vực hoạt động chính của cơng ty bao gồm: mua
bán sửa chữa các thiết bị liên quan đến điện thoại di động, thiết bị kỹ thuật số và các
lĩnh vực liên quan đến thương mại điện tử.
Bằng trải nghiệm về thị trường điện thoại di động, cùng với việc nghiên cứu kỹ,
thegioididong.com đã xây dựng một phương thức kinh doanh chưa từng có ở Việt
Nam trước đây. Công ty đã xây dựng được một phong cách tư vấn bán hàng đặc biệt
nhờ vào một đội ngũ nhân viên chuyên nghiệp và trang web www.thegioididong.com
hỗ trợ như là một cẩm nang về điện thoại di động và một kênh thương mại điện tử
hàng đầu tại Việt Nam.

Hình 0.1 Hành trình phát triển MWG


Hình 0.2 Giá trị cốt lõi của MWG

Hiện nay, số lượng điện thoại bán ra trung bình tại thegioididong.com chiếm
khoảng 15% thị phần điện thoại chính hãng cả nước. Trở thành nhà bán lẻ số 1 Việt
Nam về doanh số laptop bán ra và đứng đầu cả nước về doanh thu/ lợi nhuận, với
mạng lưới hơn 4.500 cửa hàng trên toàn quốc. MWG vận hành các chuỗi bán lẻ
thegioididong.com, Điện Máy Xanh, Bách Hố Xanh.
Ngồi ra, MWG cịn mở rộng ra thị trường nước ngoài với chuỗi bán lẻ thiết bị di
động và điện máy tại Campuchia cũng như đầu tư vào chuỗi nhà thuốc An Khang.
Năm 2020, thành viên mới của MWG là 4KFarm ra đời với mục tiêu cung cấp cho
người tiêu dùng thực phẩm an toàn theo chuẩn 4 không (không thuốc trừ sâu, không
chất bảo quản, không chất tăng trưởng, không sử dụng giống biến đổi gen).
-

MWG tập trung xây dựng dịch vụ khách hàng khác biệt với chất lượng vượt trội,

phù hợp với văn hoá đặt khách hàng làm trung tâm trong mọi suy nghĩ và hành
động của công ty.

-

MWG vinh dự khi liên tiếp lọt vào bảng xếp hạng TOP 50 công ty niêm yết tốt
nhất Châu Á của tạp chí uy tín Forbes và là đại diện Việt Nam duy nhất trong


Top 100 nhà bán lẻ hàng đầu Châu Á – Thái Bình Dương do Tạp chí bán lẻ châu
Á (Retail Asia) và Tập đồn nghiên cứu thị trường Euromonitor bình chọn.
-

MWG nhiều năm liền có tên trong các bảng xếp hạng danh giá như TOP 500 nhà
bán lẻ hàng đầu Châu Á – Thái Bình Dương (Retail Asia) và dẫn đầu TOP 50
công ty kinh doanh hiệu quả nhất Việt Nam (Nhịp Cầu Đầu Tư)… Sự phát triển
của MWG cũng là một điển hình tốt được nghiên cứu tại các trường Đại học hàng
đầu như Harvard, UC Berkeley, trường kinh doanh Tuck (Mỹ).

Không chỉ là một doanh nghiệp hoạt động hiệu quả được nhìn nhận bởi nhà đầu tư
và các tổ chức đánh giá chuyên nghiệp, MWG còn được người lao động tin yêu khi lần
thứ 4 liên tiếp được vinh danh trong TOP 50 Doanh nghiệp có mơi trường làm việc tốt
nhất Việt Nam và là doanh nghiệp xuất sắc nhất tại giải thưởng Vietnam HR Awards –
“Chiến lược nhân sự hiệu quả”.

Hình 0.2 Thống kê số lượng nhân viên MWG


Hình 0.3 Giai đoạn phát triển MWG


1.2.

Về cơ sở vật chất
Có bề dày hơn 15 năm phát triển, Tập đồn Thế Giới Di Động (MWG) là nhà

bán lẻ số 1 Việt Nam về doanh thu và lợi nhuận, với mạng lưới hơn 2200 cửa hàng
trên toàn quốc. MWG vận hành các chuỗi bán lẻ thegioididong.com, Điện Máy Xanh,
Bách Hoá Xanh. Ngồi ra, MWG cịn mở rộng ra thị trường nước ngoài với chuỗi bán
lẻ thiết bị di động Bigphone tại Campuchia.
Đằng sau hệ thống siêu thị trải dài trên 63 tỉnh thành, khối văn phịng của tập
đồn Thế Giới Di Động cũng đồ sộ không kém.


Hình 1. 1 Văn phịng làm việc của Cơng ty tại cơ sở chính

Tọa lạc tại khu cơng nghệ cao Quận 9 thành phố Hồ Chí Minh, tịa nhà MWG
đang là trụ sở chính làm việc của Ban lãnh đạo và “dân văn phòng” MWG.
Tòa nhà MWG với lối thiết kế hiện đại, khơng gian mở, khuyến khích phong cách làm
việc linh hoạt, năng động và sáng tạo cho nhân viên.
Tịa nhà có 13 lầu, với đầy đủ trang thiết bị và cơ sở vật chất phục vụ cho hơn 2000 cư
dân văn phòng MWG ( khu vực HCM).


Hình 1. 2 Tổng quan tầng trệt

Quầy lễ tân nổi bật với logo đặc trưng của Thế Giới Di Động.
Không gian bài trí mở thơng thống, khơng có vách ngăn và xen lẫn cây xanh để nhân
viên có thể thoải mái ngồi ở bất kỳ đâu để làm việc hoặc vừa có thể giải trí/ thư giãn khi
căng thẳng stress.



Hình 1. 3 Bàn làm việc chung

1.3.

Về lĩnh vực hoạt động

Hình 2.1 Tổng quan thế giới di động


Hình 2.2 Tổng quan Điện máy xanh

Hình 2.3 Tổng quan Bách Hóa Xanh


Hình 2.4 Tổng quan Bluetronics

Hình 2.5 Tổng quan 4KFảm

1.4.

Một vài chuỗi thương hiệu của công ty

● Thế Giới Di Động : />● Điện máy xanh : />● Bách Hóa Xanh : />● Thuốc AN KHANG : />● BlueTronics : />● Tận Tâm : />● 4Kfarm : />● TopZone : />
1.5.

Kết luận chương 1
Chương này giới thiệu tổng quát về các thơng tin cơ bản bao gồm q trình hình

thành, phát triển, nguồn nhân lực, các chi nhánh và lĩnh vực hoạt động của công ty

TNHH Thế Giới Di Động cùng với những sản phẩm mà Công ty đã xây dựng cho
khách hàng.
Trong chương tiếp theo (Chương 2) sẽ giới thiệu về các công nghệ (React
Native) , mô tả chi tiết từng tuần q trình thực tập tại cơng ty và kết quả đạt được sau
mỗi tuần


CHƯƠNG 2. NỘI DUNG THỰC TẬP
2.1. Tìm hiểu React Native
2.1.1. Giới thiệu React Native

Hình 5: Biểu tượng React Native

React Native là một Framework Javascript giúp ta viết các ứng dụng Native do
Facebook phát hành. React Native sử dụng cùng thiết kế như React (một thư viện
Javascript để viết UI trên nền web). Với React Native bạn có thể phát triển những
ứng dụng trên cả hai hệ điều hành Android và iOS. Tháng 3 năm 2015, React
Native chính thức trở thành mã nguồn mở. Một số ứng dụng React Native nổi
tiếng như: Facebook, Instagram, Airbnb, Skype, …
Homepage: />

2.1.2. Cách thức React Native hoạt động

Hình 6: So sánh Virtual DOM và Browser DOM

Virtual DOM: Công nghệ Virtual DOM được React sử dụng để làm tăng hiệu năng khi
có sự thay đổi cần phải render lại UI. Thay vì phải thực hiện render lại tồn bộ DOM Tree
khi có sự thay đổi (điều này thực sự rất tốn kém), thì React dùng Virtual DOM là một
JavaScript object, c hứa đầy đủ thông tin cần thiết để tạo ra một DOM. Khi có sự thay
đổi, các thay đổi trên DOM sẽ được tính tốn, phân tích và tối ưu trước ở trên Virtual

DOM, sau đó mới cập nhật lại trên DOM ở những node thật sự được thay đổi, thay vì
tồn bộ DOM Tree.
Với React Native thay vì render DOM của browser, thì nó sẽ gọi Objective - C API để
hiển thị lên iOS component hoặc Java API để hiển thị Android component


Hình 7: Vị trí Bridge giữa React Native và Native

Bridge: là cầu nối giữa các React Component với native UI element tương ứng ví dụ như
View có thể là iOS UIView
2.1.3. Ưu điểm và nhược điểm của
Ưu điểm:

- Hiệu quả về mặt thời gian khi mà bạn muốn phát triển một ứng
nhanh chóng
- Hiệu năng ổn định
- Xây dựng được cho nhiều hệ điều hành khác nhau với ít native code nhất Trải nghiệm người dùng tốt hơn hydrid app.


Nhược điểm:

- Vẫn đòi hỏi native code
- Hiệu năng thấp hơn với app thuần native code nhất
- Khả năng tùy biến không thực sự tốt đối với một vài module

2.2. Các thư viện quan trọng
- React Navigation: thư viện để xử lý điều hướng trong ứng dụng, tạo Drawer,
Tabbar Component
- React Native Vector Icons: thư viện dùng để thêm các Icon vào ứng dụng
- React Native Maps: thư viện để tích hợp Google Maps vào ứng dụng

-React Redux: Redux là 1 thư viện Javascript để quản lý state của ứng dụng,
thường được sử dụng với javascript framework như React.

2.3 Thời gian thực tập
Thời gian thực tập ở công ty
● Từ thứ 2 đến thứ 6 trừ thời gian học trên trường
● Sáng từ 8h – 12h
● Chiều từ 13h – 17h


CHƯƠNG 3. CHI TIẾT VỀ PROJECT
3.1. Nội dung chi tiết project
-

Xây dựng một hệ thống các ứng dụng di động dành riêng cho các thành
viên MWG

3.1.1. Tháng 1: Tìm hiểu khái niệm về React Native, React Navigation, React
Redux, Firebase,….

Tuần
STT

(1/7-1/8) 2021

Nội dung thực tập

1

Tuần 1


+ Giới thiệu cơng ty, chương trình thực tập, cách thức
hoạt động, cách tính điểm thực tập, Q&A.
+ Khảo sát đầu vào để phân loại nhóm training phù
hợp theo kế hoạch của công ty.
+ Tham khảo ứng dụng có sẵn của hệ thống .
+ Tìm hiểu React Natve, các tool git, các hệ quản trị
cơ sở dữ liệu.

2

Tuần 2

+ Cấp tài khoản VPN, truy cập các phần mềm cơng ty
+ Nghiên cứu hệ thống của phịng ban Lập trình hệ
thống hiện có


3

Tuần 3

4

Tuần 4

+ Được cấp tài khoản gitlab, truy cập code, nghiên cứu
cấu trúc code của cơng ty
+ Tìm hiểu vài module sắp tới sẽ thực hiện


+ Tiếp cận task chỉnh sửa lại luồng hệ thống code.

Bảng 3.1. Nội dung chi tiết thực tập tuần 1

3.1.2. Tháng 2: Tiếp cập task thiết kế module Face MWG

Tuần
STT

(1/8-1/9) 2021

Nội dung thực tập


1

Tuần 1

Task gồm các công việc sau :
● Họp để thống nhất task, xây dựng các bảng mới
cho database, hướng giải quyết task
● Họp hàng tuần để thống kê tiến độ
● Thiết kế UI và xây dựng một ứng dụng Face
MWG giống như Facebook
● Xây dựng hệ thống các chức năng tương tự
Facebook
● Làm việc nhóm hiệu quả

2


3

Tuần 2

Tuần 3

● Hoàn thành code, và kết hợp code với các thành
viên với nhau.
● Kết hợp code và test đẩy đủ luồng đi của
một khảo sát.
● Hoàn thành bản dev và bàn giao cho bên tester
● Kết thúc quá trình test và deploy lên thật để chạy
thật trên hệ thống.


● Chỉnh sửa các lỗi
4

Tuần 4

Bảng 3.2. Nội dung chi tiết thực tập tuần 2

3.1.3. Tháng 3: Task cam kết thăng tiến quản lý An Khang

STT

1

Ngày


Tuần 1

Nội dung thực tập
● Họp để triển khai task thăng tiến online với An
Khang
● Thống nhất các cơng việc cần làm và hồn
thiện quy trình thăng tiến
● Thiết kế UI cho các cam kết thăng tiến
● Tiến hành xây dựng UI

● Tiến hành xây dựng UI
● Lấy dự liệu từ API
● Sử dụng API để thực hiện chức năng thăng
tiến
● Chuyển qua tester
2

Tuần 2


● Tester báo lỗi và sửa lỗi
● Hoàn thành ở server beta

3

4

Tuần 3

Tuần 4


● Nghiệm thu ở môi trường beta
● Hồn thành nghiệm thu và lên mơi
trường staging để test lại lần nữa
● Tester báo lỗi và fix lỗi ở mơi trường staging
● Hồn thành mơi trường staging
● Hồ sơ cam kết thăng tiến hoàn thành

Bảng3.3. Nội dung chi tiết thực tập tuần 3


3.2 Kết quả luyện tập
3.2.1. Tháng 1: Tìm hiểu khái niệm về React Native, React Navigation, React
Redux, Firebase,
3.2.2. Tháng 2: Tiếp cập task thiết kế module Face MWG

Hình 3.2.2. 1 Màn hình chính.


Hình 3.2.2. 2 Màn hình chi tiết bài viết