Báo cáo thực tập phần mềm quản lý sự cố

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

PHẦN MỀM QUẢN LÝ SỰ CỐ

Công ty thực tập

: TungTung

Người phụ trách

: Phan Thanh Tùng

Thực tập sinh

: Lê Khắc Hậu Linh

Phan Thanh Tùng
Lê Khắc Hậu Linh


2

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

Phan Thanh Tùng
Lê Khắc Hậu Linh

3

LỜI MỞ ĐẦU

Hiện nay, với sự lớn mạnh của việc đơ thị hóa, kèm theo đó là sự phát triển của rất nhiều
khu công nghiệp , nhà máy…Nên ô nhiễm mơi trường là đều tất yếu. Chính vì thế quan trắc môi
trường là hoạt động không thể thiếu trong sự phát triển ngày nay.
Quan trắc môi trường tên tiếng anh là environmental monitoring. Là quá trình theo dõi và
quan sát một cách có hệ thống về thành phần của mơi trường, bao gồm các yếu tố tác động lên
môi trường như đất , nước và khơng khí. Nhằm cung cấp thông tin để đánh giá hiện trạng, cũng
như diễn biến chất lượng môi trường và các tác động xấu khác đối với môi trường.
Bằng việc lựa chọn và thực hiện đề tài “Phần mềm giám sát hệ thống môi trường”, em
muốn tìm hiểu và đưa ra một giải pháp tốt nhằm giải quyết quan trắc môi trường. Thông qua
việc thực hiện xây dựng phần mềm web này em học hỏi kiến thức và hiểu được quy trình cơ bản
để xây dựng một phần mềm hồn chỉnh. Vì lý do này, em quyết định chọn lập trình web làm
định hướng cho việc học tập của mình.
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 web trong một môi trường chuyên nghiệp, em có dự định là sẽ thực
tập. Vì vậy, em quyết định chọn TungTung - 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.

Phan Thanh Tùng
Lê Khắc Hậu Linh


4

LỜI CẢM ƠN

Lời đầu tiên cho phép em gửi lời cảm ơn chân thành và lòng biết ơn sâu sắc đến quý tập
thể quý Thầy Cô Trường Đại học Công nghệ thông tin – ĐHQG TPHCM và quý Thầy Cô khoa
Hệ thống thông tin, đặc biệt là cô Trương Thu Thủy (Giảng viên hướng dẫn thực tập tốt nghiệp)
đã truyền dạy những kiến thức cơ bản làm nền tảng để thực hiện đề tài và đã trực tiếp hướng
dẫn, tận tình sửa chữa, đóng góp nhiều ý kiến, kinh nghiệm q báu cho em hồn thành tốt báo
cáo mơn học.
Bên cạnh đó, em xin chân thành cảm ơn cơng ty TungTung. Ở TungTung em đã được
các anh chị giúp đỡ tận tình, đặc biệt là anh Phan Thanh Tung - là người đã đặt những viên gạch
nền tảng đầu tiên trong lĩnh vực lập trình web cho em học tập và rèn luyện. Q trình thực tập ở
cơng ty đã giúp em học hỏi được nhiều kiến thức, từ kiến thức kiểm thử cho đến tác phong, cách
hòa nhập với mơi trường làm việc chun nghiệp, được tìm hiểu các cơng nghệ mới, sử dụng
cơng nghệ đó vào cơng việc như thế nào, quy trình làm việc và tạo sản phẩm ra sao….
Trong suốt q trình hồn thiện báo cáo, nếu em cịn nhiều thiếu sót và nhiều chỗ mơ hồ,
khó hiểu, em mong muốn nhận được sự góp ý chân thành từ q thầy/cơ để em có thể hồn
thiện báo cáo của mình một cách trọn vẹn nhất.

Lê Khắc Hậu Linh
TP. Hồ Chí Minh, tháng 12 năm 2020

Phan Thanh Tùng
Lê Khắc Hậu Linh


5

NHẬN XÉT CỦA KHOA

Phan Thanh Tùng
Lê Khắc Hậu Linh

6

MỤC LỤC

MỤC LỤC

6

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

7

1. Giới thiệu về công ty TungTung.
2. Sản phẩm của công ty
Chương 2: Nội dung thực tập
1.
2.
3.
4.

Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty
Nghiên cứu kỹ thuật
Thực hiện project
Lịch làm việc

7
7
11

11
11
14
14

Chương 3: Chi tiết về project
1. Giới thiệu về phần mềm Incidents
2. Thực hiện
3. Kế hoạch

14
16
19
19

TÀI LIỆU THAM KHẢO
TỔNG KẾT

20
21

Phan Thanh Tùng
Lê Khắc Hậu Linh


7

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

1.

