Похожие презентации:
Розробка веб-ресурсу для підтримки 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