Digital-агентство полного цикла
Digital-агентство полного цикла
Digital-агентство полного цикла
Обсудить проект

Типовые порталы Правительства Москвы

разработка и внедрение

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

Благодаря данной платформе Правительству Москвы удалось более чем в 20 раз сократить расходы на создание и поддержку сайтов.

ПРОБЛЕМАТИКА

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

Все это влекло за собой большие траты бюджетных средств — решение одних и тех же задач финансировалось многократно.
Портал правительства Московской области

ЗАДАЧА

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

При этом сайты не должны были казаться «близнецами», так как у разных органов исполнительной власти разные задачи, целевые аудитории, акценты, специфические сервисы.
Иван Бормотов
директор по развитию
Для России этот проект является по-настоящему революционным и передовым, а для нас одним из самых больших и запоминающихся. Ни один регион так сильно не продвинулся по пути стандартизации веб-пространства и снижения затрат на создание и поддержку сайтов.

РЕШЕНИЕ

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


Ключевые особенности решения

Единое хранилище шаблонов и компонентов

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

Все это позволяет быстро и централизованно обновлять и поддерживать все сайты.
Адриан Крупчанский
управляющий партнер
Главная страница каждого сайта собирается из набора стандартизированных блоков исходя из потребностей органа исполнительной власти.

Адаптивная верстка

Адаптивная верстка позволяет просматривать сайты с мобильных устройств, обладающих разным разрешением экрана.
Портал московского Правительства (департамент ИТ)
Сайт Правительства города Москвы (департамент ИТ)
Благодаря использованию средств CSS3 Media Queries с использованием мета-тега viewport контент сайтов перестраивается наиболее оптимальным образом в зависимости от используемого пользователем устройства: различные смартфоны, планшеты и десктопные компьютеры.
Также предусмотрена оптимизация контента для устаревших браузеров, где доступность всего содержимого сайтов достигается благодаря стратегии Graceful Degradation, а адаптация с помощью специализированных библиотек JavaScript.
Андрей Баранов
верстальщик
Пришлось потрудиться над адаптивностью таблиц и различного контента, вставляемого посредством iframe, но мы справились.

Версия для слабовидящих

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

Цветовые схемы

Каждый сайт можно раскрасить в одну из существующих цветовых схем. Сделано это за счет вынесения цветовых настроек в отдельные css-файлы, подключением которых можно управлять через административный интерфейс.

Продвинутый видеоплеер

Сделан видеоплеер с поддержкой субтитров, переключения между форматами качества. Конвертация видео в разное качество производится на серверном уровне с помощью библиотек ffmpeg. Видео проигрывается, как на десктопных компьютерах, так и на мобильных устройствах. Поддерживается воспроизведение видеороликов с youtube.com, стримминг и воспроизведение с выбранной точки.

Конструктор форм

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

Из интересного:
  • выбор адреса по клику на карте города Москвы
  • переключатели настроек обязательности заполнения других полей
  • множественный аттач файлов
  • поля с автокомплитом для ввода улиц и домов
  • использование результатов одной формы в качестве полей другой формы
  • отправка результатов в сторонние системы
Алексей Волков
руководитель разработки
Модуль «Конструктор форм» существенно расширяет стандартный функционал веб-форм 1С-Битрикс, сохраняя при этом полную с ним совместимость и возможность получать обновления.

Соответствие законодательству

Важно было не просто сделать платформу для создания новых сайтов, но и соблюсти при этом все требования федерального и локального законодательства.
Интернет-портал Правительства Московской области
Нами был разработан ряд модулей, единых для всех сайтов. Эти модули не поддаются кастомизации по просьбам редакторов.

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

Поиск по документам

Поиск происходит не только по содержимому страниц, но и по содержимому файлов для скачивания в форматах doc, docs, xls, xlsx, ppt, ppts, pdf. Это важно в разделах, содержащих нормативно-правовые акты и другие документы, предназначенные для свободного доступа пользователей.
Официальный сайт администрации правительства Московской области
Андрей Еремичев
технический директор
Для поиска по содержимому файлов используются парсеры бинарных файлов и серверные пакеты, результаты работы которых включены в автоматическую индексацию.

Интеграции с различными системами

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

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

Расширенное разграничение прав доступа

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

Сайты внутри других сайтов

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

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

Устойчивость к высоким нагрузкам

Платформа реализована на базе 1С-Битрикс: Управление сайтом редакция «Веб-кластер» и работает на технической платформе из 9 виртуальных серверов в центре обработки данных заказчика. Между серверами настроена синхронизация и репликация данных. Разработка и тестирование релизов велась на двух других серверных площадках.
Площадка тестирования была копией боевой площадки по конфигурации программного обеспечения и набору данных.

Результаты нагрузочного тестирования показали, что сайты выдерживают до 300 запросов в секунду.

Хороший информационный дизайн

Ну и конечно было сделано большое количество шаблонов и функциональных компонентов.
Интернет-портал Правительства Московской области (официальный сайт)

Результат

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

На типовом решении на текущий момент работают следующие порталы:

Обсудить проект