báo cáo thực tập xây dựng WEBSITE COVID 19 DASHBOARD

1

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

XÂY DỰNG WEBSITE COVID-19 DASHBOARD

Công ty thực tập: Sở Khoa học và Công nghệ Tp.HCM
Trung tâm Ứng dụng Hệ thống thông tin Địa lý Tp.HCM (HCMGIS)

Người phụ trách

: Th.Quách Đồng Thắng
: Lê Võ Hữu Trí

Thực tập sinh

: Nguyễn Kha Tịnh - 16521248

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


2

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

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh

3

LỜI MỞ ĐẦU

Ngành công nghệ thông tin là một ngành khoa học đang trên đà phát triển mạnh và ứng
dụng rộng rãi trên nhiều lĩnh vực. Cùng với xu hướng phát triển của các phương tiện truyền
thông như TV, Radio, báo giấy,... thì việc sử dụng Internet ngày càng phổ biến. Truy cập
Internet, chúng ta có được một kho thơng tin khổng lồ phục vụ mọi nhu cầu, mục đích của
chúng ta chỉ bằng một cái nhấp chuột.
Nhận thức được nhu cầu tìm hiểu thơng tin, giải trí của xã hội, là sự ra đời của hàng loạt
website cho các mục đích thương mại, giải trí, tin tức.. .Để đáp ứng với việc cập nhật thơng tin
hàng ngày, tình hình xã hội, chính trị, thời sự, và sức khỏe...
Do đó, em đã vận dụng những kiến thức về lập trình web để xây dựng các trang web
cũng như các ứng dụng trực tuyến mạnh mẽ.
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 làm website trong một môi trường chuyên nghiệp. Vì vậy, em quyết định
chọn HCMGIS 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
được dự định này.

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


4

LỜI CẢM ƠN

Trân trọng gửi lời cảm ơn Sở Khoa học và Công nghệ Tp.HCM - Trung tâm Ứng dụng

Hệ thống thông tin Địa lý Tp.HCM (HCMGIS) đã tạo điều kiện cho em có cơ hội được thực tập
tại trung tâm.
Chân thành cảm ơn các anh trong nhóm trainer đã bỏ ra nhiều thời gian,cơng sức để
hướng dẫn em hồn thành đợt thực tập này, n hờ có sự giúp đỡ nhiệt tình của các anh chị

ở các phịng ban, đã tạo điều kiện thuận lợi nhất cho em trong suốt thời gian thực tập tại
trung tâm.
Đặc biệt cảm ơn anh Lê Võ Hữu Trí đã training, hướng dẫn, 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ảm
ơn các anh chị đã tạo điều kiện để em được tiếp xúc với môi trường làm việc chuyên nghiệp từ
việc lập trình cho đến những việc xung quanh.
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. Với điều kiện thời gian cũng như kinh nghiệm còn hạn chế

của một học viên, bài báo cáo này không thể tránh được những thiếu sót. Em rất mong
nhận được sự chỉ bảo, đóng góp ý kiến của các q thầy cơ để em có điều kiện bổ sung,
nâng cao ý thức của mình, phục vụ tốt hơn công tác thực tế sau này.
Nguyễn Kha Tịnh
Tp Hồ Chí Minh

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


5

NHẬN XÉT CỦA KHOA

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

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

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


6

MỤC LỤC

MỤC LỤC......................................................................................................................... 6
Chương 1: Giới thiệu trung tâm thực tập.....................................................................6
1.Giới thiệu trung tâm HCMGIS.............................................................................6
2.Sản phẩm của trung tâm HCMGIS.......................................................................7
Chương 2: Nội dung thực tập.........................................................................................8

1.Tìm hiểu trung tâm và các kỹ năng cơ bản trong trung tâm.................................8
2.Nghiên cứu kỹ thuật.............................................................................................8
3.Thực hiện project................................................................................................12
4.Lịch làm việc......................................................................................................12
Chương 3: Chi tiết về project.......................................................................................15
1.Giới thiệu về WEBSITE COVID-19 DASHBOARD ........................................15
2.Kế hoạch............................................................................................................. 19
TÀI LIỆU THAM KHẢO..............................................................................................19
TỔNG KẾT....................................................................................................................20

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


7

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

1. Giới thiệu trung tâm HCMGIS
Trung tâm Ứng dụng Hệ thống Thông tin Địa lý TP.HCM (HCMGIS) là đơn vị sự
nghiệp trực thuộc Sở Khoa học và Công nghệ TP.HCM được thành lập theo Quyết
định số 134/2004/QĐ-UB ngày 14 tháng 5 năm 2004 của Ủy ban nhân dân Thành
phố và Quyết định số 216/QĐ-UBND ngày 17 tháng 01 năm 2008 về việc bổ sung
nhiệm vụ cho Trung tâm. Năm 2010, HCMGIS chuyển qua hoạt động theo Nghị
định 115 của Chính phủ về tự chủ, tự chịu trách nhiệm của tổ chức khoa học và công
nghệ công lập.