Giới thiệu công ty TungTung
Được thành lập năm 2014, chuyên hoạt động trong lĩnh vực tư vấn xử lý dữ liệu,
lập trình các phần mềm hệ thống về các lĩnh vực quan trắc tự động nước thải, nước
mặt, nước cấp, nước ngầm, hệ thống giám sát khí thải ống khói nhà máy, giảm thất
thoát nước, hệ thống SCADA/DCS và phần mềm quản lý hạ tầng, cơng trình ngầm
GIS 2D-3D.
Tư vấn và cung cấp giải pháp cơng nghệ có tính ứng dụng cao (quan trắc môi
trường và phần mềm GIS).
Cung cấp thiết bị vi tính, thiết bị ngoại vi, linh kiện điện tử, viễn thông
Xử lý dữ liệu cho các đơn vị
Phần mềm quản lý tài sản mạng lưới cấp nước, thoát nước và điện lực
Phần mềm tính tốn thủy lực mạng lưới cấp nước Bentley WaterGEMS
Cung cấp phần mềm ghi chỉ số
Tư vấn các giải pháp thiết bị và giải pháp giảm thất thốt nước

2.

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

Phan Thanh Tùng
Lê Khắc Hậu Linh


8

2.1.

iLotusland Monitoring

● ilotusland monitoring là phần mềm quan trắc môi trường trực tuyến theo
thời gian thực do công ty phát triển, có cả 2 phiên bản dành cho web và
mobile

Phan Thanh Tùng
Lê Khắc Hậu Linh


9

2.2.

Airlotus

● AirLotus là ứng dụng theo dõi khơng khí tại Việt Nam, đưa những thông
tin trung thực, nhanh nhất và chính xác nhất về mơi trường đến người dân

2.3.

Incidents

Phan Thanh Tùng
Lê Khắc Hậu Linh


10

● Tạo ra nền tảng giao tiếp sự cố Incidents theo thời gian thực. Giúp người
dùng có liên quan có thể tạo ticket sự cố, theo dõi, chia sẻ thông tin và
trạng thái của sự cố.

Phan Thanh Tùng
Lê Khắc Hậu Linh


11

Chương 2: Nội dung thực tập
Đợt thực tập với chủ đề “Phần mềm giám sát hệ thống môi trường” 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 web (front end, back end), đồ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 web chun nghiệp.

1. Tìm hiểu công ty và các kỹ năng cơ bản trong 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 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
(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
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 TungTung, 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, jira 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.

2.2.

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, 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ư Jira quản lý dự án, kiểm soát và theo dõi lỗi, vấn đề phát sinh, vscode một chương trình
soạn thảo văn bản rất hữu ích và phổ biến với lập trình viên.
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, so với việc dùng các IDE.
Tìm hiểu ngơn ngữ javascript
Thời gian : 5 ngày (1 tuần)
Nội dung : Được training về các kỹ thuật javascript, những kiến thức quan trọng cho
lập trình web.
- Scope
- Closures

Phan Thanh Tùng
Lê Khắc Hậu Linh


12

- Object
- Class
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ả ​:
-

2.3.

Nâng cao kỹ năng lập trình với ngơn ngữ javascript.
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 front end với Reactjs
Nội dung: Các kiến thức cơ bản về Reactjs để có thể làm ra một web đơn giản.
- Khái niệm cơ bản về Reactjs.
Năm được các khái niệm cơ bản về Reactjs, là một thư viện UI phát triển tại
Facebook để hỗ trợ việc xây dựng những thành phần (components) UI có tính
tương tác cao, có trạng thái và có thể sử dụng lại được.
- Hoạt động của Virtual DOM
Trong React, khi chúng ta tạo ra thay đổi, sẽ diễn ra 2 việc. Đầu tiên, React chạy
một thuật toán so sánh sự khác biệt để phát hiện ra thay đổi. Bước thứ 2 là điều
hòa bằng cách cập nhật DOM với kết quả của thuật toán ở bước 1.
- JSX
Syntax chuyển từ Javascript XML. JSX cho phép bạn viết Javascript theo phong
cách HTML.
- Components
Nếu một trang HTML được cấu tạo từ các thẻ thì React được cấu tạo từ các
Component.
- Props
Là những thuộc tính mà ta truyền vào cho Component
- State
là những thuộc tính bên trong. State chỉ được sử dụng bên trong Component và
bên ngồi Component khơng thể truy xuất đến State của nó

Phan Thanh Tùng
Lê Khắc Hậu Linh


13

-

Lifecycle

Thực hiện :
-

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

Kết quả :
-

Hiểu được những khái niệm cơ bản trong lập trình front end với Reactjs.
Đã viết được component.

Phan Thanh Tùng
Lê Khắc Hậu Linh


14

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 về javascript, Reactjs. Trong tháng thứ hai, trailer đã 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 Incidents, iLotusland Monitoring.
Chi tiết đồ án sẽ được nói ở phần sau.
4. Lịch làm việc

Tuần

Cơng việc

Người hướng dẫn

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.
- Học cách sử dụng
Jira
- Tìm hiểu ngơn ngữ
lập trình javascript
- Thực
hành
javascript
- Làm
bài
test

javascript
hiểu
về
- Tìm
Reactjs
- Thực hành một số
bài tập cơ bản
- Viết component
Giai đoạn Alpha:
- Lên kế hoạch
- Cấu trúc project
- Viết
các
base
component
- Setup Apollo Client
Giai đoạn Alpha(tiếp):

Anh Phan Thanh
Tùng

-

1

2

3

4

6

Mức
độ
hoàn
thành

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

Anh Phan Thanh
Tùng

Anh Phan Thanh
Tùng

Anh Phan Thanh
Tùng

Anh Phan Thanh
Tùng

Anh Phan Thanh
Tùng

Phan Thanh Tùng
Lê Khắc Hậu Linh

15

Viết
các
query
graphql
trong
Apollo
- Query data vào
component
Giai đoạn Beta:
- Viết các chức năng
nâng cao hơn
- Thêm style vào
component để tạo
UI đẹp hơn.
Giai đoạn Beta và giai
đoạn kết thúc, báo cáo :
- Fix bug, UI chưa
đúng design.
- Báo cáo cuối đợt
thực tập.
-

7

8

Anh Phan Thanh
Tùng

Anh Phan Thanh
Tùng

Phan Thanh Tùng
Lê Khắc Hậu Linh


16

Chương 3: Chi tiết về project

1. Giới thiệu về phần mềm Incidents
Tạo ra nền tảng giao tiếp sự cố Incidents theo thời gian thực. Giúp người dùng có liên
quan có thể tạo ticket sự cố, theo dõi, chia sẻ thông tin và trạng thái của sự cố.
Giảm sự rườm rà trong giao tiếp, tăng tính chủ động trong giao tiếp giữa nhà cung cấp
dịch vụ & nhà máy sử dụng dịch vụ. Cho phép người dùng có liên quan sự cố nhận
thông báo qua các kênh SMS, Email,... và trực tiếp trên ứng dụng)
Định hướng phát triển Incidents là một module mở rộng của iLotusLand xoay quanh
chủ thể là trạm quan trắc và kế thừa tổ chức, người dùng, phân quyền từ iLotusLand. Để
sử dụng Incidents thì bắt buộc phải sử dụng iLotusLand.
1.1.

