Xây dựng ứng dụng tương tác xử lý công việc

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN CỘNG HOÀ XÃ HỘI CHỦ NGHĨATHÔNG VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độc lập - Tự do - Hạnh phúc ĐĂNG KY DO AN TOT NGHIỆP ĐẠI HỌC Họ và tên: Phạm Trung Hiếu

Trang 1

HỌC VIEN CÔNG NGHỆ BƯU CHÍNH VIÊN THONG

KHOA CÔNG NGHỆ THÔNG TIN

XÂY DỰNG ỨNG DỤNG TƯƠNG TÁC XỬ LÝ CÔNG VIỆC

Người hướng dẫn : TS ĐÀO NGỌC PHONG

Sinh viên thực hiện : PHAM TRUNG HIỂU

Lớp : DI7CNPM1

Mã Sinh viên : BI7DCCN243

Hệ : Đại học

HÀ NỘI, NĂM 2021

Trang 2

HỌC VIEN CÔNG NGHỆ BƯU CHÍNH VIÊN THONG

KHOA CÔNG NGHỆ THÔNG TIN

XÂY DỰNG ỨNG DỤNG TƯƠNG TÁC XỬ LÝ CÔNG VIỆC

Người hướng dẫn : TS ĐÀO NGỌC PHONG

Sinh viên thực hiện : PHAM TRUNG HIỂU

Lớp : DI7CNPM1

Mã Sinh viên : BI7DCCN243

Hệ : Đại học

HÀ NỘI, NĂM 2021

Trang 3

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN CỘNG HOÀ XÃ HỘI CHỦ NGHĨA

THÔNG VIỆT NAM

KHOA CÔNG NGHỆ THÔNG TIN Độc lập - Tự do - Hạnh phúc

ĐĂNG KY DO AN TOT NGHIỆP ĐẠI HỌC

Họ và tên: Phạm Trung Hiếu Mã SV: B17DCCN243

Lớp: D17CNPMI Khoá: 2017

Ngành đào tạo: CNTT Hệ đào tạo: Đại học chính quy

Email: phamtrunghieuxtba8 @ gmail.com

Số điện thoại: 0346932126

1⁄ Tên đồ án

Xây dựng ứng dụng tương tác xử lý công việc3/ Nội dung chính (tóm tắt)

- Ứng dụng tương tác cho nhân viên trong công ty

- _ Giúp nhân viên quản lý công việc trên Jira

- PM theo dõi công việc nhân viên trên Jira, ho trợ nhac nhở nhân viên

2/ Cau trúc đồ án (dự kiến)

- Phần 1: Giới thiệu hệ thống

- Phan 2: Phân tích thiết kế hệ thống

- Phần 3: Kết luận

4/ Ngày giao đề tài: tháng 10/2021

5/ Ngày hoàn thành (dự kiến): tháng 12/2021

GVHD: Ts Đào Ngọc Phong SVTH: Phạm Trung Hiếu — B17DCCN243

Trang 4

Ha Nội, ngày l6 tháng 10 năm 2021

GIẢNG VIÊN HƯỚNG DẪN SINH VIÊN

(Ky ghi rõ họ tên) (Ky ghi rõ họ tên)

HiếuPhạm Trung Hiếu

GVHD: Ts Đào Ngọc Phong SVTH: Phạm Trung Hiếu - B17DCCN243

Trang 5

DANH MỤC CÁC HÌNH ẢNHHình 1 Mô hình Usecase tổng quan của hệ thống 2-5 2 + s+£+£+x+s+2 12Hình 2: Mô hình vật lý hệ thống ¿2+ 2E EEE+E£EE+E£EE£E+EEEEEEerErEererrrree 14Hình 3: Biểu đồ thiết kế class Chat SerVer -::55:2c+2cxsrxtzrtirrrrrerrerrree l5Hình 4: Ví dụ intent chatbOt 0110111 113111111119223211 1111111 ng 1 ke 16 Hình 5: Ví du Utter chatbOt - - S22 22111111133 1111 1v vn re 17 Hình 6: Ví dụ rule chatbOt - - 22+ 122111111113 21111111 nh re 18

