пример технического задания

advertisement
Техническое задание
на разработку сайта по Договору №
от
на 17 страницах
1. Информация о заказчике
Род деятельности
Продажа товаров: натуральная лечебная косметика, средства гигиены, парфюмерия, эфирные
и жирные масла «Кесаб», восточные сладости, чаи, одежда, сувениры и другое.
2. Общая информация о сайте
Доменное имя
сады-семирамиды.рф, садысемирамиды.рф, принадлежат заказчику.
Назначение сайта
Сайт представляет собой интернет-магазин товаров, связанных с востоком и здоровым образом
жизни. Он должен в удобной форме предоставлять посетителям возможность просматривать
каталог продукции и делать заказ товаров, предоставлять подробную информацию о товарах.
Оформление должно соответствовать продаваемой продукции.
3. Навигация по сайту
Меню
На сайте присутствует 1 горизонтальное навигационное меню и 1 меню каталога продукции.
Навигация по сайту
Меню навигации по сайту содержит ссылки на следующие разделы сайта:

Главная

Доставка и оплата

Информационный портал

О компании

Сотрудничество

Контакты
Навигация по каталогу продукции
Меню каталога представляет собой разворачиваемый двухуровневый список.
Структура меню каталога:

Натуральная восточная косметика «КЕСАБ»
 Лаврово-оливковое мыло с натуральными эфирными маслами
 Шампуни и воск для волос
 Шампуни и бальзамы для волос без SLS и SLES
 Лечебные и омолаживающие крема-мази
1





 Обертывания для тела, маски для лица
 Скрабы для лица и тела
 Эфирные масла
 Жирные масла-основы
 Косметические и массажные масла
 Продукция детям
 Подарочные наборы и упаковка
Экотовары
 Натуральный дезодорант- кристалл Алунит
 Мыльные орехи, ягоды
 Кислородный отбеливатель (Перкарбонат)
 Мисвак - альтернатива зубной пасте и щетке
Всё для ароматерапии
 Эфирные масла
 Жирные базовые масла-основы
 Готовые композиции массажных масел
 Элитная восточная парфюмерия
 Атрибуты для ароматерапии
Приятного чаепития
 Восточные сладости
 Травяные чаи
 Мате
 Восточный кофе
 Орехи
 Сухофрукты
Всё для танца живота
 Костюмы для танца живота
 Абаи, галабеи
 Одежда для тренировок
 Набедренные пояса
 Крылья
 Канделябры
 Веера-вейлы
 Сагаты (цымбалы)
 Трости
 Сабли
 Обувь
 Сценическая бижутерия
 Всё для шитья
 Комиссионный магазин
 Костюмы известных дизайнеров
 Прокат костюмов и аксессуаров
 Музыка и видео
 Восточная одежда для дома
Эксклюзивные подарки и сувениры
 Обложки для документов
 Косметички
 Сумочки
 Чехлы для мобильных телефонов
 Чехлы и сумки для ноутбуков
 Восточная одежда для дома
4. Разделы сайта
Список разделов сайта
Список разделов включает в себя:
2









Главная
Интернет-магазин
Доставка и оплата
Информационный портал
О компании
Сотрудничество
Контакты
Новости
Корзина товаров
Список блоков сайта
На всех разделах сайта расположены следующие блоки:

Горизонтальное меню навигации по сайту

Корзина товаров

Вертикальное меню каталога продукции

Новости кратко
Описание блоков:
Горизонтальное меню навигации по сайту — список ссылок на некоторые разделы сайта (см.
3. Навигация по сайту);
Корзина товаров — содержит информацию о количестве товаров «в корзине» и их общей
стоимости, сами товары не перечисляются. Также содержит ссылку на раздел «Корзина
товаров»;
Вертикальное меню каталога продукции — вертикальный двухуровневый разворачиваемый
список ссылок на группы товаров каталога. Всегда остается развёрнутой одна группа
товаров каталога (При нахождении вне каталога развёрнутой остается верхняя группа,
при клике на ссылку группы осуществляется переход на страницу магазина где выводятся
подгруппы её товаров, в меню данная группа становится развёрнутой). Должна
присутствовать возможность обозначать группу как новинка, при этом напротив названия
группы появляется текст «New!»;
Новости кратко — выводит заголовки 3-х последних новостей с датой и кратким описанием, у
каждой новости ссылка «подробнее» (заголовок новости также является ссылкой на
полное содержимое), внизу ссылка «читать все новости» с переходом на раздел
новостей. Вверху блока иконка RSS со ссылкой на страницу экспорта новостей;
Главная
В основном содержимом раздела расположены следующие блоки:

Краткое текстовое наполнение

Картинки групп каталога продукции

Текстовое наполнение

Информационный портал
Краткое текстовое наполнение — блок текста, содержит общую информацию о магазине и
товарах;
Картинки групп каталога продукции — каждой группе каталога соответствует одно
изображение, под изображением выводится название группы каталога. Изображение и
название являются ссылками на группу товаров каталога;
Текстовое наполнение — блок текста, содержит общую информацию о магазине и товарах;
Информационный портал — список ссылок на разделы информационных статей и до 10
последних статей в разделе (только заголовки разделов и статей). Если статей в разделе
больше 10 появляется ссылка «читать всё...». Пример:
Продукция КЕСАБ
 О компании КЕСАБ
 Исцеляющая душа растений
 Детские гигиенические
средства КЕСАБ
3
Ароматерапия
 Об ароматерапии
 Ванны с эфирными
маслами




Ингаляции
Ароматизация чая
Ароматизация подушки
Ароматы для знаков зодиака
Масла
 Эфирные масла
 Жирные масла (базовые)
 Массаж и растирания
Интернет-магазин
Раздел интернет магазина может быть представлен в 4-х видах:
1. Отображение подгрупп товаров
2. Отображение товаров с описанием
3. Отображение товаров без описания
4. Отображение одного товара на странице
Для любого отображения вверху страницы выводится заголовок группы / подгруппы / товара с
описанием. В описании могут выводится ссылки на статьи информационного портала,
соответствующие группе / подгруппе / товару, если они присутствуют.
1) Отображение подгрупп товаров — когда пользователь кликает на группу товаров
(например: Всё для ароматерапии) или подгруппу, содержащую другие подгруппы, он видит
вывод подгрупп (Эфирные масла, Жирные базовые масла-основы, Готовые композиции
массажных...). Подгруппы выводятся ввиде картинок c названием под картинкой. Картинка
подгруппы и заголовок являются ссылкой на её содержимое.
2) Отображение товаров с описанием — когда пользователь попадет в подгруппу товаров он
видит список товаров данной подгруппы. Товары выводятся по 1 в строку: слева выводится
изображение товара, под ним цена и кнопка купить (добавляет в корзину 1 экземпляр товара),
справа заголовок, параметры товара и его краткое описание, под описанием ссылка
«подробнее». Заголовок товара и ссылка «подробнее» ведут на отображение 4 (отображение
одного товара на странице).
Вывод можно представить ввиде схемы:
4
Изображение
Заголовок
Параметры (Вес: грамм)
Описание товара
Цена
Ссылка: подробнее
Купить
3) Отображение товаров без описания — если у товара отсутствует описание он выводится
ввиде:
Заголовок
Изображение
Цена
Купить
В этой ситуации товары выводятся сеткой.
4) Отображение одного товара на странице— когда пользователь кликает на заголовок товара
он попадает в отображение этого товара на отдельной странице.
Вывод можно представить ввиде схемы:
Заголовок
Изображение
Цена
Количество
Купить
Параметры (Вес: грамм)
Изобр. 1 Изобр. 2 Изобр. 3
Подробное описание товара
Каждому товару может соответствовать несколько изображений, при этом их уменьшенный вид
выстраивается сеткой под большим изображением, при клике на уменьшенное большое
переключается на него.
5
Структура каталога товаров
Структура каталога товаров:

Натуральная восточная косметика «КЕСАБ»
 Лаврово-оливковое мыло с натуральными эфирными маслами




◦
◦
◦
Мыло Кесаб «Серия А» (для тела и волос)
Мыло Кесаб «Серия В» (для лица и тела)
Мыло-скраб Кесаб «Серия с люфой»
◦
◦
◦
Традиционное лаврово-оливковое мыло
Мыло «Кесаб-мини» в ассортименте
Мыло Кесаб (новинки)
◦ Подарочные наборы мыла Кесаб
 Шампуни и воск для волос
 Шампуни и бальзамы для волос без SLS и SLES
 Лечебные и омолаживающие крема-мази
 Обертывания для тела, маски для лица
 Скрабы для лица и тела
 Эфирные масла
 Жирные масла-основы
 Косметические и массажные масла
 Продукция детям
 Подарочные наборы и упаковка
Экотовары
 Натуральный дезодорант- кристалл Алунит
 Мыльные орехи, ягоды
 Кислородный отбеливатель (Перкарбонат)
 Мисвак - альтернатива зубной пасте и щетке
