Главная страница сайта geocosmed.ru

В феврале — марте 2012 года завершена миграция на CMS Bitrix «Управление сайтом» сайта geocosmed.ru.

Данный сайт принадлежит Специализированному Международному Трихологическому Медицинскому Центру «Геокосмед», г. Москва. Проект состоит из ряда этапов, на данный момент завершен первый из них — миграция сайта, работающего под управлением самописной CMS, под CMS «Bitrix». В дальнейшем планируется масштабная модернизация мигрированного сайта для предоставления клиентам ряда новых сервисов.И первый и последующие этапы планируются к выполнению силами сотрудников KDTeam.

Для выполнения корректной миграции нашим сотрудникам потребовалось провести глубокий анализ существующей системы управления контентом. Анализ включил как саму CMS, так и саму технологию ее построения — SHTML и CGI скрипты (не использующие СУБД для хранения данных). Ранее нам не было необходимости изучать такие технологии.

CMS вообще использовала текстовые и SHTML файлы для хранения информации. Поскольку дополнительной интерактивности по сравнению с оригиналом не планировалось, SHTML были сконвертированы в PHP файлы, а для гостевой книги и подобных компонентов — были сохранены оригинальные CGI скрипты. В дальнейшем — в рамках модернизации — предполагается их преобразования в PHP скрипты с хранением данных в виде элементов инфоблока.

Как и в любом проекте по миграции сайта обязательным условием было сохранение существующих ссылок. Для преобразования старых ссылок в новые был использован mod_rewrite.

Одним из последних этапов было выполнение верстки сайта под CMS Bitrix с полным сохранением внешнего вида оригинала.

По мере завершения выполнения этапов модернизации мы будем дополнительно сообщать о них с подробным описанием выполненных работ.

Главная страница сайта coremed.ru

В середине февраля 2012 года сотрудники нашей команды завершили работы по проекту coremed.ru. Первоначально, данный сайт работал под управлением самописной нестандартной CMS. В данный момент сторонние разработчики запустили новую версию сайта на базе Joomla 1.5 и Virtuemart 1.1.8.

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

Миграция товаров выполнялась на уровне баз данных. Для успешного выполнения этой процедуры был написан ряд представлений (view) и хранимых процедур. При этом автоматически сортировались и переносились изображения товаров, решались конфликты в схеме данных. Достаточно сложная технологически процедура была реализована в течении 3 дней. Еще два рабочих дня понадобились на контроль правильности переноса данных и дополнительный прогон по некоторым категориям продукции.

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

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

В данный момент сайт на новой CMS запущен и доступен по адресу http://coremed.ru/

Сайт предполагает 2 шаблона страниц — для главной страницы и для внутренних страниц. На главной странице центральным является большое изображение, стилизованное под напечатанное на плитке. Кроме того, большие изображения на главной странице в случайном порядке меняются при перезагрузке страницы. Дополнительно выводится ряд модулей-слайдеров.

Главная страница сайта keramfoto.ru

Для внутренних страниц основным является компонент JOOM::GALLERY. Сайт предполагает несколько разделов галереи, отличающихся друг от друга как смысловым, так и функциональным наполнением. Кроме того, он предполагает ряд контентных страниц.

Фотогалерея содержит 3 основных раздела: «Каталог изображений», «Фотогалерея готовых проектов» и «Коллекции универсальных панно». Страницы всех разделов галереи построены по одной схеме: наверху странички отображается полнормазмерное изображение (для категории — случайное), меняющееся при неактивности пользователя, кнопки навигации, список изображений (для категории галереи) или список категорий (для категории верхнего уровня). Для раздела «Каталог изображений» на полноразмерное изображение автоматически накладывается сетка, создающая впечатление что изображение напечатано на плитке. Для изображений остальных разделов такая обработка не проводиться. Для навигации по галерее использован один из наших стандартных модулей — аккордеон, использованный ранее на таких проектах, как makkom-m.ru и lusmag.ru. В оригинале, этот модуль использовался для вывода категорий Virtuemart, однако для этого проекта модуль был доработан для использования под управлением Jooma 1.7 и компонента JOOM::GALLERY. На этом проекте он используется в «раскрытом» виде (для облегчения навигации по списку категорий галереи) и с перезагрузкой страницы.

