МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ

НАЦІОНАЛЬНИЙ ТЕХНІЧНИЙ УНІВЕРСИТЕТ УКРАЇНИ

“КИЇВСЬКИЙ ПОЛІТЕХНІЧНИЙ ІНСТИТУТ

імені ІГОРЯ СІКОРСЬКОГО"

Факультет прикладної математики

Кафедра програмного забезпечення комп’ютерних систем

Лабораторна робота №5

з дисципліни “Компоненти програмної інженерії”

тема “ Реалізація системи. Застосування патерну MVC до маніпулювання

об’єктами Національного реєстру реєстру підприємств, щодо яких
порушено провадження у справі про банкрутство ”

Виконали

студенти 3 курсу

групи КП-82

Ящук Сергій

Кулаківський Максим

Мельничук Олексій

Тема: Єдиний реєстр підприємств, щодо яких порушено

провадження у справі про банкрутство

Київ 2021
Мета роботи
 Розробка програмного продукту відповідно до сформульованих у
лабораторній роботі №2 вимог технічного завдання та заданого
індивідуального варіанта завдання. Створення веб-інтерфейсу
маніпулювання даними.
Завдання на лабораторну роботу
Розробити програмне забезпечення Національного реєстру
відповідно до індивідуального варіанта завдання. В рамках роботи
задокументувати результати розробки проекту програмного забезпечення:
1. Навести в роботі склад усіх модулів, що були розроблені у межах
проекту програмного забезпечення.
2. Щодо кожного модулю, навести склад програмних компонент,
що увійшли до модулю.
3. Скласти інструкцію користувача.
4. Навести програмний код, що був розроблений для реалізації
функціональних можливостей кожного модулю.
 Опис модулів системи

Система розроблена відповідно до шаблону MVC.

Модель є центральним компонентом шаблону MVC і відображає

поведінку застосунку, незалежну від інтерфейсу користувача. Модель
стосується прямого керування даними, логікою та правилами застосунку.
В якості моделі у даному застосунку використовується база даних
PostgreSQL. Незалежно від представлення даних з Єдиного реєстру
ПППСБ спосіб їх запису, зберігання та зчитування даних не змінюється.
Для наглядного розуміння та перевірки запитів використовується додаток
pgAdmin4, де представлена база даних в інтерактивному вигляді.

Взаємодія компонентів системи організовується за допомогою

фреймворку VueJS (фреймворк мови програмування NodeJS).
Використовується принцип інверсії контролю абстрагування від
конкретних реалізаційних компонентів. Фреймворк VueJS автоматично
створює шаблон для взаємодії за шаблоном проектування MVC.
Реалізацію рівня моделі та вигляду реалізовує програміст.

Рівень View реалізовується за допомогою мови розмітки HTML,

мови стилів CSS та cкриптової мови JavaScript у фреймворку VueJS.
Можливість оновлення сторінки без її перезавантаження реалізовано за
допомогою технології AJAX. Зовнішнє представлення реалізоване за
допомогою мови розмітки HTML, мови стилів CSS та запозичення стилів з
фреймворку Bootstrap.
 Інструкція користувача

1. Інструкція для звичайного користувача

Заходячи на сервіс, користувач потрапляє на головну сторінку системи.

Рис. 1.1 Головна сторінка

На верхній панелі розташована кнопка входу в систему та кнопка

повернення на головну сторінку.
Нижче розташована пошукова строка для пошуку ПППСБ. Під нею
розташований список знайдених ПППСБ.
 Рис. 1.2. Результат пошуку

Якщо система не знайшла ПППСБ, то список буде пустим.

Рис. 1.3. Сторінка юридичної особи

Рис. 1.4. Сторінка ФОП

Якщо користувач має акаунт, він може авторизуватись в системі.

При помилці авторизації з’явиться надпис про помилку.

Рис. 1.5. Сторінка авторизаці

Рис. 1.6. Помилка авторизації

 2. Інструкція для Реєстратора
Реєстратор може створювати, редагувати та видаляти сутності з реєстру
ПППСБ.
При авторизації у ролі реєстратора на головній сторінці з’являється кнопка
для створення нового ПППСБ.

Рис. 2.1. Головна сторінка реєстратора

Сторінка створення ПППСБ має різні поля для ФОП та юридичної особи.

Рис. 2.2. Поля реєстрації ФОП

Рис. 2.3. Поля реєстрації юридичної особи

Рис. 2.4. Заповнення полів
Рис. 2.5. Сторінка нового створеного ПППСБ

Рис. 2.6. Результат пошуку нового ПППСБ

Рис. 2.7. Сторінка редагування ПППСБ

Реєстратор може видаляти ПППСБ з Реєстру.

Рис. 2.8. Результат пошуку в Реєстрі після видалення

 3. Інструкція для Адміністратора
При авторизації в ролі Адміністратора на головній панелі з’являються нові
кнопки: меню Реєстраторів та меню Журналу змін.

Рис. 3.1. Головна панель Адміністратора

Сторінка Реєстраторів має список всіх Реєстраторів та кнопку для

створення нового.

Рис. 3.2. Список Реєстраторів

Сторінка Реєстратора має поля Реєстратора та кнопки для
видалення/редагування.

Рис. 3.3. Сторінка Реєстратора

 Рис. 3.4. Сторінка створення Реєстратора

Адміністратор може редагувати дані Реєстраторів.

Рис. 3.5. Сторінка редагування Реєстратора

Адміністратор також має доступ до Журналу подій, до якого заносяться
зміни про створення, оновлення та видалення даних ПППСБ та
Реєстраторів, а також про авторизацію Реєстраторів.
Рис. 3.6-7. Сторінка Журналу Подій