Добрый день, уважаемые читатели официального блога uCoz. Чуть больше года назад вы могли прочитать мой пост "История одного сайта - от задумки до реализации", про становление городского сайта "ЮБиК", посвящённого подмосковным городам Юбилейный и Королёв. Прошедший год не остался безрезультативным в плане развития и совершенствования сайта. В данном посте я расскажу о возможностях и практических реализациях, основанных на PHP и API, предоставленных не так давно компанией uCoz. Итак, по порядку.

Год назад, когда PHP и API на uCoz уже прошли тестирование и стали доступны пользователям системы, я начал приглядываться к новым возможностям. Тогда я ещё не понимал, как API и PHP можно применить на сайте, чем они так полезны и почему многие пользователи системы так ждали этих возможностей. Особо интересных примеров функционала я не обнаружил на официальном форуме uCoz, поэтому никаких действий по использованию не предпринимал. К концу 2011 года был запущен конкурс идей и их воплощений, основанных на PHP, предоставляемом хостингом. Это был первый опыт по уяснению тех возможностей, которые даёт PHP для реализации различных задумок. Из всего списка представленных работ меня заинтересовала только одна работа "Авторизация через соцсети". Поэтому в конце декабря 2011 года я перешёл на новый тариф (с поддержкой PHP) и установил скрипт авторизации на сайт. Пожалуй, это была единственная реализация, которая была сделана довольно качественно и была действительно нужной. Это был мой первый шаг, за которым последовали собственные идеи и их реализации, о которых сейчас и пойдёт речь.

В поисках хорошего мастера, готового взяться за освоение возможностей PHP,  API от uCoz и выполнение моих нетривиальных заданий, я почти сразу попал на веб-разработчика, известного на форуме uCoz как rsod. На него я вышел не случайно – мне посоветовал к нему обратиться автор скрипта "Авторизация через социальные сети", ныне являющийся сотрудником uCoz. Что же получилось от нашей совместной работы? Какие функции удалось реализовать? С какими проблемами столкнулись? Что позволяет сделать uCoz и чем он нас ограничивает?

На сайте ЮБиК есть обширная и подробная справочная система организаций и учреждений городов Королёв и Юбилейный Московской области. Для удобства её использования не хватало только одного - карт! Адреса организаций есть, а вот посмотреть наглядно, где это находится возможности не было. Я знал, что это можно реализовать и без помощи PHP, но у меня была более масштабная задумка, в которой простыми средствами uCoz не обойтись. Необходимо было связать частные карты для конкретных организаций с единой картой всех организаций. Как это работает?

Любой объект (материал) Справочной можно привязать к Яндекс-карте посредством ввода адреса и указания тега (название группы), в который должна быть организация. После того, как модератором отмечается организация на карте, под материалом Справочной выводится спойлер, в котором скрыта Яндекс-карта с меткой объекта. Помимо этого есть кнопка «Все организации», которая ведет на общую карту со всеми объектами по данному тегу. Под общей картой выводятся все теги, которые выполняют функцию фильтров для отображения конкретных объектов на карте. Все объекты, что мы видим на текущий момент на поле карты, отображаются в левой части от карты. Причём можно включить режим, когда будут показываться названия всех объектов, вне зависимости от того, на каком участке карты мы сейчас находимся. При нажатии на любой объект из списка, на карте автоматически ищется объект и выводится нужная точка. При нажатии на метку на карте мы увидим все названия организаций, расположенных по данному адресу. Тут же можно перейти в справочную для ознакомления с подробной информацией об организации.

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

Учтён еще один важный момент, касающийся сохранения текущего положения карты, а также результатов фильтрации по тегам или поисковому запросу. Для этого есть специальная кнопка, называющаяся «Ссылка», при нажатии на которую предлагается сохранить адрес страницы с текущим расположением объектов на карте. Таким образом, пользователи сайта могут при необходимости обмениваться ссылками на карту, например, чтобы показать все «Образовательные учреждения» или все «Продуктовые магазины» города Королёва на карте.

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

Принцип работы «Карты фотографий» практически идентичен работе «Карты организаций», единственное, что добавлены дополнительные модераторские функции по управлению добавляемыми пользователями объектами на карте (автоматическое создание тега «непроверенные фотографии», удаление объектов с карты и т.п.).

На сайте «ЮБиК», как на любом городском портале, есть раздел «Доска объявлений». Его отдачу заметили не только обычные жители города, но и риэлторы, занимающиеся продажей, сдачей недвижимости. Долгое время не удавалось заставить их публиковать качественные объявления с указанием всех атрибутов недвижимости (адрес, цена, тип недвижимости, контакты, собственник или агентство и др.). Внедрение «Карты недвижимости» способствовало не только повышению удобства поиска объявлений по недвижимости, но и росту общего качества добавляемых объявлений.

Сразу же после добавления объявлений в разделы по недвижимости «Сдам» или «Продам» автору материала настоятельно предлагается добавить объявление на «Карту недвижимости». Если он этого не делает, то объявление помечается надписью «непроверенное объявление» и иконкой «внимание», при нажатии на которую выводится сообщение о том, что объявление сомнительного содержания и администрация сайта не рекомендует пользоваться данным предложением. При этом автор видит также ссылку с предложением исправить данную ситуацию.  Это единственный способ, который заставляет недобросовестных посетителей сайта добавлять объявления с корректными данными.

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

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

К сожалению, в данной реализации есть один неприятный момент. Если авторы объявлений ставят срок размещения меньше месяца, то при автоудалении объявления сервером, карта "не знает” о данном событии. В связи с этим, на карте появляются битые метки, ведущие на страницу 404. Решение по данному вопросу не найдено.

