báo cáo thực tập lập trình ứng dụng di độ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

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

Cơng ty thực tập

: CTY CP GIẢI PHÁP CÔNG NGHỆ MCOM

Người phụ trách

: Phạm Xuân Phúc

Thực tập sinh

: Huỳnh Quốc Trung

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


LỜI MỞ ĐẦU

Ngày nay, điện thoại di động thông minh là một trong những thiết bị không thể
thiếu trong cuộc sống thường ngày của chúng ta. Các thiết bị di động thơng minh có một
sự tăng trưởng và phát triển mạnh mẽ với sự ra đời liên tục của một loạt các máy tính
bảng hiện đại, điện thoại thơng minh có tính cạnh tranh cao, do đó thị trường xây dựng
các ứng dụng trên các thiết bị này trở nên vô cùng màu mỡ.
Tại Việt Nam, ngành công nghiệp phần mềm di dộng cũng đã và đang có tốc độ
phát triển nhanh chóng và lớn mạnh. Có thể thấy rằng, với sự tăng trưởng mạnh mẽ như

vậy thì ngàng phần mềm di động là ngành có tiềm năng trong tương lai.
Hiện nay, phần mềm di động thường chạy trên 2 nền tảng chính là Android và
iOS. Vấn đề đặt ra là làm sao để có thể từ một mã nguồn mà ứng dụng có thể chạy được
trên cả 2 nền tảng này, và Flutter đã giải quyết được vấn đề này.
Sau ba năm 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 phát triển ứng dụng di động trong một môi trường chuyên
nghiệp, em có dự định là sẽ thực tập trong hè. Vì vậy, em quyết định chọn Flutter – một
môi trường mới, lý tưởng và hiện đại để em có thể thực hiện các ứng dụng di động trong
tương lai.

Huỳnh Quốc Trung

2


LỜI CẢM ƠN

Trân trọng gửi lời cảm ơn CTY CP GIẢI PHÁP CÔNG NGHỆ MCOM đã 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 nhóm trainer,
em đã tiếp thu được những kiến thức quan trọng để có thể làm được một ứng dụng di
động. Chân thành cảm ơn các anh chị trong nhóm trainer đã bỏ ra nhiều thời gian, cơng
sức để hướng dẫn em hoàn thành đợt thực tập này.
Đặc biệt cảm ơn anh Diệp Mỹ Dương, đã giúp đỡ cho em tận tình cả những khó
khăn trong cơng việc, đến những khó khăn việc làm quen với mơi trường mới của công
ty cũng như chỉ dẫn em về cách làm báo cáo, lên kế hoạch, những kỹ năng không thể
thiếu khi xây dựng một ứng dụng di động hoàn chỉnh; cảm ơn anh Phạm Xuân Phúc đã
chia sẻ cách quản lý công việc của một dự án thực tế; Cảm ơn anh Trương Minh Thông
đã training, hướng dẫn cách thực hiện một ứng dụng di động bằng Flutter hoàn chỉnh.
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.
Huỳnh Quốc Trung
TpHCM, ngày 20 tháng 12 năm 2020

Huỳnh Quốc Trung

3


NHẬN XÉT CỦA KHOA

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

Huỳnh Quốc Trung

4


MỤC LỤC
Chương 1. Giới thiêu công ty thực tập ....................................................................................................... 6
1. Giới thiệu công ty MCOM .............................................................................................................. 6
2. Sản phẩm của công ty ...................................................................................................................... 6
Chương 2. Nội dung thực tập ..................................................................................................................... 7
1. Tìm hiểu cơng ty.............................................................................................................................. 7
2. Nghiên cứu kỹ thuật ........................................................................................................................ 7
2.1.

Các cơng cụ làm việc ............................................................................................................... 7

2.2.

Tìm hiểu ngơn ngữ Dart nâng cao............................................................................................ 8

2.3.

Tìm hiểu về Flutter ................................................................................................................... 9

3. Thực hiện project ........................................................................................................................... 10
4. Lịch làm việc ................................................................................................................................. 10
Chương 3. Chi tiết về project ................................................................................................................... 12
1. Giới thiệu về Ứng dụng Bệnh viện cây lúa ................................................................................... 12
2. Thực hiện ....................................................................................................................................... 13
3. Kế hoạch ........................................................................................................................................ 13