2. Sản phẩm của trung tâm HCMGIS
HCMGIS nghiên cứu các cơng nghệ GIS, xây dựng và tích hợp cơ sở dữ liệu GIS,
xây dựng các ứng dụng GIS, tư vấn quản lý dự án và đào tạo chuyển giao công nghệ.

HCMGIS sử dụng đa dạng các công nghệ GIS, trong đó định hướng ưu tiên phát
triển các sản phẩm trên nền tảng mã nguồn mở. Các giải pháp được xây dựng theo
các tiêu chuẩn OGC, đáp ứng yêu cầu tích hợp, trao đổi dữ liệu giữa các hệ thống.
Các sản phẩm và dự án của HCMGIS:
• Các nền tảng dịch vụ HCMGIS
- HCMGIS Portal ( />- HCMGIS MAPS ( />- HCMGIS GEOSURVEY ( />
Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


8

-

HCMGIS OPENDATA ( />HCMGIS STORYMAPS ( />…
• Các ứng dụng đã triển khai cho Sở ngành, quận huyện, phường xã, doanh
nghiệp.
- Hệ thống quản lý bệnh truyền nhiễm
- Hệ thống quản lý vùng sản xuất rau trên địa bàn Thành phố
- Hệ thống quản lý lâm sản và động vật hoang dã
…
Chương 2: Nội dung thực tập
Đợt thực tập với chủ đề “Tìm hiểu Yii framework” nhằm mục đích giúp sinh viên thực
tập được đào tạo toàn diện về framework Yii để lập trình web, đồng thời rèn luyện những kỹ
năng mềm như văn hóa văn phịng, làm việc nhóm, thuyết trình, ứng xử giao tiếp trong môi
trường làm việc. Tại trung tâm, 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 chuyên nghiệp.

1. Tìm hiểu trung tâm và các kỹ năng cơ bản trong trung tâm
Thời gian : 1 ngày

Nội dung : Giới thiệu về trung tâm, cách tổ chức của trung tâm
Được nghe người phụ trách giới thiệu về trung tâm, 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 trung tâm .
Ngoài ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong trung tâm
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ề trung tâm HCMGIS, 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.

Các công cụ làm việc
Thời gian : 5 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, supervisor đã hướng dẫn thực tập sinh 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ư
Tortoise GIT – phần mềm quản lý source code trên Github đơn giản, QGIS – phần
mềm tự do về hệ thống thông tin địa lý, Xampp - chương trình tạo web server,….

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


9

2.2.

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ập trình sử dụng các cơng cụ miễn phí, giúp dễ dàng kết hợp các cơng cụ
với nhau.
Tìm hiểu ngơn ngữ PHP
Thời gian : 5 ngày (1 tuần)
Nội dung : Được training về các kỹ thuật PHP cơ bản cũng như nâng cao, những kiến
thức quan trọng cho việc tối ưu khi lập trình web.
Thực hiện :
- Tham gia đầy đủ các buổi training của trung tâm.
- Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả :
-

2.3.

Nâng cao kỹ năng lập trình với ngơn ngữ PHP
Có được những kiến thức quan trọng cho việc lập trình WEB sau này.
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.

Lập trình WEB với PHP
Nội dung: Các kiến thức cơ bản về PHP để có thể làm ra một WEB đơn giản.
-

Khái niệm cơ bản về PHP.
PHP - viết tắt hồi quy của "Hypertext Preprocessor", là một ngơn ngữ lập trình
kịch bản được chạy ở phía server nhằm sinh ra mã html trên client. PHP đã trải
qua rất nhiều phiên bản và được tối ưu hóa cho các ứng dụng web, với cách viết
mã rõ rãng, tốc độ nhanh, dễ học nên PHP đã trở thành một ngơn ngữ lập trình
web rất phổ biến và được ưa chuộng.

-

Cú pháp khai báo PHP, sử dụng hằng và biến.

-

Các kiểu dữ liệu và phạm vi biến trong PHP

-

Toán tử trong PHP

-

Các lệnh điều khiển trong PHP

-

Mảng trong lập trinh PHP

-

Thao tác với chuỗi trong PHP

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


10

-

Xử lý và lấy dữ liệu từ form trong PHP

-

Các hàm xử lý file và upload file trong PHP

-

Lập trình hướng đối tượng trong PHP

-

Thao tác với CSDL trong PHP thông qua PDO

Thực hiện :
-

Tham gia đầy đủ các buổi trainning.
Làm các bài tập thực hành
Tìm kiếm tài liệu trên mạng để tìm hiểu thêm.

Kết quả :
2.4.

Hiểu được những khái niệm cơ bản trong lập trình web với php.
Tạo được một web cơ bản.

Tìm hiểu Veu.js
Nội dung : Tích hợp Veujs vào lập trình Web
-

Định nghĩa về Veu.js:
Vue.js là một framework linh động (nguyên bản tiếng Anh: progressive – tiệm
tiến) dùng để xây dựng giao diện người dùng (user interfaces). Khác với các
framework nguyên khối (monolithic), Vue được thiết kế từ đầu theo hướng cho
phép và khuyến khích việc phát triển ứng dụng theo từng bước. Khi phát triển lớp
giao diện (view layer), người dùng chỉ cần dùng thư viện lõi (core library) của
Vue, vốn rất dễ học và tích hợp với các thư viện hoặc dự án có sẵn.
Cùng lúc đó, nếu kết hợp với những kĩ thuật hiện đại như SFC (single file
components) và các thư viện hỗ trợ, Vue cũng đáp ứng được dễ dàng nhu cầu xây
dựng những ứng dụng một trang (SPA - Single-Page Applications) với độ phức
tạp cao hơn nhiều cho chúng ta kết hợp nhiều với các ngôn ngữ back-end khác
như PHP,…

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


11

-

Thực hành sử dụng Veu.js.

Thực hiện :
-

Tham gia đầy đủ các buổi training.
Ứng dụng veu.js vào lập trình web.

Kết quả:
2.5.

Hiểu được framework veu.js và ứng dụng thành cơng.

Tìm hiểu Yii
Nội dung : Tìm hiểu framework Yii
-

Định nghĩa về Yii:
Tiền thân của Yii chính là PRADO framework. Tác giả của Yii là Qiang Xue, một
người Trung Quốc. Qiang Xue bắt đầu xây dựng Yii vào khoảng 1/1/2008. Sau
gần một năm phát triển, tới 8/12/2008, bản Yii đầu tiên đã được public và nhanh
chóng được mọi người đón nhận.
Yii Framework đã ra đời và đáp ứng các yêu cầu trên cho cộng đồng Web, Yii là
từ viết tắt của từ Yes, it is! Hoặc cũng có thể là viết ngắn gọn ba chữ cái đầu của
Easy (dễ dàng), Efficient (hiệu suất) và Extensible (khả năng mở rộng). Yii là một
PHP Framework mã nguồn mở và hồn tồn miễn phí, có hiệu năng cao, giúp phát
triển tốt nhất các ứng dụng Web 2.0. Yii là được xây dựng để phát triển các ứng
dụng Web quy mô lớn dựa trên nền tảng component (thành phần sử dụng lại). Yii
cho phép tái sử dụng tối đa các thành phần của hệ thống để tăng tốc độ viết ứng
dụng.
Yii tốt hơn các framework khác bởi tính hiệu quả, nhiều tính năng và có tài liệu
hướng dẫn đầy đủ. Yii được thiết kế cẩn thận từ ban đầu để đáp ứng nhu cầu phát
triển ứng dụng Web nghiêm ngặt, nó là kết quả của kinh nghiệm phát triển ứng

Quách Đồng Thắng/Lê Võ Hữu Trí

Nguyễn Kha Tịnh


12

dụng Web lâu năm của các tác giả và sự phân tích kỹ lưỡng, tận dụng những điểm
mạnh của các framework khác.
-

Thực hành sử dụng Yii.

Thực hiện :
-

Tham gia đầy đủ các buổi training.
Ứng dụng Yii vào lập trình web.

Kết quả:
-

Hiểu được framework Yii và ứng dụng thành công.

3. Thực hiện project
Sau một tháng được training và thực hành, thực tập sinh đã nắm được những kiến thực
cơ bản cũng như nâng cao về PHP, Veu.js, Yii. 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 Web với ngơn
ngữ PHP
Chi tiết đồ án sẽ được nói ở phần sau.

4. Lịch làm việc

Tuần

Cơng việc
-

1

-

2

-

Tìm hiểu về trung
tâm, cách tổ chức
của trung tâm.
Làm quen với các
công cụ làm việc
trong trung tâm.
Học cách trao đổi,
làm việc qua email.
Tìm hiểu ngơn ngữ
lập trình PHP
Thực hành PHP
Làm bài test PHP

Người hướng dẫn

Mức

độ
hồn
thành

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

Anh Lê Võ Hữu
Trí

Anh Lê Võ Hữu
Trí

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


13

3

4

5

6

-

Lập trình web với Anh Lê Võ Hữu

PHP
Trí
Thực hành tạo web
cơ bản bằng PHP

-

Tìm hiểu về Veu.js
Anh Lê Võ Hữu
Thực hành ứng Trí
dụng Veu.js

-

Tìm hiểu về Yii
Thực hành ứng
dụng Yii
Lên kế hoạch
Chọn Framework
Setup source

-

7
-

-

Anh Lê Võ Hữu
Trí

Anh Lê Võ Hữu
Trí

Anh Trịnh Ngọc
Thiết kế Prototype
Lợi
Code
giao Thực tập sinh
diện( front-end)
Nguyễn Kha Tịnh
Code logic Backend cho web
Lấy dữ liệu các ca
nhiễm ở Việt Nam
từ Bộ y tế
Tìm kiếm và lấy dữ
liệu các ca nhiễm
trên thế giới từ các
nguồn uy tín
Tạo bảng thống kê
ca nhiễm tại Việt
Nam
Tạo bảng thống kê
ca nhiễm trên Thế
giới
Tạo bảng đồ hiển thị
vùng nhiễm tại Việt
Nam
Tạo bảng đồ hiển thị
vùng nhiễm trên Thế

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


14

giới
-

8
-

Tạo chức năng chia Anh Lê Võ Hữu
sẽ qua Facebook.
Trí
Viết tool auto tự cập
nhật theo dữ liệu
mới nhất từ các
nguồn đảm bảo
chính xác và trung
thực
Kiểm thử dữ liệu
Publish trang web

-

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh

15

Chương 3: Chi tiết về project
1. Giới thiệu về WEBSITE COVID-19 DASHBOARD
Trước diễn biến phức tạp của COVID-19, Trung tâm HCMGIS biết rằng dữ liệu sẽ rất
cần thiết cho công cuộc chống lại Coronavirus. Nhận thấy việc thông tin được cập nhật
nhanh chóng và chính xác sẽ giúp được rất nhiều cho cộng đồng phòng tránh được
nhiều hiểm họa do virus gây ra, HCMGIS đã phát triển dashboard về tình trạng
COVID-19 tại Việt Nam cũng như trên thế giới.
1.1.

1.2.

Mục tiêu
Mục tiêu của Covid-19 Dashboard là giúp người dân có được cái nhìn tổng
quan về dịch bệnh, từ đó đưa ra các biện pháp phịng ngừa và đảm bảo an tồn tốt
nhất cho bản thân và gia đình.Việc tất cả mọi người đều có thể xem bảng
dashboard này với dữ liệu cập nhật nhanh nhất giúp mỗi người đều có thể tự bảo
vệ mình tốt hơn trong tình hình dịch bệnh.
Giao diện
Giao diện trang chủ:

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


16

Bảng thống kê tại Việt Nam:

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


17

Bảng thống kê trên thế giới:

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


18

Bản đồ hiển thị vùng dịch tại việt nam và thế giới:
z

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

Lê Võ Hữu Trí

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh


19

-

Trịnh Ngọc Lợi
Nguyễn Kha Tịnh

3. Kế hoạch
- Setup source và các công nghệ cần thiết
- Thiết kế Prototype cho trang web
- Tiến hành code giao diện cho web
- Tiến hành code logic Back-end cho web
- Lấy dữ liệu các ca nhiễm ở Việt Nam từ Bộ y tế
- Tìm kiếm và lấy dữ liệu các ca nhiễm trên thế giới từ các nguồn uy tín
- Tạo bảng thống kê ca nhiễm tại Việt Nam
- Tạo bảng thống kê ca nhiễm trên Thế giới
- Tạo bảng đồ hiển thị vùng nhiễm tại Việt Nam
- Tạo bảng đồ hiển thị vùng nhiễm trên Thế giới
- Tạo chức năng chia sẽ qua Facebook.
- Viết tool auto tự cập nhật theo dữ liệu mới nhất từ các nguồn đảm bảo chính xác
và trung thực
- Kiểm thử dữ liệu
- Publish trang web
Kết quả :
-

Hầu hết các tính năng trên đã được thực hiện.
Publish website tới mọi người với độ chính xác và cập nhật liên tục

TÀI LIỆU THAM KHẢO
/> />
Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh

20

TỔNG KẾT

Như vậy, chỉ trong vòng hai tháng ngắn ngủi, em đã thực hiện được một phần nhỏ cho dự
án của trung, tuy chỉ là một chức năng rất nhỏ nhưng đã giúp em hiểu được thế nào là cách làm
việc chuyên nghiệp của doanh nghiệp để sau này không cịn phải bỡ ngỡ khi phải ra ngồi cuộc
sống. Đây cũng là một điểm tựa để em phát triển lên những thứ sau này.
Chân thành cảm ơn sự giúp đỡ của các anh chị nhóm trainer, sự nỗ lực của em để có thể
hồn thành chức năng này. Cảm ơn các thầy cô trong khoa công nghệ phần mềm đã giúp em
hoàn thành bài báo cáo này.

Quách Đồng Thắng/Lê Võ Hữu Trí
Nguyễn Kha Tịnh