Кейс · Образование

ДЮЦ «Виктория»: расписание занятий, мастер-классы и педагоги

Расписание ДЮЦ «Виктория» — проект ITLabs: интерактивное расписание детско-юношеского центра.

Интерактивное расписание
Цветовое решение логотипа и монохромный вариант

Коротко о проекте

Коротко о проекте

ДЮЦ «Виктория» — проект ITLabs. Расписание ДЮЦ «Виктория» — интерактивное расписание детско-юношеского центра. На терминале — занятия и мастер-классы, карточки педагогов, новости и статьи учреждения. Расписание и замены обновляются централизованно и одинаково выглядят на всех терминалах объекта. В поиске такое решение называют и по-другому: электронное расписание, табло расписания, инфокиоск.

Описание проекта

Как устроено решение

Заказчик — детско-юношеский центр «Виктория», московское учреждение дополнительного образования: кружки, секции, мастер-классы и досуговые программы для детей и подростков. Миссия центра сформулирована как ученичество — среда, в которой ребёнок безопасно пробует свои силы, — и к ней привязаны инклюзивное обучение, работа с родителями, творческие и спортивные направления. Для терминала это означает вполне конкретное требование: экран в холле видят и дети, и родители, и педагоги, и выглядеть он должен не как служебное табло, а как часть центра.

Поэтому интерфейс расписания собран не «по умолчанию», а по руководству фирменного стиля центра. В руководстве закреплены логотип с принципом построения — арка и дверь в форме буквы, полукруг как восходящее солнце, — варианты знака для светлого и тёмного фона, полноразмерная и компактная версии, монохромный вариант для чёрно-белой печати и отдельная страница с примерами неправильного использования. Есть палитра с точными значениями в CMYK и RGB: тёплый оранжевый и охра как основные, зелёный и сиреневый как поддерживающие, светло-серый фон и почти чёрный текст. Есть типографика — Proxima Nova в шести начертаниях с Arial как запасным, — набор контурных иконок средней детализации, библиотека орнаментов и шейпов и правила работы с фотографиями и иллюстрациями.

Именно из этих правил вырастают экранные решения: цвета кнопок и акцентов, толщина иконок в навигации, скругления плашек, шрифтовые размеры в карточке занятия. Когда учреждение потом печатает афишу мастер-класса, она выглядит так же, как экран в холле, — и наоборот. Отдельный раздел руководства прямо оговаривает работу с фотографиями детей: использовать их можно только с письменного согласия родителей. Для образовательного учреждения это не формальность, а рабочее правило, и оно распространяется и на контент, который попадает на терминал.

На самом экране терминала слева стоит колонка с часами и разделами «Расписание», «Мастер-классы», «Педагоги», «Кружки» и «Новости», а внизу — телефон и почта центра. Раздел «Кружки» выводит карточки объединений с возрастом, сроком обучения, условиями (бюджет или внебюджет) и кнопкой «Подробнее»; фильтр отбирает их по адресу площадки, типу услуги, уровню подготовки и возрасту. Карточка занятия, например «Керамика» (базовая), переключается между вкладками «Информация» и «Расписание»: на первой — педагог и QR-код для записи, на второй — таблица занятий по дням недели. В расписании можно искать по названию с экранной клавиатурой, а карточка педагога показывает должность, специальность, кабинет и кружки.

Что сделали

Что на терминале центра

Расписание занятий — список и карточка занятия

Мастер-классы — отдельный раздел со списком и карточками

Педагоги — справочник с карточками

Новости и статьи центра

Административная панель — все разделы наполняет учреждение

Интерфейс терминала собран по руководству фирменного стиля центра

Логотип в вариантах для светлого и тёмного фона, полноразмерный и компактный

Монохромная версия знака для чёрно-белой печати

Страница с примерами неправильного использования логотипа

Палитра с точными значениями CMYK и RGB: основные, поддерживающие, фон и текст

Типографика: Proxima Nova в шести начертаниях, Arial как запасной

Контурные иконки средней детализации для интерфейса и печати

Библиотека орнаментов и шейпов для оформления экранов и афиш

Правила работы с фотографиями и иллюстрациями, включая согласие родителей на снимки детей

Единый вид экрана в холле и печатных материалов центра

Левая колонка терминала: часы, пять разделов, телефон и почта центра

Раздел «Кружки»: карточки с возрастом, сроком обучения и условиями (бюджет или внебюджет)

Фильтр кружков по адресу площадки, типу услуги, уровню подготовки и возрасту