Hình 7: Mẫu file báo cáo công viỆC ¿-¿-¿ ¿525252 St SE SE2E 212 E222 krrrkrrrres 22

Hình 8: Mẫu tin nhắn nhắc nhở issue vượt quá hạn + << xs+ssseeers 23

Hình 9: Mẫu báo cáo công việc theo SpFII ¿+2 25252 S2+E+E£E£E+EzE£EzEzErxrrrree 26

Hình 10: Mẫu danh sách nhân sự trong dự án ¿-25-5+s+s+s+E+E+E+EzEzEzxzxreez 27 Hình 11: Mẫu tin báo cáo công việc toàn công ty l -++++x+x+x+x+xcse2 27 Hình 12: Mẫu báo cáo công việc toàn công ty 2 ¿-¿-¿©5+22+22+x+x+t+xzrrxrrrree 28

Hình 13: Giao diện đăng nhập - (5 E1 1631011139111 9911119 ng vn reg 29Hình 14: Biéu đồ tuần tự chức năng đăng nhập 2 2s s+£z+x+zx+zszsez 30

Hình 15: Biéu đồ tuần tự chức năng tao tài khoản -cc sexy 31

Hình 16: Biéu đồ tuần tự chức năng cập nhật thông tin tài khoản - 32Hình 17: Biéu đồ tuần tự chức năng tạo kênh nhắn tin -c+s+s+sxexzzzesecez 34Hình 18: Giao diện nhắn tin -¿-2¿-55222+t2Ex2EEt2EEEEEEEEEtrrrtrrrrrrrrrrrrree 35

Hình 19: Giao diện nhắn tin 5:55 2cxt2Ext2EtEEtEkttrtrrrtrrrtrrrrrrrrrrrrrrree 36Hình 20: Biéu đồ tuần tự chức năng nhắn tin gửi file 55+ s+s+5+2 37

Hình 21: Giao diện kênh nhắn tit se eeeeeeceeescecececececcsesescsceceecscscscececccevsvececaceceavscseeees 38Hinh 22: Giao dién nhắn tin với Chatbot c.cccccccccscssscsssesesesesececscscevsvevevevsvevaveveeeees 39Hình 23: Biểu đồ tuần tự truy van chatbot c.cccceccscsccscsscscsscsesesessesesessesesesseeseees 40

Hình 24: Hình mô tả WeblRTÍC - - c1 1119 111kg 4I

Hình 25: Giao diện thông báo cuộc gọi 0 42

Hình 26: Giao diện trò chuyện vIde€O - - - G SH ng rrh 43

Trang 6

Hình 27: Biểu đồ tuần tự chức năng trò chuyện video ¿s2 52s s+s+ss2

Trang 7

Chương2 PHAN TÍCH THIET KE VÀ XÂY DỰNG HỆ THÓNG 10

2.1 Phân tích chức năng, nghiỆp VỤ < so << «55s 55+ 10

2.1.1 Phan tích yêu Cau - ¿2 +E+E2ESE+E2ESEEEEEEEEEEEErkrkrrerrree 102.1.2 Biểu đồ ca sử dụng (Use-case) +52 52ccccccscsrszxersrsree 112.2 Mô hình vật lý hệ thong cccccecsscesescessccesscsesesscsescsesscsceceeees 132.2.1 Frontend Web - HH net 14 2.2.2 Chat Server 0 eeesccssscecssseccesseeceseeceseecesaeecesseeesseeeesaeeessaees 15 2.2.3 Chatbot lÑasa HH TH non nh 16 2.2.4 Jira CONTCẨOT G1 kh 18 2.2.5 MinIo S{OFAĐ€ HH kh 282.3 Thiết kế tuần tự chức năng s5 ssess=sess=sesesse 292.3.1 Chức năng đăng nhập - 5S 1S vn ve 29

2.3.2 Chức năng tạo tài khoản c 11x xsierrrsseresre 30 2.3.3 Chức năng cập nhật thông tin tài khoản -5<+>- 3l

2.3.4 Chức năng tạo kênh nhăn tin 2- + 2 + 2+s+£££++Ee£szxezxez 32

Trang 8

2.3.5 Chức năng nhăn tin và file đính kèm - 2 25 s£+£zc+2 342.3.6 Chức năng truy vấn chafbot -¿- 5-5 c2 +s+E+E+EeEerszxzrsrsree 37

2.3.7 Chức năng trò chuyện VId€O <5 + sk+severeseererseeree 41

Chương3 KET QUA VA ĐÁNH GIA - 5s ssesscsessssesessesese 45

3.1 Đánh giá kết quả của khóa luận 5s < ses<<sesssse 45

3.1.1 Kết quả dat được - 2c St E211 51121111 crke 453.1.2 Đánh giá ưu điểm, khuyết điểm 2- 2552 2+s+zx+z+2se2 45

3.1.3 Hướng phát triỂn ¿- 52+ St+E£E2EEEEEEEErkrrrrrrrerees 45

4800/0077 46

TÀI LIEU THAM IKKHẢO 2-5- 5 5£ < 5£ 2 SsS£ 4s sEs£S#EsesE£sessesessesese 47

Trang 9

MỞ ĐẦU

Hệ thống tương tác xử lý công việc được phát triển cho các nhân viên sử dụng

dé tương tác, quản lý công việc nội bộ trong công ty Hệ thống phát triển nhằm hỗtrợ các công ty, các tô chức có một hệ thống tương tác riêng theo yêu cầu, tích hợp

quản lý công việc trên Jira

Em xin gửi lời cảm ơn đến thầy giáo Đào Ngọc Phong, người đã giúp đỡ emtrong thời gian xây dung đồ án tốt nghiệp Thầy đã hướng dẫn tận tình cho em nhữngkiến thức, kỹ năng và luôn nhắc nhở giúp em tự tin hoàn thành tốt đồ án tốt nghiệp.Tuy nhiên, trong quá trình hoàn thiện đồ án vẫn không thé tránh được những sai sót

nhât định, nên em rât mong nhận được sự đóng góp của các thây, cô giáo và các bạn.

Cuói cùng, em cũng xin gửi lời cảm ơn chân thành đến các thay giáo, cô giáoKhoa Công nghệ Thông tin - Học viện Công nghệ Bưu chính Viễn thông sự đã truyềnđạt kiến thức, kinh nghiệm cho chúng Thầy cô đã cung cấp cho em từ những nền

tảng căn bản cho đến những kiến thức rộng hơn và đặc biệt là những kỹ năng cần

thiết dé trở lên dần hoàn thiện hơn Kính chúc các thay giáo, cô giáo luôn khỏe mạnh,hạnh phúc, thành công trong cuộc sống và trong sự nghiệp trồng người

Trân trọng cảm on!

Trang 10

Chương 1KHẢO SÁT HỆ THÓNG

1.1 Mô tả hệ thống tương tác quản lý công việc

1.1.1 Phân tích thực trạng

s* Thực trang

Hiện nay có rất nhiều ứng dụng nhắn tin giao tiếp Mỗi ứng dụng sẽ có điểm

mạnh riêng Dé phù hợp với nhu cầu sử dụng, các công ty phải sử dụng haihoặc nhiều ứng dụng nhắn tin trao đổi công việc cùng lúc Các ứng dụng nhắntin có san không thé tùy chỉnh, tích hợp với những phần mềm của công ty

Cùng với đó là van dé tổng hợp báo cáo công việc ở nhiều công ty phải sử

dụng biện pháp thủ công gây mat thời gian và giảm độ chính xác

s* Giải pháp

Dựa vào những phân tích ở trên dé công ty có thé sử dung 1 ứng dụng nhắntin có đủ tính năng cần thiết, dé dang tùy chỉnh theo yêu cầu, tích hợp với cácứng dụng khác để quản lý tiện ích, em đã phân tích, thiết kế và phát triển ứngdụng Web tương tác, quản lý công việc.

“+ Kết quả nghiên cứu trong đề tài này có thé được sử dụng để:

Ứng dụng trong công ty dé nhân viên, quản lý có thé tương tác và hỗ trợ quản

lý công việc trên Jira dễ dàng.

1.1.2 Mục đích của đồ án

s* Ung dụng được phát triển dé

- Nhân viên trong công ty có thê nhăn tin, trò chuyện video, trao đôi công

VIỆC.

- Nhac nhở thông báo công việc với nhân viên | cách tự động.

Trang 11

Tông hợp báo cáo công việc đê đánh giá các dự án, hiệu xuât làm việc.

Giúp cho quản lý có thê điêu phôi công việc hợp lý

1.1.3 Các chức năng của hệ thống

1. Đăng nhập: Chức năng này nhằm mục đích xác thực người dùng khi tương

tác với hệ thống nhằm cung cấp quyền cũng như phạm vi truy cập hệ thống

Đăng ký: Quản trị viên có vai trò tạo và câp tài khoản cho người dùng đê

Nhặc nhở công việc: Hệ thông tự động nhac nhở nhân viên nêu chưa khai

báo công việc, có nhiệm vụ sap tới ngày hêt hạn hoặc quá ngày hêt hạn mà chưa hoàn thành

Xuat báo cáo công việc: Hệ thông sé tông hợp công việc trên Jira cho moi người theo dõi

Nhan tin với mọi nguoi trực tiếp hoặc theo nhóm Trò chuyện video

Trang 12

Chương 2PHAN TÍCH THIET KE VÀ XÂY DUNG HE THONG

2.1 Phan tích chức năng, nghiệp vu

2.1.1 Phân tích yêu cau

s* Yêu cầu chức năng:

Những người vào hệ thống và chức năng được thực hiện khi vào hệ thống:

- Thanh viên hệ thống:

+ Đăng nhập

+ Đăng xuất+ Đổi thông tin tài khoản+ Nhận thông báo nhắc nhở

- Nhân viên:

+ Tìm kiêm thành viên

+ Tạo kênh nhắn tin+ Thêm thành viên vào kênh nhắn tin+ Rời khỏi kênh nhắn tin

+ Thêm, xóa tin nhăn

+ Xuất báo cáo toàn công ty

Trang 13

s* Yêu cau phi chức năng:

- _ Hệ thống có chức năng bảo mật và phân quyền người dùng

- _ Người sử dụng chương trình: được cấp username và password và được

phân quyền sử dụng chương trình, giúp người quản lý có thể theo dõi,kiểm soát được chương trình, tránh các hợp sửa đổi thông tin không thuộcphạm vi quyền hạn

- Password được mã hóa khi đưa vao di liệu và người dùng có thể đổi mật

khẩu của mình

- _ Giao diện đẹp, dé nhìn, phù hợp với yêu cầu người dùng

- Dễ sử dụng với mọi đối tượng

- _ Thông tin hiển thị chỉ tiết

- Chay ôn định ít phát sinh lỗi

- Hoan thanh đúng hạn

2.1.2 Biểu đồ ca sử dụng (Use-case)

Trang 14

s* Mô hình Use-case tông quan

Trang 15

2.2_ Mô hình vật lý hệ thống

Bao gồm 6 phần:

Frontend web Chat Server Jira Connector Rasa Chatbot Minio Storage Database MySQL

13

GVHD: Ts Dao Ngoc Phong SVTH: Phạm Trung Hiếu — B17DCCN243

Trang 16

Minio Storage

Frontend client sử dung framework ReactJs có chức nang:

+ Hiển thi giao diện cho người ding

+ Kết nối với Websocket trên Chat server sử dung thu viện stompjs+ Sử dụng API trên Chat server bằng react fetch

+ Trò chuyện video sử dụng WebRTC

Trang 17

2.2.2 Chat Server

s* Chức nang:

Server chat sử dụng framework Spring boot:

- _ Gửi tin nhắn đến frontend client qua websocket

- Gửi message đến Jira connector khi có truy vấn chatbot

- Lưu trữ, lay file từ Minio storage

- Cung cấp các API cho:

o Người dùng: đăng nhập, sửa thông tin, tạo kênh, tạo tin nhắn, upload

file, tìm kiêm, xem danh sách kênh nhăn tin, xem tin nhăn cũ

o Admin tạo tài khoản, xuât báo cáo Jira

s* Biéu đồ thiét kê class:

Trang 18

2.2.3 Chatbot Rasa

s* Giới thiệu:

- Rasa là mã nguồn mở để xây dựng chatbot Hiểu tin nhắn, giữ cuộc trò chuyện

và kết nối với các kênh nhắn tin và API

- Rasa thực sự dễ tiếp cận cho người mới bắt đầu

- Rasa hoạt động khá tốt và mạnh mẽ, đặc biệt trong van đề xác định ý định người

dùng (intent) và đối tượng được nhắc đến trong câu (entity) dù dit liệu bạn thu

thập và cung cấp cho rasa là vô cùng ít

s* Một số thuật ngữ

1) NLU

- Natural Language Understanding xử lý việc phân tích cú pháp và hiểu

ngôn ngữ của con người thành một định dạng có câu trúc.

Trang 19

3) Response (Utter)

