ВВЕДЕНИЕ 5
1 Анализ предметной области 6
1.1 Анализ существующих решении 6
1.2 Определение требований к системе 6
1.3 Выбор средств front-end разработки 7
1.4 Методология разработки 12
1.5 Выводы по разделу 13
2 Проектирование 14
2.1 Архитектура информационной системы 14
2.2 Типы архитектуры веб-приложений 15
2.2.1 Одностраничные приложения 15
2.2.2 Многостраничные приложения 16
2.2.3 Прогрессивные веб-приложения 16
2.2.4 Архитектура микросервисов 16
2.3 Интерфейс веб-приложения 17
2.4 Модуль API 20
2.5 Диаграммы вариантов использования 20
2.6 Выводы по разделу 22
3 Разработка и тестирование 23
3.1 Front-end 24
3.2 Тестирование 30
3.3 Выводы по разделу 32
4 Описание результатов разработки 33
4.1 Front-end 33
4.2 Выводы по разделу 39
ЗАКЛЮЧЕНИЕ 40
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 41
Во время пандемии COVID-19 все учебные заведения перешли на дистанционное обучение. В связи с этим возник ряд сложностей с контролем образовательного процесса. В частности, у преподавателей возросла необходимость в просмотре посещаемости занятий и выполнении заданий, а также появилась необходимость в сравнении показателей качества образования до и во время дистанционного обучения с целью определения слабых мест образовательного процесса. Решить возникшие задачи позволила бы модернизация существующего программного обеспечения, использующегося в образовательном процессе университета.
Целью данной выпускной квалификационной работы является разработка front-end части веб-приложения, предоставляющей подробную статистику по успеваемости студентов ИКИТ СФУ.
Новая функциональность веб-приложения направлена на родителей и преподавателей. Она позволит родителям просматривать учебную информацию своего ребенка, такую как его подробную успеваемость и посещаемость в лаконичном и упорядоченном виде, а преподавателям просматривать и сравнивать (в виде графиков, гистограмм и диаграмм) успеваемость студентов по конкретным дисциплинам в разное время в агрегированном виде или по учебным группам в отдельности.
Для достижения цели были решены следующие задачи:
- проведен анализ существующих решений;
- исследована предметная область;
- создана модель предметной области;
- спроектирован интерфейс front-end части приложения;
- реализована front-end часть приложения;
- проведено тестирование.
В ходе выполнения выпускной квалификационной работы был проведён анализ существующих решений, были составлены требования, описан выбор стека разработки, реализованы этапы проектирования и разработки клиентской части.
Были изучены принципы построения архитектуры веб-приложений. Также были приобретены дополнительные навыки разработки с использованием библиотеки React, в частности React Hooks и тестирования веб-приложений при помощи React Test Library.
Результатом выпускной квалификационной работы стало веб-приложение для просмотра информации о студентах на основе СЭО СФУ.
Разработанное приложение позволяет:
- авторизоваться;
- просматривать учебную информацию ребенка (для родителей);
- просматривать агрегированный отчёт по выбранным группам (для пре-подавателей);
- просматривать отчёт по каждой выбранной группе отдельно (для пре-подавателей).
Несмотря на то, что все задачи были выполнены, существуют дальнейшие способы улучшения системы, такие как реализация дополнительных фильтров для преподавателей и добавление модуля для работников деканата.
