báo cáo thực tập ứng dụng WEB cào dữ liệu

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

ỨNG DỤNG WEB CÀO DỮ LIỆU

Công ty thực tập

: Công ty cổ phần Gcalls

Người phụ trách

: Chị Võ Thị Mai Linh

Thực tập sinh

: Nguyễn Lê Hoài Ân

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

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


2

LỜI MỞ ĐẦU

Ngày nay, với tốc độ phát triển vô cùng mạnh mẽ của thị trường, các start-up lần lượt ra
đời và đang là nhân tố kích thích sự phát triển của công nghệ thông tin thế giới, cả về phần cứng
và phần mềm.
Cùng với xu thế phát triển của thế giới, Việt Nam cũng không phải ngoại lệ. Các start-up
non trẻ Việt Nam đã và đang phát triển mạnh mẽ, để hịa nhập với những cơng ty hàng đầu ở
Việt Nam. Và start-up cũng mang lại nhiều cơ hội để phát huy khả năng, trải nghiệm nhiều công
nghệ mới. Vì lý do này, em quyết định chọn khởi đầu trong môi trường start-up 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 ứng dụ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 Gcalls - một mơi trường start-up 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.

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


3

LỜI CẢM ƠN

Trân trọng gửi lời cảm ơn Công ty Cổ phần Gcalls đã 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 web hồn chỉnh.
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 chị Linh, đã 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 chị Kim, đã hỗ

trợ chúng em rất nhiều về các vấn đề Devops trong quá trình làm ứng dụng để có thể làm ra một
sản phẩm trong thời gian qua.
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.
Nguyễn Lê Hồi Ân
Thành phố Hồ Chí Minh, 29 tháng 6 năm 2020

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


4

NHẬN XÉT CỦA KHOA

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

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

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


5

MỤC LỤC

MỤC LỤC.......................................................................................................................... 1
Chương 1: Giới thiệu công ty thực tập..........................................................................2
Giới thiệu về công ty Gameloft..........................................................................................2
Sản phẩm của công ty.........................................................................................................2
Chương 2: Nội dung thực tập.........................................................................................3
Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty......................................................3
Nghiên cứu kỹ thuật...........................................................................................................3
Thực hiện project...............................................................................................................7
Lịch làm việc...................................................................................................................... 7
Chương 3: Chi tiết về project.........................................................................................9
Giới thiệu về Game............................................................................................................9
Thực hiện.......................................................................................................................... 11
Kế hoạch........................................................................................................................... 11
TÀI LIỆU THAM KHẢO..............................................................................................13
TỔNG KẾT....................................................................................................................14

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


6

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

1. Giới thiệu công ty Gcalls
Gcalls JSC là startup công nghệ thông tin thế hệ mới tiên phong và tập trung vào
việc phát triển các sản phẩm mới như viễn thông, dịch vụ số, nội dung số và ứng
dụng số cho doanh nghiệp vừa và nhỏ trong khu vực Đông Nam Á. Sản phẩm chủ
lực hiện tại của ứng dụng softphone trên nền di động được tích hợp với các nhà cung
cấp dịch vụ số tổng đài, CRM, Helpdesk, … giúp doanh nghiệp vừa và nhỏ có thể dễ
dàng lựa chọn nhà cung cấp để tạo một trung tâm giao tiếp với khách hàng của mình
ở bất kỳ quốc gia nào trong khu vực Đông Nam Á.

2. Sản phẩm của công ty
Gcalls cung cấp giải pháp phần mềm nghe gọi và các dịch vụ gia tăng liên quan
dành riêng cho doanh nghiệp. Trong đó, ứng dụng của Gcalls cho phép đội ngũ
telesales, chăm sóc khách hàng và nhà quản lý làm việc một cách hiệu quả nhất nhờ
vào thông tin khách hàng, dữ liệu cuộc gọi, sự đồng bộ, tự động và khả năng tích
hợp với các nền tảng khác.

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân

7

Chương 2: Nội dung thực tập
Đợt thực tập với chủ đề “Xây dựng ứng dụng web cào dữ liệu” 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 backend và frontend sử dụng ngơn ngữ
javaScript, đồ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 làm
việc 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 Gcalls, 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.

Tìm hiểu ngôn ngữ javascript và css/html nâng cao
Thời gian : 4 ngày
Nội dung : Tìm hiểu về các ngơn ngữ 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 ngôn
ngữ sẽ sử dụng cho trong công việc sau này. Một số ngôn ngữ như javascript, css,

html, sử dụng nodejs và reactjs.
Ở phần backend sử dụng nodejs, tạo server chạy trên port tự tạo, sau đó sử dụng
reactjs và kết nối với port server của nodejs bằng babel và webpack.
Thực hiện : Được leader của team train về các ngôn ngữ của công ty, giới thiệu cách
sử dụng và thực hành sử dụng các ngôn ngữ đã nêu trên.
Kết quả : Lập trình sử dụng các ngơn ngữ trên thành thạo, biết cách kết hợp chúng lại
với nhau.
- 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.

2.2.

Tìm hiểu mongodb và cách kết nối
Thời gian : 4 ngày (1 tuần)
Nội dung : Được training về database mongodb, các câu lệnh kết nối với project và sử

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


8

dụng để tạo, xố, sửa thơng tin trong database.
Thực hiện :
- 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 mongo database.

Có được những kiến thức quan trọng cho việc sử dụng database mongo vào trong
project.

2.3.

Lập trình RestfulAPI với Nodejs, mongodb
Thời gian : 6 ngày
Nội dung: Các kiến thức cơ bản về Restful API và Nodejs để xây dựng server API.
- Khái niệm cơ bản về Restful API.
RESTful API là một tiêu chuẩn dùng trong việc thiết kế API cho các ứng dụng
web (thiết kế Web services) để tiện cho việc quản lý các resource. Nó chú trọng
vào tài nguyên hệ thống (tệp văn bản, ảnh, âm thanh, video, hoặc dữ liệu động…),
bao gồm các trạng thái tài nguyên được định dạng và được truyền tải qua HTTP.
Nó sử dụng phương thức HTTP đơn giản để tạo cho giao tiếp giữa các máy. Vì
vậy, thay vì sử dụng một URL cho việc xử lý một số thông tin người dùng, REST
gửi một yêu cầu HTTP như GET, POST, DELETE, vv đến một URL để xử lý dữ
liệu.
REST hoạt động chủ yếu dựa vào giao thức HTTP. Các hoạt động cơ bản nêu trên
sẽ sử dụng những phương thức HTTP riêng. Những phương thức hay hoạt động
này thường được gọi là CRUD tương ứng với Create, Read, Update, Delete –
Tạo, Đọc, Sửa, Xóa.
- Ứng dụng:
Ứng dụng kiến thức để viết các hàm gọi tới Restful API và truy suất vào
mongodb, thêm xoá sửa truy suất các dữ liệu để đọc lên server.

2.4.

Sử dụng React Router và Redux
Thời gian : 6 ngày
Nội dung : Các kỹ thuật điều hướng tới trang khác bằng react router và dùng redux để

optimize code, sử dụng lại nhiều lần thay vì sử dụng trong phạm vi nhỏ.
- Định nghĩa về React Router:
React Router là một thư viện điều hướng tiêu chuẩn trong React. Nó giúp
cho UI được đồng bộ với URL. Nó có API đơn giản nhưng mạnh mẽ, có thể giúp
giải quyết được rất nhiều vấn đề.
- Định nghĩa về Redux:
Redux là một công cụ quản lý các state cho các ứng dụng Javascript. Nó giúp bạn
viết các ứng dụng hoạt động một cách nhất quán, chạy trong các môi trường khác
nhau (client, server, and native) và dễ dàng để test.

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


