báo cáo thực tập lập trình ứng dụng di động trên nền tảng FLUTTER

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

LẬP TRÌNH ỨNG DỤNG DI ĐỘNG TRÊN
NỀN TẢNG FLUTTER

Công ty thực tập

KIKI COMPANY

Người phụ trách

Đặng Ngọc Sáng

Thực tập sinh

Vi Chí Thiện

TP. Hồ Chí Minh, 21 tháng 7 năm 2020


2

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


3

LỜI MỞ ĐẦU
Vớ tốc độ phát triển chóng mặt của thế giới cơng nghệ nói chung và thiết bị di động nói
riêng. Với 3.5 tỷ người1 đang có điện thoại trên thế giới. Nhu cầu sử dụng điện thoại
của con người ngày càng tăng.
Hằng năm hàng loạt các hãng điện thoại mới ra đời, với nhiều kích cỡ, chủng loại khác
nhau. Bài toán đặt ra là làm sao làm một ứng dụng có thể chạy trên tất cả các thiết bị
trên mà không cần phải thay đổi công nghệ.
Với những lý do trên, em đã chọn KiKi Company để trau dồi thêm kiến thức giải quyết
bài toán trên.

1 "How Many People Have Smartphones Worldwide (July 2020)." Accessed 26 Jul. 2020.

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


4

LỜI CẢM ƠN
Đầu tiên, em xin cảm ơn KiKi Company đã tạo điều kiện thuận lợi nhất để em có thể
tham gia khóa thực tập tại cơng ty.
Em đặc biệt cám ơn anh Đặng Ngọc Sáng là Co-Founder của công ty đã tận tình chỉ
bảo em trong thời gian thực tập. Em cám ơn anh Tuấn Anh - là TechLead của team,
người trực tiếp giám sát, tận tình giúp đỡ em. Giúp em việc hồn thành khóa thực tập
tại cơng ty.
Em cám ơn chị My là HR của team, người đã giúp em những ngày đầu vào công ty.
Và em xin cám ơn team Flutter của công ty đã giúp em học hỏi được những kinh
nghiệm quý báo.
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.

Vi Chí Thiện
Thành phố Hồ Chí Minh, 21 tháng 7 năm 2020

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


5

NHẬN XÉT CỦA KHOA

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


6

MỤC LỤC

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


7

GIỚI THIỆU CƠNG TY THỰC TẬP

1. Giới thiệu cơng ty
KiKi là một công ty chuyên về phát triển và thiết kế hàng đầu cung cấp các giải pháp và
dịch vụ phần mềm, web, thiết bị di động. Thiết kế sáng tạo cao cấp cho các cơng ty trên

tồn cầu, các cá nhân và chắc chắn sẽ trở thành một tổ chức hàng đầu trong việc tạo
điều kiện, tăng cường và cung cấp giá trị kinh doanh cho khách hàng thông qua việc sử
dụng hiệu quả nhất công nghệ và tài nguyên cho các tổ chức, doanh nghiệp trên toàn
cầu.
Nhân viên của chúng tơi có tay nghề cao, hầu hết có kinh nghiệm làm việc đa dạng
trong các lĩnh vực của Cơng nghệ thơng tin, từ đó tạo nên một đội ngũ chuyên nghiệp.
Quản lý của KiKi đảm bảo rằng mỗi cá nhân vượt trội trong từng nhiệm vụ cụ thể được
giao bằng cách làm việc chặt chẽ với họ. Những nhân viên được tuyển dụng khơng chỉ
có kỹ thuật chun mơn, kỹ năng phân tích mạnh mẽ, đạo đức, uy tín mà cịn có sự
chun nghiệp trong cơng việc, khả năng ra quyết định và trên tất cả đó chính là tinh
thần trách nhiệm vô cùng lớn do chúng tôi truyền đạt, đặc biệt ở vị trí phân tích nghiệp
Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


8

vụ kinh doanh, với cách tiếp cận thông minh, khả năng giao tiếp đặc sắc và sáng tạo
của chúng tôi.
Bắt nguồn từ trải nghiệm tích lũy của các thành viên trong nhóm và kết quả kinh nghiệm
kinh doanh thực tế kết hợp với vốn kiến thức rộng về công nghệ, chúng tơi có thể hiểu
các u cầu kinh doanh của khách hàng, đề xuất chiến lược công nghệ thông tin và
sáng tạo với tầm nhìn của doanh nghiệp và thực hiện kế hoạch kinh doanh bằng cách
xây dựng hoặc triển khai các giải pháp kinh doanh có thể mở rộng chất lượng cao.
Thông qua việc sử dụng các công nghệ tiên tiến nhất. Mục tiêu của chúng tơi là hồn
thành các sản phẩm đạt mục tiêu vượt quá mong đợi của khách hàng ở mọi khía cạnh
giá trị, chất lượng để đáp ứng lòng tin cũng như nhận được sự hài lịng của khách
hàng.

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