Всё для ароматерапии
 Эфирные масла
 Жирные базовые масла-основы
 Готовые композиции массажных масел
 Элитная восточная парфюмерия
 Атрибуты для ароматерапии
◦
Аромалампы
◦
◦
◦
Аромамедальоны, аромакулоны
Ингаляторы
Распылители
◦ Другие атрибуты
Приятного чаепития
 Восточные сладости
 Травяные чаи
 Мате
 Восточный кофе
 Орехи
 Сухофрукты
Всё для танца живота
 Костюмы для танца живота
◦
◦
◦
Профессиональные костюмы
Сирийские костюмы
Египетские костюмы
◦ Экономный вариант костюмов
◦ Детские костюмы
 Абаи, галабеи
6
 Одежда для тренировок
 Набедренные пояса
 Крылья
◦
◦
◦
Крылья из парчи
Крылья из парчи (голография)
Крылья из органзы
◦
◦
Крылья из шифона
Детские крылья
◦ Крылья в необычном исполнении
 Канделябры
◦ Канделябры
◦ Свечи для канделябра (стеариновые, светодиодные)
 Веера-вейлы
◦
◦

Веера
Веера-вейлы одноцветные
◦ Веера-вейлы многоцветные
 Сагаты (цымбалы)
 Трости
 Сабли
 Обувь
 Сценическая бижутерия
 Всё для шитья
 Комиссионный магазин
 Костюмы известных дизайнеров
 Прокат костюмов и аксессуаров
 Музыка и видео
 Восточная одежда для дома
Эксклюзивные подарки и сувениры
 Обложки для документов
 Косметички
 Сумочки
 Чехлы для мобильных телефонов
 Чехлы и сумки для ноутбуков
 Восточная одежда для дома
Доставка и оплата
Текстовая страница информации. Содержит информацию о способах оплаты товаров и их
доставки к покупателю.
Информационный портал
Выводит список групп статей в виде: заголовок, краткое описание группы. Заголовок ссылается
на список статей в группе. Список групп выводится без разбиения на страницы. Список статей
в группе выводится аналогично с разбиением на страницы.
О Компании
Текстовая страница информации о компании.
Контакты
Текстовая страница информации, содержит контактную информацию. В разделе содержится
блок обратной связи со следующими полями:
7
 Контактное лицо (ФИО)
 e-mail
 телефон
текстовое поле для свободного заполнения
Новости
Список новостей в виде: дата, заголовок, краткое описание. Заголовок ссылается на страницу
новости. Список новостей выводится с разбиением на страницы. Вверху раздела должна быть
ссылка подписаться на RSS.
Корзина товаров
В разделе выводится список товаров, выбранных пользователем в магазине, ввиде таблицы с
полями: наименование, количество, цена, сумма, ссылка удалить товар из списка. Выводится
итоговая сумма покупки. Ниже расположена форма отправки запроса со следующими полями:
 Контактное лицо (ФИО)
 e-mail
 телефон
 адрес
 текстовое поле для свободного заполнения
