Система управления информационным содержимым (CMS)

Дизайн сайта

 

Разрабатывается и согласовывается внешний вид всех необходимых страниц (главная, список новостей, список статей, одна новость/статья, и т.д.).

o Дизайн сайта однородный для всех страниц сайта с целью обеспечения единых принципов навигации и управления сайтом.

o Основная цветовая гамма: на основе корпоративных цветов и стилистики.

o Использование стандартных групп шрифтов браузеров (Arial/Helvetica, Tahoma, Verdana, Times New Roman, Courier) таким образом, чтобы замена шрифтов из соответствующей группы не приводила к визуальному искажению текста.

o Оригинал-макет сайта рассчитан под минимальный размер окна 1024 px. Сайт не растягивается по ширине при увеличении разрешения монитора.

o Корректное отображение браузерами Internet Explorer версии 7.x и выше, Mozilla Firefox, Opera, Safari, Google Chrome.

 

Верстка

 

Верстка – это операция по созданию статических (неуправляемых администратором) страниц в формате html с минимальным количеством кода для ускорения загрузки. Эти страницы повторяют все возможные страницы будущего сайта и служат основой для программирования и установки системы управления. Верстка выполняется с учетом всех необходимых требований поисковой оптимизации. Верстка осуществляется с учетом корректного отображения браузерами Internet Explorer версии 7.x и выше, Mozilla Firefox, Opera, Safari, Google Chrome..

 

Внутреннее устройство сайта

Данный раздел описывает общие положения. Ключевое расположение элементов определяется при создании дизайн-макета.

На страницах располагаются:

· Меню сайта, в котором сразу отображаются категории, подкатегории

· Новости

· Основные типы продукции

· Вывод товаров из сопутствующего типа продукции

· Служебные иконки

· Количество товаров в корзине, сума, справка, Форма поиска

· Контактные телефоны

· Баннер на переход заказа

· Центральная часть: меняется в зависимости от выбранного пункта меню

· Подвал

a. Дубликат главного меню

b. Счетчики, копирайты

Сайт состоит из одной языковой версии (русский).

 

Предварительная структура сайта:

       Главная

    Каталог товаров

                   Мужская коллекция

                              Футболки

                              Шапки

                              Толстовки

                   Женская коллекция

                              Футболки

                              Шапки

                              Толстовки

    Новости

    Индивидуальная печать

    Персональная футболка

    Качество

    Франшиза

    Доставка

    Фотогалерея

    Контакты

 

Каталог товаров

Каталог поделен на две основные категории: мужская/женская коллекция. Каждый товар принадлежит одной категории. Категории товаров могут иметь подкатегории.

 

Например.

· Мужская коллекция

o Футболки

o Шапки

o Толстовки

· Женская коллекция

o Футболки

o Шапки

o Толстовки

 

Каждый товар имеет следующие параметры.

 

· Код товара

· Категория

· Подкатегория

· Артикул

· Название товара

· Размер

· Цвет

· Цена

· Фото

· Описание

 

Каждому товару можно добавить от 1 до 6 изображений. Изображения автоматически обрезаются и масштабируются под размеры и пропорции, утвержденные при создании дизайна соответствующих страниц каталога. Созданные небольшие изображения кешируются (сохраняются на диске) для уменьшения нагрузки на хостинг.

 

Принцип работы каталога

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

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

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

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

 

 

Корзина

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

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

В Корзине под списком товаров находится Выбор варианта оплаты (Безналичный расчет, Наличными при доставке). При выборе безналичного расчета появляется ссылка «Выписать счет», которая приводит пользователя на страницу, где в html формате черным по белому изображен счет со всеми платежными реквизитами, готовый для печати на принтере. Выписанный счет сохраняется в базе данных системы управления с указанием даты, времени, перечня товаров с их количествами, именем, телефоном и email клиента.

 

 

Карта сайта

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

 

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

 

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

 

Фотогалерея

 

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

 

Поиск

 