Chun về phát triển, thiết kế và cung cấp các giải pháp và dịch vụ phần mềm, web,
thiết bị di động với sự sáng tạo, chuyên nghiệp cho các công ty trên tồn cầu.

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


9

NỘI DUNG THỰC TẬP
Đợt thực tập với chủ đề “lập trình ứng dụng di động trên nền tảng Flutter” nhằm mục
đích giúp sinh viên thực tập được đào tạo tồn diện về lập trình ứng dụng trên Android
và 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 phát triển game chuyên nghiệp.

1. Làm quen với cơng ty và cách làm việc nhóm
Thời gian: 1 ngày
Nội dung:
●

Làm quen về công ty 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, q trình thành lập và phát
triể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, cịn được cấp tài khoản Slack, Sky, Email của công ty. Sắp xếp chỗ
ngồi trong công ty

Thực hiện: Thực hành sử dụng các phần mềm do công ty quy định.
Kết quả: Hiểu thêm về cơng ty, cách làm việc nhóm. Biết thêm được các phần mềm
cho việc lập trình

2. Làm quen với workflow, process flow
Thời gian: 1 ngày
Nội dung:
●

Hiểu được Process Flow, Workflow của phần mềm.

●

Sử dụng phần mềm thử để kiểm tra các chức năng trong các tài liệu.

Thực hiện:
Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


10
●

Đọc Workflow, Process flow của phần mềm.

●

Đọc và xem các tài liệu trước về các chức năng và các task đã hồn thành trước
đó.

Kết quả: Nắm rõ Workflow và Process flow của phần mềm. Hiểu đưọc phần mềm

3. Tìm hiểu kỹ thuật
a. Tìm hiểu về Flutter
Thời gian: 1 tuần
Nội dung:
● Tìm hiểu về Flutter
● Cách Flutter hoạt động
● Cách tổ chức một project bằng Flutter
Thực hiện:
● Đọc tài liệu, video về Flutter
● Tạo một demo về Flutter
Kết quả: Hiểu được Flutter là gì, cách thức hoạt động và sử dụng Flutter

b. Tìm hiểu về API
Thời gian: 1 tuần
Nội dung:
● Tìm hiểu về API
● Tìm hiểu về RESTful API
● Tìm hiểu về cách thức hoạt động của client-server
● Cách thức giao tiếp giữa client-server
Thực hiện:
● Đọc tài liệu về RESTful API
● Đọc tài liệu về client-server
Kết quả:
● Hiểu được cách thức hoạt động của client-server
● Biết được RESTful API là gì

c. Tìm hiểu Bing Image Search API và Google Search Image API
Thời gian: 1 tuần
Nội dung:
● Tìm hiểu về Bing Image Search API
● Tìm hiểu về Google Search API
Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


11

Thực hiện:
● Đọc tài liệu về bing api
● Đọc tài liệu về google api
Kết quả:
● Hiểu được về Bing Image Search API
● Hiểu được về Google Image Search API
● Demo được Search Image Bằng Bing và Google Image Search

4. Hiện thực sản phẩm
Sau một tháng được training và thực hành, em đã nắm được những kiến thức cơ bản
về Flutter,RESTful API, …. và các thư viện, công nghệ sử dụng trong ứng dụng của
công ty. Trong tháng thứ hai, trailer đã hướng dẫn em áp dụng những kiến thức đã học
để thực hiện một ứng dụng demo nho nhỏ.

XDICT là dự án Mobile có cấu trúc Client – Server phục vụ cho nhu cầu tìm kiếm từ ngữ
tiếng anh thơng qua hình ảnh và những ví dụ minh hoạ.

5. Lịch làm việc

Tuầ
n
1

Cơng việc

●
●
●
●
●

2

●

Tìm hiểu về cơng ty, cách tổ chức
của công ty.
Làm quen với các công cụ làm việc
trong công ty.
Học cách trao đổi, làm việc qua
email.
Đọc Workflow, Process flow của
phần mềm.
Đọc và xem các tài liệu trước về
các chức năng và các task đã hồn
thành trước đó.

Chị Ái My

Tốt

Anh Tuấn Anh

Tốt

Nhận xét
của người
hướng
dẫn

Đọc các model, đưa ra các giải
pháp, ghi chú lại các bug của phần
mềm.

●

Người hướng
dẫn

Mức độ
hoàn
thành

