Разработка веб-приложения администрирования опросов для управляющей компании Upro Group
Введение
Тема выпускной квалификационной работы «Разработка веб-приложения администрирования опросов для управляющей компании «Upro Group»». В работе рассматривается проблема ручного сбора и анализа ответов клиентов отелей на вопросы.Данная тема является актуальной, поскольку реализация и внедрение приложения оптимизирует путем автоматизации деятельность IT-отдела компании, а также может улучшить точность ответов ввиду отсутствия человеческого фактора при их сборе.В работе будет рассмотрена система опроса клиентов, которая является объектом исследования. Предмет исследования - автоматизация этого процесса.Цель ВКР – создание автоматизированной системы для проведения опросов клиентов отелей.Для достижения поставленной цели необходимо решить ряд задач:Выяснить, как на текущий момент компания проводит опросы клиентовСоставить список необходимых требований (функциональных и нефункциональных).Провести анализ возможных аналогов.
Введение.............................................................................................................. 7
1. Анализ предметной области........................................................................ 8
1.1 О предприятии.......................................................................................... 9
1.2 Проблематика......................................................................................... 10
1.3 Причины разработки системы................................................................ 10
1.4 Предварительные требования................................................................ 11
2. Требования и технологии.......................................................................... 13
2.1 Обзор аналогов....................................................................................... 13
2.2 Определение требований........................................................................ 17
2.3 Проектирование системы....................................................................... 19
3. Реализация................................................................................................... 35
3.1 Клиентская часть.................................................................................... 35
3.2 Серверная часть...................................................................................... 44
3.3 Развертывание......................................................................................... 49
Организационно-экономический раздел..................................................... 53
Заключение...................................................................................................... 56
Список использованной литературы........................................................... 57
Приложения..................................................................................................... 6
Список использованной литературы
Сравнение популярных фреймворков во фронтенде [Электронный ресурс]. – Режим доступа: https://2022.stateofjs.com/en-us/libraries/front-end-frameworks/, свободный.
Официальный сайт с документацией React [Электронный ресурс]. – Режим доступа: https://ru.reactjs.org/, свободный.
Доля рынка по платформам [Электронный ресурс]. – Режим доступа: https://www.similarweb.com/ru/platforms/, свободный.
Популярные фреймворки NodeJS [Электронный ресурс]. – Режим доступа: https://medium.com/nuances-of-programming/10-%D0%BB%D1%83%D1%87%D1%88%D0%B8%D1%85-%D1%84%D1%80%D0%B5%D0%B9%D0%BC%D0%B2%D0%BE%D1%80%D0%BA%D0%BE%D0%B2-node-js-a8b6c42c3e2c, свободный.
Популярные СУБД [Электронный ресурс]. – Режим доступа: https://www.nic.ru/help/chto-takoe-subd_8580.html, свободный .Сравнение MPA и SPA [Электронный ресурс]. – Режим доступа: https://www.azoft.ru/blog/spa-mpa-pwa, свободный.
Google Forms [Электронный ресурс]. – Режим доступа: https://workspace.google.com/intl/ru/products/forms/, свободный.
Яндекс формы [Электронный ресурс]. – Режим доступа: https://cloud.yandex.ru/services/forms, свободный.
Отзывы о Яндекс формах [Электронный ресурс]. – Режим доступа: https://startpack.ru/application/yandex-forms/reviews, свободный.
Сравнение Google Form и Яндекс форм [Электронный ресурс]. – Режим доступа: https://a2is.ru/catalog/onlajn-oprosy/compare/google-formy/yandeksformy, свободный.
Хэширование паролей [Электронный ресурс]. – Режим доступа: https://blog.skillfactory.ru/glossary/heshirovanie/, свободный.
Популярные языки программирования для бэкенда [Электронный ресурс]. – Режим доступа: https://skillbox.ru/media/code/kak-vybrat-freymvork-dlya-bekenda-mneniya-razrabotchikov/, свободный.
Хуки реакт [Электронный ресурс]. – Режим доступа: https://ru.legacy.reactjs.org/docs/hooks-intro.html, свободный.
Сборщик Webpack [Электронный ресурс]. – Режим доступа: https://webpack.js.org/, свободный.
Angular - фреймворк от компании Google. В кругах фронтенд-разработчиков считается одним из самых сложных. Чаще всего его используют в особо крупных проектах. Предлагает в качестве основного языка - TypeScript. Надежный и масштабируемый фреймворк, но не такой популярный ввиду высокого порога входа и худшей производительностью по сравнению со своими конкурентами.Vue - фреймворк с открытым исходным кодом. Создателем Vue.js является бывший инженер Google. Он был разочарован использованием AngularJS в проектах Google. Инженер решил извлечь лучшие черты этого фреймворка и создать что-то очень легкое. Так появился Vue. Является наименее популярным из трех основных фреймворков, но все равно нашел свое место в сообществе.React - на самом деле, это библиотека с открытым исходным кодом, но ввиду образовавшихся возле него других библиотек, сформировавших его окружающую среду, считается фреймворком. Имеет довольно низкий порог входа благодаря синтаксису JSX и возможности работать с компонентами как с классами, так и с функциями (более современный подход). На нем можно реализовать не только SPA, но SSR - приложения, например с помощью выросшего из React фреймворка NextJS. Подходит как для небольших легковесных проектов, так и для крупных.На основе анализа фреймворков и библиотек было принято использовать библиотеку React [2].