Разработка этого проекта велась непрерывно, в течение достаточно долгого времени, однако сейчас, по всей видимости, наметился перерыв.

Судя по логам - день рождения этого проекта 22 февраля 2013 года. Я предлагаю отойти от моего обычного стиля описания проектов в пользу исторического обзора.

1. Голый Bootstrap и AJAX

Первоначальная версия полностью базировалась на Twitter Bootstrap 2.3.0 и была разработана, до представления руководству, за 5-6 дней. Вот что у нас тогда получилось:

Как видно, все сделано достаточно аскетично

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

Тогда у нас была проблема с использованием git. Не знаю почему, но мы потеряли много времени на этом, и в итоге, просто расшарили папку с исходниками через Dropbox. (Что было довольно неудобно)

Это были наши первые шаги в адаптивную верстку, повсеместный AJAX и PHP фреймворк YII. Именно здесь мы впервые опробовали сервис “Яндекс Карты”, просто выставляя метку, с помощью “геокодера”, на карте:

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

К примеру, очень долгое время без изменений работал скрипт преобразующий все клики по ссылкам в соответствующие AJAX GET запросы.

Самая большая проблема заключалась в синхронизации базы данных – она заполнялась из файлов .DB, используемых программой 2000 года, написанной, судя по всему, на Delphi. Основная проблема была не столько в извлечении данных, сколько в их кодировке. Это довольно странно, но единственная более менее адекватно подходящая кодировка CP-866, правда и с ней исчезают или каракулятся некоторые символы.

2. Первые шаги к коммерциализации

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

Однако, несмотря на это, было сформировано некое техническое задание, согласно которому мы и продолжили разработку каталога.

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

Тут мы добавили привязку компаний к нескольким рубрикам (дерево рубрик, либо поиск с добавлением), добавили роли пользователей (наборщик / редактор) и соответственно интерфейсы для них. А самое главное – мы добавили редактируемые пакеты (те самые, за которые платят клиенты).

Также, параллельно с этим, велась разработка системы “Интерфейс для работы курьерского агентства”, иначе и не назовешь:)

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

Концепты совместного API систем

Ни одна из этих схем не была реализована:(

3. Текстуры, паттерны

Третья версия разрабатывалась уже другой командой. Весь состав разработчиков, за исключением меня был обновлен. Наконец-то в нашей команде появился настоящий web-дизайнер, с которым мы здорово переконопатили буквально все. Были добавлены уникальные для рубрик иконки, которые задумывались еще для прошлой версии, было добавлено больше интерактива и завязки на картах Яндекса, были добавлены всевозможные функциональные навороты – например, стало возможно создавать отложенные email-рассылки и прочие фичи. Весь проект был переведен с Bootstrap, на Kube3, всвязи с чем мы потеряли колоссальное количество времени на переверстывание всего что было создано до этого.

Интересной особенностью релиза является отказ от AJAX в некоторых местах, где до этого он был. Эту версию мы хотели адаптировать под любого пользователя, даже у которого выключен Javascript, поэтому многие вещи были реализованы довольно топорно и некрасиво – чего только стоят рубрики.

На этом скрине AJAX'ифицированы только кнопки регулирующие количество показываемых компаний, все остальное это голый html.:)

4. MODERN GREEN

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

Новые элементы интерфейса

Этот дизайн очень вдохновил нас на тот момент, мы серьезно переработали код проекта, внедрили AJAX по максимуму. Под этот дизайн было разработано очень много Javascript кода, переработано взаимодействие с YandexMaps, реализован поиск с помощью Sphinx.

Затем началась разработка сопутсвующих сервисов – iframe виджет для встраивания и внешняя поисковая строка.

Строка поиска разрабатывалась без применения каких-либо библиотек, работает все это при помощи JSONP.

Внешний вид встраиваемой строки поиска

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

Вторая часть нынешнего API – встраиваемый виджет, разработанный по подобию виджета 2Gis. По-моему, получилось очень даже неплохо.

Интерфейс встраиваемого iframe-виджета

FUTURE??

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

Одним словом - неизвестно, что станет в дальнейшем с этим проектом.

*   *   *

До меня дошли слухи, что в скором времени проект будет окончательно закрыт.

*   *   *