Разработка клиентской части веб-приложения «Личный кабинет ТГАСУ»,

Содержание

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

Введение

В современном мире информационные технологии, а в особенности веб-приложения, активно проникают во все сферы деятельности человека, совершенствуют и оптимизируют различные аспекты. Не является исключением и сфера университетского образования, для которой веб-приложения становятся все более неотъемлемым и привычным инструментом.
Цифровизация университета позволяет упростить взаимодействие сотрудников (в особенности преподавателей) и студентов, предоставив им возможности просмотра учебных планов, приказов, успеваемости; контролирования текущей и промежуточной аттестации; дистанционного заказа нужных справок, их скачивания и т. д.
Кроме того, для абитуриентов и других заинтересованных лиц, которые напрямую не участвуют в университетской жизни, могут быть созданы инструменты для получения информации о предстоящих мероприятиях, таких как дни открытых дверей, олимпиады и конкурсы, а также записи на них.
Вследствие неоспоримой пользы цифровизации у Томского государственного архитектурно-строительного университета (ТГАСУ) появился запрос на создание веб-приложения с подобным набором функциональных возможностей, которое смогло бы удовлетворить современные тенденции к автоматизации образовательных процессов, способствовать повышению доступности данных, упрощению знакомства с университетом, а также дополнительному росту его популярности и имиджа.
Исходя из написанного, целью данной выпускной квалификационной работы является разработка клиентской части веб-приложения «Личный кабинет ТГАСУ» (далее - «ЛК ТГАСУ»).
Для достижения поставленной цели был определен следующий набор задач:
1) провести анализ и формализацию требований к клиентской части;
2) спроектировать клиентскую часть;
3) выбрать инструменты для разработки клиентской части;
4) реализовать клиентскую часть.

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

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

Помощь в написании работ!

ДИПЛОМНЫЕ МАГИСТЕРСКИЕ ДИССЕРТАЦИИ

КУРСОВЫЕ СТАТЬИ ВКР

Заключение

В результате проделанной работы были выполнены все поставленные задачи:
1) проанализированы и формализованы требования к клиентской части приложения;
2) спроектирована клиентская часть приложения;
3) выбраны инструменты для разработки клиентской части приложения;
4) реализована клиентская часть приложения.
Таким образом, цель выпускной квалификационной работы - разработать клиентскую часть веб-приложения «Личный кабинет ТГАСУ» - достигнута.
Разработанное приложение удовлетворяет требованиям заказчика, запущено в работу, доступно по адресу https://lk.tsuab.ru и находится на стадии поддержки.
В будущем в зависимости от пожеланий заинтересованных лиц возможны различные доработки, включая добавление новых функциональных возможностей.

Литература

1. Документация библиотеки React [Электронный ресурс]. URL: https://react.dev/reference/react (дата обращения: 31.03.2025).
2. Wikipedia. TypeScript [Электронный ресурс]. URL: https://en.wikipedia.org/wiki/TypeScript (дата обращения: 31.03.2025).
3. Введение в библиотеку компонентов Material UI [Электронный ресурс]. URL: https://mui.com/material-ui/getting-started (дата обращения: 31.03.2025).
4. Документация библиотеки Redux Toolkit [Электронный ресурс]. URL:
https://redux-toolkit.js.org/introduction/getting-started (дата обращения: 31.03.2025).
5. Руководство по инструменту RTK Query [Электронный ресурс]. URL:
https://redux-toolkit.js.org/rtk-query/comparison (дата обращения: 31.03.2025).
6. Преимущества инструмента сборки Vite [Электронный ресурс]. URL:
https://vitejs.dev/guide/why.html (дата обращения: 31.03.2025).
7. Введение в расширенную коллекцию компонентов MUI X [Электронный ресурс]. URL: https://mui.com/x/introduction (дата обращения: 31.03.2025).
8. Обзор компонентов выбора даты и времени в MUI X [Электронный ресурс]. URL: https://mui.com/x/react-date-pickers (дата обращения: 31.03.2025).
9. Обзор компонентов древовидного представления в MUI X [Электронный ресурс]. URL: https://mui.com/x/react-tree-view (дата обращения: 31.03.2025).
10. Документация фреймворка интернационализации react-i18next [Электронный ресурс]. URL: https://react.i18next.com (дата обращения: 31.03.2025).
11. Документация библиотеки React Hook Form [Электронный ресурс]. URL: https://react-hook-form.com/docs (дата обращения: 31.03.2025).
12. Документация WYSIWYG-редактора Jodit Editor [Электронный ресурс]. URL: https://xdsoft.net/jodit/docs (дата обращения: 31.03.2025).
13. Обзор библиотеки imask js для работы с масками ввода [Электронный ресурс]. URL: https://imask.js.org/guide.html (дата обращения: 31.03.2025).
14. Документация обертки над API Яндекс Карт @pbe/react-yandex-maps [Электронный ресурс]. URL: https://pbe-react-yandex-maps.vercel.app (дата обращения: 31.03.2025).
15. Репозиторий библиотеки DOMPurify [Электронный ресурс]. URL:
https://github.com/cure53/DOMPurify (дата обращения: 31.03.2025).
...20

Скриншоты

Содержание и часть введения к бакалаврской работе

КУПИТЬ

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

Разработка клиентской части веб-приложения «Личный кабинет ТГАСУ»

Тип работы

Бакалаврская работа

Предмет

программирование

ПУБЛИКУЕТСЯ ВПЕРВЫЕ

Просмотрено

15

Логин
Пароль


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