Các tính năng chính
● Tạo các ticket sự cố liên quan trạm quan trắc có trên hệ thống iLotusLand
● Quản lý các ticket theo dạng danh sách và có các bộ lọc để tìm kiếm nhanh
sự cố
● Theo dõi, tracking các giai đoạn sự cố
● Cập nhật postmortem sau sự cố
● Nhận cảnh báo, thông báo về sự cố qua email.

● Xem tổng quan tình trạng, tỉ lệ uptime, downtime của trạm quan trắc trong
khoảng thời gian tùy chỉnh (60 ngày theo yêu cầu từ khách hàng OGM)
● Có hệ thống phân quyền theo từng user, giới hạn các quyền thực thi chức
năng cho từng đối tượng user

Phan Thanh Tùng
Lê Khắc Hậu Linh


17

Phan Thanh Tùng
Lê Khắc Hậu Linh


18

Phan Thanh Tùng
Lê Khắc Hậu Linh


19

1.2.

Các tính năng phát triển sau
●
●
●
●

●

Assign các nhân sự liên quan để phụ trách xử lý ticket
Nhận thông báo qua SMS và trực tiếp trên ứng dụng
Một số loại báo cáo định kỳ theo yêu cầu của khách hàng
Đa dạng và cá nhân hóa Dashboard theo nhu cầu giám sát của khách hàng
Xuất file thông tin sự cố theo mẫu yêu cầu

2. Thực hiện
2 thành viên của team THOR:
- Lê Khắc Hậu Linh
- Anh Trần Văn Trọng
Và sự giúp đỡ tận tình của team trainer TungTung.

3. Kế hoạch
Giai đoạn Alpha:
Hồn thành chức năng:
o Tạo các ticket sự cố liên quan trạm quan trắc có trên hệ thống iLotusLand
o Theo dõi, tracking các giai đoạn sự cố
Kết quả : Hầu hết các tính năng trên đã được thực hiện
-

Giai đoạn Beta:
Hồn thành chức năng:
o Cập nhật postmortem sau sự cố
o Xem tổng quan tình trạng, tỉ lệ uptime, downtime của trạm quan trắc trong
khoảng thời gian tùy chỉnh (60 ngày theo yêu cầu từ khách hàng OGM)
Kết quả : Đã hoàn thành tồn bộ những tính năng trên
-

Phan Thanh Tùng
Lê Khắc Hậu Linh


20

TÀI LIỆU THAM KHẢO
Reactjs: ​ />Apollo Client: ​ />Keystonejs: ​ />
Phan Thanh Tùng
Lê Khắc Hậu Linh


21

TỔNG KẾT
Như vậy, chỉ trong vòng một tháng ngắn ngủi, em đã kịp hoàn thành một web app. Web
app đã có khá đầy đủ các tính năng đã đề ra ban đầu. Do thời gian có hạn nên tính năng web app
còn đơn giản. Nhưng do web app phát triển theo framework có tính kế thừa nên sau này khi có
thời gian sẽ có thể phát triển lên mức cao hơn.
Chân thành cảm ơn sự giúp đỡ của các anh chị nhóm trainer TungTung. Cảm ơn đã giúp
em hồn thành bài báo cáo này.

Phan Thanh Tùng
Lê Khắc Hậu Linh