Розробка веб-ресурсу для підтримки Front-end розробників

1.

Національний університет «Одеська Політехніка»
Інститут комп’ютерних систем
Кафедра інформаційних систем
Кваліфікаційна робота бакалавра на тему:
Розробка веб-ресурсу для підтримки Front-end
розробників
Виконала: Артьомова О.О.
Керівник: Молчиніколова І.А.

2.

Актуальність теми
• Велика кількість людей намагається потрапити та
працевлаштуватись в напрямку IT, але, нажаль, не
кожен може це зробити по багатьом причинам: висока
складність навчання, велика кількість інформації яку
потрібно знати, адже прогрес не стоїтьна місці, важке
матеріальне положення, яке не дозволяє навчатись у
спеціалізованих місцях чи навіть фізичний стан.
• Саме тому тема даної кваліфікаційної роботи буде
актуальною та набирати популярність у ближчому
майбутньому.
2
2

3.

Мета та задачі роботи
Метою кваліфікаційної роботи є розробка веб-ресурсу
для підтримки front-end розробників.
Для досягнення мети необхідно виконати наступні задачі:
Провести аналіз існуючих систем-аналогів;
Визначити функціональні вимоги до системи;
Обрати технології та засоби для проєктування та реалізації веб- ресурсу;
Виконати проєктування веб-ресурсу для підтримки front-end розробників;
Зробити програмну реалізацію для веб-ресурсу для підтримки front-end
розробників;
Провести тестування веб-ресурсу для підтримки front-end розробників.
3
3

4.

Огляд предметної області. Системи-аналоги
Memorisely Blog
Creative Practice
JetBrains Academy
4
4

5.

Порівняння аналогами
Веб-ресурс
Простий та
інтуїтивно
зрозумілий
інтерфейс
Creative Practice
+
Memorisely Blog JetBrains Academy HelpCode(Система,
що розробляється)
+
-
+
Система рангів
користувача
-
-
+
+
Можливість
читати IT статті
та новини
присвячені
тематиці сайту
+
+
-
+
Гнучка система
підбору
навчального
матеріалу
-
+
+
+
Цілодобова
підтримка
-
-
+
+
Комерція
+
+
+
-
5
5

6.

Стек використаних технологій
6
6

7.

Основні функціональні вимоги
Реєстрація нового користувача;
Можливість авторизації зареєстрованого користувача;
Доступ до навчального матеріалу;
Можливість змінити логін, пароль чи поштову скриньку
особистого облікового запису;
Можливість здійснити вихід з облікового запису;
Можливість відстежувати власний прогрес користувача.
7
7

8.

Проектування. Діаграма прецедентів
8
8

9.

Створення мокапів ресурсу
9
9

10.

Проектування. Діаграма станів переходів між вікнами
10
10

11.

Діаграма логічного представлення вебресурсу для підтримки front-end
розробників
11
11

12.

Проєктування. Діаграма розгортання
12
12

13.

Діаграма шарів ІС
13 13

14.

Блок-схема алгоритму
Блок-схема алгоритму роботи перегляду контенту
14 14

15.

Проєктування. Схема Уявлення даних
15
15

16.

Діаграма класів серверної частини
16
16

17.

Діаграма класів клієнтської частини
17
17

18.

Реалізація веб-ресурсу для підтримки front-end
розробників. Інтерфейс. Головна сторінка
Вставить
текст
Вставить
текст
18
18

19.

Реалізація веб-ресурсу для підтримки front-end
розробників. Інтерфейс. Вікно входу.
Вставить
текст
Вставить
текст
19
19

20.

Реалізація веб-ресурсу для підтримки front-end
розробників. Інтерфейс. Вікно реєстрації.
Вставить
текст
Вставить
текст
20
20

21.

Тестування веб-ресурсу для підтримки
front-end розробників.
Проведено два типи тестування:
- Функціональне тестування:
Створено та успішно пройдено 8 тест-кейсів.
- Тестування об’ємом:
За звичайних умов(до 1000 запитів) - час відгуку становив 135 мс.
Для додатково створених 30000 записів – час відгуку становить 635 мс,
що не перевищує норму.
21
21

22.

Висновки
В процесі виконання кваліфікаційної роботи був розроблений веб-ресурс
для підтримки front-end розробників, яка відрізняється простим
та інтуїтивним інтерфейсом, цілодобовою підтримкою та безкоштовністю.
Проведено огляд предметної області. Детально описано інструменти та
технології, які були використані при розробці веб-ресурсу для підтримки
front-end розробників.
Було виконано проєктування та програмно реалізовано запропонований
функціонал веб-ресурсу. Проведено тестування програмного забезпечення
веб-ресурсу для підтримки front-end розробників.
Таким чином всі поставлені завдання були виконані та мета досягнута.
22 22

23.

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