ПЗ_23-ИСТ-1-1_Какушкина_Ольга_Витальевна

НИЖЕГОРОДСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ им. Р. Е. Алексеева

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА К КУРСОВОЙ РАБОТЕ

Какушкина Ольга Витальевна

(фамилия, имя, отчество)

Нижегородский государственный технический университет им. Р.Е. Алексеева

Кафедра: Графические информационные системы

З А Д А Н И Е на курсовое проектирование

Студент: Какушкина Ольга Витальевна Тема курсового проекта: Сайт записи на секцию для студентов НГТУ им. Алексеева

2.https://metanit.com/web/angular2/

3.https://developer.mozilla.org/ru/docs/Learn_web_development/Core/Frameworks_libraries/ Angular_getting_started

Содержание графического материала:

чертежи: 1. Пояснительная записка 2. Разработанный сайт

Содержание пояснительной записки: Перечень вопросов, подлежащих разработке

Анализ исходных данных и разработка ТЗ

Руководство пользователя

Руководство программиста

Листинг

Основная рекомендуемая литература:

[1]Руководство по Angular 8. Режим доступа https://metanit.com/web/angular2/

[2]Angular. Режим доступа https://angular.io/docs

«20» сентября 2024 г.

Студент Какушкина Ольга Витальевна

Дата

2.2.Минимальные требования к составу и параметрам технических средств: ЭВМ,

2.4.Выбор и обоснование языков программирования и используемых

1. Введение

Актуальность моей курсовой работы заключается в удобстве и экономии времени студентов и оптимизации работы сотрудников НГТУ им. Алексеева.

Каждый семестр студенты предпочитают записываться на спортивные секции в НГТУ, потому что это удобно, студент может прийти в комфортное и доступное для него время на секцию, также освободить день на учебной неделе, чтобы сделать учебные работы или просто у студента нет физической выносливости или по состоянию здоровья ему предпочтительнее выбрать секцию с минимальной физической нагрузкой для здоровья.

В университете достаточно секций, чтобы выбрать себе подходящую.

Но чтобы записаться на нее требуется много времени, сил, терпения и нервов.

Многие студенты пропускают пары, чтобы успеть записаться на секцию, так как места быстро разбирают и можно не успеть. Около кафедры собирается много людей и образовывается столпотворение. Персонал НГТУ ведет учет количества студентов и их записи к конкретным преподавателям на бумажных носителях, много рукописной работы, это занимает время и ресурсы.

Уже есть университеты, в которых этот процесс оптимизирован,

поэтому считаю, что нашему университету такое веб-приложение тоже требуется. Так как в мире технологий мобильное или веб-приложение пользуется большой популярностью, удобно искать, просматривать информацию. В данной курсовой реализовано веб-приложение.

Целью курсовой работы является реализация автоматизации записи на спортивную секцию с помощью таких технологий, как среды Node.js,

инструмента JSON Server, HTML5, CSS3,SCSS. Также изучение фреймворка

Angular и языка Typescript, стили SCSS и работы с JSON Server .

Поставлены следующие задачи:

•Разработка дизайна

•Разработка минимального функционала для моего веб-

приложения

•Работа с базой данных. В данном проекте используется Json файл для хранения данных.

2. Анализ исходных данных и разработка ТЗ

2.1.Основание и назначение разработки

Основанием для разработки веб-приложения является необходимость упрощения и автоматизации процесса записи студентов НГТУ им. Алексеева на спортивные секции. Веб-приложение позволит зарегистрироваться онлайн,

избегая очередей и обеспечивая доступность записи в любое время и из любого места, что особенно важно для студентов с разными графиками занятий. Автоматизация системы снизит нагрузку на сотрудников университета, занимающихся учетом записей. В результате, приложение не только оптимизирует процесс, но и создает более комфортную и продуктивную среду, способствуя улучшению качества жизни студентов.

Назначение разработки веб-приложения :

▪Предоставление информации о спортивных секциях: Пользователи смогут получить актуальную информацию о доступных спортивных секциях, их расписании и преподавателях.

▪Упрощение процесса записи: Студенты смогут зарегистрироваться на спортивные секции онлайн, оставляя свои контактные данные. Это позволит избежать очередей и сэкономить время.

▪Доступность и удобство использования: Приложение будет иметь интуитивно понятный интерфейс, обеспечивающий легкость навигации и поиск нужной информации, что существенно повысит удобство использования.

▪Автоматизация процесса записи позволит снизить объем ручной работы для сотрудников университета и оптимизировать управление спортивной деятельностью.

▪Приложение поспособствует повышению вовлеченности студентов в спортивные мероприятия, что положительно скажется на их здоровье и качестве жизни.

▪Администраторы смогут оптимизировать свою работу с помощью программной реализации работы с секциями и преподавателями, их удаление, редактирование, добавление. Также позволит удобно управлять доступными местами на секцию.

2.2. Минимальные требования к составу и параметрам технических средств: ЭВМ, внешние устройства

1.ЭВМ

1.1.Четырёхъядерный процессор с тактовой частотой от 2.0 ГГц

1.2.Оперативная память: минимум 8 ГБ RAM (рекомендуется не менее 16

ГБ для работы с несколькими инструментами и приложениями одновременно).

1.3.Жесткий диск: не менее 20 ГБ свободного места (SSD предпочтителен для более быстрой загрузки и работы).

1.4.Графическая карта: Интегрированная графика (например, Intel UHD

Graphics 620). Хороший вариант для начального уровня разработки и менее ресурсоемких приложений. Подойдут для веб-разработки, если нет потребности в сложной графике.

2.Внешние устройства: монитор (предпочтительно 1920×1080), клавиатура,

мышка

2.3. Требования к информационной и программной совместимости

Информационная совместимость:

1.1.Формат данных: для обмена информацией используется универсальный формат JSON (JavaScript Object Notation), который служит основной спецификацией при работе с API в приложениях, разработанных на

Angular.

1.2.API и протоколы: Настроено RESTful API для обеспечения взаимодействия с сервером, что позволяет достигать совместимости с различными клиентскими приложениями и сервисами. Для выполнения

операций с данными применяются общепринятые HTTP-методы: GET,

POST, PUT и DELETE.

1.3.Согласованность данных: для обеспечения целостности и согласованности данных при обмене информация организована в структуре проекта с помощью папки models, где хранятся файлы моделей. Эти модели определяют схему данных и включают в себя необходимую валидацию.

2. Программная совместимость:

2.1.Angular: Рекомендуемая версия — 1.x и выше. Это обеспечит использование последних возможностей фреймворка и улучшенную производительность.

2.2.Node.js: Рекомендуемая версия — 18.x или 20.x . Это гарантирует стабильность и поддержку последних функциональных возможностей.

2.3.JSON Server: Рекомендуемая версия — 0.16.x или выше, для обеспечения всех новых возможностей и исправлений.

2.4.Multer: Рекомендуемая версия — 1.4.x x или выше, что обеспечивает стабильность и поддержку последних возможностей.

2.5.Express: Рекомендуемая версия — 4.x x или выше, которая обеспечит совместимость с большинством используемых библиотек и модулей.

2.6.TypeScript: Рекомендуемая версия — 4.x, предоставляет новые возможности и улучшения, совместимые с последними версиями

Angular.

2.4. Выбор и обоснование языков программирования и используемых инструментальных средств

Были установлены и выбраны следующие языки программирования

иинструменты по следующим причинам:

•Node.js представляет собой кроссплатформенную среду с открытым исходным кодом, которая предназначена для разработки серверных и сетевых приложений. Программы, написанные на JavaScript,

выполняются в среде Node.js и могут работать на различных