9

-

Tại sao phải sử dụng hai công nghệ trên:
Để giúp code trở nên trơn tru hơn, biết quy trình hoạt động của một ứng dụng lớn
khi sử dụng Nodejs và Reactjs, khi mà có quá nhiều state hay trang cần quản lý,
chúng ta sử dụng hai công nghệ Router và Redux để code trở nên sạch sẽ, khi ấy
các nhà phát triển vào sau sẽ biết để đọc và thay đổi, chứ khơng cịn là sản phẩm
một người phát triển.

Thực hiện :
-

Tham gia đầy đủ các buổi training.

Tạo ra những ứng dụng cơ bản có sử dụng hai cơng nghệ trên sau đó áp dụng vào
ứng dụng thực tập.

Kết quả:
-

2.5.

Áp dụng thành công, code trở nên sạch sẽ hơn và ai đọc vào cũng hiểu các hướng
hoạt động của ứng dụng.

Tìm hiểu docker và cách sử dụng
Thời gian : 4 ngày (1 tuần)
Nội dung : Được training về docker, viết dockerfile để tự chạy ứng dụng mà không
cần cài các ngôn ngữ đi kèm.
- Định nghĩa về docker:
Docker là một nền tảng cho developers và sysadmin để develop, deploy và run
application với container. Nó cho phép tạo các mơi trường độc lập và tách biệt để
khởi chạy và phát triển ứng dụng và môi trường này được gọi là container. Khi cần
deploy lên bất kỳ server nào chỉ cần run container của Docker thì application của
bạn sẽ được khởi chạy ngay lập tức.
- Tại sao phải sử dụng docker:
Việc setup và deploy application lên một hoặc nhiều server rất vất vả từ việc phải
cài đặt các công cụ, môi trường cần cho application đến việc chạy được ứng dụng
chưa kể việc không đồng nhất giữa các môi trường trên nhiều server khác nhau.
Chính vì lý do đó Docker được ra đời để giải quyết vấn đề này.
Thực hiện :
- Tham gia đầy đủ các buổi training.
- Làm các bài thực hành, kiểm tra về kiến thức đã học.
Kết quả :

-

Biết thêm về docker và lợi ích của nó trong mơi trường làm việc lớn, chuyên
nghiệp.

3. Thực hiện project
<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


10

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ề Nodejs, Reactjs, mongodb, …. 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, 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 ứng dụng trang web cào dữ liệu của
trangvangvietnam.
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
ngôn ngữ làm việc
trong công ty.
- Học cách trao đổi,
làm việc qua email.
- Tìm hiểu ngơn ngữ
lập trình Nodejs, kết
nối mongodb
- Thực hành xây
dựng ứng dụng cơ
bản
- Tìm
hiểu
về
Restful API
- Xây dựng Restful
API trên nodejs để
lấy thêm xố sửa
mongodb
- Tìm hiểu Reactjs,
React Router và
Redux
- Thực hành tạo một
ứng dụng cơ bản
Reactjs kết hợp
Router và Redux.
Giai đoạn Đầu:
- Lên kế hoạch
- Viết Framework
- Bắt đầu cào dữ liệu

Anh Nguyễn Xuân
Bằng
Chị Võ Thị Mai
Linh

-

1

2

3

4

5

<Tên phụ trách/GVHD>

Mức
độ
hoàn
thành

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

Chị Võ Thị Mai
Linh

Chị Võ Thị Mai
Linh

Chị Võ Thị Mai
Linh

Chị Võ Thị Mai
Linh

Nguyễn Lê Hoài Ân


11

6

7

8

9

10

với thư viện cheerio.
- Lấy dữ liệu lên trên
frontend.
Giai đoạn hai:
- Thiết kế giao diện

