Purchase work
Спільний онлайн редактор коду в реальному часі
ВСТУП .................................................................................................. 9
РОЗДІЛ 1 АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ.................................. 11
1.1. Характеристика розроблюваного додатку та можливі напрямки його діяльності................................................ 11
1.2. Опис предметної області................................................. 12
1.3. Аналітичний огляд аналогів............................................ 15
1.3.1 CodePen................................................................... 15
1.3.2. JSFiddle................................................................... 16
1.3.3. Liveweave............................................................... 17
1.4. Специфікація вимог до модуля (системи)...................... 18
1.4.1. ........................................................ Глосарій проекту................................................................................ 18
1.4.2. Опис варіантів використання проекту................... 19
1.4.3. Специфікація функціональних вимог.................... 21
1.4.4. Специфікація нефункціональних вимог................ 22
Висновки до розділу 1............................................................... 23
РОЗДІЛ 2 ПРОЕКТУВАННЯ............................................................ 24
2.1. Розробка архітектури програмної системи..................... 24
2.2. Проектування структури бази даних............................... 29
Висновки до розділу 2............................................................... 31
РОЗДІЛ 3 ПРОГРАМНА РЕАЛІЗАЦІЯ........................................... 33
3.1. Опис інструментів реалізації.33
3.1.3. Клієнтська сторона................................................ 35
3.2. Опис програмної реалізації............................................... 37
3.2.1. Routes..................................................................... 37
3.2.2. Реалізація інтерфейсу редактору коду.................. 46
3.2.3. Реалізація текстового чату..................................... 47
3.2.4. Реалізація спільного редактору коду.................... 52
3.2.5. Реалізація відео-чату.............................................. 54
Висновки до розділу 3............................................................... 56
РОЗДІЛ 4 ТЕСТУВАННЯ ТА ДОСЛІДНА ЕКСПЛУАТАЦІЯ....... 58
4.1.1. Тестування GUI...................................................... 58
4.1.2. Функціональне тестування.................................... 60
4.1.3. Тестування безпеки................................................ 62
4.2. Розгортання ПЗ................................................................ 63
4.3. Інструкція користувача.................................................... 64
Висновки до розділу 4............................................................... 66
Висновки........................................................................................ 67
Список використаних джерел............................................ 70
ДОДАТОК А Лістинг програмного коду модуля відео чату........... 72
- Програмні каркаси (фреймворки). Node.js. 2019. URL: https://uk.wikipedia.org/wiki/Node.js. (дата звернення: 15.03.2019)
- Bootstrap. 2019. URL: https://uk.wikipedia.org/wiki/Bootstrap. (дата звернення: 18.03.2019)
- The PeerJS library. 2019. URL: https://peerjs.com/. (дата звернення: 21.02.2019)
- Багатокористувацький чат з використанням WebRTC. 2015. URL: https://habr.com/ru/post/255833/. (дата звернення: 12.12.2018)
- WebRTC #1 – Знайомимося. 2015. URL: https://habr.com/ru/post/163527/. (дата звернення: 12.12.2018)
- Heroku. 2019 URL: https://uk.wikipedia.org/wiki/Heroku. (дата звернення: 12.02.2019)
- Веб і веб-сайти. Досвід користування. 2019. URL: https://uk.wikipedia.org/wiki/Досвід_користування. (дата звернення: 22.03.2019)
- Мови програмування. JavaScript. 2019. URL: https://uk.wikipedia.org/wiki/JavaScript. (дата звернення: 18.11.2018)
- Розробка програмного забезпечення. Розгортання програмного забезпечення. 2017. URL: https://uk.wikipedia.org/wiki/Розгортання_програмного_забезпечення. (дата звернення: 05.04.2019)
- Хьюго Ді Францеско. Простими словами про «фронтенд» і «бекенд»: що це таке і як вони взаємодіють. 2017. URL: https://tproger.ru/translations/frontend-backend-interaction/. (дата звернення: 05.05.2019)
- MySQL і MongoDB - коли і що краще використовувати. 2017. URL: https://habr.com/ru/post/322532/. (дата звернення: 05.12.2018)
- SQL проти NoSQL на прикладі MySQL і MongoDB. 2018. URL: https://tproger.ru/translations/sql-vs-nosql/. (дата звернення: 05.12.2018)
- Системи керування базами даних. MongoDB. 2019. URL: https://uk.wikipedia.org/wiki/MongoDB. (дата звернення: 01.03.2019)
- Express.js. 2019. URL: https://uk.wikipedia.org/wiki/Express.js. (дата звернення: 10.03.2019)
- Маршрутизація. 2019. URL: https://expressjs.com/ru/guide/routing.html. (дата звернення: 19.03.2019)
- Богданов С. Введення в Webpack, частина 1. 2016. URL: http://bogdanov-blog.ru/vvedenie-v-webpack-chast-1/(дата звернення: 20.04.2019)
- Гергелі Немет. Аутентифікація в Node.js з використанням passport.js. 2017. URL: https://blog.risingstack.com/autentifikaciya-v-nodejs-s-ispolzovaniem-passportjs/. (дата звернення: 01.04.2019)
- Як працює Passport.js. 2013. URL: https://habr.com/ru/post/201206/. (дата звернення: 06.04.2019)
- Нани Давитадзе Нічого не забути: універсальна схема для тестування веб-додатків. 2018. URL: https://dou.ua/lenta/articles/scheme-for-qa/. (дата звернення: 20.04.2019)
- Визначення кодування сторінки сайту. 2019. URL: https://htmlweb.ru/php/example/read_and_decript_page.php. (дата звернення: 20.04.2019)
#: 6650
Type: Graduate work
Number of pages: 74
Subject: Web-programming
Font size: 14
Language: Ukrainian
Line spacing: 1.5
Department: Комп'ютерні науки
Number of notes: 2
Work uniqueness: 80% - Advego Plagiatus
Number of bibliography sources: 23
Дипломна робота містить 74 сторінки, 18 таблиць, 20 рисунків, список використаних джерел із 20 найменувань,1 додаток.
Метою дипломної роботи є розробка спільного онлайн-редактору коду в реальному часі
Об’єктом дослідження є методи та засоби, а також інструменти сучасної розробки програмного забезпечення, зокрема веб-розробки.
Предметом дослідження є онлайн середовища розробки, зокрема застосунки, які дозволяють працювати з програмним кодом онлайн.
Методи розробки базуються на мові програмування JavaScript
Одержані результати дозволять легко працювати над проектом спільно, у режимі реального часу.
Ключові слова: редактор коду, програма, синтаксис, програмний код.