Карточка занятия с вкладками «Информация» и «Расписание»

QR-код записи в карточке занятия и код для записи через mos.ru в списке кружков

Таблица расписания по дням недели с фильтром по группе, кружку и педагогу

Поиск по расписанию с экранной клавиатурой

Карточка мастер-класса: дата, время, описание и QR-код для записи

Список педагогов с фильтром по кружку и карточка педагога: должность, кабинет, кружки

Как выглядит интерфейс

Экраны решения

Цветовое решение логотипа и монохромный вариант
Титульный разворот руководства по фирменному стилю центра
Разворот о миссии: центр открывает возможности детям и взрослым
Миссия центра и направления работы
Варианты логотипа для светлого и тёмного фона
Здание детского центра «Виктория», для которого сделано расписание
Принцип построения логотипа
Логотип на разных фонах
Примеры неправильного использования знака
Орнаменты и шейпы фирменного стиля
Занятие в классе — среда, под которую собран фирменный стиль
Фирменные цвета с точными значениями
Набор контурных иконок
Разворот об иллюстрациях: как подбираются изображения и фон
Типографика: начертания основного шрифта
Заключительный разворот: кому адресовано руководство и как согласуются макеты
Финальный разворот руководства
Фильтр кружков: адрес площадки, тип услуги, уровень подготовки и возраст
Карточка занятия «Керамика»: возраст, срок обучения, условия, педагог и QR-код записи
Расписание занятия «Керамика» по дням недели и времени
Список кружков с возрастом, сроком обучения, условиями и кнопкой «Подробнее»
Расписание с открытым фильтром по группе, кружку и педагогу
Общее расписание центра: занятия по дням недели, группам и кабинетам
Карточка мастер-класса: дата, время, описание и QR-код для записи
Список мастер-классов с датами, временем и описаниями
Страница новости центра — макет с тестовым наполнением
Список новостей центра карточками — макет с тестовым наполнением
Поиск по расписанию с экранной клавиатурой
Карточка педагога: фото, должность, специальность, кабинет и кружки
Список педагогов центра с фотографиями и фильтром по кружку

Вопросы и ответы

Частые вопросы о проекте

Что показывает терминал в ДЮЦ «Виктория»?

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

Чем раздел мастер-классов отличается от расписания занятий?

Это два самостоятельных раздела с одинаковым устройством: список и карточка. В расписании родитель смотрит регулярные занятия центра, в мастер-классах — разовые события. Разделение позволяет вести их независимо друг от друга.

Можно ли узнать, кто ведёт занятие?

Да, в центре есть справочник педагогов, и у каждого преподавателя своя карточка. От занятия в расписании родитель переходит к человеку, который его ведёт, — не спрашивая на вахте.

Кто наполняет разделы после запуска?

Сотрудники ДЮЦ через административную панель. Занятия, мастер-классы, карточки педагогов, новости и статьи заводятся и правятся там же, разработчик для очередного обновления содержимого не нужен.

Подойдёт ли такое расписание другому центру дополнительного образования?

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

Зачем расписанию фирменный стиль?

Потому что терминал в холле — это лицо учреждения, а не служебное табло. Когда цвета, шрифты и иконки на экране совпадают с афишей на стене и с сайтом, центр читается как одно целое. К тому же готовое руководство снимает споры на согласовании: у каждого решения есть основание.

Что именно берётся из руководства в интерфейс?

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

Как быть с фотографиями детей на экране?

Руководство центра прямо требует письменного согласия родителей на использование снимков. Это правило действует и для контента терминала: карточки занятий и новости наполняются только согласованными материалами.

Можно ли записаться на кружок прямо с терминала?

Да, но через телефон: в карточке кружка и мастер-класса стоит QR-код записи. Родитель наводит камеру, попадает на страницу записи и оформляет заявку сам, а в списке кружков указан и код для записи через mos.ru.

Как найти нужный кружок на терминале центра?

В разделе «Кружки» есть фильтр по адресу площадки, типу услуги (бюджетная или внебюджетная), уровню подготовки и возрасту ребёнка. В расписании работает поиск по названию с экранной клавиатурой, так что родителю не нужно листать весь список.

Что видно в карточке педагога?

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

Интерактивное расписание — обсудим ваш проект?

Расскажите про объект и задачу — предложим состав решения и покажем похожие внедрения.

+7 951 192-94-02Телефон для заявок
info@itlabs.topПочта для заявок
@itlabs_saleТелеграм отдела продаж
Собственная разработка · Внедрение под ключ · Поддержка