НИЖЕГОРОДСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ им. Р. Е. Алексеева ПОЯСНИТЕЛЬНАЯ ЗАПИСКА К КУРСОВОЙ РАБОТЕ Какушкина Ольга Витальевна (фамилия, имя, отчество) Институт Институт радиоэлектроники и информационных технологий Кафедра Графические информационные системы Группа День защиты « » 2024г.

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

федеральное государственное бюджетное образовательное учреждение высшего образования

НИЖЕГОРОДСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ

УНИВЕРСИТЕТ им. Р.Е. Алексеева

Кафедра

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

			Заведующий кафедрой ГИС
					Филинских А.Д.
			(подпись)		(фамилия и. о.)
					(дата)
Разработка сайта на Angular
(наименование темы проекта или работы)

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

КОНСУЛЬТАНТЫ:

РУКОВОДИТЕЛЬ:

1.По

Юматов М. А

(подпись)

(фамилия и. о.)

(подпись)

(фамилия и. о.)

(дата)

(дата)

2.По

СТУДЕНТ

Какушкина О.В

(подпись)

(фамилия и. о.)

(подпись)

(фамилия и. о.)

_________________

(дата)

(группа или шифр)

(дата)

3.По

Проект защищен

____________________

Протокол №

____________________

(подпись)

(фамилия и. о.)

С оценкой

____________________

(дата)

РЕЦЕНЗЕНТ

(подпись)

(фамилия и. о.)

_____________дата)

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

Кафедра:	Графические информационные системы
УТВЕРЖДАЮ
Зав. кафедрой		Филинских А.Д.

З А Д А Н И Е

на курсовое проектирование

Студент:

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

Тема курсового проекта:

Сайт записи на секцию для студентов НГТУ им. Алексеева

Исходные данные к проекту:

1. https://dpo.nntu.ru

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 г.

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

Дата

Оглавление

1. Введение 6

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

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

6. Список литературы 41

7. Приложение 41

1. Введение

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

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

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

Целью курсовой работы является реализация оптимизации записи на спортивную секцию с помощью таких технологий, как Angular,среды Node.js, инструмента JSON Server, HTML5, CSS3,SCSS. Также изучение фреймворка Angular и изучение Typescript,SCSS и работы с JSON Server .

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

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

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

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

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

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

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

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

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

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

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

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

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

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