Розробка веб - додатку для пошуку даних співробітників з можливістю фільтрації

1.

НАЦІОНАЛЬНИЙ ТЕХНІЧНИЙ УНІВЕРСИТЕТ
«ХАРКІВСЬКИЙ ПОЛІТЕХНІЧНИЙ ІНСТИТУТ»
Кафедра «Комп'ютерне моделювання процесів та систем»
ДИПЛОМНА РОБОТА НА ТЕМУ:
РОЗРОБКА ВЕБ-ДОДАТКУ ДЛЯ ПОШУКУ
ДАНИХ СПІВРОБІТНИКІВ З
МОЖЛИВІСТЮ ФІЛЬТРАЦІЇ
Студент групи: ІКМ-М221ЗА
МИХАЙЛЕНКО М. І.
Керівниця роботи: доцент
ЧИСТІЛІНА Г. В.

2.

2
Мета та опис роботи
Мета роботи: розробити зручний, кросбраузерний, адаптивний інтерфейс вебресурсу, спрямований на пошук інформації про співробітників.
В інтересах роботодавців та студентів, які займаються пошуком роботи
корисно створити веб-додаток, за допомогою якого можливо здійснювати
пошук інформації про вакансії , розміщувати та переглядати додаткові
матеріали.
Цю проблему може вирішити автоматизована інформаційна система
допомоги працевлаштуванню.

3.

3
Постановка задачі
В даній дипломній роботі поставлені наступні задачі:
проаналізовати предметну область;
обґрунтувати вибір мови програмування;
розробити алгоритми для фільтрації даних;
розробити програму;
представити опис архітектурних та алгоритмічних рішень, що використанні в
дипломній роботі;
провести тестування розробленого програмного сервісу.

4.

4
Обґрунтування вибору технологічних
рішень
В даній дипломній роботі використані:
мова програмування PHP;
мова програмування JavaScript;
мова гіпертекстових документів HTML;
мова розмітки даних CSS;
бібліотека Bootstrap;
алгоритм шифрування Bcrypt;
інструмент адміністрування PhpMyAdmin;
HTTP-сервер Apache;
кросплатформне програмне забезпечення XAMPP.

5.

5
Опис програмної реалізації
Рисунок 2 – Алгоритм виходу з облікового запису
користувача
Рисунок 1 – Алгоритм реєстрації користувача

6.

6
Опис програмної реалізації
Рисунок 4 – Алгоритм з’єднання з базою даних
Рисунок 3 – Алгоритм авторизації користувача

7.

Опис програмної реалізації
Рисунок 5 – ER-діаграма
Рисунок 6 – Діаграма прецедентів
7

8.

Опис програмної реалізації
Рисунок 7 – Діаграма потоків даних
Рисунок 8 – Діаграма розміщення
8

9.

Опис програмної реалізації
Для збереження інформації створена база даних із таблицями users, informations,
vacancies, resumes.
Між таблицями users та informations, users та vacancies, users та resumes існує зв’язок
один до багатьох, так як один користувач може мати безліч створених вакансій, резюме
або сторінок із інформацією.
Рисунок 9 – Приклад SQL запиту
9

10.

Опис програмної реалізації
10
Рисунок 10 – Сторінка авторизації
Рисунок 12 – Випадаюче меню
Рисунок 11 – Головне меню

11.

Опис програмної реалізації
Рисунок 13 – Сторінка реєстрації
11

12.

Опис програмної реалізації
Рисунок 15 – Особиста інформація
Рисунок 14 – Форма створення резюме
12

13.

Опис програмної реалізації
13
Рисунок 16 – Сторінка «Мої резюме»
Рисунок 17 – Форма фільтрації даних

14.

Тестування
Веб-додаток має велику
кількість сторінок,
алгоритмів та сценаріїв,
Потрібно перевірити
коректність роботи кожного
із компонентів програми.
14
Рисунок 18 – Перевірка для форми реєстрації
Перевірка роботи
алгоритмів проводилася
шляхом багатократного
звернення до компонентів
програми із різними
вхідними даними.
Рисунок 19 – Оповіщення користувача про неправильно заповнені дані

15.

Тестування
15
Рисунок 20 – Перевірка складності паролю
Рисунок 21 – Перевірка для форми авторизації

16.

Тестування
16
Рисунок 21 – Оповіщення користувача про неправильно
заповнені дані форми авторизації
Рисунок 22 – Повідомлення про незаповнене поле форми

17.

Перевірка адаптивності дизайну
17
Рисунок 23 – Відображення головного меню на екрані
Рисунок 24 – Відображення сторінки особистої
мобільного пристрою
інформації на екрані мобільного пристрою

18.

Перевірка адаптивності дизайну
18
Рисунок 25 – Відображення форми заповнення інформації
Рисунок 26 – Відображення сторінки із резюме на
для резюме на екрані мобільного пристрою
екрані мобільного пристрою

19.

19
Висновки
❏ розглянуті методи розробки веб-додатку з можливістю перегляду та додавання інформації та
її фільтрацією, алгоритми створення облікового запису, фільтрації даних, способи взаємодії із
базою даних.
❏ Алгоритми та компоненти програми реалізовані з використанням мови гіпертекстової
розмітки HTML, мови опису зовнішнього вигляду документа CSS, мов програмування PHP,
JavaScript та реляційної бази даних MySQL.
❏ Розроблено веб-додатком, який реалізує можливості реєстрації, авторизації, пошуку корисної
інформації, вакансій, та резюме, додавання нової інформації, створення вакансій та резюме.
❏ Проведено тестування компонентів програми та зроблено висновок.

20.

20
Дякую за увагу!