đơn giản, dễ dùng
hơn cho ứng dụng
và đáp ứng đủ các
tính năng
- Sử dụng các thư
viện được gợi ý để
hiển thị thơng tin lên
màn hình
Giai đoạn ba:
- Truy suất các API
dưới server lên
frontend.
- Hiển thị nội dung,
tính năng đầy đủ
yêu cầu của trainer
Giai đoạn bốn:
- Báo cáo về ứng
dụng cho trainer.
- Tiếp thu các nhận
xét của trainer và
sửa đổi ứng dụng lại
cho phù hợp
- Ráp React Router và
Redux vào ứng
dụng.
- Sử dụng session để
quản lý thông tin
- Tìm hiểu docker và
viết Dockerfile cho
ứng dụng, chạy

docker cho ứng
dụng
- Báo cáo ứng dụng
lần cuối, kết thúc
thực tập

<Tên phụ trách/GVHD>

Chị Võ Thị Mai
Linh

Chị Võ Thị Mai
Linh

Chị Võ Thị Mai
Linh

Chị Võ Thị Mai
Linh

Chị Vũ Thị Thu
Kim

Nguyễn Lê Hoài Ân


12

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

1. Giới thiệu về ứng dụng web
Ứng dụng được đề ra như một sản phẩm nội bộ dành cho nhân viên của công ty Gcalls,
được dùng vào cung cấp thông tin cho nhân viên để có thể phục vụ.
1.1.

Sử dụng Postman để gọi các Restful API

Đây là màn hình của Postman, dùng để gọi Restful API với các phương thức
GET/PUT/POST/DELETE. Tiết kiệm thời gian và công sức so với việc gọi tay các API trong
server.

1.2.

Màn hình Login

<Tên phụ trách/GVHD>

Nguyễn Lê Hồi Ân


13

Màn hình đầu tiên là màn hình đăng nhập, sử dụng tài khoản được khởi tạo trong
database, khi đã sign in vào thì dùng session để lưu lại, ghi nhớ những lần sau khỏi cần phải
đăng nhập nữa.
Tăng tính bảo mật cho ứng dụng, làm quen với session

1.3.

Màn hình chính

Màn hình chính được thiết kế như hình, đơn giản và đầy đủ các tính năng yêu cầu. Nhập đường link cần

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


14
cào dữ liệu theo như mẫu, sau đó bấm nút “Crawl data”. Dữ liệu ở đây được cào theo lĩnh vực, sau khi
cào lĩnh vực sẽ được lưu lại để mỗi khi cần sẽ chọn trong phần select box
Dữ liệu được trả về như hình:

Phần dữ liệu cào gồm Tên công ty, Địa chỉ, lĩnh vực, số điện thoại, email, website, Họ tên người liện hệ,
email người liên hệ, số điện thoại người liên hệ, số di động người liên hệ
Chúng ta có thể tải file csv của dữ liệu về máy.
File csv có định dạng tương tự như file excel, nên chúng ta có thể mở bằng excel.

Ngồi ra, chúng ta có thể chọn nhiều lĩnh vực cùng một lúc để tiện cho việc theo dõi. Kế bên còn có 2
icon thùng rác và cây bút, dùng để xố và sửa tên của lĩnh vực được chọn trong ô selectbox.

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


15

Chúng ta cịn có thể search hoặc filter bảng dữ liệu, chỉ cần điền thứ cần tìm vào ơ trống là bảng sẽ tự
lọc và trả về

1.4.

Mơ hình Use Case

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


16

1.5.

Danh sách các Use Case

STT Tên Use Case

Ý nghĩa/Ghi chú

1

Chức năng đăng nhập vào hệ thống để thực hiện các tác

Đăng nhập

vụ.
2

Crawl data

Chức năng cho phép người dùng crawl data từ
categories của web trangvangvietnam.com.

3

Tìm kiếm thơng tin

Chức năng cho phép người dùng lọc ra thông tin của
công ty theo key word nhập vào.

4

Chọn lĩnh vực

Chức năng cho phép người dùng chọn ra các lĩnh vực
trong database đã crawl trước đó.

