image_pdfimage_print

Руководство по использованию сайтов Пресненского района

Структура сайтов разделена на три значимых части: сайт-агрегатор http://prescao.ru для обработки информации (на основе системы Drupal), новостной сайт http://prescao.ru/news (на основе WordPress) и хранилище для файлов (например, по межеванию) на основе Яндекс.Диска.

В данной статье подробно описано, как пользоваться этими сайтами не только для просмотра, но и для добавления информации.

Базовый интерфейс

Окно поиска (фиолетовая стрелка) позволяет контекстный поиск по заголовкам и тексту статей. Окно входа (зелёная стрелка) позволяет зарегистрироваться на сайте для добавления информации и комментирования.  Окно подписки (красная стрелка) позволяет подписаться на новости без входа на сайт
Окно поиска (фиолетовая стрелка) позволяет контекстный поиск по заголовкам и тексту статей. Окно входа (зелёная стрелка) позволяет зарегистрироваться на сайте для добавления информации и комментирования. Окно подписки (красная стрелка) позволяет подписаться на новости без входа на сайт

В целом, внешним посетителям могут понадобиться только три элемента: адресная строка браузера для перехода по целевой ссылке (например, написанной на визитке или информационном листке в подъезде), окно поиска (для выбора нужной информации) и окно регистрации/входа для добавления данных и комментирования.

Результат поиска по номеру квартала выдаёт информацию по самому кварталу, если она есть (по синей стрелке это видно), а также по соседним (прилегающим) кварталам
Результат поиска по номеру квартала выдаёт информацию по самому кварталу, если она есть (по синей стрелке это видно), а также по соседним (прилегающим) кварталам

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

Авторизация доступна через любую из социальных сетей
Авторизация доступна через любую из социальных сетей

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

Система комментариев Facebook и вход для комментариев Drupal
Система комментариев Facebook и вход для комментариев Drupal

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

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

В текущей форме рассылки четыре поля:

Рассылка prescao.ru

Адрес нас интересует с точностью до подъезда, квартира не важна. Вообще мы стремимся избегать излишнего количества персональных данных, чтобы случайно не нарушить закон ФЗ-152. Мобильный номер необходим для получения СМС-уведомления о значимых событиях рядом с вашим домом. Адрес e-mail можно не вводить — всё равно по статистике почту люди читают с опозданием, а рассылка часто отправляется в день события. Обращение не требует фамилии — достаточно имени или никнейма, кому как нравится. Обращаться так к вам будет только администрация сайта.

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

Примерный кейс использования рассылки

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

2014-09-22 21-12-34 Скриншот экрана

Остальные данные (количество подъездов, квартир и этажей в домах) заранее получены из открытых сведений портала Gorod.Mos.Ru.

По базе рассылки выбираются жители домов, перечисленных в списке, а также домов в прилегающих кварталах (в конкретном примере их набралось 10 человек). Этим жителям через специальный сервис отправляется СМС со ссылкой на страницу проекта межевания:

Межевание квартала http://prescao.ru/619 сегодня в 19:00 в Управе (Шмитовский пр.2с3)

В рассылке вы можете получить только данные своего или соседнего квартала. Также рассылка может быть использована при организации Общего Собрания Собственников, при проектировании благоустройства вашего двора или для информации от депутатов Пресненского района.

Комментирование новостей

Система комментирования новостного сайта несколько отличается. Под каждой статьёй есть три группы комментариев:

2014-09-22 21-21-59 Скриншот экрана

Комментарии вКонтакте и Facebook не требуют входа на сайт, т.к. используют механизмы переписки соцсетей. Однако они могут автоматически публиковаться к вам на «стену», чего многие не любят (для избежания этого достаточно отключить соответствующую галочку»).

Обычные комментарии — это встроенная система комментирования WordPress, с аналогичной авторизацией через социальные сети. Пользователи, зарегистрированные через эту систему, могут также писать и публиковать статьи на новостном ресурсе. Для этого достаточно один раз войти в систему через предпочтительный вам сервис. Для публикации статей администраторы по запросу выделят вам соответствующие права.

