BÁO CÁO THỰC TẬP REACT NATIVE TRONG LẬP TRÌNH ỨNG DỤNG DI ĐỘNG Công

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à

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG

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à quá 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 hoà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, toà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 Hoá Xanh

Ngoà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 đoà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 đoà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 Ngoà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 đoà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 thoá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.2 Tổng quan Điện máy xanh

Hình 2.4 Tổng quan Bluetronics

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

● Thế Giới Di Động : https://www.thegioididong.com/

● Điện máy xanh : https://www.dienmayxanh.com/

● Bách Hóa Xanh : https://www.bachhoaxanh.com/

● Thuốc AN KHANG : https://www.nhathuocankhang.com/

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 quá 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: https://facebook.github.io/react-native/

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 toà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 toá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ì

toà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

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 + Đượ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

4 Tuần 4 + 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

STT

Tuần (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ả

● 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

4 Tuần 4

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

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

● 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

3 Tuần 3

● Tester báo lỗi và sửa lỗi

● Hoàn thành ở server beta

4 Tuần 4

● Nghiệm thu ở môi trường beta

● Hoà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

● Hoà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

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

Hình 3.2.2 3 Màn hình nhập bình luận

Hình 3.2.2 4 Màn hình chi tiết bài viết có comment

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

Hình 3.2.3 1 Màn hình để vào cam kết

Hình 3.2.3 2 Màn hình chính

3.3 Kết luận chương 3

Hình 3.2.3 3 Màn hình chi tiết cam kết

Tại chương này, em đã quen được với nghiệp vụ công ty và dần dần đã tham gia vào các dự án mang tính ưu tiên của team Được tham gia giúp sức của mình để đóng góp cho team Va chạm nhiều hơn các vấn đề thực tế và hoàn thành nó Được tìm hiểu nhiều thông tin và kiến thức cho mình

TÀI LIỆU THAM KHẢO

[1] Thông tin công ty:

https://mwg.vn/

[2] Giới thiệu về React Native https://reactnative.dev/

TỔNG KẾT

Đợt thực tập tại Công ty TNHH MTV Công Nghệ Thông Tin Thế Giới Di Động (Mobile World Co Ltd), em được tham gia vào mảng đơn hàng online Qua 3 tháng thực tập em đã đúc kết nhiều thức và học hỏi nhiều kỹ năng mềm như :

- Kiến thức về phát triển lập trình di động:

● Hiểu rõ hơn về quá trình làm ứng dụng của hiện tại

● Những lợi ích và khó khăn của việc phát triển ứng dụng

● Tương lai của ngành phát triển ứng dụng

● Những lưu ý khi thêm module mới tích hợp vào ứng dụng

- Kiến thức trong việc sử dụng React Native và lưu ý khi làm việc với database:

● Có cái nhìn tổng quát, và được học hỏi hơn nhiều kỹ thuật của React Native

● Hiểu được cách quản lý state mà React Native, project của cty đang sử dụng

● Quản lý State: Redux.

● Được làm việc với dữ liệu lớn nền cần tối ưu nhiều, được học hỏi cách tối ưu khi viết code

- Kỹ năng mềm:

● Kỹ năng tìm kiếm thông tin

● Kỹ năng giải quyết vấn đề

● Kỹ năng giao tiếp tương tác với leader và sếp

● Kỹ năng làm việc theo nhóm

● Kỹ năng làm việc độc lập

● Kỹ năng lên kế hoạch làm việc

● Kỹ năng biết lắng nghe và học tập những lời phê bình

● Kỹ năng tổ chức công việc và quản lý thời gian

● Kỹ năng làm việc theo deadline

● Kỹ năng viết báo cáo công việc hàng tuần

● Tự tin và năng động trong công việc

- Các kết quả khác:

● Rèn luyện tác phong làm việc mang tính chuyên nghiệp nơi công sở

● Rèn luyện tinh thần tự giác, đúng giờ, đúng quy định nơi công sở

● Rèn luyện tính cẩn thận, tỉ mỉ trong từng nhiệm vụ được giao

● Hiểu rõ được quy trình làm việc và các quy tắc bảo mật khi làm việc