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

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 : BI7DCCN243Hệ : Đạ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 : BI7DCCN243Hệ : Đạ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ệc 3/ 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)

Phạm Trung Hiếu

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

Trang 5

Hình 5: Ví du Utter chatbOt - - S22 22111111133 1111 1v vn re 17Hì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 27Hình 11: Mẫu tin báo cáo công việc toàn công ty l -++++x+x+x+x+xcse2 27Hì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 29 Hì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 - 32 Hình 17: Biéu đồ tuần tự chức năng tạo kênh nhắn tin -c+s+s+sxexzzzesecez 34 Hình 18: Giao diện nhắn tin -¿-2¿-55222+t2Ex2EEt2EEEEEEEEEtrrrtrrrrrrrrrrrrree 35

Hình 19: Giao diện nhắn tin 5:55 2cxt2Ext2EtEEtEkttrtrrrtrrrtrrrrrrrrrrrrrrree 36 Hì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 38 Hinh 22: Giao dién nhắn tin với Chatbot c.cccccccccscssscsssesesesesececscscevsvevevevsvevaveveeeees 39 Hì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

MỤC LỤC

MỞ ĐẦUU << E178 07147180784 208 211020471011 prseoroee 7 Chuong 1 KHAO SÁT HỆ THNG - 5s ss°sssessssessssesessesese 8 1.1 Mô tả hệ thống tương tác quan lý công việc -. . -s 8

1.1.1 Phân tích thực trạng - - 5S s S2 se 8

1.1.2) Mục đích của 46 án -cccccttcrtrttrirrtrrrrirrrrrrrrirrrrrrree 8 1.1.3 Các chức năng của hệ thống - 2 2+5 x+£++xzxezxzrscxee 9

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 10 2.1.2 Biểu đồ ca sử dụng (Use-case) +52 52ccccccscsrszxersrsree 11 2.2 Mô hình vật lý hệ thong cccccecsscesescessccesscsesesscsescsesscsceceeees 13