Для оперативного нахождения товара в магазине предусмотрен Поиск. Поиск производится по полям Категрия, Подкатегория, Цвет, Размер при этом можно указать диапазон цен. Результаты поиска выводятся по 10-15 на страницу таким же образом, как и список товаров. Товар, найденный поиском тоже можно добавить в корзину

 

Требования

1. Требования к хостингу

 

На хостинге должны быть установлены такие версии программного обеспечения: Apache версии 1.3.х или 2.х, PHP версии 4.x или 5.х, MySql версии 4.х или 5.х. Для нормальной работы менеджера файлов и изображений необходимо наличие прав на создание папок и запись файлов в созданные папки.

Дизайн сайта

 

Разрабатывается и согласовывается внешний вид всех необходимых страниц (главная, список новостей, список статей, одна новость/статья, и т.д.).

o Дизайн сайта однородный для всех страниц сайта с целью обеспечения единых принципов навигации и управления сайтом.

o Основная цветовая гамма: на основе корпоративных цветов и стилистики.

o Использование стандартных групп шрифтов браузеров (Arial/Helvetica, Tahoma, Verdana, Times New Roman, Courier) таким образом, чтобы замена шрифтов из соответствующей группы не приводила к визуальному искажению текста.

o Оригинал-макет сайта рассчитан под минимальный размер окна 1024 px. Сайт не растягивается по ширине при увеличении разрешения монитора.

o Корректное отображение браузерами Internet Explorer версии 7.x и выше, Mozilla Firefox, Opera, Safari, Google Chrome.

 

Верстка

 

Верстка – это операция по созданию статических (неуправляемых администратором) страниц в формате html с минимальным количеством кода для ускорения загрузки. Эти страницы повторяют все возможные страницы будущего сайта и служат основой для программирования и установки системы управления. Верстка выполняется с учетом всех необходимых требований поисковой оптимизации. Верстка осуществляется с учетом корректного отображения браузерами Internet Explorer версии 7.x и выше, Mozilla Firefox, Opera, Safari, Google Chrome..

 

Внутреннее устройство сайта

Данный раздел описывает общие положения. Ключевое расположение элементов определяется при создании дизайн-макета.

На страницах располагаются:

· Меню сайта, в котором сразу отображаются категории, подкатегории

· Новости

· Основные типы продукции

· Вывод товаров из сопутствующего типа продукции

· Служебные иконки

· Количество товаров в корзине, сума, справка, Форма поиска

· Контактные телефоны

· Баннер на переход заказа

· Центральная часть: меняется в зависимости от выбранного пункта меню

· Подвал

a. Дубликат главного меню

b. Счетчики, копирайты

Сайт состоит из одной языковой версии (русский).

 

Предварительная структура сайта:

       Главная

    Каталог товаров

                   Мужская коллекция

                              Футболки

                              Шапки

                              Толстовки

                   Женская коллекция

                              Футболки

                              Шапки

                              Толстовки

    Новости

    Индивидуальная печать

    Персональная футболка

    Качество

    Франшиза

    Доставка

    Фотогалерея

    Контакты

 

Каталог товаров

Каталог поделен на две основные категории: мужская/женская коллекция. Каждый товар принадлежит одной категории. Категории товаров могут иметь подкатегории.

 

Например.

· Мужская коллекция

o Футболки

o Шапки

o Толстовки

· Женская коллекция

o Футболки

o Шапки

o Толстовки

 

Каждый товар имеет следующие параметры.

 

· Код товара

· Категория

· Подкатегория

· Артикул

· Название товара

· Размер

· Цвет

· Цена

· Фото

· Описание

 

Каждому товару можно добавить от 1 до 6 изображений. Изображения автоматически обрезаются и масштабируются под размеры и пропорции, утвержденные при создании дизайна соответствующих страниц каталога. Созданные небольшие изображения кешируются (сохраняются на диске) для уменьшения нагрузки на хостинг.

 

Принцип работы каталога

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

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

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

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

 

 

Система управления информационным содержимым (CMS)

 

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

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

Все внутренние ссылки сайта являются псевдостатическими, например, www.yoursite.ua/catalogue/na_rayone.html. Используется технология mod_rewrite.