5

Sửa lĩnh vực

<Tên phụ trách/GVHD>

Chức năng cho phép người dùng thay đổi tên lĩnh vực.
Nguyễn Lê Hoài Ân


17

6

Xóa lĩnh vực

Chức năng cho phép người dùng xóa 1 lĩnh vực khỏi
database.

7

Export to csv

Chức năng cho phép người dùng xuất file csv.

8

Đăng xuất

Chức năng đăng xuát khỏi hệ thống.

1.6.

Đặc tả Use Case

1.6.1. Đặc tả chức năng đăng nhập
Đăng nhập
Tên Use case

Đăng nhập

Mô tả

Chức năng đăng nhập vào hệ thống để thực hiện các tác vụ.

Người thực hiện

User

Điều kiện trước xử lý

Load thành công trang web.

Điều kiện sau xử lý
Các bước thực hiện

1. Nhập username.
2. Nhập password.
3. Nhấn nút Sign in.

Ngoại lệ
Dịng sự kiện chính

1. Hiển thị trang web
2. User nhập username và password.
3. Đăng nhập vào hệ thống.

Dòng sự kiện khác

1. Kiểm tra username và password
2.
a. Thiếu thông tin 1 trường.

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


18

b. Sai username hoặc password.
3.
a. Yêu cầu điền vào trường thiếu..
b. Hiển thị thông báo “Wrong User or Password, please try
again!!”.

1.6.2. Đặc tả chức năng crawl data
Crawl Data
Tên Use case

Crawl data

Mô tả

Chức năng cho phép người dùng crawl data từ categories
của web trangvangvietnam.com.

Người thực hiện

User

Điều kiện trước xử lý

Load thành công trang web.

Điều kiện sau xử lý
Các bước thực hiện

1. User nhập đường link muốn lấy thông tin.
2. Click vào nút Crawl Data.
3. Thông báo load xong và hiển thị thơng tin dạng bảng.

Ngoại lệ
Dịng sự kiện chính

1. Hiển thị trang web
2. User nhập link muốn lấy thông tin.
3. Click vào nút Crawl Data.

Dòng sự kiện khác

1. Kiểm tra link user nhập vào.
2.

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


19

a. Không phải link categories của web

trangvangvietnam.com.
b. Link đã được crawl.
3.
a. Hiển thị thơng báo “vui lịng nhập dủ thơng tin”.
b. Hiển thị thông báo “thông tin cần lấy đã được lấy từ
trước”.

1.6.3. Đặc tả chức năng tìm kiếm thơng tin
Tìm kiếm thơng tin
Tên Use case

Tìm kiếm thơng tin

Mơ tả

Chức năng cho phép người dùng lọc ra thông tin của công ty
theo key word nhập vào.

Người thực hiện

User

Điều kiện trước xử lý

Có danh sách thơng tin từ web đã crawl.

Điều kiện sau xử lý
Các bước thực hiện

1. Nhập thông tin vào trường muốn lọc.

2. Tìm theo key word ứng với trường đó.

Ngoại lệ
Dịng sự kiện chính

<Tên phụ trách/GVHD>

Nguyễn Lê Hồi Ân


20

Dòng sự kiện khác

1.6.4. Đặc tả chức năng chọn lĩnh vực
Chọn lĩnh vực
Tên Use case

Chọn lĩnh vực

Mô tả

Chức năng cho phép người dùng chọn ra các lĩnh vực trong
database đã crawl trước đó.

Người thực hiện

User

Điều kiện trước xử lý

Có danh sách các lĩnh vực.

Điều kiện sau xử lý
Các bước thực hiện

1. Chọn lĩnh vực muốn tìm.
2. Nhấn tìm.

Ngoại lệ
Dịng sự kiện chính
Dịng sự kiện khác

1.6.5. Đặc tả chức năng sửa lĩnh vực
Sửa lĩnh vực
Tên Use case

Sửa lĩnh vực

