📄Работа №182498
Тема: Разработка клиентской части веб-приложения «Личный кабинет ТГАСУ»
Тип работы
Бакалаврская работа
Предмет
программирование
Объем:
76 листов
Год:
2025
Просмотров:
45
4760
руб.
🛒 Купить работу
Не подходит эта работа?
Закажите новую по вашим требованиям
Узнать цену на написание
Закажите новую по вашим требованиям
Представленный материал является образцом учебного исследования, примером структуры и содержания учебного исследования по заявленной теме. Размещён исключительно в информационных и ознакомительных целях.
Workspay.ru оказывает информационные услуги по сбору, обработке и структурированию материалов в соответствии с требованиями заказчика.
Размещение материала не означает публикацию произведения впервые и не предполагает передачу исключительных авторских прав третьим лицам.
Материал не предназначен для дословной сдачи в образовательные организации и требует самостоятельной переработки с соблюдением законодательства Российской Федерации об авторском праве и принципов академической добросовестности.
Авторские права на исходные материалы принадлежат их законным правообладателям. В случае возникновения вопросов, связанных с размещённым материалом, просим направить обращение через форму обратной связи.
Настоящий учебно-методический информационный материал размещён в ознакомительных и исследовательских целях и представляет собой пример учебного исследования. Не является готовым научным трудом и требует самостоятельной переработки.
📋 Содержание
АННОТАЦИЯ 3
Введение 4
Перечень условных обозначений 5
1 Анализ и формализация требований 6
1.1 Нефункциональные требования 6
1.2 Функциональные требования 7
1.2.1 Актеры 7
1.2.2 Гость 8
1.2.3 Пользователь 9
1.2.4 Студент 10
1.2.5 Сотрудник 11
1.2.6 Преподаватель 11
1.2.7 Менеджеры контента и рассылок 14
1.2.8 Администратор 15
2 Проектирование 16
2.1 Справочники 16
2.2 Пользователи, студенты и сотрудники 19
2.3 Учебные планы 21
2.4 Ведомости 22
2.4.1 Ведомости промежуточной аттестации 23
2.4.2 Ведомости текущей аттестации 24
2.5 Мероприятия 25
2.6 Справки и приказы 28
2.7 Расчетные листки 29
2.8 Разное 30
3 Инструменты разработки 32
3.1 React 32
3.2 TypeScript 32
3.3 Material UI 33
3.4 Redux Toolkit 35
3.5 RTK Query 37
3.6 Vite 38
3.7 Дополнительные инструменты 39
4 Реализация 41
4.1 Структура приложения 41
4.2 Общий обзор пакета src 42
4.3 Обзор пакета shared 43
4.4 Обзор пакета store 44
4.5 Обзор пакета components 45
4.6 Обзор пакета views 46
4.6.1 Пакеты страниц 46
4.6.2 Пакеты групп страниц 47
4.7 Обзор пакета app 48
4.8 Серверные API 49
4.9 Реализация раздела «Мероприятия» 50
4.9.1 WYSIWYG-редактор 50
4.9.2 Яндекс Карта 51
4.9.3 Поле ввода с функцией поиска опций 53
4.9.4 Другие компоненты 54
4.9.5 Страницы мероприятий 55
4.10 Реализация раздела «Ведомости текущей аттестации» 59
4.10.1 Просмотр расписания 61
4.10.2 Привязка к RaspAPI 62
4.10.3 Страницы текущей аттестации 63
4.11 Реализация раздела «Основные ведомости» 65
4.11.1 Получение данных ведомости 65
4.11.2 Заполнение ведомости и работа с кешем 67
4.11.3 Страницы основных ведомостей 68
Заключение 71
Список использованных источников и литературы 72
Введение 4
Перечень условных обозначений 5
1 Анализ и формализация требований 6
1.1 Нефункциональные требования 6
1.2 Функциональные требования 7
1.2.1 Актеры 7
1.2.2 Гость 8
1.2.3 Пользователь 9
1.2.4 Студент 10
1.2.5 Сотрудник 11
1.2.6 Преподаватель 11
1.2.7 Менеджеры контента и рассылок 14
1.2.8 Администратор 15
2 Проектирование 16
2.1 Справочники 16
2.2 Пользователи, студенты и сотрудники 19
2.3 Учебные планы 21
2.4 Ведомости 22
2.4.1 Ведомости промежуточной аттестации 23
2.4.2 Ведомости текущей аттестации 24
2.5 Мероприятия 25
2.6 Справки и приказы 28
2.7 Расчетные листки 29
2.8 Разное 30
3 Инструменты разработки 32
3.1 React 32
3.2 TypeScript 32
3.3 Material UI 33
3.4 Redux Toolkit 35
3.5 RTK Query 37
3.6 Vite 38
3.7 Дополнительные инструменты 39
4 Реализация 41
4.1 Структура приложения 41
4.2 Общий обзор пакета src 42
4.3 Обзор пакета shared 43
4.4 Обзор пакета store 44
4.5 Обзор пакета components 45
4.6 Обзор пакета views 46
4.6.1 Пакеты страниц 46
4.6.2 Пакеты групп страниц 47
4.7 Обзор пакета app 48
4.8 Серверные API 49
4.9 Реализация раздела «Мероприятия» 50
4.9.1 WYSIWYG-редактор 50
4.9.2 Яндекс Карта 51
4.9.3 Поле ввода с функцией поиска опций 53
4.9.4 Другие компоненты 54
4.9.5 Страницы мероприятий 55
4.10 Реализация раздела «Ведомости текущей аттестации» 59
4.10.1 Просмотр расписания 61
4.10.2 Привязка к RaspAPI 62
4.10.3 Страницы текущей аттестации 63
4.11 Реализация раздела «Основные ведомости» 65
4.11.1 Получение данных ведомости 65
4.11.2 Заполнение ведомости и работа с кешем 67
4.11.3 Страницы основных ведомостей 68
Заключение 71
Список использованных источников и литературы 72
📖 Введение
В современном мире информационные технологии, а в особенности веб-приложения, активно проникают во все сферы деятельности человека, совершенствуют и оптимизируют различные аспекты. Не является исключением и сфера университетского образования, для которой веб-приложения становятся все более неотъемлемым и привычным инструментом.
Цифровизация университета позволяет упростить взаимодействие сотрудников (в особенности преподавателей) и студентов, предоставив им возможности просмотра учебных планов, приказов, успеваемости; контролирования текущей и промежуточной аттестации; дистанционного заказа нужных справок, их скачивания и т. д.
Кроме того, для абитуриентов и других заинтересованных лиц, которые напрямую не участвуют в университетской жизни, могут быть созданы инструменты для получения информации о предстоящих мероприятиях, таких как дни открытых дверей, олимпиады и конкурсы, а также записи на них.
Вследствие неоспоримой пользы цифровизации у Томского государственного архитектурно-строительного университета (ТГАСУ) появился запрос на создание веб-приложения с подобным набором функциональных возможностей, которое смогло бы удовлетворить современные тенденции к автоматизации образовательных процессов, способствовать повышению доступности данных, упрощению знакомства с университетом, а также дополнительному росту его популярности и имиджа.
Исходя из написанного, целью данной выпускной квалификационной работы является разработка клиентской части веб-приложения «Личный кабинет ТГАСУ» (далее - «ЛК ТГАСУ»).
Для достижения поставленной цели был определен следующий набор задач:
1) провести анализ и формализацию требований к клиентской части;
2) спроектировать клиентскую часть;
3) выбрать инструменты для разработки клиентской части;
4) реализовать клиентскую часть.
Цифровизация университета позволяет упростить взаимодействие сотрудников (в особенности преподавателей) и студентов, предоставив им возможности просмотра учебных планов, приказов, успеваемости; контролирования текущей и промежуточной аттестации; дистанционного заказа нужных справок, их скачивания и т. д.
Кроме того, для абитуриентов и других заинтересованных лиц, которые напрямую не участвуют в университетской жизни, могут быть созданы инструменты для получения информации о предстоящих мероприятиях, таких как дни открытых дверей, олимпиады и конкурсы, а также записи на них.
Вследствие неоспоримой пользы цифровизации у Томского государственного архитектурно-строительного университета (ТГАСУ) появился запрос на создание веб-приложения с подобным набором функциональных возможностей, которое смогло бы удовлетворить современные тенденции к автоматизации образовательных процессов, способствовать повышению доступности данных, упрощению знакомства с университетом, а также дополнительному росту его популярности и имиджа.
Исходя из написанного, целью данной выпускной квалификационной работы является разработка клиентской части веб-приложения «Личный кабинет ТГАСУ» (далее - «ЛК ТГАСУ»).
Для достижения поставленной цели был определен следующий набор задач:
1) провести анализ и формализацию требований к клиентской части;
2) спроектировать клиентскую часть;
3) выбрать инструменты для разработки клиентской части;
4) реализовать клиентскую часть.
✅ Заключение
В результате проделанной работы были выполнены все поставленные задачи:
1) проанализированы и формализованы требования к клиентской части приложения;
2) спроектирована клиентская часть приложения;
3) выбраны инструменты для разработки клиентской части приложения;
4) реализована клиентская часть приложения.
Таким образом, цель выпускной квалификационной работы - разработать клиентскую часть веб-приложения «Личный кабинет ТГАСУ» - достигнута.
Разработанное приложение удовлетворяет требованиям заказчика, запущено в работу, доступно по адресу https://lk.tsuab.ru и находится на стадии поддержки.
В будущем в зависимости от пожеланий заинтересованных лиц возможны различные доработки, включая добавление новых функциональных возможностей.
1) проанализированы и формализованы требования к клиентской части приложения;
2) спроектирована клиентская часть приложения;
3) выбраны инструменты для разработки клиентской части приложения;
4) реализована клиентская часть приложения.
Таким образом, цель выпускной квалификационной работы - разработать клиентскую часть веб-приложения «Личный кабинет ТГАСУ» - достигнута.
Разработанное приложение удовлетворяет требованиям заказчика, запущено в работу, доступно по адресу https://lk.tsuab.ru и находится на стадии поддержки.
В будущем в зависимости от пожеланий заинтересованных лиц возможны различные доработки, включая добавление новых функциональных возможностей.
ИЛИ
Поиск аналога
📕 Список литературы
🖼 Скриншоты
🛒 Оформить заказ
⚡ Работу высылаем в течении 5 минут после оплаты.