Тип работы:
 Предмет:
 Язык работы:


РАЗРАБОТКА КЛИЕНТСКОЙ ЧАСТИ ВЕБ-ПРИЛОЖЕНИЯ «МОНИТОРИНГ 1Т-КОНФЕРЕНЦИЙ»

Работа №100057

Тип работы

Дипломные работы, ВКР

Предмет

информационные системы

Объем работы54
Год сдачи2021
Стоимость4235 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено
182
Не подходит работа?

Узнай цену на написание


РЕФЕРАТ 3
СОДЕРЖАНИЕ 4
ОПРЕДЕЛЕНИЯ, ОБОЗНАЧЕНИЯ И СОКРАЩЕНИЯ 4
ВВЕДЕНИЕ 13
1 ОПИСАНИЕ ИНФРАСТРУКТУРЫ ВЕБ-ПРИЛОЖЕНИЯ 15
2 ВЫБОР ФРЕЙМВОРКА ДЛЯ РЕАЛИЗАЦИИ ВЕБ-ПРИЛОЖЕНИЯ 19
2.1 Angularjs 20
2.2 Reactjs 21
2.3 Vue.js 23
2.4 Next .js 24
3 РАЗРАБОТКА КЛИЕНТСКОЙ ЧАСТИ ВЕБ-ПРИЛОЖЕНИЯ 25
4 CONTENT DELIVERY NETWORK 34
5 КОНТЕЙНЕРИЗАЦИЯ ВЕБ-ПРИЛОЖЕНИЯ 37
6 CI и CD 39
7 КЛИЕНТСКИЙ И СЕРВЕРНЫЙ МОНИТОРИНГИ 41
ЗАКЛЮЧЕНИЕ 44
БИБЛИОГРАФИЧЕСКИЙ СПИСОК 45
ПРИЛОЖЕНИЕ А 47
ПРИЛОЖЕНИЕ Б 48
ПРИЛОЖЕНИЕ В 49
ПРИЛОЖЕНИЕ Г 50
ПРИЛОЖЕНИЕ Д 51
ПРИЛОЖЕНИЕ Ж 52
ПРИЛОЖЕНИЕ З 53
ПРИЛОЖЕНИЕ К 5


Пандемия С0УГО-19 изменила жизнь миллионов людей по всему миру: практически все образовательные учреждения и компании перешли на удалённый режим работы, много массовых мероприятий было отменено. Таким образом, жизнь «в режиме онлайн» постепенно стала нормой, а ценность самообразования возросла.
Если раньше многие узнавали о предстоящих мероприятиях от знакомых или видели баннеры с анонсами на улице, то теперь количество личных контактов сократилось, а на улицу стали выходить реже. То же самое произошло и с анонсами 1Т-конференций - уменьшилось количество способов узнать о них.
Вышеперечисленные проблемы стали предпосылкой для разработки сервиса, который позволяет:
• заранее узнать о предстоящей 1Т-конференции;
• запланировать её просмотр в удобное для пользователя время вместо того, чтобы тратить время на поиски видеозаписи мероприятия или подстраиваться под часовой пояс страны/города-организатора;
• настроить профиль пользователя, чтобы добавлять интересные или понравившиеся доклады в «избранное». Такой метод позволяет ускорить и облегчить поиск в дальнейшем;
• у каждого доклада есть «тег», спикер и конференция, это позволяет группировать и сортировать доклады по упомянутым выше признакам, а также позволяет упрощать, ускорять и облегчать поиск понравившегося или интересующего доклада в дальнейшем.
Актуальность работы обосновывается необходимостью разработки веб-сервиса, который включает себя описанную выше функциональность, чтобы удовлетворить потребности пользователей, которые возникли в рамках пандемии С0УГО-19.
Целью ВКР является разработка клиентской части для веб-приложения «Мониторинг IT-конференций». Для достижения цели необходимо поставить следующие задачи:
1) спроектировать инфраструктуру веб-приложения;
2) выбрать фреймворк для разработки клиентской части веб-приложения;
3) разработать клиентскую часть веб-приложения согласно макетам;
4) разместить статический контент веб-приложения на CDN серверах сервиса Surge;
5) произвести контейнеризацию веб-приложения на основе программного обеспечения Docker;
6) настроить сценарии для непрерывной интеграции и доставки веб-приложения на основе GitHub [11] Actions;
7) реализовать интеграцию с системой мониторинга Sentry [10].

Возникли сложности?

Нужна помощь преподавателя?

Помощь в написании работ!
ДИПЛОМНЫЕ МАГИСТЕРСКИЕ ДИССЕРТАЦИИ
Курсовые Статьи Диплом Рязань

