new.chel-dpsh.ru. Дворец пионеров и школьников им. Н. К. Крупской
Расскажите о бизнесе, которому помогает сайт (его направление, задачи, клиентов/пользователей)
Дворец пионеров и школьников им. Н.К. Крупской - это крупнейшее гос. учреждение детского образования на Южном Урале. В детских коллективах и творческих объединениях Дворца занимаются около 4 тысяч детей и подростков в возрасте от 3 до 18 лет. Образовательную деятельность ведут талантливые, увлеченные и квалифицированные педагоги, среди них Заслуженный учитель школы РФ, Заслуженные работники физической культуры и спорта, Заслуженные работники культуры РФ, члены Союза художников РФ, отличники народного просвещения, почетные работники общего образования, лауреаты премии Губернатора, Законодательного собрания Челябинской области, призеры различных конкурсов и выставок.
Что хотел получить клиент? Какие задачи должен был решать сайт?
Клиент хотел получить обновлённый адаптивный сайт, который бы соответствовал тематике и новому фирменному стилю организации. Из некоторых требований: 1) Сервис вопрос-ответ 2) Автоматизация обязательного раздела сведений об образовательной организации 3) Организация приёмной кампании на сайте с возможностью подать заявку онлайн и выбрать способ записи (через сайт или через сертификат по госуслугам) 4) Создание на сайте удобного фильтра по образовательным программам 5) Удобный личный кабинет для разных типов специалистов, удобная пользовательская система с гибкими правами 6) Возможность создавать центры, творческие коллективы, отделы, сотрудников и другие типы материала согласно логике сайта, взаимосвязи между ними 7) Возможность быстро настраивать основные параметры сайта 8) Возможность использовать конструктор контента из готовых блоков на страницах 9) Возможность использовать печатную версию страницы 10) Автоматический подсчёт стажа сотрудников 11) Удобный поиск 12) Версия сайта для слабовидящих 13) Удобный телефонный справочник, который формируется на основании введённых на сайт подразделений, центров и т.д. 14) Деление сайта на филиалы 15) Возможность работы с заявками приёмной кампании, выгрузка в exel и массовое отправление писем html.
Какие задачи стояли перед дизайнерами и разработчиками сайта? Опишите каждый этап создания сайта
Про дизайн: т.к. это учреждение детского образования, которое не имеет огромного бюджета на разработку, было решено поставить дизайнеру амбициозную задачу сверстать 4 наиболее сложные страницы с максимальным набором блоков и демонстрацией адаптивного поведения, чтобы на основе этого сделать дизайн-систему, на которой выстроится весь проект. Мы попробовали и у нас получилось. Вот так выглядит готовый дизайн. На сайте можно посмотреть как используются его компоненты при построении различных страниц. В сочетании с промо-видео и фотоматериалами от заказчика получился, на наш взгляд, интересный конкурентный продукт.
Про разработку: выше описаны задачи, которые подробно обсуждались с заказчиком и по которому формировалось ТЗ, все они в полном объёме были выполнены. Важной частью работы стала также настройка сервера, поскольку обычный хостинг просто не выдержит таких нагрузок.
Этапность работ подразумевала:
- Графический дизайн и согласование
- Верстка сайта, одновременно с этим настройка системы управления, создание типов материала, полей и т.д.
- Интеграция шаблонов в Drupal, наполнение контентом, тестирование
- Создание функционала приёмной кампании и личного кабинета
- Создание сервиса вопрос-ответ и настройка почты
- Переезд на сервер и публичный доступ. Общий срок работ составил 12 календарных месяцев, т. е. почти год
Укажите, пожалуйста, показатели, подтверждающие достижение поставленных перед сайтом целей
26 июня началась приёмная кампания, на сайте подано более 40 000 заявок, в пиковую нагрузку подавали 900 заявок в минуту. Рост посещаемости в пиковые часы вырос в 7 раз. Все заявки были обработаны, на каждую заявку были отправлены информационные письма, всего более 40 000. Из всех заявок не было ни одной спам-заявки. Дети и родители, а также представители заказчика в целом довольны работой нового сайта, мы получаем хорошую обратную связи, планируем развивать проект дальше и добавлять новый функционал.
Расскажите про самую сложную задачу на проекте и как она была решена. Поспособствовал ли решению непосредственно Drupal?
Одна из самых сложных задач - написание расширения для twig, чтобы посчитать стаж сотрудников. Результатами этой работы мы поделились на форуме. Ещё одна сложная задача - это организация приёмной кампании через сайт с возможностью подать заявку онлайн. Решили её при помощи модуля webforms, views и шаблонов twig. Итогом работы над сайтом стало несколько постов на форуме, а также issue на Drupal.org. В ходе работы над сайтом нами было применено несколько патчей, исправляющих некоторые ошибки в модулях.
Почему вы построили сайт на базе Drupal? Какое качество этой CMS максимально проявляет себя на проекте?
Это наш первый проект на Drupal 9 - он нам очень понравился. Гибкое решение, которое идеально подошло под этот проект и помогло решить все задачи, которые дополнительно возникли в ходе разработки.
Качество, которое помогло нам - это модульность, когда мы можем расширять функционал благодаря готовым компонентам, которые сделаны достаточно неплохо: VBO, webform, ETC, View Send...
Если можете, расскажите о технологическом стеке вашего сайта (фронтенд, бэкенд, Drupal-модули, интеграции)
В качестве основной темы используем фреймворк Bootstrap 5. Сайт работает на Drupal 9.5.9. Некоторые модули: Ace Editor, Advanced Views RSS Feed, Ajax Loader, Antibot, CAPTCHA, Calendar View, Charts, Chosen, Conditional Fields, Crop API, Current Page Entity Tokens, Date Filter, Devel, ECA, Entity Print, Field Group, File replace, Format Bytes, Gin Login, Gin Toolbar, ImageWidgetCrop, Imce File Manager, Login with email or username, Mail System, Metatag, Mime Mail, Mobile Detect, Module Filter, No Request New Password, Paragraphs, Paragraphs Editor Enhancements, Paragraphs Features, Pathauto, Redirect, Responsive Favicons, RobotsTxt, SMTP Authentication Support, SVG image, Simplify Menu, Site Settings and Labels, Token, Transliterate Filenames for Uploads, Twig Field Value, Twig Tweak, Views Bulk Operations, Views Bulk Edit, Views Infinite Scroll, Views RSS: Yandex Elements, Views Send, Webform, XML Sitemap.
Как сайт продвигает себя и привлекает правильную аудиторию (SEO, контекстная, таргетированная реклама и т. п.)?
Целенаправленно нет никакого продвижения сайта, т.к. это популярное на Южном Урале образовательное учреждение, которое каждый год бесплатно обучает детей, - ему не нужна реклама. Все что мы сделали - добавили возможности для SEO, оптимизировали код и быстродействие, добавили турбо-страницы Яндекса и счётчики веб-аналитики.
Почему вы решили участвовать в конкурсе?
Принимаю участие каждый год. Интересно посмотреть уровень других участников, рассказать о наших проектах, заявить о себе. Также важно отметить, что мы начали сотрудничать со спонсорами конкурса прошлого года - компанией First VDS.
