📄Работа №183327
Тема: Разработка клиентского приложения личного кабинета абитуриента ТГУ
Тип работы
Бакалаврская работа
Предмет
программирование
Объем:
57 листов
Год:
2024
Просмотров:
48
4570
руб.
🛒 Купить работу
Не подходит эта работа?
Закажите новую по вашим требованиям
Узнать цену на написание
Закажите новую по вашим требованиям
Представленный материал является образцом учебного исследования, примером структуры и содержания учебного исследования по заявленной теме. Размещён исключительно в информационных и ознакомительных целях.
Workspay.ru оказывает информационные услуги по сбору, обработке и структурированию материалов в соответствии с требованиями заказчика.
Размещение материала не означает публикацию произведения впервые и не предполагает передачу исключительных авторских прав третьим лицам.
Материал не предназначен для дословной сдачи в образовательные организации и требует самостоятельной переработки с соблюдением законодательства Российской Федерации об авторском праве и принципов академической добросовестности.
Авторские права на исходные материалы принадлежат их законным правообладателям. В случае возникновения вопросов, связанных с размещённым материалом, просим направить обращение через форму обратной связи.
Настоящий учебно-методический информационный материал размещён в ознакомительных и исследовательских целях и представляет собой пример учебного исследования. Не является готовым научным трудом и требует самостоятельной переработки.
📋 Содержание
АННОТАЦИЯ 3
Перечень условных обозначений, символов, сокращений, терминов 4
Введение 5
1 Анализ и формализация требований 6
1.1 Нефункциональные требования 6
1.2 Функциональные требования 6
1.2.1 Первая версия приложения 6
1.2.2 Экзамены 8
1.2.3 Подбор направлений с использованием калькулятора баллов 10
1.2.4 Портфолио 11
1.3 Формализация требований 11
1.3.1 Экзамены 12
1.3.2 Выбор программ 13
1.3.3 Портфолио 14
2 Обзор инструментов разработки 15
2.1 React 15
2.2 TypeScript 15
2.3 SCSS 16
2.4 Webpack 18
2.5 React Router DOM 19
2.6 Redux Toolkit 19
2.7 RTK Query 21
2.8 React-i18next 22
2.9 Storybook 22
3 Разработка приложения 24
3.1 Структура проекта 24
3.1.1 Пакеты 24
3.1.2 «Срезы» 25
3.1.3 Сегменты 27
3.2 Взаимодействие с серверной частью приложения 27
3.2.1 RTK Query 28
3.2.2 Нормализация данных 28
3.3 Разработка UI компонентов 29
3.4 Поиск и выбор образовательных программ 32
3.4.1 Фильтрация образовательных программ 33
3.4.2 Добавление образовательной программы в список выбранных 35
3.4.3 Удаление выбранной образовательной программы 36
3.1 Интеграция с калькулятором баллов 38
3.2 Профиль в первой версии приложения 41
3.3 Экзамены 43
3.3.1 Переработка профиля 43
3.3.2 Получение расписания экзаменов 44
3.3.3 Страница - «Мои экзамены» 45
3.1 Портфолио 47
3.2 Доработка логики подачи заявления 48
Заключение 49
Список использованных источников и литературы 50
Перечень условных обозначений, символов, сокращений, терминов 4
Введение 5
1 Анализ и формализация требований 6
1.1 Нефункциональные требования 6
1.2 Функциональные требования 6
1.2.1 Первая версия приложения 6
1.2.2 Экзамены 8
1.2.3 Подбор направлений с использованием калькулятора баллов 10
1.2.4 Портфолио 11
1.3 Формализация требований 11
1.3.1 Экзамены 12
1.3.2 Выбор программ 13
1.3.3 Портфолио 14
2 Обзор инструментов разработки 15
2.1 React 15
2.2 TypeScript 15
2.3 SCSS 16
2.4 Webpack 18
2.5 React Router DOM 19
2.6 Redux Toolkit 19
2.7 RTK Query 21
2.8 React-i18next 22
2.9 Storybook 22
3 Разработка приложения 24
3.1 Структура проекта 24
3.1.1 Пакеты 24
3.1.2 «Срезы» 25
3.1.3 Сегменты 27
3.2 Взаимодействие с серверной частью приложения 27
3.2.1 RTK Query 28
3.2.2 Нормализация данных 28
3.3 Разработка UI компонентов 29
3.4 Поиск и выбор образовательных программ 32
3.4.1 Фильтрация образовательных программ 33
3.4.2 Добавление образовательной программы в список выбранных 35
3.4.3 Удаление выбранной образовательной программы 36
3.1 Интеграция с калькулятором баллов 38
3.2 Профиль в первой версии приложения 41
3.3 Экзамены 43
3.3.1 Переработка профиля 43
3.3.2 Получение расписания экзаменов 44
3.3.3 Страница - «Мои экзамены» 45
3.1 Портфолио 47
3.2 Доработка логики подачи заявления 48
Заключение 49
Список использованных источников и литературы 50
📖 Введение
В настоящее время цифровая трансформация играет все более значительную роль в повседневной жизни и становится неотъемлемой ее частью. Онлайн сервисы постепенно вытесняют традиционные офлайн-форматы предоставления услуг. Это оказывает серьезное влияние на множество сфер, включая процесс поступления в университет. Переход на цифровые платформы упрощает многие аспекты, связанные с подачей заявок, получением информации и взаимодействием с образовательным учреждением.
С учетом этой тенденции было принято решение разработать систему, которая позволит потенциальным студентам ознакомиться с информацией о доступных образовательных программах, выбрать те, которые соответствуют их потребностям. Помимо этого, пользователи смогут настроить приоритеты поступления, подать заявление на поступление, а также смогут отслеживать изменения в рейтинговых списках абитуриентов. В рамках данной работы будет показан процесс реализации клиентского приложения для этой системы.
Разработка этого приложения осуществлялась в два этапа.
1. Первый этап включал в себя разработку приложения для приемной компании 2023 года - далее первая версия приложения. Для этого необходимо было разработать описанные выше функциональные возможности.
2. Второй этап - расширение и доработка функциональных возможностей.
Далее в работе будет описана разработка первой версии приложения и изменения, которые были внесенные в изначальную структуру в процессе последующих доработок и расширений.
Таким образом, целью данной выпускной квалификационной работы является разработка веб-приложения личного кабинета абитуриента ТГУ Для достижения поставленной цели необходимо выполнить следующие задачи:
1) изучить представленные требования, макеты страниц и компонентов;
2) определить необходимый набор инструментов, который будет использоваться для разработки;
3) разработать приложение в соответствии с первоначальными требованиями;
4) проанализировать и формализировать требования для новых функциональных возможностей;
5) доработать приложения в соответствии с новыми требованиями.
С учетом этой тенденции было принято решение разработать систему, которая позволит потенциальным студентам ознакомиться с информацией о доступных образовательных программах, выбрать те, которые соответствуют их потребностям. Помимо этого, пользователи смогут настроить приоритеты поступления, подать заявление на поступление, а также смогут отслеживать изменения в рейтинговых списках абитуриентов. В рамках данной работы будет показан процесс реализации клиентского приложения для этой системы.
Разработка этого приложения осуществлялась в два этапа.
1. Первый этап включал в себя разработку приложения для приемной компании 2023 года - далее первая версия приложения. Для этого необходимо было разработать описанные выше функциональные возможности.
2. Второй этап - расширение и доработка функциональных возможностей.
Далее в работе будет описана разработка первой версии приложения и изменения, которые были внесенные в изначальную структуру в процессе последующих доработок и расширений.
Таким образом, целью данной выпускной квалификационной работы является разработка веб-приложения личного кабинета абитуриента ТГУ Для достижения поставленной цели необходимо выполнить следующие задачи:
1) изучить представленные требования, макеты страниц и компонентов;
2) определить необходимый набор инструментов, который будет использоваться для разработки;
3) разработать приложение в соответствии с первоначальными требованиями;
4) проанализировать и формализировать требования для новых функциональных возможностей;
5) доработать приложения в соответствии с новыми требованиями.
✅ Заключение
В рамках выполнения выпускной квалификационной работы была завершена разработка клиентского приложения личного кабинета абитуриента ТГУ, удовлетворяющая требованиям и обладающая необходимыми функциональными возможностями. В процессе были решены следующие задачи:
• изучены предоставленные требования и макеты;
• определен набор инструментов, необходимый для реализации приложения;
• спроектировано, разработано и введено в эксплуатацию клиентское приложение личного кабинета абитуриента ТГУ в соответствии с первоначальными требованиями;
• формализированы требования для новых функциональных возможностей;
• доработано приложение в соответствии с новыми требованиями.
Первая версия приложения была запущена в 2023 для организации приемной компании 2023. Далее вносились исправления в приложение, работа с экзаменами была добавлена в марте 2024 года, калькулятор и портфолио в апреле. Далее планируется добавить функциональные возможности, связанные с системой мероприятий, а также проанализировать приемную компанию 2024, для определения дальнейшего направления развития приложения.
Разработанный ресурс доступен по адресу https://postupitsu.ru/.
• изучены предоставленные требования и макеты;
• определен набор инструментов, необходимый для реализации приложения;
• спроектировано, разработано и введено в эксплуатацию клиентское приложение личного кабинета абитуриента ТГУ в соответствии с первоначальными требованиями;
• формализированы требования для новых функциональных возможностей;
• доработано приложение в соответствии с новыми требованиями.
Первая версия приложения была запущена в 2023 для организации приемной компании 2023. Далее вносились исправления в приложение, работа с экзаменами была добавлена в марте 2024 года, калькулятор и портфолио в апреле. Далее планируется добавить функциональные возможности, связанные с системой мероприятий, а также проанализировать приемную компанию 2024, для определения дальнейшего направления развития приложения.
Разработанный ресурс доступен по адресу https://postupitsu.ru/.
ИЛИ
Поиск аналога
📕 Список литературы
🖼 Скриншоты
🛒 Оформить заказ
⚡ Работу высылаем в течении 5 минут после оплаты.