Ведение городской справочной – это сложный процесс. Постоянно происходит изменение информации, которую надо вовремя править. В разных источниках разные данные и какие из них верные – не всегда ясно. Как быть? Конечно же, в данной ситуации принять решение может только человек, то есть модератор, ведущий данный раздел. Но ему нужен на сайте «блокнот», прикреплённый к каждому материалу справочной, чтобы можно было концентрировать накопленную информацию, выбирать из неё нужную, хранить историю изменений. Так родилась идея создания заметок для модераторов.  

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

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

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

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

А как повысить «видимость» опросов на сайте? Для этого была сделана особенно полезная функция - копирование опроса в любой материал любого раздела сайта. При этом формат работы опроса полностью повторяет его работу в «корневом» материале: можно и голосовать и просматривать результаты (база голосов единая).

Это очень удобно для материалов, посвящённых одной и той же теме. (прим. разработчика: это на самом деле не копии опросов, а ссылки на один. Аналогию можно привести с файлом и ярлыком: файл (главный опрос) только один, а ярлыков может быть неограниченное количество, и при этом нет разницы, запускается ли ярлык или файл, так и здесь) Помимо этого, копировать опрос можно и на внешние ресурсы. Тогда на сайте ЮБиК фиксируются те сайты, на которых установлен код опроса и то количество людей, которые участвовали в голосовании с внешних доменов.

Эта разработка частично дублирует функцию тегов, предоставляемых системой. Только теги здесь выполняют чёткую задачу, направленную на концентрацию материалов одной темы из всех разделов за всю историю сайта. О чём же речь? В разделе «Справочная» располагаются материалы об организациях и учреждениях (адреса, контакты, описания). В других разделах сайта также есть информация, касающаяся конкретной организации: дополнительные материалы в справочной, фото в галерее, заметки жителей, новости городского СМИ и т.п. Как их все объединить? С помощью тега – названия организации. Это и было сделано. Теперь под материалами расположена фраза «См. также: материалы по теме», переход по которой приводит посетителя на страницу со всеми материалами по данной «теме». Причем, ключевой материал (справка с адресом, контактами и описанием) всегда расположена сверху, а уже под ним все остальные материалы согласно хронологии их появления на сайте. По сути, это напоминает работу календаря в разделе «Новости», но фильтрация идёт по многим параметрам (тег, раздел, год, месяц), а не только по месяцу и дате.

На сайте ЮБиК в разделе «Справочная» подключён стандартный рейтинг uCoz «звёздочки» (пятибалльная шкала оценки). Но для оценки «качества организации» этот рейтинг малопригоден. Неясно, за что пользователи ставят эти «звёзды». Выход был один – разработать свою систему оценки и рейтинга организаций. Причём, важно, что оценку можно поставить только с привязкой к комментарию. Система оценки выглядит так: +2 (отлично) +1 (хорошо) 0 (удовлетворительно/нейтрально) -1 (плохо) -2 (очень плохо/ужасно). Новая добавленная оценка «съедает» или «дополняет» величину текущего рейтинга.

Разработана общая страница рейтинга организаций Королёва и Юбилейного, на которой можно увидеть самые популярные у населения организации.

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

Если модератор обнаружил некачественный отзыв (нецензурная лексика, неполные данные и т.п.), то при удалении комментария-отзыва автоматически удалится оценка (рейтинг организации вернётся к предыдущему состоянию). Примечательно, что реализована защита от накруток и недобросовестных пользователей (с одного ip можно оставить только  один отзыв об организации, следующий - только через 30 дней).

Как известно, в материалы можно прикрепить несколько десятков фотографий. Но часто бывают случаи, что посетителям сайта необходимо в обсуждениях к материалу прикрепить фото. Сделать они это могут, воспользовавшись тегом [img], предварительно залив фото на любой фотохостинг. Но тут есть, как минимум, 3 проблемы: фотография на чужом сервере (не индексируется поисковиками,  ведёт на другой сайт, может исчезнуть в любой момент и т.д.), фотография может испортить вид страницы, если её размер больше ширины области комментариев (красиво, когда все фото имеют превью фиксированного размера), многие не умеют пользоваться bb-кодами и не знают о фотохостингах (не берём во внимание продвинутую молодёжь).

Я хотел иметь реализацию функции по загрузке изображения в комментарии, её обработке, создания превью и прописывание домена yubik.net.ru на фото. Так, чтобы после добавления комментария под ним выводилось аккуратное превью фотографии. Все новые фотографии в комментариях можно было бы просмотреть на отдельной странице…

Важной составляющей ТЗ для веб-разработчика было условие, что фотографии в комментариях будут индексироваться поисковиками. Сначала были надежды эту непростую ситуацию разрешить, но, к сожалению, по этому вопросу столкнулись с непреодолимой трудностью и данная разработка «зависла в воздухе». Я и разработчик не смогли придумать «механизм», чтобы обойти «ограничения и отсутствие некоторых необходимых вещей» в системе uCoz.

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

В целом, можно сделать четыре вывода:

• 1. PHP и API системы uCoz действительно полезная вещь! Можно реализовать, даже не смотря на ограничения, многие интересные проекты и для этого не нужно переходить на другой хостинг (в том числе, использовать другую систему управления сайтом).
• 2. Необходимо расширение функционала PHP и API системы uCoz. Это даст еще больше возможностей для воплощения самых инновационных идей!
• 3. Нужна стабильная работа PHP-сервера (сейчас приходится использовать асинхронный код загрузки для описанных проектов, чтобы в какой-то «нестабильный» момент не завис весь сайт). Но, стоит заметить, что на текущий момент сервер работает намного стабильнее, чем год назад.
• 4. Не хватает некоторых системных кодов

Надеюсь, данный пост будет полезен сообществу uCoz, как пользователям, так и Администрации.

С уважением, администратор сайта yubik.net.ru