- _ Câu trả lời là tin nhắn mà trợ lý của bạn gửi cho người dùng Một phan

hôi thường chi là text, nhưng cũng có thê bao gôm nội dung như images

- text: "Cảm on ban quá khen ah!”

- text: "Dạ khéng có gi, đó là trách nhiệm của Bot a!”

utter e get work_report:

- text: "e get workreport”

utter_m get work_report:

- text: "m get workreport”

utter_m get staff list:

- text: "m get staff list”

utter_m get project_report:

- text: "m get project_report”

utter_unknown:

- text: "Tôi xin lỗi , tôi không hiểu lắm Ban có thé diễn dat lại không?”

Hình 5: Vi du Utter chatbot

4) Rules

- Dir liệu dao tạo đặc biệt dé chỉ định hành vi giống quy tắc, trong đó một

điều kiện cụ thể luôn dự đoán một hành động cụ thê tiếp theo

- Bao gồm trả lời câu hỏi thường gặp (FAQs), điền vào biểu mẫu (Forms)

Trang 20

“+ Áp dụng chatbot vào hệ thông:

Chatbot sẽ phân tích tin nhắn được gửi tới và trả về cho Jira bot biết mong

muôn của người dùng

2.2.4 Jira Connector

s* Giới thiệu Jira

Jira là một ứng dụng theo dõi và quản lý lỗi / vẫn đề trong dự án, được pháttriển bởi công ty phần mềm Atlassian của Australia Cách thức hoạt động của