Mô tả

Chức năng cho phép người dùng thay đổi tên lĩnh vực.

Người thực hiện

User

Điều kiện trước xử lý

Có ít nhất 1 lĩnh vực.

Điều kiện sau xử lý
Các bước thực hiện

<Tên phụ trách/GVHD>

1. Chọn lĩnh vực.

Nguyễn Lê Hoài Ân


21

2. Click vào nút edit.
3. Nhập tên muốn thay đổi.
4. Click vào nút done.
Ngoại lệ
Dịng sự kiện chính
Dịng sự kiện khác

1.6.6. Đặc tả chức năng xóa lĩnh vực
Xóa lĩnh vực
Tên Use case

Xóa lĩnh vực

Mơ tả

Chức năng cho phép người dùng xóa 1 lĩnh vực khỏi
database.

Người thực hiện

User

Điều kiện trước xử lý

Có ít nhất 1 lĩnh vực.

Điều kiện sau xử lý
Các bước thực hiện

1. Chọn lĩnh vực.
2. Click vào nút delete.

Ngoại lệ
Dịng sự kiện chính
Dịng sự kiện khác

1.6.7. Đặc tả chức năng export to csv
Export to csv
Tên Use case

<Tên phụ trách/GVHD>

Export to csv

Nguyễn Lê Hoài Ân

22

Mô tả

Chức năng cho phép người dùng xuất file csv.

Người thực hiện

User

Điều kiện trước xử lý

Có thơng tin đã crawl.

Điều kiện sau xử lý
Các bước thực hiện

1. Chọn lĩnh vực.
2. Click vào nút Export to csv.

Ngoại lệ
Dịng sự kiện chính
Dịng sự kiện khác
1.6.8. Đặc tả chức năng đăng xuất
Đăng xuất
Tên Use case

Đăng xuất

Mô tả

Chức năng đăng xuất khỏi hệ thống.

Người thực hiện

User

Điều kiện trước xử lý

Đăng nhập thành công.

Điều kiện sau xử lý
Các bước thực hiện

1. Nhấn nút Đăng xuất.

Ngoại lệ
Dịng sự kiện chính

1. Thốt khỏi hệ thống.
2. Quay lại trang đăng nhập.

Dịng sự kiện khác

1.7.

Mơ hình luồng dữ liệu

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


23

1.8.

Mơ hình dữ liệu Mongodb

<Tên phụ trách/GVHD>

Nguyễn Lê Hồi Ân


24

1.9.

Cài đặt

Môi trường phát triển và triển khai
Môi trường phát triển
- Sử dụng NodeJS.
- Sử dụng Express.
- Sử dụng ReactJS, React Router, Redux.
- Sử dụng Visual Code để lập trình.
- Quản lý cơ sở dữ liệu bằng Mongodb.
- Quản lý source code bằng GitLab.
Mơi trường triển khai
- Có thể triển khai ứng dụng thông qua điện thoại đa chức năng, máy tính bàn, laptop,

máy tính bảng,…
- Điều kiện để có thể triển khai phần mềm bao gồm:

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân


25

+ Là thiết bị có thể truy cập mạng.
+ Có dữ liệu mạng sẵn có.
+ Sẵn có phần mềm trình duyệt web như (FireFox, Cốc Cốc, Google Chrome, Internet
Explorer, Opera,…).
1.10.

Kết quả

Được đưa vào sử dụng nội bộ trong công ty, được cấp cho domain để đẩy lên. Domain
là :

TÀI LIỆU THAM KHẢO
a/p/tu-setup-reactjs-project-co-ban-voi-webpack-4-va-babel-7-phan-2djeZ197gZWz
/> /> /> /> />fbclid=IwAR247sZsyMunI7AVIokWG9e9MSM0qijCTOH89bqLWkKblA6sY_A7D5LFe8

<Tên phụ trách/GVHD>

Nguyễn Lê Hoài Ân