Пример внутренней страницы сайта keramfoto.ru

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

Сайт размещен на хостинге KDTeam.

Как итог, можно говорить о том, что старт нашей работы с новой версии CMS Joomla 1.7 был достаточно успешен. Мы с успехом мигрировали часть наших стандартных компонентов, устанавливаемых на сайты клиентов, с Joomla 1.5 на Joomla 1.7. Также на сайте применен ряд технологических новшеств, не применяемых нами ранее — например, автоматическое наложение сетки на изображения средствами верстки. Такой подход дает очень хороший результат, снимающий необходимость предварительной обработки изображений перед загрузкой на сайт.

Наша команда начала активное использование новой версии CMS Joomla — 1.7 — в реальных проектах. По состоянию на 23 января 2012 года новая Joomla использована на двух проектах, переданных заказчикам. В текущее время готовятся к передачу заказчикам еще ряд проектов на ней. Прежде чем размещать их описание, посмотрим на перечень изменений в новой версии.

Основными коренными отличиями от Joomla 1.5 являются следующие нововведения:

1. Новая система управления доступом

Мы, в процессе работы, достаточно  часто сталкивались к необходимости ограничения доступа к определенному контенту на сайте (разделу / категории / материалу / компоненту) только для заданной группе пользователей. Мы сталкивались с такой необходимостью еще на сайтах под Joomla 1.0.x. И возможности по ограничениям доступа только для зарезервированных пользователей или джумловского «специального» доступа явно не хватало. Обычно мы решали такую задачу путем создания на уровне базы данных новой группы пользователей и ограничением доступа к контенту специальной вставкой PHP кода в index.php сайта или таком же файле шаблона. Разработчики Joomla обещают что теперь эту задачу можно решить на задачу проще. Теперь систему управления доступом умеет:

• создавать и использовать неограниченное количество групп пользователей;

• пользователь может быть связан с множеством групп;

• неограниченное количество уровней доступа;

• любые сочетания связей групп с уровнями доступа;

• права доступа могут быть установлены на множестве уровней в иерархии: сайт, компонент, категория, объект;

• права доступа могут наследоваться от родительских групп и категорий для быстрого управления пользователями.

2. Новая структура управлениями категориями.

Joomla наконец-то ушла от двухступенчатой структуры раздел-категория! Теперь поддерживаются категории с неограниченной вложенностью друг в друга.  Разделы отменены как класс

3. Новая система обновления расширений.

Пока не удалось проверить эту систему в действии, сайты совсем недавно переданы заказчику. Однако функция очень важная — поддержание актуальности набора установленных расширений (что выполняется сотрудниками KDTeam в рамках пакетов работ по обслуживанию сайтов) — достаточно утомительный процесс. Будем надеяться, что Joomla сможет догнать WordPress по удобству установки обновлений. Мы тоже задумались о разработке механизма установки обновлений в автоматизированном режиме. Вероятно, первая версия такого механизма будет выпущена для движка фотосайтов KAVUN (|) DVYGUN.

4. SEO возможности и компонент перенаправлений.

Это также одна из возможностей, которой очень не хватало в работе. В последнее время мы уделяем большое внимание SEO-орентированности передаваемых проектов. Оптимизация под поисковые системы внедряется как на этапе непосредственной разработки сайта, так и на этапах регулярных работ в рамках обслуживания. Однако несмотря на переход к спецификации XHTML Strict в верстке. анализа и оптимизации robots.txt, оптимизации исходного кода центральным функциональным компонентом является ЧПУ компонент, позволяющий преобразовывать системные ссылки (с GET параметрами) в человеко-ориентированными и установки META-информации (ключевые слова, описание, заголовки). Раньше приходилось использовать сторонние компоненты,  в том числе тяжелый и совершенно неповоротливый sh404sef, к которому по опыту эксплуатации есть много вопросов. Эта подсистемы Joomla пока находится в тестировании нашими специалистами, однако она уже использована на двух сданные проектах. В тестировании находится возможность эксплуатации совместно с компонентом интернет-магазинов Virtuemart. Если получится добиться тех же результатов — мы с радостью откажемся от сторонних расширений для решения SEO-задач. Кстати, сами системные компоненты теперь также не используют табличной верстки и полностью совместимы с XHTML Strict.