JIRA dựa vào trọng tâm là kết quả công việc, có thể sử dụng ngay và linh hoạt

Giải thích các thuật ngữ trong Jira

Due date Dự kiến ngày phải hoàn thành

Assignee Người sé giải quyết issue

Status Trang thái của Issue

Log work Đánh dau thời gian đã làm trên issue

Sprint Vong lặp ngăn hạn hoàn thành công việc

Trang 21

Story points Thông tin gia trị ước lượng độ lớn, độ

khó, độ phức tạp cho công việc triển

khai

s* Giới thiệu Jira Connector

Jira connector sử dung framework Spring boot và thư viện okhttp3 dé gọi cácAPI của Jira và xử ly theo yêu cầu

Hệ thống sẽ sử dung server Jira tại url hitps://jira.edsolabs.com

Dé lấy dữ liệu từ Jira chúng ta phải xác thực

- Sử dụng API login:

+ Url: /rest/auth/1/session

+ Method: POST + Body: {“username”:”a”, “password”:”a” }

=> Response JSESSIONID

- Gắn JSESSIONID vào header của các request dé lay dữ liệu từ API Jira

Các API được sử dụng nhiều trong Jira Connector

/rest/api/2/project lây danh sách dự án của tài khoản

/rest/projectconfig/latest/roles/{ projectKey } | lay danh sách nhân viên theo dự án