2.2.1 Frontend Web - HH net 142.2.2 Chat Server 0 eeesccssscecssseccesseeceseeceseecesaeecesseeesseeeesaeeessaees 152.2.3 Chatbot lÑasa HH TH non nh 162.2.4 Jira CONTCẨOT G1 kh 182.2.5 MinIo S{OFAĐ€ HH kh 28 2.3 Thiết kế tuần tự chức năng s5 ssess=sess=sesesse 29 2.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 302.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 34 2.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 45 3.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 đỡ em trong thời gian xây dung đồ án tốt nghiệp Thầy đã hướng dẫn tận tình cho em những kiế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áo Khoa 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

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 hai hoặ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ắn tin 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ắn tin 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 ứng dụ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ôngVIỆ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 moingườ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 2

PHAN 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:

+ 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ộc phạ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 16

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 Servers* 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.

Xem bao cao nhãn sự dự an

Toi muốn xem danh sách nhãn sự dự an

Hình 4: Ví du intent chatbot

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át triể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

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

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

s* Giới thiệu Jira Connector

Jira connector sử dung framework Spring boot và thư viện okhttp3 dé gọi các API 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

- 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

/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 đủ remaining estimation 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 (đã

* 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

Original Estimate Thời gian ước tinh ban dauRemaining Estimate Thời gian ước tính con lại

Time spent Thời gian đã bỏ ra làm công việcLog Work Các logwork đã tạo

‘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 tham gia

- Đố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ên trong 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.

Trang 25

2.2.4.5 Nhắc nhở các task đã vượt quá hạn

Đối với tất cả các role có 2 loại thông báo gồm:

* Thông báo khi issue đã vượt quá due date

- Điều kiện: Khi có issue chưa hoàn thành đã vượt qua due date (kiểm tra những issue đã được set due date)

- Thời gian gửi: vào lúc 12AM

- Thông tin thông báo: "Bạn có x issue đã vượt qua due date" Link dẫn

toi từng issue vượt quá due date

* Thông báo khi issue set due date gan tới han

- Điều kiện: Gửi thông báo khi issue có due date chưa hoàn thành và

gần tới ngày đáo hạn (trước 5 ngày)

- Thời gian gửi: vào lúc 12AM trước 5 ngày

- Thông tin thông báo: "Bạn có x issue sắp đến due date " Link dẫn tới

từng issue đó năm trong điều kiện trên

Bạn có 3 issue đã vượt quá due date:

Hình 8: Mau tin nhắn nhac nhở issue vượt quá han

2.2.4.6 Thông báo quan lý danh sách nhân viên chưa khai báo công việc trong

Đối với user là quản lý (Project manager/ Project lead): mục dich nắm được thông tin nhân viên nào chưa khai báo công việc trong ngày

Trang 26

- Điều kiện gửi thông báo: Khi có nhân viên tham gia dự án chưa khai báo

công việc đạt tôi thiêu 7h (dựa vào 1ssue đã được giao cho nhân viên)

- Thời gian gửi: Vào lúc 6h các ngày làm việc trong tuần (thứ 2 — thứ 6)

- Thông tin nhắc nhở: Tin nhắn danh sách nhân viên chưa khai báo đủ công

việc trong ngày

2.2.4.7 Xem các báo cáo, biêu đô của dự án

Đối với user là quản lý, trưởng bộ phận

- Mục đích: Xem tông hop báo cáo của sprint (sprint report)

- Điêu kiện: kịch ban tin nhăn với intent "Xem báo cáo của dự án"

- Thông tin thông báo: dựa trên story points

Mẫu báo cáo bao gồm thông tin các sprint đã qua của project Sheet đầu tiên mô tả tổng quan chung bao gồm các thông tin

Tên Mô tả

Start date Ngày bat dau sprint End date Ngày kết thúc sprint

Current statusTrạng thái hiện tại cua sprint

Closed by Người kết thúc sprint

Completed Thông tin những issue đã hoàn thành

Not completed Thông tin những issue chưa hoàn thành

Added to sprint Thông tin những issue được thêm vào trong thời giansprint đã chạy

Removed from sprintThông tin những issue đã loại bỏ trong thời giansprint đã chạy

Story pointsThông tin giá trị ước lượng độ lớn, độ khó, độ phứctạp cho công việc triên khai

Trang 27

Các sheet tiếp theo mô tả chi tiết từng sprint

Sprint details Thông tin cột phan loại issue

Issue key Thông tin mã issue

Summary Théng tin tiéu dé issue

Project key Thong tin mã cua du anIssue type Thong tin loai issue

Priority Thông tin mức độ ưu tiên cua issue

Status Thông tin trạng thái của issue dang diễn ra

trong sprint

Assignee Thông tin người thực hiện issue

Version/s Thông tin phiên bản đang thực hiện trong dự án

cua issue

Epic (link) Thông tin tiêu dé epic ma issue có liên kêt

Sprint Thông tin tên sprint

Story point Thông tin giá tri ước lượng độ lớn, độ khó, độphức tạp cho công việc triên khai

Trang 28

A B c D E

1 Sprints Sprints Sprints

2 SMAR Sprint 1 SMAR Sprint 2 SMAR Sprint 43 Start date 09/Sep/21 11:30 AM 09/Sep/21 5:43 PM 21/Sep/21 2:55 PM

4 Completed date 16/Sep/21 11:30 AM 16/Sep/21 5:43 PM 30/Sep/21 2:55 PM

5 Current status CLOSED CLOSED ACTIVE

6 (Closed by Nguyễn Hoàng Hiếu Nguyễn Hoàng Hiếu Phạm Trung Hiếu.

7 Story points 3 3 118 Ticket count with story points 1 3 49 Ticket count without story points 0 0 0

10 Total Total ticket count (with + without) story points 1 3 4

11 Story points 3 3 1

12 Ticket count with story points 1 3 113 Ticket count without story points 0 0 014 |Completed Total ticket count (with + without) story points 1 3 115 Story points 0 0 1016 Ticket count with story points 0 0 317 Ticket count without story points 0 0 0

18 [Not completed Total ticket count (with + without) story points 0 0 3

19 Story points 0 1 11

20 Ticket count with story points 0 1 4

21 Ticket count without story points 0 0 1

22 [Added to sprint Total ticket count (with + without) story points 0 1 5

23 Story points 0 0 024 Ticket count with story points 0 0 025 Ticket count without story points 0 0 2

26 Removed from sprint Total ticket count (with + without) story points 90 0 2

3 [Sprint details lssue Key Summary Project Key Issue Type Priority Status Assignee Version/s Expie (Link) Sprint Story Points

2 Completed Issues SMAR.S * Taskin progress SMAR Task Medium Done Nguyễn Hoàng Hiếu SMAR Sprint 4 4

3 SMAR-30 (Meeting - demo Jira bo SMAR Task Medium ToDo Tạ Văn Dậu SMAR Sprint 4 id

4 Ìlssues Not Completed SMAR-71 Tìm hiểu java SMAR Task Medium To 0o Định Quang Minh SMAR Sprint 4 kì

s SMAR-72 Hoàn thành đồán — SMAR Task Medium To Do Pham Trung Hiếu 'SMAR Sprint 4 5

Summary SMAR Sprint 1 SMAR Sprint2 SMAR Sprint 4 + 4]

Hình 9: Mẫu báo cáo công việc theo sprint

2.2.4.8 Xem danh sách nhân sự dự án

Đối với user là project manager/lead

- Mục đích: Xem danh sách tổng hợp các nhân sự đang quản lý trong các dự án tham gia

- Điều kiện: kịch bản tin nhắn với intent "nhân sự dự án"

- Thông tin thông báo: Danh sách tổng hợp nhân sự dự án kèm file exel

- Ví dụ Mỗi sheet là một dự án quản lý.

Trang 29

Username Display Name Email Status Last Login Roles

tuandm_1 Dang Minh Tuan tuandm@edsolabs.com Inactive null Developerhieunh Nguyễn Hoàng Hiếu hieunh@edsolabs.com Active null Administratorsdautv Ta Van Dau dautv@edsolabs.com Active null Administrators

hieupt Phạm Trung Hiếu hieupt@edsolabs.com Active null Administrators;Project Manager;Tempo Project Managersthuongdtt Dinh Thị Thương Thương thuongdtt@edsolabs.com Active null Administrators

SMAR3 | SMAR[ @ fe]| SMAR2

Hình 10: Mẫu danh sách nhân sự trong dự án 2.2.4.9 Xuất báo cáo toàn công ty theo số giờ log work

Chức năng giành cho admin

*Bdo cdo dang 1

Đầu vào ngày bắt đầu, ngày kết thúc

Đầu ra file báo cáo số giờ log work trong khoảng thời gian nhập

00007 [BINH THỊ THUONG THƯƠNG § § 300026 |ĐINH THI PHƯƠNG ANH 3

00029 |LẺ CONG MINH 16|00041 [NGUYEN THI CUONG

00044 [TRINH QUỐC BẢO

00045 |ĐINH TRONG ANH DUC 32

00049 — [TRINH MAI PHƯƠNG.

00050 |ĐÔ THU GIANG

00061 — [PHAM CÔNG NGUYEN

00083 [LUONG NGOC TIEN

TONG CONG 8 8 16 40) 0 0 5 0 0 o 0 0 9| 0 0 | 0 0

Hình 11: Mẫu tin báo cáo công việc toàn công ty 1

*Báo cáo dạng 2

Đầu vào tháng bắt đầu, tháng kết thúc Đầu ra tổng hợp báo cáo theo từng tuần

Trang 30

MÃ DỰ ¿DỰ AN PM USER EMAIL 3 bì 3 a a 8 3 bì s 8 a &

r Flutter Traninig le.hoai.thanh@gemvietnam Nguyễn Văn Dũng dungnv@edsolabs.com Ù 0ø 0 Ù 0 °ø Ù 0ø Ù Ù 0ø °r Flutter Tra le.hoai.thanh@gemvietnam admin.tungdt tungdt@edsolabs.com 0 0 0 0 0 °ø Ù 0 Ù Ù 0 °FT Flutter Tra le.hoai.thanhh@gemvietnam Dang Minh Tuan tuandm@edsolabs.com 0 0 0 0 ø °ø 0 0ø 0 0 0 °FT Flutter Tra le.hoai.thanh@gemvietnam Nguyễn Hữu Nghĩa nghianh@a89.com.vn 0 0 0 0 ø °ø 0 0 0ø 0 0 °FT Flutter Traninig, le.hoai.thanh@gemvietnam DevOps devops@edsolabs.com 0ø 0 9ø 0ø 9ø Ù ° 0ø ° Ù 0 °r Flutter Traninig le.hoai.thanhh@gemwvietnam admin.congnv congnv@edsolabs.com ø 0 0 ø ø °ø ø ø Ù Ù 0ø °m Flutter Traninig Ie.hoai.thanh@gemvietnam Vũ Thị Thùy Giang, giangvtt@edsolabs.com 0 L) 0ø 0 L) ° 0ø 0ø o Ù 0ø °r Flutter Traninig le.hoai.thanh@gemvietnam admin.duongbv duongbv@edsolabs.com Ù 0 0ø Ù 0 °ø Ù 0 Ù Ù 0 °r Ie.hoai.thanh@gemvietnam recovery_admin recovery_admin@edsolabs.« 0 0 0 0 0 °ø Ù 0 Ù Ù 0 °

FT leche anh@gemvietnam Nguyễn Quận QuanN1@edsolabs.com 0 0 0 0 0 LÙ 0 0 0 0 0 0

FT le.hoai.thanh@gemvietnam admin.hungnv hungnv@edsolabs.com 0 0 0 0 0 °ø 0 0 0 0 0 °

FT Flutter Traninig, le.hoai.thanh@gemwvietnam admin.bientt bientt@edsolabs.com ø 0 0 ø 0 9ø ø 0 ø ø 0 °

FT Flutter Traninig le.hoai.thanh@gemwvietnam admin.phanpc phanpc@edsolabs.com 0ø 0 0ø Ù U 9ø Ù 0 Ù Ù 0 °m Flutter Traninig Ie.hoai.thanh@gemvietnam Le Hoai Thanh thanhlh@edsolabs.com 0 L) 0ø 0 L) ° 0ø 0ø o Ù 0ø °r Flutter Traninig anh@gemvietnam DuyNQ DuyNQ@edsolabs.com Ù 0 0ø Ù 0 °ø Ù 0 o Ù 0 °NACBT _ [NCPT] App CCVC - Bộ le anh@gemvietnam Lục Thanh Tùng tunglt@edsolabs.com 0 0 0ø 0 0 5ø Ù 0ø o 0 0ø °NACBT _ [NCPT] App CCVC - Bộ le anh@gemvietnam admin.tungdt tungdt@edsolabs.com 0 0 0 0 0 °ø 0 0 t) 0 0 °NACBT _ [NCPT] App CCVC - Bộ le anh@gemvietnam Dang Minh Tuan ‘tuandm@edsolabs.com 0 ø 0 0 ø °ø 0 0ø 0ø 0 0 °

NACBT _ [NCPT] App CCVC - Bộ le.hoai.thanh@gemvietnam DevOps devops@edsolabs.com 0ø 0ø 0 0ø 0 ° ° 0 ° 0 ø °NACBT _ [NCPT] App CCVC - Bộ le.hoai.thanh@gemvietnam Vũ Thi Oanh oanhvt@a89.com.vn 0 0 0ø 0 0 Ù 0 0 ) Ù U °

NACBT _[NCPT] App CCVC - Bộ le.hoai.thanh@gemvietnam admin.congnv congnv@edsolabs.com 0 0 0ø 0 0 U 0 0ø o Ù 0ø °

Hình 12: Mẫu báo cáo công việc toàn công ty 2

2.2.5 Minio Storage

s* Giới thiệu:

Minio là một object storage server được implement những public API giống như AWS S3 La một server lưu trữ object nên có thé được sử dụng dé lưu trữ

những unstructured data như ảnh, video, log files, backups và container/VM

File trong Minio được gom lại trong | buckets, nó là được chi cùng với access

key khi dùng app.

s* Sử dụng:

Minio được sử dụng trong hệ thông dé:

+Lưu trữ các file đính kèm khi người dùng gửi tin nhắn +Luu trữ avatar

+Luu trữ các file báo cáo xuât từ Jira

Trang 31

29 2.3 Thiết kế tuần tự chức năng

2.3.1 Chức nang đăng nhập

1 Nhân viên A nhập tài khoản hieupt, mật khâu 123456 và click đăng nhập trên Frontend client

Chat Login Username

hieuptPassword

Hình 13: Giao diện đăng nhập

2 Frontend client gửi tài khoản, mật khâu đến Chat server

3 Chat server check tài khoản đăng nhập hợp lệ, sau đó sử dụng thư viện

jsonwebtoken sinh ra 1 chuỗi jwt token trả cho Frontend Client

4 Frontend client sử dung jwt token gửi yêu cầu kết nối đến websocket trên Chat

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

Trang 32

5 Web server nhận yêu cầu connect, sau đó validate jwt token Nếu jwt token hợp lệ Chat server và Web client bắt tay tạo 1 kết nỗi websocket

6 Frontend client sử dụng thư viện stompjs đăng kí vào topic hieupt dé nhận tin nhắn từ Server chat sau đó hiển thị giao điện chính cho nhân viên A 15: trả về thông tin người dùng, danh sách kênh

16: hiển thị danh sách kênh

Hình 14: Biéu do tuân tự chức năng đăng nhập

2.3.2 Chức năng tạo tài khoản

1 Admin đăng nhập vào hệ thống Giao diện chính hiển thị

Admin nhấn icon tùy chọn trên giao diện chính

Pop up hién thị có nút tạo tài khoản

Admin nhắn nút tao tài khoản

Pop up tạo tài khoản hiện lên với 6 nhập tài khoản, mật khâu, họ tên

Trang 33

8 Frontend client gửi thông tin đến Chat server tao tài khoản mới, và gửi thông báo thành công đến Admin

7: nhập thông tin va bắm tao | |

8: yêu cau tạo tải khoản |

13: thông báo thành công

Hình 15: Biểu đồ tuần tự chức năng tạo tài khoản

2.3.3 Chức nang cập nhật thông tin tài khoản

1 Nhân viên A đăng nhập vào hệ thống

Giao diện chính hiển thi

Nhân viên nhắn icon tùy chọn trên giao diện chính Pop up hiển thị có nút cập nhật thông tin

6 Pop up cập nhật thông tin với ô nhập tên, 6 chọn file ảnh đại diện

Trang 34

7 Nhân viên nhập tên và chọn file ảnh đại diện và bam nút cập nhật

8 Frontend client gửi thông tin đến Chat server cập nhật thông tin tài khoản

9 Chat server gọi Minio lưu ảnh

10.Minio trả về tên ảnh

11.Chat server lưu dữ liệu mới và trả về Frontend client 12.Frontend client báo thành công

1: đăng nhập

2: hién thị giao diện chính3: bam icon tùy chọn

4: hiển thi pop up

5: chon cập nhật thông tin

6: hiển thi pop up cập nhật thông tin

15: thông báo thành công

Hình 16: Biểu đô tuân tự chức năng cập nhật thông tin tài khoản

2.3.4 Chức năng tạo kênh nhắn tin

1 Nhân viên A đăng nhập vào hệ thống

Trang 35

IDM FY

8.9.

Frontend client goi đến Chat server tra về danh sách kênh và hién thi cho nhân viên A

Nhân viên A chọn thêm kênh mới

Frontend client hiển thi pop up thêm kênh mới va ô nhập tên kênh Nhân viên A nhập tên kênh vào bam ok

Frontend client gọi yêu cầu tạo kênh đến Chat server

Chat server lưu kênh và trả về cho Frontend client hiển thị cho nhân viên A

Nhân viên A chọn thêm thành viên vào kênh

Erontend client hiển thị danh sách nhân viên khác và ô tìm kiếm 10.Nhân viên A chọn nhân viên B

11.Frontend client gọi Chat server yêu cầu thêm nhân viên B vào kênh 12.Chat server thêm nhân viên vào kênh và trả về Frontend client

13.Frontend client báo thành công

Trang 36

4: hiễn thi danh sách kênh

5: Nhẫn tiêm kênh mới

6: hiển thi 6 nhận tên kênh

7: Nhập lăn kênh và bamok

8: yêu cầu tao kénh

12: trả và

15: lầy danh sách nhân viên

16: lấy danh sách nhân viên

Hình 17: Biểu đồ tuần tự chức năng tạo kênh nhắn tin

2.3.5 Chức năng nhắn tin va file đính kèm

1 Nhân viên B đăng nhập vào hệ thống.

Trang 37

2 Frontend client gọi đến Chat server đề lấy danh sách các kênh nhắn tin nhân viên B đã tham gia và hiển thị lên

3 Nhân viên B chọn 1 kênh nhắn tin,

4 Frontend client hiển thị cửa số chat có lịch sử các tin nhắn trên kênh

a J:

Anh gửi em quy cách lam việc

em cảm ơn anh

Hình 18: Giao diện nhắn tin

5 Nhân viên click vào icon file và chọn 1 file muốn gửi 6 Frontend client sẽ gửi file đến Chat server

Trang 38

7 Chat server lưu file vào server storage Minio và trả lai filename cho

Frontend client

8 Nhân viên B nhập thêm tin nhắn muốn gửi va bam gửi

9 Frontend client gửi yêu cầu nhắn tin đến Chat server các thông tin: người gửi, kênh nhận, nội dung tin nhắn, tên file đính kèm

10.Chat server sẽ lưu tin nhắn xuống database và sử dụng websocket gửi tin nhắn đến các topic của các người dùng trong kênh

11.Frontend client đã đăng kí topic đó nhận được tin nhắn và hiên thị cho

người dùng

Ta Dậu a J

Anh gửi em quy cách làm việc QPhu lục 2_ Hinh thuc va_quy_cach trinh_bay_quyen_D

em cảm ơn anh

Hình 19: Giao điện nhăn tin

Trang 39

“ene báo đến người nhận

21: click vảo file trên tin nhắn

22: tải file

| 23: file được lưu

Hình 20: Biểu do tuân tự chức năng nhắn tin gửi file 2.3.6 Chức năng truy vấn chatbot

1 Nhân viên A có tài khoản hieupt đăng nhập vào hệ thống sau đó chọn kênh nhắn tin Chat bot Nếu chưa có thì có thé nhập Chat bot vào 6 tìm kiếm và

Trang 40

Hình 21: Giao diện kênh nhắn tin

Frontend client sẽ hiển thi chat window

Người dùng nhập báo cáo công việc và gui Frontend client gửi tin nhắn đến Chat server

Chat server kiểm tra xem tin nhắn có phải cho chatbot không Nếu đúng thì

gửi sang Jira connector

Jira connector gửi tin nhắn đến Rasa Chatbot

Rasa Chatbot phân tích tin nhăn va trả vê Jira connector intent của người

Jira connector sẽ sử dụng các API của Jira dé tong hợp dit liệu vào file exel,

và lưu file xuông server storage Minio Sau đó Jira connector gửi tin nhăn trảlời đên Chat server

Chat server lưu tin nhắn xuống database và đùng websocket gửi tin nhắn trả

lời đên topic của người truy van

10 Frontend client hiển thị câu trả lời của chatbot cho người dùng