При отправке формы (кнопка отправки или Enter) у пользователя спрашивается действительно
ли он хочет сделать заказ на указанную сумму, в случае подтверждение на заданный почтовый
ящик компании приходит уведомление о поступлении заказа с сайта со всеми указанными
данными.
5. Дополнительный функционал
Подписка на новости
На сайте должна присутствовать возможность подписаться на рассылку новостей через RSS.
Музыкальное сопровождение
На главной странице сайта должна играть фоновая музыка. Музыка предоставляется в виде
mp3 или ogg файла.
6. Дизайн
Брендбук
При разработке дизайна сайта не используется.
Палитра
Доминирующими цветами должны быть зеленый и коричневый. Фон основного содержимого
сайта: светло-зеленый.
Общие требования к структуре сайта
На всех страницах сайта должно присутствовать меню навигации по сайту, меню навигации по
8
каталогу товаров магазина, новости кратко, блок корзины товаров, контактные телефоны.
Дополнительные требования
Отображение сайта должно быть тянущимся на разрешении от 1024х768, при этом от текстового
содержимого сайта к границам окна браузера должен быть отступ для удобства восприятия
текстовой информации. Максимальная ширина центральной области сайта должна быть
ограничена, она устанавливается таким образом чтобы строки текста основного содержимого
не были слишком длинными и текст легко читался.
Описание структуры разделов сайта:
Взаимное расположение блоков может меняться в процессе дизайна.
9
Главная
Телефоны
Шапка сайта
Корзина
товаров
Основное навигационное меню сайта
Краткое текстовое наполнение
Каталог товаров
магазина
Картинки групп каталога продукции
Текстовое наполнение
Новости
кратко
Информационный портал
Футер (низ сайта)
Структура блока «Картинки групп каталога продукции» на главной странице:
Изображение
Изображение
Изображение
Название
группы
Название
группы
Название
группы
Изображение
Изображение
Изображение
Название
группы
Название
группы
Название
группы
10
Доставка и оплата
Телефоны
Шапка сайта
Корзина
товаров
Каталог товаров
магазина
Основное навигационное меню сайта
Текстовая информация о способах оплаты
и доставки товаров.
Новости
кратко
Футер (низ сайта)
Информационный портал
11
Телефоны
Шапка сайта
Корзина
товаров
Каталог товаров
магазина
Основное навигационное меню сайта
Выводит список групп статей в виде: заголовок,
краткое описание группы. Заголовок ссылается
на список статей в группе.
Новости
кратко
Футер (низ сайта)
О Компании
Телефоны
Шапка сайта
Корзина
товаров
Каталог товаров
магазина
Основное навигационное меню сайта
Информация о компании
Новости
кратко
Футер (низ сайта)
Контакты
12
Телефоны
Шапка сайта
Корзина
товаров
Каталог товаров
магазина
Основное навигационное меню сайта
Контактная информация
Обратная связь
Новости
кратко
Футер (низ сайта)
13
Новости
Телефоны
Шапка сайта
Корзина
товаров
Каталог товаров
магазина
Основное навигационное меню сайта
Список последних новостей с постраничной навигацией
Новости
кратко
Футер (низ сайта)
Корзина товаров
Телефоны
Шапка сайта
Корзина
товаров
Каталог товаров
магазина
Основное навигационное меню сайта
Информация о товарах в корзине, их количестве и цене.
Форма заказа товаров
Новости
кратко
Футер (низ сайта)
14
7. Наполнение сайта
Текстовое наполнение страниц сайта
Вся текстовая и графическая информация кроме каталога продукции, представленная
заказчиком и описанная в п.9 (Приложения к ТЗ), должна быть занесена на сайт, за
исключением случаев когда структура этой информации противоречит структуре сайта,
описанной в данном техническом задании.
Наполнение каталога товаров
Исполнитель обязуется занести информацию в каталог продукции не более чем о 100 товарах,
предоставленной заказчиком и описанной в п.9 (Приложения к ТЗ), за исключением случаев
когда структура этой информации противоречит структуре каталога товаров, описанной в
данном техническом задании.
8. Технические требования
Требования к панели администрирования сайта
Панель администрирования должна позволять редактировать текстовую информацию на сайте и
каталог продукции, а также предоставлять возможность редактирования и добавления
новостей. Для редактирования информации в панели должен быть предусмотрен текстовый
WISYWIG редактор.
Требования к хостингу и программному обеспечению
Минимальные требования к конфигурации хостинга и программного обеспечения:
 Apache (1.3.x, 2.x с модулями mod_rewrite, mod_php) или Microsoft IIS 7 (с модулем
ISAPI_Rewrite).
 PHP версии 4.3.10+, 5.x.x (наличие GD2, Zlib, Iconv, Libxslt для PHP 5, DOM XML или Sablotron
для PHP 4, IMAP, Отключенный SAFE_MODE или корректно установленные владельцы на
директории и файлы)
 MySQL 5.0.xx
 Zend Optimizer 3.0 и выше до версии PHP 5.2.9, или Zend Optimizer 3.3.9 и выше для PHP
5.2.10 и выше
 Для администрирования сайта необходимо иметь один из следующих браузеров: Microsoft
Internet Explorer 7 и выше, Firefox 3.0 и выше, Opera 9.0 и выше, Google Chrome, Safari 3.1 и
выше.
 Оперативная память 128мб
 Ресурсы процессора 500mhz
 Дисковое пространство 500мб (без учета размера информационного наполнения сайта)
