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

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

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

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

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

2.5. Выбор метода реализации разработки веб приложения и его обоснование. 13

2.6. Функциональная схема. Описание интерфейса. 14

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

3.1 Назначение программы 16

3.2. Описание интерфейса 16

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

5. Заключение 41

6 Литература 42

7 Приложение 43

1. Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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