4. Các màn hình ................................................................................................................................. 15

Huỳnh Quốc Trung

5


Chương 1. Giới thiêu công ty thực tập

1. Giới thiệu công ty MCOM
Công ty CP Giải pháp Công nghệ MCOM là công ty Việt Nam được thành
lập vào năm 2017, chuyên kinh doanh và cung cấp các dịch vụ phần mềm.
MCOM có trụ sở đặt tại Quận 1 – Hồ Chí Minh và văn phịng làm việc tại
Quận 3.
2. Sản phẩm của công ty
MCOM cung cấp giải pháp công nghệ phần mềm, bảo trì, triển khai ERP,
QA, cho các tập đoàn, đơn vị trong nhiều lĩnh vực như: Y tế, Nơng nghiệp, Tài
chính…
Các đối tác cơng nghệ như Facebook, ZaloPAY, VNPAY, Google… với các
khách hàng thân thiết như Bệnh viện Nhi Đồng Thành Phố, Tập đoàn Lộc Trời…
Hiện tại MCOM đang tập trung nghiên cứu các sản phẩm về ERP và
Thương mại điện tử. Trong đó có các sản phẩm như Bệnh viện cây lúa, Cây ăn
quả, Tôm giống…

Huỳnh Quốc Trung

6


Chương 2. Nội dung thực tập

Chủ đề “Lập trình Ứng dụng di động với 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 di động, đồ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 phần mềm
chun nghiệp.

1. Tìm hiểu 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 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, thực tập sinh còn được giới thiệu về cách thức 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, q 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. Các công cụ làm việc

Thời gian: 4 ngày
Nội dung: Tìm hiểu về các cơng cụ sẽ được sử dụng trong quá trình làm việc.
Trong thời gian này, thực tập sinh sẽ được hướng dẫn tìm hiểu về các cơng
cụ sẽ giúp ích cho trong cơng việc sau này. Một số phần mềm trong số đó như
Asana - sử dụng trong làm việc nhóm, phân chia cơng việc, Gitlab – quản lý
source code, Discord – kênh trao đổi thông tin chung của công ty.
Thực hiện: Thực hành sử dụng các phần mềm đã nêu trên.
Kết quả: Làm quen được các công cụ làm việc, giúp dễ dàng hơn trong công
việc.

Huỳnh Quốc Trung

7


2.2. Tìm hiểu ngơn ngữ Dart nâng cao

Thời gian : 5 ngày (1 tuần)
Nội dung: Được training về các kỹ thuật Dart nâng cao, những kiến thức quan
trọng cho việc tối ưu trên Android.
- Lập trình hướng đối tượng
- Đồng bộ và bất đồng bộ trong ngơn ngữ Dart
- Tìm hiểu về Stream Builder
- Data và backend
- Sử dụng GraphQL vào project
Thực hiện:
- Tham gia đầy đủ các buổi training của công ty.
- 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 với ngơn ngữ Dart.
- Làm quen với code của cơng ty
- Hồn thành sản phẩm demo

Huỳnh Quốc Trung

8


2.3. Tìm hiểu về Flutter

Thời gian: 5 ngày (1 tuần)
Nội dung: Được training về Flutter framework và những kỹ thuật trong việc tối
ưu code của dự án.
- Các khái niệm về Widget của Flutter:
o Tìm hiểu về các widget của Flutter, cách sử dụng và tạo ra 1 màn
hình ứng dụng
- Package và plugin trong Flutter
o Tìm hiểu về các package trong Flutter, cách thêm và sử dụng một
package vào dự án
- Tối ưu hiệu suất của Flutter
o Biết cách làm thế nào để có thể thiết kế 1 ứng dụng Flutter có hiệu
suất tốt nhất
o Kiểm sốt được các phương thức trong Flutter framework
- Tìm hiểu về Bloc Pattern
o Hiểu về Bloc Pattern và ý tưởng hoạt động của pattern này.
Thực hiện:
- Tham gia đầy đủ các buổi training của công ty.
- Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả:
- Hiểu về Flutter framework
- Có được những kiến thức quan trọng cho việc ứng dụng di động sau này.
Huỳnh Quốc Trung

9


- 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.
3. Thực hiện project