Требования к быстродействию сайта
На хостинге, соответствующем минимальной конфигурации, страница не находящаяся в кеше
должна формироваться в пределах 10 секунд. Станица находящаяся в кеше в пределах 6
секунд. Под временем формирования подразумевается генерация конечного html кода для
отправки клиентскому приложению и не учитывается время отправки.
9. Приложения к ТЗ
15
Список электронных файлов
Примеры фотографий которые можно использовать для оформления главной страницы:
1)
http://images.yandex.ru/yandsearch?ed=1&text=%D1%86%D0%B2%D0%B5%D1%82%D1%83%D1%89%
D0%B8%D0%B9%20%D0%BF%D0%B5%D1%80%D1%81%D0%B8%D0%BA&p=12&img_url=static.diary.ru%2
Fuserdir%2F1%2F5%2F9%2F4%2F159459%2F47241934.jpg&rpt=simage
2)
http://images.yandex.ru/yandsearch?ed=1&text=%D1%86%D0%B2%D0%B5%D1%82%D1%83%D1%89%
D0%B8%D0%B5%20%D1%8F%D0%B1%D0%BB%D0%BE%D0%BD%D0%B8&p=78&img_url=static.eva.ru%2F
eva%2F110001-120000%2F118311%2Fphotoalbum%2F3109499.jpg&rpt=simage
3) http://www.euroceiling.ru/siteimages/photoprint/!!!/N_frames_059_700x560_b.jpg
4) Фотографии из яндекс-картинок по запросу «цветущие персики»
Музыка для главной странице:
1)
http://musicostrov.ru/?string=%EA%EE%F0%EE%EB%E5%EA+%EF%F0%3D%F2%E8%F7%EA%E0+%EF%E5
%E2%F7%E0%FF
Картинки для групп товаров :
Все для танца живота
1)
http://images.yandex.ru/yandsearch?ed=1&text=%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D1%8B%
20%D0%B4%D0%BB%D1%8F%20%D1%82%D0%B0%D0%BD%D1%86%D0%B0%20%D0%B6%D0%B8%D0%B2%D0
%BE%D1%82%D0%B0&img_url=i016.radikal.ru%2F0805%2F5d%2F743bcf60b03c.jpg&rpt=simage&p=6
6
2)
http://images.yandex.ru/yandsearch?ed=1&text=%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D1%8B%
20%D0%B4%D0%BB%D1%8F%20%D1%82%D0%B0%D0%BD%D1%86%D0%B0%20%D0%B6%D0%B8%D0%B2%D0
%BE%D1%82%D0%B0&p=295&img_url=img1.liveinternet.ru%2Fimages%2Ffoto%2Fb%2F1%2F181%2F1
421181%2Ff_4573773.jpg&rpt=simage
3)
http://images.yandex.ru/yandsearch?ed=1&text=%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D1%8B%
20%D0%B4%D0%BB%D1%8F%20%D1%82%D0%B0%D0%BD%D1%86%D0%B0%20%D0%B6%D0%B8%D0%B2%D0
%BE%D1%82%D0%B0&p=489&img_url=imgfotki.yandex.ru%2Fget%2F2712%2Ffloylibra.8%2F0_1e3bc_1d623d2e_L.jpg&rpt=simage
Косметика Кесаб
1)
http://images.yandex.ru/yandsearch?rpt=simage&img_url=www.rasprodaga.ru%2Fimage%2Fshow
%2Fid%2F438x438%2F1300048442&text=%20%D0%BA%D0%B5%D1%81%D0%B0%D0%B1&p=17
16
Экотовары
1) http://photofile.ru/users/bellygale/96560275/122552724/
Ароматерапия
1) http://images.yandex.ru/yandsearch?rpt=simage&img_url=ladyclab.ru%2Fuploads%2Fposts%2F201009%2F1285826054_decor_l012.jpg&ed=1&text=%D0%B0%D1%80%D0%BE%D0%BC%D0%B0%D1%82%D0
%B5%D1%80%D0%B0%D0%BF%D0%B8%D1%8F&p=5
Приятного чаепития
1)
http://images.yandex.ru/yandsearch?rpt=simage&img_url=s59.radikal.ru%2Fi165%2F0907%2Fec%
2Feb8bd510b074.jpg&ed=1&text=%D0%B2%D0%BE%D1%81%D1%82%D0%BE%D1%87%D0%BD%D1%8B%
D0%B5%20%D1%81%D0%BB%D0%B0%D0%B4%D0%BE%D1%81%D1%82%D0%B8&p=4
2)
http://images.yandex.ru/yandsearch?rpt=simage&img_url=a22003.rimg.info%2Ficon%2F17447270
00a5716979aede0d189adf8f86a041ddac.jpg&ed=1&text=%D0%B2%D0%BE%D1%81%D1%82%D0%BE%D
1%87%D0%BD%D1%8B%D0%B5%20%D1%81%D0%BB%D0%B0%D0%B4%D0%BE%D1%81%D1%82%D0%B8&p=
0
17
Download