5. Переопределение макетов модулей и компонентов.

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

6. Новые шаблоны и возможность использовать стили шаблона.

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

7. Улучшенный редактор исходного кода и медиаменеджер, изменения в админке. 

Теперь редактор исходного кода подсвечивает тэги HTML и CSS. Новшество не особое, мы все равно устанавливали JCE Editor в качестве редактора кода, а там это есть. Также в медиаменеджер вернули FLASH загрузчик, что позволяет аплоадить несколько картинок за раз. Это также нельзя отнести к серьезным доработкам — при активном заполнении сайта, наши сотрудники всегда выгружают изображения по FTP. Однако, для одной мелкой правки, возможно, пригодиться. Далее следуют чуть более интересные нововведения — в административной панели добавились кнопки «Сохранить и добавить» и «Сохранить и копировать». Эти кнопочки немного поднимают эффективность работы с админ. панелью — особенно на этапе заполнения нового сайта контентом.

Как итог, можно говорить о том, что переход на новую версию CMS Joomla является целесообразным, тем более что в условиях прекращения поддержки CMS ветки 1.5 другого варианта и нет по большому счету. Из списка изменений,  некоторые являются более важными, некоторые — менее, но все же это функции, которых все мы ждали. Вопрос миграции между версиями все еще открыт. Рецепты, опубликованные в интернете, нам не очень помогли на одном из проектов в работе. По опыту завершения этого проекта, мы, возможно, опубликуем собственный способ. Продукт такого рода будет достаточно актуален, особенно в условиях выхода Joomla 2.5 в 2012 году. Нужно ожидать большого потока миграций ресурсов на старых версиях Joomla как было в период миграции с ветки 1.0 на ветку 1.5.

Главная страница сайта gnome.com.ua

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

В рамках работ по первоначальной SEO оптимизации были выполнены работы по анализу индексации сайта поисковыми системами Yandex и Google, установлен и настроен компонент sh404sef, доработан файл robots.txt. Дополнительно были выработаны рекомендации по дальнейшему развитию проекта в разрезе SEO. Рекомендации основывались на других подобных проектах подобной конфигурации.

Оформление заказа на gnome.com.ua (вся корзина на одной странице)

В процессе анализа новой версии Virtuemart cтолкнулись с проблемой:

Решение:
Шаг первый, изменение темы письма.

Открываем файл — /components/com_virtuemart/views/cart/view.html.php в каком
находим на 157 строке

if ($doVendor) {
$this->subject = JText::sprintf('COM_VIRTUEMART_VENDOR_NEW_ORDER_CONFIRMED',

$this->shopperName, $this->cart->prices['billTotal'],

 $this->order['details']['BT']->order_number);
$recipient = 'vendor';
} else {
$this->subject = JText::sprintf('COM_VIRTUEMART_SHOPPER_NEW_ORDER_CONFIRMED',

$this->cart->vendor->vendor_store_name, $this->cart->prices['billTotal'],

$this->order['details']['BT']->order_number, $this->order['details']['BT']->order_pass);
$recipient = 'shopper';
}

и меняем следущее
if ($doVendor) {
$this->subject = JText::sprintf('COM_VIRTUEMART_VENDOR_NEW_ORDER_CONFIRMED',

 $this->shopperName, $this->order['details']['BT']->order_total,

$this->order['details']['BT']->order_number);
$recipient = 'vendor';
} else {
$this->subject = JText::sprintf('COM_VIRTUEMART_SHOPPER_NEW_ORDER_CONFIRMED',

 $this->cart->vendor->vendor_store_name, $this->order['details']['BT']->order_total,

$this->order['details']['BT']->order_number, $this->order['details']['BT']->order_pass);
$recipient = 'shopper';
}

Теперь в теме письма будет сумма заказа.

Шаг два, исправление таблиц в письме
В папке — /components/com_virtuemart/views/cart/tmp, находим следующие файлы

