Проекты

Интерактивный сайт спортивной секции

Работа призёра открытой городской научно-практической конференции «Наука для жизни» в секции «Информационные технологии. Программирование. Кибернетика» среди работ учащихся 10–11 классов

Направление работы: Программирование
Авторы работы: ГБОУ Школа № 1420
Предметы: Информатика
Классы: 10 класс
Мероприятия: Открытая городская научно-практическая конференция «Наука для жизни» 2020 года

Актуальность

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

В эпоху, когда не каждый человек мог себе позволить использовать интернет, людям приходилось или заниматься спортом дома, или искать самим различные спортивные секции по объявлениям и другим предложениям. Это было довольно неудобно, ведь такие поиски занимали определённое время, которого не всем хватало.

Интерактивный сайт, который будет разработан автором в результате проектной деятельности, облегчает работу тренерам секции, даёт возможность быстрого получения информации о секции и краткой информации о каратэ.

Цель

Разработка интерактивного сайта для спортивной секции по каратэ

Задачи

  1. Изучить и научиться использовать HTML/CSS/TS, а также Framework Angular, и с их помощью создать сайт
  2. Изучить литературу по созданию сайтов
  3. Осуществить сотрудничество со спортивной секцией
  4. Внести на сайт всю необходимую информацию о секции, которая будет полезна пользователям

Оснащение и оборудование, использованное при создании работы

  •  
  • Стандартизированный язык разметки документов HTML
  • Языки программирования

Описание

Для создания проекта использовался редактор VSCode. Работа в редакторе ускорила процесс разработки сайта. В базовой версии он содержит в себе большое количество плагинов и мини-карту, а также, как и другие редакторы, включает ряд особенностей, полезных для разработчика (подсветка синтаксиса, автодополнение, разделение рабочей области, автоматические отступы и другие).

Также в ходе работы сайт адаптирован под Framework Angular. Angular облегчает чтение и поддержку кода, так как описывается необходимый конечный результат, а не все шаги по его достижению. В качестве языка шаблонов в Angular используется HTML. Что важно, для Angular существует огромное количество готовых решений, которые позволяют решать довольно разнообразные задачи, используя уже готовые модули.

Результаты работы/выводы

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

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

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