Học cách sử dụng Flutter, GitLab.

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện

12

3

●

Tìm hiểu các API đang và sẽ được
sử dụng cho phần mềm.

●

Tìm hiểu Scoped Model của Flutter.

●

Tìm

hiểu

Repository

Anh Sáng

Tốt

Anh Sáng

Tốt

pattern,

Singleton pattern.
4

●

Lập trình Service và Repository
tương ứng cho giao tiếp giữa Client
và Server.

●

Viết TestCase cho các Service và
Repository trên.

5

●

Cấu hình cho việc tìm kiếm hình
ảnh thơng qua Search Engine của
Bing và Google.

●

Viết lại tài liệu liên quan đến việc Anh Tuấn Anh

Tốt

cấu hình.
●

Lập trình Service và Repository cho
tìm kiếm hình ảnh.

6

●

Thiết kế UI, UX màn hình Search

●

Viết Test case cho các Widget trong
màn hình Search.

●

Viết Auto test cho Process Flow
của màn hình Search.

●

Test trên nhiều kích thước màn

Anh Sáng

Tốt

Anh Sáng

Tốt

hình khác nhau.
●

Fix các lỗi của xuất hiện trên màn
hình.

7

●

Viết lại tài liệu, review code.

●

Thiết

kế

UI,

UX

màn

hình

Vocabulary Detail.
●

Viết Test case cho các Widget trong

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


13

màn hình Vocabulary Detail
●

Viết Auto test cho Process Flow
của màn hình Vocabulary Detail.

●

Test trên nhiều kích thước màn
hình khác nhau.

●

Fix các lỗi của xuất hiện trên màn
hình.

8

●

Viết lại tài liệu, review code.

●

Thiết

kế

UI,

UX

màn

hình

Contribute Image.
●

Viết Test case cho các Widget trong
màn hình Contribute Image.

●

Viết Auto test cho Process Flow
của màn hình Contribute Image.

●

Anh Sáng

Tốt

Test trên nhiều kích thước màn
hình khác nhau.

●

Fix các lỗi của xuất hiện trên màn
hình.

●

Viết lại tài liệu, review code.

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


14

CHI TIẾT SẢN PHẨM
1. Người dùng tìm kiếm từ vựng
Người dùng tìm kiếm từ vựng thơng qua thanh search bar trong màn hình. Khi user
nhập các từ khố, các từ sẽ được gửi lên Server để tìm kiếm các từ gợi ý. Các từ gợi ý
được Server trả về và Client sẽ hiển thị cho người dùng.

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện

15

2. Người dùng tra cứu một từ cụ thể
Người dùng chọn một từ trong các từ gợi ý để tra cứu cụ thể. Client sẽ gửi một request
tới Server với từ được chọn. Server sẽ tìm kiếm trong database và trả cho Client nội
dung có liên quan của từ (phát âm, nghĩa, hình ảnh, …). Client sau khi nhận được sẽ
hiển thị cho người dùng.

3. Người dùng đóng góp hình ảnh cho một từ chưa có hình ảnh minh hoạ
Khi một từ vựng chưa có hình ảnh hoặc hình ảnh chưa đủ (mỗi từ vựng có 3 hình ảnh
Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


16

minh hoạ) thì người dùng sẽ chọn “CONTRIBUTE NOW”.

Người dùng sẽ nhận được các hình ảnh được tìm kiếm trên mạng thông qua các
Search engine của Google và Bing. Người dùng sẽ chọn hình ảnh mong muốn và nhấn
“Contribute Image”.

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


17

Các hình ảnh được chọn sẽ được upload lên Server và cập nhật tương ứng với
từ ngữ được chọn.

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


18

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện


19

TỔNG KẾT
Với thời gian chỉ hai tháng cùng những kiến thức quý báu được học tại KiKi Company,
việc xây dựng và hỗ trợ thiết kế dự án XDICT, XED cũng đã hồn thành nhờ có sự giúp
đỡ nhiệt tình, thân thiện của các nhân viên cấp cao trong công ty.
Tuy nhiên, công tác làm việc cũng không tránh khỏi nhiều thiếu sót trong q trình thực
hiện. Trong thời gian tới, em sẽ tiếp tục trau dồi thêm nhiều kiến thức, đồng thời tiếp tục
chỉnh sửa, bổ sung để tạo ra được một sản phẩm hồn thiện và có chất lượng hơn.

Chân thành cảm ơn sự giúp đỡ của các anh chị của công ty Kiki, sự nỗ lực của bản thân
chúng em có thể hồn thành ứng dụng này.

Người phụ trách: Đặng Ngọc Sáng
Vi Chí Thiện