Sau 3 tuần đượ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ề Dart, Flutter. Trong tháng thứ hai, trainer đã hướng dẫn thực tập sinh áp
dụng những kiến thức đã học để thực hiện một project ứng dụng di động thực tế
của công ty.
4. Lịch làm việc
Tuần
1

-

2

3

-

4

-

Mức độ
Công việc
Người hướng dẫn
hồn
thành
Tìm hiểu về cơng ty, cách tổ chức Anh Trần Thanh Nhàn 100%
của công ty.
Anh Diệp Mỹ Dương
Học cách trao đổi, làm việc qua
email.

Làm quen với các công cụ làm việc
trong cơng ty.
Tìm hiểu ngơn ngữ Dart
Anh Phạm Xn Phúc 100%
Thực hành về Dart
Làm bài test về ngôn ngữ Dart
Tìm hiểu Flutter framework
Anh Phạm Xuân Phúc 100%
Thực hiện project demo
Anh Trương Minh
Thông
Lên kế hoạch, và họp triển khai dự Anh Phạm Xuân Phúc 100%
án
Anh Diệp Mỹ Dương
Thiết kế màn hình đăng nhập, đăng
ký
Kết nối với Firebase
Hồn thành chức năng đăng nhập
đăng ký
Anh Trương
Thơng

Minh 100%

5

- Màn hình Dashboard
- Thơng tin cá nhân
- Chức năng giới thiệu tổ chức

6

Chức năng đặt câu hỏi
Anh Phạm Xuân Phúc
- Thiết kế màn hình đặt câu hỏi.
- Thiết kế màn hình danh sách câu
hỏi.

Huỳnh Quốc Trung

100%

10


7

8

- Thiết kế màn hình chi tiết câu hỏi.
- Thiết kế màn hình trả lời câu hỏi.
- Load dữ liệu câu hỏi
- Lọc câu hỏi
Chức năng bài viết:
- Thiết kế màn hình danh mục bài
viết.
- Thiết kế màn hình Danh sách bài
viết
- Thiết kế màn hình bài viết
- Load dữ liệu hiển thị

Chức năng thơng báo và hồn thành
báo cáo:
- Thiết kế màn hình danh sách thơng
báo.
- Thiết kế màn hình chi tiết thơng
báo.
- Báo cáo cuối đợt thực tập.

Huỳnh Quốc Trung

Anh Phạm Xuân Phúc

100%

Anh Trương Minh 100%
Thông
Anh Diệp Mỹ Dương

11


Chương 3. Chi tiết về project
1. Giới thiệu về Ứng dụng Bệnh viện cây lúa
Ứng dụng “Bệnh viện cây lúa” do Tập đoàn Lộc Trời và Trung tâm bảo vệ thực vật
phía nam hợp tác phát triển tạo cầu nối tương tác giữa nông dân và các sĩ cây lúa.

Mục tiêu của ứng dụng:
- Chuyển giao Kiến thức - Thông tin đến nơng dân.
- Góp phần gia tăng Năng Suất - Chất Lượng - An Tồn trong sản xuất.
- Góp phần trong việc hình thành Phương Thức Sản Xuất Cây Lúa Bền

Vững - Thân Thiện với Môi Trường.
- Gia tăng lợi nhuận cho nông dân
Nội dung hoạt động:
- Xây dựng Hệ thống Bệnh Viện Cây Lúa.
-

Đào tạo đội ngũ Bác sĩ Cây Lúa.

-

Nghiên cứu, xây dựng qui trình, giải pháp trên một số Cây Lúa.

-

Tư vấn, chuyển giao giải pháp, phát đồ điều trị, các ứng dụng tiến bộ kỹ
thuật mới trong canh tác, quản lý dinh dưỡng, dịch hại đến người làm
vườn.

- Ứng dụng kỹ thuật số trong công tác chuyển giao.

Huỳnh Quốc Trung

12


-

Tổ chức huấn luyện nâng cao kiến thức cho các bộ kỹ thuật và người
làm vườn.

- Tổ chức Diễn đàn - Hội nghị khoa học trong lãnh vực Cây Lúa.
-

Xây dựng thư viện Bệnh Viện Cây Lúa.

Tính năng chính:
-

Hỗ trợ nông dân đặt câu hỏi về cây trồng cho bác sĩ.

- Xem được các tài liệu kỹ thuật trồng trọt.
- Xem các video hướng dẫn về trồng trọt Cây Lúa.
-

