Разработка клиентского приложения личного кабинета абитуриента ТГУ

АННОТАЦИЯ 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

Купить

В настоящее время цифровая трансформация играет все более значительную роль в повседневной жизни и становится неотъемлемой ее частью. Онлайн сервисы постепенно вытесняют традиционные офлайн-форматы предоставления услуг. Это оказывает серьезное влияние на множество сфер, включая процесс поступления в университет. Переход на цифровые платформы упрощает многие аспекты, связанные с подачей заявок, получением информации и взаимодействием с образовательным учреждением.
С учетом этой тенденции было принято решение разработать систему, которая позволит потенциальным студентам ознакомиться с информацией о доступных образовательных программах, выбрать те, которые соответствуют их потребностям. Помимо этого, пользователи смогут настроить приоритеты поступления, подать заявление на поступление, а также смогут отслеживать изменения в рейтинговых списках абитуриентов. В рамках данной работы будет показан процесс реализации клиентского приложения для этой системы.
Разработка этого приложения осуществлялась в два этапа.
1. Первый этап включал в себя разработку приложения для приемной компании 2023 года - далее первая версия приложения. Для этого необходимо было разработать описанные выше функциональные возможности.
2. Второй этап - расширение и доработка функциональных возможностей.
Далее в работе будет описана разработка первой версии приложения и изменения, которые были внесенные в изначальную структуру в процессе последующих доработок и расширений.
Таким образом, целью данной выпускной квалификационной работы является разработка веб-приложения личного кабинета абитуриента ТГУ Для достижения поставленной цели необходимо выполнить следующие задачи:
1) изучить представленные требования, макеты страниц и компонентов;
2) определить необходимый набор инструментов, который будет использоваться для разработки;
3) разработать приложение в соответствии с первоначальными требованиями;
4) проанализировать и формализировать требования для новых функциональных возможностей;
5) доработать приложения в соответствии с новыми требованиями.

Купить