3 Требования к графическому дизайну сайта

Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
Техническое задание
на разработку сайта
«opciontm.ru»
На 14 листах.
Действует с 9 декабря 2010 г.
Исполнитель: Жариков Ю.О
Заказчик:
фио
фио
подпись
подпись
МП
МП
9
Техническое задание
декабря
2010 г.
декабря
2010 г.
Стр. 1
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
1 Оглавление
2
3
4
Общие положения .............................................................................................................................3
2.1
Предмет разработки....................................................................................................................3
2.2
Назначение документа ...............................................................................................................3
Требования к графическому дизайну сайта ....................................................................................3
3.1
Требования к дизайну сайта ......................................................................................................3
3.2
Порядок утверждения «Концепции дизайна»..........................................................................3
Требования к видам обеспечения ....................................................................................................4
4.1
Требования к информационному обеспечению.......................................................................4
4.1.1
Требования к хранению данных ........................................................................................4
4.1.2
Требования к языкам программирования .........................................................................4
4.1.3
Требования к системе управления сайтом (CMS) ............................................................4
4.1.4
Требования к организации CSS стилей. ............................................................................4
4.1.5
Требования к организации гиперссылок ...........................................................................5
4.1.6
Требования к иллюстрациям ..............................................................................................5
4.1.7
Требования к навигационным элементам .........................................................................5
4.1.8
Требования к отображению контактной информации ....................................................5
4.1.9
Требования к отображению в браузерах ...........................................................................5
4.1.10 Требования к отображению в мобильных браузерах ......................................................5
5
4.2
Требования к программному обеспечению администратора .................................................5
4.3
Требования к техническому обеспечению сервера .................................................................5
4.4
Требования к программному обеспечению сервера ...............................................................6
4.5
Требования к лингвистическому обеспечению .......................................................................6
4.6
Требования к эргономике и технической эстетике .................................................................6
Требования к приемке-сдаче проекта ..............................................................................................6
5.1
Требования к наполнению информацией .................................................................................6
5.2
Требования к персоналу .............................................................................................................6
5.3
Порядок предоставления дистрибутива ...................................................................................7
5.4
Порядок переноса сайта на технические средства заказчика.................................................7
6
Структура сайта (Навигационная схема) ........................................................................................8
7
Структура сайта (разделы и страницы) ...........................................................................................9
8
Функциональные требования к страницам ...................................................................................10
8.1
Функционал общих элементов страниц .................................................................................10
8.2
Контактная информация ..........................................................................................................10
8.3
Новостная информация ............................................................................................................10
8.4
Информационные страницы сайта ..........................................................................................10
8.5
Онлайн-заявка ...........................................................................................................................10
Концепция дизайна. ................................................................................................................................12
Техническое задание
Стр. 2
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
2
Общие положения
2.1 Предмет разработки
Предметом разработки является сайт «opciontm.ru» с системой управления содержимым (CMS).
Назначение Сайта: информационное и канал привлечения клиентов.
2.2 Назначение документа
В настоящем документе приводится полный набор требований к реализации «opciontm.ru».
Подпись Заказчика и Исполнителя на настоящем документе подтверждает их согласие с
нижеследующими фактами и условиями:
1. Исполнитель подготовил и разработал настоящий документ, именуемый Техническое
Задание, который содержит перечень требований к выполняемым работам.
2. В Техническом Задании могут содержаться требования, которые будут реализованы в
рамках отдельного соглашения в процессе сопровождения проекта и за дополнительно
обговариваемые сроки и стоимость. Либо данные требования могут быть реализованы в
зависимости от пожеланий Заказчика. Такие требования будут иметь пометку и идти
отдельным пунктом в Смете.
3. Заказчик согласен со всеми положениями настоящего Технического Задания.
4. Заказчик не вправе требовать от Исполнителя в рамках текущего Договора (либо
Договоренности, далее Договор) выполнения работ либо оказания услуг, прямо не
описанных в настоящем Техническом Задании.
5. Исполнитель обязуется выполнить работы в объёме, указанном в настоящем Техническом
Задании.
6. Заказчик не вправе требовать от Исполнителя соблюдения каких-либо форматов и
стандартов, если это не указано в настоящем Техническом Задании.
7. Все неоднозначности, выявленные в настоящем Техническом задании после его
подписания, подлежат двухстороннему согласованию между Сторонами. В процессе
согласования могут быть разработаны дополнительные требования, которые оформляются
дополнительным соглашением к Договору и соответствующим образом оцениваются.
Техническое задание является основным основополагающим документом при разработке сайта.
Документы: «Концепция дизайна», «Эскизы сайта» и другие возможные являются дополнениями
к Техническому заданию.
3
Требования к графическому дизайну сайта
3.1 Требования к дизайну сайта
Все требования к графическому оформлению сайта содержатся в документах «Концепция
дизайна» и «Эскизы сайта» (предоставляются во время разработки дизайна), а так же в виде
блок-схем в этом Техническом задании.
3.2 Порядок утверждения «Концепции дизайна»
Под Концепцией дизайна понимается документ, описывающий варианты оформления сайта,
творческие идеи реализации. Опираясь на созданные Эскизы сайта и Концепцию дизайна, будет
разработан, Дизайн сайта на соответствующем этапе работы.
Информация в Концепции дизайна, при необходимости, может дублироваться из настоящего
Технического задания и наоборот.
Техническое задание
Стр. 3
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
В концепции дизайна будет продемонстрировано общее визуальное (композиционное, цветовое,
шрифтовое, навигационное) решение, а так же предложены одна или несколько творческих идей
Дизайна.
Заказчик вправе предлагать свои идеи и комментировать работу Исполнителя при составлении
этого документа.
Если представленная Концепция дизайна удовлетворяет Заказчика, он должен утвердить её в
течение трех рабочих дней с момента выставления. При этом он может направить Исполнителю
список частных доработок, не затрагивающих общую структуру страниц и их стилевое решение.
Часть частных доработок может быть учтено, но не реализовано в концепции, в силу того, что
эти доработки будут касаться непосредственно Дизайна сайта, а не его концепции. Например,
размер шрифтов, окончательное расположение блоков и т.д.
Учитывая клиент-ориентированность дизайна проекта, Исполнитель вправе потребовать от
Заказчика обоснование необходимости внесения частных доработок.
Внесение исправлений в Концепцию дизайна и Эскизы после их окончательного утверждения не
допускается.
4 Требования к видам обеспечения
4.1 Требования к информационному обеспечению
4.1.1 Требования к хранению данных
Все данные сайта должны храниться в структурированном виде под управлением базы данных
MySql. Исключения составляют файлы данных, предназначенные для просмотра и скачивания
(изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД
размещаются ссылки на них.
Наполнение различных сайтов, функционирование которых поддерживается одной и той же
инсталляцией системы, должно храниться под управлением единой СУБД.
4.1.2 Требования к языкам программирования
Для реализации статических страниц и шаблонов должны использоваться языки xHTML 1.0 и
CSS 2.0.
Для реализации интерактивных элементов клиентской части должен использоваться язык
JavaScript.
Для реализации динамических страниц должен использоваться язык PHP версии 5.2 и выше.
4.1.3 Требования к системе управления сайтом (CMS)
Для реализации всех требования сайта используется система управления сайтом Drupal.
4.1.4 Требования к организации CSS стилей.
Обязательно необходимо использование сбросок дефолтных настроек стилей браузеров
средствами CSS (CSS-Resets). Конкретная форма Resets выбирается верстальщиком.
Техническое задание
Стр. 4
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
Сайт не должен использовать дефолтных настроек браузеров. Все размеры, цвета, рамки,
заголовки, отступы и прочее должны быть прописаны вручную и с теми параметрами, которые
рекомендованы дизайном.
4.1.5 Требования к организации гиперссылок
Все ссылки на сайте должны быть относительными (за исключением внешних). По умолчанию
все ссылки подчеркиваются, если иное не обусловлено дизайном.
4.1.6 Требования к иллюстрациям
Все рисунки и фото (кроме элементов дизайна страницы) должны быть выполнены с
замещающим текстом. Все рисунки должны быть в формате gif, png или jpg.
4.1.7 Требования к навигационным элементам
Все навигационные элементы (ссылки, кнопки, кликабельные изображения, логотип, и т.д.)
должны быть выполнены с замещающим текстом (alt) и всплывающим описанием (title).
4.1.8 Требования к отображению контактной информации
Контактная информация компании (минимально телефон с кодом города, в случае ориентации
компании на международный рынок – с кодом страны)
4.1.9 Требования к отображению в браузерах
Сайт должен одинаково (не допускается ощутимая визуальная разница, за исключением
особенностей отображения браузерами сглаживаний шрифтов, ширины полей интерфейса и
других подобных нюансов) и корректно отображаться во всех версиях браузеров, начиная с:
- Internet Explorer 7
- Opera 9.6
- Firefox 3.5
- Chrome 5
Поддержка устаревших версий браузеров, а так же браузеров отсутствующих в списке не
гарантируется.
4.1.10
Требования к отображению в мобильных браузерах
Поддержка дополнительной версии дизайна сайта для мобильных устройств не требуется.
Оптимизация графики и иного наполнения сайта для мобильных устройств не требуется.
4.2 Требования к программному обеспечению администратора
На рабочих местах администраторов сайта, менеджеров или иных работающих с сайтом
сотрудников должна быть установлена операционная система Windows версии XP и старше.
Корректная работа под другими операционными системами не тестировалась и не гарантируется.
4.3 Требования к техническому обеспечению сервера
Для функционирования сайта необходимо следующее серверное техническое обеспечение со
следующими минимальными характеристиками:
Техническое задание
Стр. 5
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
- 2-х ядерный процессор –2 Ghz и выше;
- оперативная память – 2 Gb RAM и выше;
- жесткий диск – по размеру БД и файлов проекта, но не менее 1Gb.
4.4 Требования к программному обеспечению сервера
- Операционная система UNIX/Linux, FreeBSD, OS X или подобная.
- Веб-сервер Apache 1.3 или 2 с включенным mod_rewrite.
- База данных MySQL 5.0.15 и выше.
- Обработчик PHP 5.2и выше с PDO database extension для PHP
Полный список требований к программному обеспечению сервера, необходимых для
функционирования CMS указан здесь: http://drupal.org/requirements
4.5 Требования к лингвистическому обеспечению
Сайт (front-end и back-end) должен быть выполнен на русском языке.
4.6 Требования к эргономике и технической эстетике
Сайт должен быть оптимизирован для просмотра при разрешении 1024*768 без горизонтальной
полосы прокрутки.
На каждой странице должны отображаться логотип компании и контактная информация.
Интерфейс подключаемых модулей должен быть выполнен в едином стиле с интерфейсом ядра
системы и должен обеспечивать возможность прозрачного перемещения администратора между
модулями системы и использование одинаковых процедур управления и навигационных
элементов для выполнения однотипных операций.
5 Требования к приемке-сдаче проекта
5.1 Требования к наполнению информацией
В рамках работ по данному проекту Исполнитель обеспечивает разработку структуры сайта,
описанную в Навигационной схеме. Первичное наполнение базы информацией производится
Исполнителем на основе подготовленных материалов (этап работы «Разработка контента»), а так
же предоставленной Заказчиком информации. После сдачи системы в эксплуатацию
информационное наполнение разделов, осуществляется на основании договора на поддержку
сайта (при его наличии).
Объем текста и количество иллюстраций в других типах разделов определяется
предусмотренной настоящим ТЗ структурой данных и уточняется на этапе согласования
Концепции дизайна и Технического Задания.
5.2 Требования к персоналу
Для эксплуатации веб-интерфейса CMS от администратора не должно требоваться специальных
технических навыков, знания технологий или программных продуктов, за исключением общих
навыков работы с персональным компьютером и стандартным веб-браузером.
Техническое задание
Стр. 6
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
5.3 Порядок предоставления дистрибутива
По окончании разработки Исполнитель должен предоставить Заказчику дистрибутив системы в
составе:
- архив с исходными кодами всех программных модулей и разделов сайта;
- дамп проектной базы данных с актуальной информацией.
Дистрибутив предоставляется на CD-диске в виде файлового архива или пересылается по
электронной почте Заказчика (на выбор).
5.4 Порядок переноса сайта на технические средства заказчика
После завершения сдачи-приемки сайта, в рамках гарантийной поддержки, Исполнителем
производится однократный перенос разработанного программного обеспечения на аппаратные
средства Заказчика. Соответствие программно-аппаратной платформы требованиям настоящего
документа обеспечивает Заказчик.
Перед осуществлением переноса Заказчик обеспечивает удаленный shell-доступ, ftp-доступ к
веб-серверу и доступ к базе данных сайта.
В случае подписания Договора на сопровождение сайта или хостинг – данные требования
обеспечивает Исполнитель.
Техническое задание
Стр. 7
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31, стр. 1.
company@artelion.ru
6 Структура сайта (Навигационная схема)
Предусмотреть возможность просмотра Поставщиков из блока любого предмета лизинга, причем Поставщики должны соответствовать предмету
лизинга по номенклатуре.
Техническое задание
Стр. 8
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
7 Структура сайта (разделы и страницы)
1 уровень 2 уровень
Главная О компании
Продукты лизинга
3 уровень
Вакансии
История компании
Преимущества компании
Руководство компании
Стратегия компании
О Лизинге
4 уровень
Партнеры
Поставщики
Клиенты
Страховые компании
Лизинг легковых и коммерческих автомобилей
Лизинг грузовых автомобилей и
автобусов
Лизинг спецтехники
Лизинг оборудования
Лизинг недвижимости
Лизинг поддержанных автомобилей
и спецтехники
Возвратный лизинг
Партнеры
Партнеры
Партнеры
Партнеры
Партнеры
Программы лизинга Стандарт лизинг
0% аванс
Лизинг такси
БОФС (лизинг без оценки
финансового состояния)
Лизинг б/у техники
Программы для физ. лиц
Инвесторам
Новости
Архив новостей
Лизинг в регионах
Спецпредложения
О лизинге
Оформить заявку
Контакты
Выбрать регион
Техническое задание
Стр. 9
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
8 Функциональные требования к страницам
Функциональные требования описывают элементы всех ключевых страниц сайта, требования к
модулям сайта и любым техническим моментам.
8.1 Функционал общих элементов страниц
Логотип сайта.
Кликабелен, ведет на главную страницу. Выполнен с замещающим и вспомогательным текстом
(alt и title) .
Контактная информация.
Под телефонами расположен выбор офиса с пунктирным подчеркиванием. При клике
открывается выпадающий список, в котором можно будет выбрать нужный офис.
Соответственно после этого будут отображаться контактные телефоны именно этого офиса.
Навигационные меню.
Видны на всех страницах сайта. Пункт меню текущей страницы перестает быть ссылкой и
отображается в соответствии с дизайном.
Правовая информация.
На каждой странице сайта, внизу страницы, располагаются «копирайты» владельца сайта, а так
же компании разработчика сайта с индексируемой ссылкой на сайт разработчика.
8.2 Контактная информация
На странице размещается необходимая контактная информация компании с интерактивной
картой подъезда и местоположением офиса, сделанной средствами Yandex.API.
В зависимости от выбранного офиса, первым показывается контактная информация этого офиса.
Контакты остальных офисов доступны в раскрывающихся блоках.
8.3 Новостная информация
На главной странице сайта расположен блок с 3-5 последними новостями.
По ссылке «все новости» происходит переход на страницу со всеми новостями, расположенных в
порядке устаревания даты публикации.
8.4 Информационные страницы сайта
Функционал выполняются согласно разработанным макетам дизайна сайта в этапе «Разработка
сайта». Непосредственное заполнение информацией происходит после завершения этапа
«Разработка контента».
8.5 Онлайн-заявка
Интерактивная форма для заполнения пользователем. Информация с заполненной формы
отсылается на электронный адрес владельца сайта.
Необходимые поля формы:
Техническое задание
Стр. 10
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
1.
2.
3.
4.
5.
6.
7.
8.
Название Вашей организации
Основной вид деятельности
Регион местонахождения Вашей организации (область, город)
Контактное лицо (ФИО, должность, телефон, e-mail)
Предмет лизинга (марка, модель, если б/у - указать год выпуска)
Стоимость предмета лизинга
Первоначальный аванс (%)
Срок лизинга (мес.)
Техническое задание
Стр. 11
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
Приложение 1
Концепция дизайна.
В исполнении сайта следует придерживаться строгого стиля, с четко структурированными
блоками информации. Цвета оформления фирменные, контрастные. Некоторый контент
проиллюстрирован соответствующими изображениями. Продукты лизинга отображаются с
помощью соответствующих иконок и текстового блока с кратким описанием услуги.
Предполагается установленный на главной странице по умолчанию город (Москва) и телефон
главного офиса. У посетителя будет возможность сменить город, выбрав офис в других регионах.
Вся информация во внутренних разделах сайта, а именно в контактной информации, будет
фильтроваться для установленного по умолчанию города. В процессе работы на сайте, у
пользователя всегда будет возможность сменить город.
Концепция дизайна выражена в двух эскизах сайта (Приложение 2).
Блоки главной страницы:
Блок ознакомительной информации:
Представляет собой небольшой абзац текста, кратко характеризующий работу и услуги
компании. Возможно использование рекламного слогана.
Блок предметов лизинга:
Представляет собой иконки изображающие услугу.
Блок преимущества:
Следует вывести на главную страницу основные отличительные преимущества, которыми
обладает компания. Возможно выделение этого блока графиеческими элементами не
выбивающимися из общего стиля сайта.
Блок спецпредложения:
Это нестабильный блок, который будет появляться при наличии предложений. Возможно
использование на месте него баннера об акции или предложении.
Блок программы лизинга:
Вывести на главную страницу списком программы лизинга, которые предлагает компания.
Блок новостей:
Содержит дату и краское описание трех последних новостей.
Онлайн заявка иллюстрируется с помощью иконки и присутствует на всех страницах сайта.
Информация для инвесторов:
Содержит краткую информацию по теме и ссылку на страницу с полной информацией.
Техническое задание
Стр. 12
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
Приложение 2
Эскизы дизайна
На этапе разработки дизайна учесть: Эскизы сайта (Опцион-ТМ и Лизинговая компания– шрифт
чуть побольше, Специальное предложение – шрифт чуть поменьше)
Техническое задание
Стр. 13
Компания Артелион, +7 (495) 744-12-11;
г. Москва, ул. Ал. Солженицына, д.31,
стр. 1.
company@artelion.ru
Внизу разместить пиктограмму «Поставщики» с гиперссылкой
Техническое задание
Стр. 14