Xem phác đồ điều trị các bệnh cây lúa.

2. Thực hiện
5 thành viên của Team:
-

Phạm Xuân Phúc (Leader)
Huỳnh Quốc Trung (Mobile Developer)
Nguyễn Quang Huy (Mobile Developer)
Phạm Đình Tư (Backend Developer)
Thái Linh (Backend Developer)

Và sự giúp đỡ tận tình của team trainer.
3. Kế hoạch
Sprint 1: Đăng nhập, Đăng xuất, kết nối Firebase.
-

Đăng nhập bằng email và pasword được cấp cho bác sĩ
Reset mật khẩu bằng cách gửi email của firebase
Trang thông tin cá nhân của bác sĩ
Đổi mât khẩu bác sĩ
Hiển thị thơng tin căn bản và các nút điều hướng chính
Hiển thị thông báo popup banner mỗi khi vào app
Đăng nhập bằng mã pin 6 số
Trang thông tin cá nhân của nông dân
Đổi mât khẩu mã pin
Hiển thị thông tin căn bản và các nút điều hướng chính

Kết quả:
Huỳnh Quốc Trung

13


- Đăng nhập, đăng ký bằng Firebase
- Đăng nhập với quyền bác sĩ và nông dân
- Hiển thị các thông tin căn bản của ứng dụng
Sprint 2: Dashboard và giới thiệu tổ chức
- Màn hình Dashboard của ứng dụng
- Hiển thị thông tin cá nhân
- Chức năng giới thiệu tổ chức
Kết quả: Hoàn thành các chức năng trên
Sprint 3: Hỏi đáp và bình luận
-

Đặt câu hỏi

Xem chi tiết câu hỏi
Xem bình luận của câu hỏi
Lọc câu hỏi theo loại lúa
Lọc câu hỏi theo loại bệnh
Lọc câu hỏi theo bênh viện
Lọc câu hỏi theo ngày tạo từ ngày đến ngày
Like câu hỏi
Like bình luận
Ẩn bình luận
Phân loại lúa cho câu hỏi
Phân loại bệnh dịch cho câu hỏi

Kết quả: Hoàn thành chức năng về đặt câu hỏi và tương tác trong câu hỏi của nông
dân
Sprint 4: Bài viết và chủ đề
- Hiển thị danh mục các chủ đề tài liệu
- Hiển thị danh sách bài viết của một chủ đề
- Hiển thị nội dung chi tiết bài viết
Kết quả: Hoàn thành chức năng trên

Sprint 5: Thơng báo và hồn
- Hiển thị lịch sử thông báo tới nông dân
Huỳnh Quốc Trung

14


- Tìm kiếm thơng báo
- Xem chi tiết nội dung thơng báo
Kết quả: Hồn thành chức năng trên

4. Các màn hình
Tên Màn hình

Màn hình

Đăng nhập

Huỳnh Quốc Trung

15


Thông tin cá nhân

Chỉnh sửa thông tin cá nhân

Huỳnh Quốc Trung

16


Dashboard

Giới thiệu tổ chức

Huỳnh Quốc Trung

17

Thiết lập

Tạo câu hỏi

Huỳnh Quốc Trung

18


Danh sách câu hỏi

Chi tiết câu hỏi

Huỳnh Quốc Trung

19


Lọc câu hỏi đáp

Danh sách Loại bài viết

Huỳnh Quốc Trung

20


Danh sách bài viết

Chi tiết bài viết

Huỳnh Quốc Trung

21


TÀI LIỆU THAM KHẢO
Flutter: />Dart: />
Huỳnh Quốc Trung

22


TỔNG KẾT

Sau hơn 2 tháng thực tập tại MCOM Solutions đã giúp em cải thiện bản thân rất
nhiều trong quy trình làm việc thực tế, tác phong của người Kỹ sư phần mềm. Ngoài ra,
em đã học thêm được kỹ năng mềm như làm việc nhóm, sử dụng mail, giao tiếp với cấp
trên, ...
Một lần nữa em xin gửi lời cảm ơn đến sự giúp đỡ của các anh chị trong Cơng ty
MCOM Solutions đã giúp đỡ em có thể hồn thành vai trị của mình trong dự án lần này.
Bên cạnh đó em 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 giúp em hoàn thành bài báo cáo này.

Huỳnh Quốc Trung

23