Целью нашей работы была разработка клиентской части веб-приложения «Мониторинг IT-конференций» для повышения слушательского комфорта, а также снижения количества социальных контактов, которое влечёт за собой, в свою очередь, снижение рисков заболеваемости населения и распространения инфекций среди населения.
Результатом работы стала демонстрация лучших практик для создания веб-приложений, собранных на основе личного опыта и современных тенденций в мире веб-разработки, а также были рассмотрены достоинства и недостатки существующих популярных инструментов и подходов.
В ходе работы был представлен тщательный сравнительный анализ фреймворков для разработки веб-приложений с полным разбором преимуществ и недостатков, исходящих из целей поставленной нами задачи. Исходя из них же, нами был аргументирован и выбран фреймворк Nextjs.
Помимо этого, были реализованы и другие задачи проекта, а именно:
• спроектировать инфраструктуру веб-приложения;
• разработать клиентскую часть веб-приложения согласно макетам;
• размещён статический контент веб-приложения на CDN серверах сервиса Surge;
• произведена контейнеризацию веб-приложения на основе программного обеспечения Docker;
• полностью настроены сценарии для непрерывной интеграции и доставки веб-приложения на основе GitHub Actions;
• реализовать интеграцию с системой мониторинга Sentry.
Если говорить подробнее, одной из основных целей работы было описать структуру клиентской части веб-приложения «Мониторинг IT-конференций» и реализовать её.
Таким образом, описанная нами выше инфраструктура включает в себя следующие позиции:
• Docker-образ с веб-приложением на основе Nextjs;
• интеграцию с серверами CDN для доставки статического контента;
• интеграцию с GitHub Actions для реализации CI/CD сценариев по сборке Docker-образа и доставке статического контента на сервера CDN;
• Docker-образ с собственной инсталляцией Sentry для клиентского и серверного логирования ошибок;
• мониторинг на возникновение клиентских и серверных ошибок, который уведомляет разработчиков в Telegram.
Исходя из вышеперечисленного, можно сделать вывод, что цель работы, а именно - разработка клиентской части для веб-приложения «Мониторинга IT-конференций» была достигнута в полном объёме и с должным уровнем аналитического подхода к современной ситуации в IT-индустрии.
А исходя из вышеперечисленных современных реалий, можно сделать заключение, что веб-приложение «Мониторинг IT-конференций» будет пользоваться популярностью среди специалистов и не только, а значит, обладает высоким потенциалом для развития.



1. Современный учебник JavaScript: сайт. - URL: https://learn.javascript.ru(дата обращения: 10.02.2021). - Текст: электронный.
2. Документация по TypeScript c официального сайта: сайт. - URL: https://www.typescriptlang.org/(дата обращения: 12.02.2021). - Текст: электронный.
3. Основы CSS: сайт. - URL:
https://developer.mozilla.org/ru/docs/Learn/Getting_started_with_the_web/ CSS_basics (дата обращения: 10.02.2021). - Текст: электронный.
4. Документация по Angular c официального сайта: сайт. - URL: https://angular.io(дата обращения: 01.03.2021). - Текст: электронный.
5. Документация по Vuejs: сайт. - URL: https://vuejs.org(дата обращения: 08.03.2021). - Текст: электронный.
6. Документация по React c официального сайта: сайт. - URL: https://ru.reactjs.org(дата обращения: 15.03.2021). - Текст: электронный.
7. Документация по Redux: сайт. - URL: https://reactdev.ru/redux/(дата обращения: 22.03.2021). - Текст: электронный.
8. Документация по Nextjs c официального сайта: сайт. - URL: https://nextjs.org(дата обращения: 29.03.2021). - Текст: электронный.
9. Документация по Docker c официального сайта: сайт. - URL: https://www.docker.com/get-started(дата обращения: 07.04.2021). - Текст: электронный.
10. Документация разработчика Sentry c официального сайта: сайт. - URL: https://develop.sentry.dev/(дата обращения: 01.05.2021). - Текст: электронный.
11. Документация по GitHub c официального сайта: сайт. - URL: https://docs.github.com/en/actions(дата обращения: 09.05.2021). - Текст: электронный.
12.IDE WebStorm: сайт. - URL: https://www.jetbrains.com/webstorm/promo(дата обращения: 01.01.2021). - Текст: электронный.
13. NodeJS: сайт. - URL: https://nodejs.org/en(дата обращения: 01.01.2021). - Текст: электронный.
14.Знакомство с Content Delivery Network: сайт. - URL: https://habr.com/ru/company/webzilla/blog/236511 (дата обращения: 29.04.2021). - Текст: электронный.
15. Докеризация веб-приложения Node.js NodeJS: сайт. - URL: https://nodejs.org/ru/docs/guides/nodejs-docker-webapp(дата обращения: 10.04.2021). - Текст: электронный.
16. Непрерывная интеграция и доставка (CI/CD): сайт. - URL: https://tproger.ru/blogs/ci-cd(дата обращения: 25.04.2021). - Текст: электронный.
17. Использование Sentry с React: сайт. - URL:
https://habr.com/ru/post/509362(дата обращения: 02.05.2021). - Текст: электронный.

Работу высылаем на протяжении 30 минут после оплаты.



Заказать работу

Заявка на оценку стоимости

Это краткая форма заказа. После ее заполнения вы перейдете на полную форму заказа работы

Каталог работ (152640)

Новости

06.01.2018 Помощь студентам и аспирантам в выполнении работ от наших партнеров Помощь студентам и аспирантам в выполнении работ от наших партнеров

Помощь в выполнении учебных и научных работ на заказ ОФОРМИТЬ ЗАКАЗ

дальше

»» Все новости

Заказать работу

Заявка на оценку стоимости

Это краткая форма заказа. После ее заполнения вы перейдете на полную форму заказа работы

Заказать диплом

Приглашаем авторов студенчесчких работ


©2024 Cервис помощи студентам в выполнении работ
.