О проекте
Студия фитнеса и растяжки Non Stop столкнулась с проблемой: стандартные решения и таблицы для расписания были либо слишком громоздкими для мобильных устройств, либо крайне неудобными для ежедневного редактирования. Команде OhMySite требовалось разработать внутренний инструмент, который автоматизирует вывод актуальных тренировок и упростит жизнь администраторам.
Задача: Технологический вызов
Автоматизация: Уйти от ручной правки HTML-кода при каждом изменении в графике.
Гибкость администрирования: Создать понятный интерфейс в админ-панели для управления тренерами, направлениями и временем занятий.
Адаптивный фронтенд: Реализовать удобную мобильную версию расписания («умные» вкладки).
Связанные данные: Настроить систему так, чтобы при клике на тренировку пользователь мог сразу видеть информацию о тренере и записываться на конкретное время.
Технологическое решение: Собственный плагин для MODX
Вместо использования готовых компонентов с избыточным кодом, мы разработали индивидуальное программное расширение:
Backend-логика на PHP: Нами был написан кастомный плагин (компонент) для MODX Revolution. Он позволяет администратору через удобный интерфейс вносить данные, которые автоматически распределяются по дням недели и залам.
Динамический вывод (pdoTools + Сниппеты): Мы разработали систему фильтрации, которая подтягивает данные из базы и формирует сетку расписания «на лету», обеспечивая мгновенную загрузку страницы.
Управление сущностями: В плагине реализована связь «Тренер — Направление — Зал». При изменении имени тренера в одном месте, оно автоматически обновляется во всем расписании.
Интерфейс: Мы максимально упростили процесс добавления тренировок, чтобы администратор тратил на обновление графика не более 5 минут в неделю.
Результаты разработки
0 ошибок в расписании: Человеческий фактор при верстке таблиц полностью исключен благодаря строгой структуре плагина.
Mobile-First UX: Расписание на сайте идеально подстраивается под экраны любых смартфонов.
Скорость работы: Благодаря чистому PHP-коду без лишних библиотек, страница расписания загружается практически мгновенно.
Технологический стек:
CMS: MODX Revolution.
Backend: PHP (разработка кастомных сниппетов и логики плагина).
Frontend: JavaScript (AJAX для переключения дней без перезагрузки), CSS3 Flexbox/Grid для сетки.
Базы данных: MySQL (проектирование структуры хранения занятий).