Данные, отправляющиеся клиенту, которые нам нужно изменить, находятся в файле — mail_html_pricelist.php
Данные какие летят к админу на почту — mail_html_vendor.php

В $this->order мы можем найти информацию о заказе

Array (
  [details] => Array  (
                  [BT] => stdClass Object (
                               [virtuemart_order_userinfo_id] => 54
                               [virtuemart_order_id] => 54
                               [virtuemart_user_id] => 42
                               [address_type] => BT
                               [address_type_name] =>
                               [company] =>
                               [title] =>
                               [last_name] =>
                               [first_name] =>
                               [middle_name] =>
                               [phone_1] =>
                               [phone_2] =>
                               [fax] =>
                               [address_1] =>
                               [address_2] =>
                               [city] =>
                               [virtuemart_state_id] =>
                               [virtuemart_country_id] =>
                               [zip] =>
                               [email] =>
                               [agreed] => 0
                               [extra_field_1] => ll
                               [extra_field_2] =>
                               [extra_field_3] =>
                               [extra_field_4] =>
                               [extra_field_5] =>
                               [created_on] => 2011-12-07 08:54:42
                               [created_by] => 42
                               [modified_on] => 2011-12-07 08:54:42
                               [modified_by] => 42
                               [locked_on] => 0000-00-00 00:00:00
                               [locked_by] => 0
                               [dsds] =>
                               [virtuemart_vendor_id] => 1
                               [order_number] => 1eff16a1 - номер заказа
                               [order_pass] => p_513979
                               [virtuemart_userinfo_id] =>
                               [order_total] => 145.00000 – сумма заказа
                               [order_subtotal] => 145.00000
                               [order_tax] => 0.00000
                               [order_tax_details] =>
                               [order_shipping] => 0.00
                               [order_shipping_tax] => 0.00000
                               [order_payment] => 0.00
                               [order_payment_tax] => 0.00000
                               [coupon_discount] => 0.00
                               [coupon_code] => -
                               [order_discount] => 0.00
                               [order_currency] =>
                               [order_status] => P
                               [user_currency_id] => 199
                               [user_currency_rate] => 1.00000
                               [payment_method_id] => 1
                               [ship_method_id] => 1
                               [customer_note] =>
                               [ip_address] => 194.79.23.182
                               [order_status_name] => Pending
                   )
  )
[history] => Array (
                 [0] => stdClass Object  (
                           [virtuemart_order_history_id] => 95
                           [virtuemart_order_id] => 54
                           [order_status_code] => P
                           [customer_notified] => 1
                           [comments] =>
                           [published] => 1
                           [created_on] => 2011-12-07 08:54:42
                           [created_by] => 42
                           [modified_on] => 2011-12-07 08:54:42
                           [modified_by] => 42
                           [locked_on] => 0000-00-00 00:00:00
                           [locked_by] => 0
                                             )
                    )
[items] => Array (
                 [0] => stdClass Object (
                     [virtuemart_order_item_id] => 87
                     [product_quantity] => количество
                     [order_item_name] => название
                     [order_item_sku] => артикул
                     [virtuemart_product_id] => id товра в виртмарте
                     [product_item_price] => цена за единицу
                     [product_final_price] => общая цена
                     [product_attribute] =>
                     [order_status] => P
                     [intnotes] =>
                                      )
                  )
)

Исходя из этого, делаем цикл, в файле mail_html_pricelist.php (для пользователя) и
mail_html_vendor.php можно сделать табличку и циклы по товару

foreach($this->order['items'] as $item)

вместо

foreach( $this->cart->products as $prow ).

В новой версии данного продукта, находящейся в стадии тестирования, разработчики переделали практически всю структуру компонента, сделали совместимость с Joomla 1.7, переписали его под MCV, добавили JQuery, и естественно «освежили» внешний вид админки.

Изменения коснулись всего меню, которое стало более удобным и функциональным.

При создании новой категории теперь можно дописать — метаданные (описания, ключевые слова …).

При загрузке изображения (не только при создании категории) теперь намного проще: выбираем с помощью checkbox миниатюру или большое изображение и загружаем. В дальнейшем станет доступным  checkbox  — «изменить миниатюру».

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

При переходе на раздел «Товары» мы можем:

- создать дочерний товар, к существующему товару не ограниченное количество.

- сразу создать дубликат «дублировать» уже созданного товара.

- поставить оценку к товару.

- и стандартные операции (изменить, создать, удалить, опубликовать, снять с публикации).

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

Если это дочерний товар то родитель используется как шаблон для потомка.

Изменения коснулись и настраиваемых полей. Теперь можно указать  «Тип поля», какой мы можем создать в следующем разделе – «Настраиваемым поля».

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

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

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

Можно задать как на определенное время так и для определенной категории, для страны или группы покупателей.

В «Отзывах и рейтингах» мы можем отслеживать все отзывы какие оставили к товару. Публиковать их или снимать с публикации.

«Заказы» и «Отчеты о доходах» остались практически внешне не измененными.

Еще добавлена  возможность оформления заказа без регистрации.

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

По производителям особых изменений не обнаружено.

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

«Медиа файлы» - файлы магазина (картинки, прайсы и др.).

Настройка способа доставки и оплаты.

«Список кредитных карт» был удален.

В  разделе «Настройка» добавлена вкладка шаблонов, на данный момент пока не работает, но по внешнему виду будет довольно функциональной.

Вкладка «Формирование цен» радует большим выбором варианта отображения и округления цены.

Вкладка «Настройка сортировки» содержит большое количество способов сортировок, как для поиска товаров, так и для просмотра категорий.

Раздел «Поля, заполняемые пользователем» остались внешне без изменений. Тут можно отредактировать поля которые пользователь заполняет при регистрации или при заказе.

В разделе «Статус заказов» можно отредактировать уже стандартные существующие статусы заказа, или создать свой, новый.

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

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

Настроить компонент sh404sef так, что бы не получать view-all-products.html, а видеть только красивые адреса по типу lava-lampi/lava-lampi-astrobebi.html(карточка товара) и lava-lampi.html категория товаров.

Много писать тут нечего, я всё объясняю на картинках.

Настройка самой Joomla

Ну а теперь настроем сам компонент sh404sef

Безопасность не будем включать, что-бы не создавать нагрузку на сервер.

Итак, пункт первый:

Теперь второй пункт.

Вот и всё, чистим ссылки и проверяем.

По материалам сайта Андрей Зубов Записки на лету

Изначально сайт задумывался как небольшой Joomla — сайт с использованием Virtuemart для реализации каталога товаров и PhocaGallery — для удобного администрирования каталога уже выполненных работ. В процессе работы состав компонентов изменился не сильно, однако сами компоненты пришлось править на уровне исходного кода ядра для соответствия требованиям заказчика. Так, например, на главной странице к совершенно стандартному листингу категорий PhocaGallery был разработан нестандартный способ визуализации события onMouseOver (наведение курсора мышки на уменьшенное изображение), позволяющий показать пользователю «подпрыгивание» уменьшенного изображения без потери качества. Другим примером является создание на той же главной странице трех групп изображений, которую можно просматривать через Lightbox.

Еще одним нестандартным программным элементом является применение JavaScript плагина Cufon. Его использование связано с настоятельными требованиями заказчика показать на сайте именно те шрифты (нестандартные и отсутствующие у подавляющего большинства пользователей), которые были представлены на PSD макете. Использование этого плагина позволило отобразить на сайте нестандартные шрифты через SVG объекты, причем это касается не только пунктов основного меню (которое в принципе-то могло быть реализовано картинками), но и заголовков и текстов статей, заголовков и служебных текстовок компонентов. Совместимость плагина позволяет говорить о том, что нестандартные шрифты бубудт корректно отображаться во всех современных браузерах, а также в Internet Explorer начиная с версии 6.

Главная страница сайта 8-street.com

Верстка сайта, как и все остальные проекты выполненные за последние полгода, выполнена с использованием CSS фреймворка 960 Grid System, позволяющего достичь наибольшей читабельности кода и максимальной кросс-браузерности сайта. В дальнейшем были добавлены нестандартные элементы — например, комментарии к секциям главной страницы, добавляющие сайту индивидуальности.

Особых пояснений и не требуется, все видно на фотографиях!

Панорама Москвы с Воробьевых гор

[Show as slideshow]