Работа с новостным сайтом

Система управления новостной лентой несколько проще и одновременно приятнее в использовании. Все статьи пишутся в редакторе, функционально напоминающем Word, поэтому любой человек, кто хоть раз пользовался редакторами типа wysiwig («что видишь, то и будет») способен редактировать и добавлять статьи. Во избежание случайной или намеренной порчи информации, все версии записываются.

Рассмотрим публикацию статьи в новостном ресурсе на простом примере (для этого у вас уже должен быть доступ на добавление статей):

2014-09-22 21-29-13 Скриншот экрана

 

Для создания статьи вы сначала нажимаете кнопку «Добавить» и вписываете заголовок (именно он будет отображаться как название статьи, так что не пишите там слишком много). Когда вы заполнили заголовок и переключились на любой другой блок, у вас автоматически создалась «постоянная ссылка» (подсвечена жёлтой стрелкой).  Если вы собираетесь распространять эту ссылку, рекомендуется изменить её на что-то англоязычное, при этом легко запоминаемое.

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

Блок «Формат» (по красной стрелке) влияет на отображение статьи. Можно поэкспериментировать, но обычно «Стандартное» значение позволяет избежать неожиданностей.

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

2014-09-22 21-43-34 Скриншот экрана
Миниатюра отображается в качестве иллюстрации к статье и в «плиточном меню» сайта
Рубрика позволяет выбрать все статьи соответствующей тематики
Рубрика позволяет выбрать все статьи соответствующей тематики

Работа с картой на новостном сайте

2014-09-22 21-50-12 Скриншот экрана

Карта в WordPress подключается модулем Ready! Google Maps и имеет несколько особенностей.

Сущности в модуле: карта, маркеры (их может быть много на одной карте), группы маркеров.
Сущности в модуле: карта, маркеры (их может быть много на одной карте), группы маркеров.

Во-первых, редакторам доступны все карты, ранее созданные другими пользователями. Их не следует редактировать без нужды, и стоит обращаться с ними осторожно — ибо это иногда многочасовой труд других авторов сайта.

Если вы хотите что-то отметить на карте — лучше создайте свою.

Задайте имя, высоту на странице (400-600px, не больше), язык и не забудьте сохраниться!
Задайте имя, высоту на странице (400-600px, не больше), язык и не забудьте сохраниться!

2014-09-22 21-57-04 Скриншот экрана

Каждый маркер подразумевает вписывание заголовка, позволяет сразу выбрать группу (если её нет, вы можете её создать во вкладке «группы маркеров», осторожно, возможна потеря изменений), если вы хотите использовать в описании маркера изображение — нажмите «добавить медиафайл». По красной стрелке — адресный поиск по карте. Зелёная отображает список маркеров карты. Не забывайте сохраняться после заполнения КАЖДОГО маркера. Потом нажимайте «Add new Marker» для каждого следующего, редактирование сохранённого не приводит к созданию копии, а заменяет ранее сделанную работу!

Когда вы закончите расставлять точки на карте, не забудьте нажать кнопку «Save map». После этого во вкладке «Все карты» будет показана ваша карта, а также шорткод для вставки в запись.

2014-09-22 22-04-11 Скриншот экрана
Просто скопируйте его и вставьте в текст записи.

Именно так получаются статьи, похожие на этот пример.

Работа над аналитическим сайтом

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

Сейчас реализовано две структурных единицы:

  1. Публикация проектов межевания
  2. Сбор информации о застройке района

Публикация проектов межевания

Разбор публикации проектов межевания был подготовлен ещё полгода назад. Источники данных: http://presnya.mos.ru/presscenter/news/the_information_plans_public_hearings/ и http://presnyavmo.ru/build/survey/?page=4, а также данные из Управы Пресненского района.

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

