Розробка системи управління завданнями з використанням Angular та Node.js

Abstract

UA : Робота викладена на 74 сторінках друкованого тексту, містить 33 рисунки, 1 талицю, 20 джерел, 5 додатків. Об’єкт дослідження – вебсистеми управління завданнями. Мета роботи – розробити систему управління завданнями. Методи дослідження – аналітичний, моделювання, проєктування, програмний. У роботі розглянуто проєктування та реалізацію клієнт-серверної системи управління завданнями з урахуванням базових сценаріїв роботи команди: реєстрація та авторизація користувачів, створення та редагування проєктів, створення, оновлення, видалення завдань, призначення виконавців, зміна статусу завдань через форму та drag-and-drop на канбан-дошці. Клієнтська частина виконана засобами Angular та Angular Material. Серверна частина реалізована на Node.js з використанням Express.js і взаємодіє з реляційною базою даних MySQL. Взаємодія між клієнтом і сервером реалізована через REST API з авторизацією через JWT. Побудовано UML-діаграми варіантів використання, діяльності, послідовності та розгортання, які формалізують основні сценарії та архітектурні рішення системи. Інтерфейс має наступну структуру: сторінки входу та реєстрації, список проєктів і канбан-дошку завдань з кольоровим кодуванням пріоритетів та виділенням зон перетягування. Забезпечено валідацію форм, обробку типових помилок та базове unit-тестування ключових компонентів. Таким чином, розроблена система забезпечує зручний інтерфейс для керування завданнями, підтримує спільну роботу над проєктами, легко розширюється завдяки модульній архітектурі та може бути використана як основа для подальшого розвитку функціоналу управління проєктами.EN : The work is presented on 74 pages of printed text, 33 figures, 1 table, 20 references, 5 supplements. The object of the study is task management web systems. The aim of the study is to develop a task management system. The methods of research are analytical, modeling, design, programming. The paper considers the design and implementation of a client-server task management system, taking into account the basic scenarios of the team’s work: user registration and authorization, project creation and editing, task creation, updating, deletion, assignment of executors, changing the status of tasks via a form and drag and-drop on a kanban board. The client part is implemented using Angular and Angular Material. The server part is implemented on Node.js using Express.js and interacts with a relational MySQL database. Interaction between the client and server is implemented via REST API with authorization via JWT. UML diagrams of use cases, activities, sequences, and deployment have been built to formalize the main scenarios and architectural solutions of the system. The interface has the following structure: login and registration pages, a list of projects, and a Kanban task board with color-coded priorities and highlighted drag-and-drop areas. Form validation, typical error handling, and basic unit testing of key components are provided. Thus, the developed system provides a convenient interface for task management, supports collaborative work on projects, is easily expandable thanks to its modular architecture, and can be used as a basis for further development of project management functionality.