/rest/api/2/search tim kiểm các issue theo tham số

truyền vào/rest/api/2/issue/{issueKey }/worklog lây danh sách các logwork của issue

/rest/agile/1.0/board lay danh sách các board

Trang 22

20/rest/agile/1.0/board/{boardId}/sprint lây danh sách sprint của board

s* Các chức năng

2.2.4.1 Nhắc nhở khai báo công việc trong ngày nếu không có khai báo

Đối với user là nhân viên:

- Điều kiện gửi thông báo bao gồm:

+ Chưa có issue nào được khai báo trong backlog

+ Tổng thời gian các issue (đã được assign) chưa đạt đủ remainingestimation tốt thiểu 7h

+ Cách tinh tong thời gian estimate của từng issue sẽ dựa vào thông tin

"Remaining estimate"

- Thời gian gửi thông báo: vào lúc 6 AM các ngày làm việc trong tuần từ thứhai đên thứ sáu

2.2.4.2 Nhắc nhở nhân viên cập nhật logwork

Đối với user là nhân viên:

Có 2 loại thông báo gồm:

* Thông báo cập nhật logwork nếu ngày hôm trước chưa cập nhật :

- Điều kiện: user chưa cập nhật logwork ngày hôm trước đạt tối thiểu 7h

- Thông tin thông báo:

Bạn chưa cập nhật du log work công việc ngày hôm qua -Ngày log work:

* Thông báo nhắc nhở logwork trước khi hết giờ làm việc:

- Điều kiện: Nhắc nhở các ngày làm việc trong tuần (thứ 2 — thứ 6) vào cuối

ngay trước gid tan làm 30p

Trang 23

-Thông tin thông báo: "Sắp hết giờ làm việc rồi, hãy nhớ cập nhật logwork

trước khi rời khỏi văn phòng"

2.2.4.3 Tong hợp báo cáo công việc cho nhân viên

- Tổng hợp báo cáo các công việc nhân viên được giao và làm trong tuần (đãlogwork)

Đối với user là nhân viên: Có 2 cách nhận thông báo gồm:

* Thông báo tự động:

- Điều kiện: Gửi thông báo tự động tổng hợp các công việc đã làm trong tuầnvào 12 AM thứ 7 hàng tuần

* Gửi tin nhắn khi có request:

- Điêu kiện: kịch ban tin nhăn intent xem “báo cáo công việc”

+Thông tin thông báo chung: Tin nhắn: "Bảng tổng hợp công việc tuần từ

dd/mm/yyyy đến dd/mm/yyyy của bạn" và file excel thống kê bao gồm các

thông tin:

Tên Mô tả

ProJect name Tên dự án

Issue key Mã công việc

Summary Tóm tat công việc

Description Mô tả công việc

Status Trạng thái công việc

Reporter Người báo cáo

Assginee Người làm công việc

Priority Độ ưu tiên

Created at Ngày tạo công việc

Trang 24

‘SmartTest3_ESS SMAR3-1 test3 Backlog hieupt hieupt Medium 2021-09-17T15:41:24.02021-12-20T20:46:310 Oh Om 12h 30m Đã hoàn thành; 2021-12-20; hieupt; 4h Om

SmartTest.ESS SMAR-67 test null ToDo hieupt hieupt Highest 2021-09-28T17:19:0102021-12-20T11:34:0600h30m 0h0m 6h0m Hieu pt log work; 2021-12-20; hieupt; 2h 0m.

Hình 7: Mau file báo cáo công việc

2.2.4.4 Tong hợp báo cáo công việc cho quản lý, trưởng bộ phận

-Tổng hợp báo cáo các công việc của tất cả nhân viên trong các dự án thamgia

- Đối với user là project manager/lead: Có 2 cách nhận thông báo gồm:

* Thông bdo tự động:

- Điều kiện: Gửi thông báo tự động tổng hợp các công việc của nhân viêntrong các dự án tham gia vào 12 AM thứ 7 hàng tuần

* Gửi tin nhắn khi có reugest:

- Điêu kiện: kịch ban tin nhăn intent "Báo cáo công việc nhân viên"

+Thông tin thông báo chung: Tin nhắn: "Bảng tổng hợp công việc tuần từ

dd/mm/yyyy đến dd/mm/yyyy của nhân viên" và file báo cáo đính kèm giống

mẫu file Hình 7.

Tiêu đề	Xây Dựng Ứng Dụng Tương Tác Xử Lý Công Việc
Tác giả	Phạm Trung Hiếu
Người hướng dẫn	TS. Đào Ngọc Phong
Trường học	Học viện Công nghệ Bưu chính Viễn thông
Chuyên ngành	Công nghệ thông tin
Thể loại	đồ án tốt nghiệp
Năm xuất bản	2021
Thành phố	Hà Nội

Định dạng
Số trang	49
Dung lượng	8,8 MB