Порядок действий при публикации:

  1. Открываем http://prescao.ru/node/add/mezhev
  2. Логинимся, если показывает ошибку. Соцсети API наше всё.
  3. Заполняем аккуратно поля, держа перед глазами уведомление и файлы проекта
  4. Росреестр тут: http://maps.rosreestr.ru/PortalOnline/?l=15&x=4181065.3528849618&y=7511045.374763543&mls=map|anno&cls=cadastre
  5. Образцы результата тут: http://prescao.ru/mezhgpzu
  6. Карту делаем двумя полигонами. Сначала рисуем очертания межуемого квартала. Делаем его оранжевым. В описание вставляем следующее:
    <a href=»http://prescao.ru/kv123″>Квартал№123</a>, где 123 номер обрабатываемого квартала.
  7. Затем создаём второй полигон вокруг, включая в него близлежащие (граничащие) кварталы, то есть типа «границы микрорайона». В описание к нему копипастим следующее:
    Жители и сотрудники организаций этой области имеют право голоса на слушаниях
  8. Кликнув на границу большого полигона, жмём «Добавить внутренний контур» и обводим им контур квартала межевания (иначе не будет кликабельной ссылки)
  9. После завершения работы с картой (на уголках-квадратиках есть кнопка «завершить») зумируем и двигаем её так, чтобы искомый квартал был по центру экрана. Это важно, т.к. влияет на отображение.
  10. В поле «Кварталы» вписываем номер квартала по БТИ, а также соседние кварталы, затронутые проектом (смотрим номера на карте БТИ)
  11. В поле «Описание» делаем копипасту с сайта presnya.mos.ru, добавляем сразу после описания квартала следующий текст:
    На слушания приглашены и имеют право голоса жители квартала, обозначенного на карте зеленым блоком, а также сотрудники организаций, расположенных в этом квартале.
  12. Переписываем из текста даты начала и окончания экспозиции, а также дату и время (18-30, это важно) проведения слушаний.
  13. В поле «Ссылка» ставим заголовок «Официальное уведомление» и ссылку вида http://presnya.mos.ru/presscenter/news/detail/&hellip; если брали данные с сайта ВМО, пишем ссылку на страницу, где можно найти данные. Технически возможна прямая ссылка
  14. В поле «title» вписываем «Межевание квартала № 123» или что угодно еще.
  15. Материалы эти долбоклюи кладут всегда как попало. Сейчас они в RAR-архивах с JPEG-ами документов, потому что сканер такой был. Это далеко не худший вариант. Открываем квартал тут: http://yadi.sk/d/zck6qTIDJNXkD и прикладываем план территории в фотографии.
  16. Я лично делаю многостраничный PDF с распознаванием их документов при помощи ABBYY FineReader. Но это геморройно и требует отдельных усилий, так что может и хватить ссылки на скачивание архива.
  17. Внизу выбираем пункт «Настройки адресов», вписываем туда kv123, где 123 номер обрабатываемого квартала.
  18. Жмём «Предпросмотр», если всё ОК — жмём «Сохранить». Крутим аккуратно, сдвинув мышь в край экрана, иначе карта может отскроллиться, придётся снова выставлять.
  19. Если  возникли какие-то вопросы, можно задавать их в комментариях или по телефону 8-926-0-130-800

Похожим образом выглядит формирование статьи о незаконных постройках или сносе:

Информация по строительству

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

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

  1. Добавление данных тут: http://prescao.ru/node/add/zastroy
  2. 2014-09-22 22-44-41 Скриншот экрана
  3. 2014-09-22 22-47-48 Скриншот экрана
  4. Укажите ближайшие кварталы — их жители могут поддержать ваше недовольство строительством.
  5. В Настройках адресов лучше писать сокращённый адрес стройки латиницей.
  6. Не забывайте про предпросмотр. Он автоматически сохраняет статью.

Заключение и контакты

Данная инструкция будет обновляться по мере развития системы. Если у вас возникли сложности — пишите в facebook или вКонтакте, звоните 8-926-0-130-800, с удовольствием отвечу. Если вы хотите как-либо ещё поддержать работу сайтов — я доступен по любому из контактов. Владимир Рязанскийадминистратор сайтов Prescao.ru.