design

Стр. 1 из 4
Техническое задание
на разработку дизайна публичного сайта ВЗФЭИ
Заказчик: Всероссийский заочный финансово-экономического институт (ВЗФЭИ). Далее по тексту
— ВЗФЭИ или Заказчик.
Адрес Заказчика: 123995, ГСП-5, Москва, ул. Олеко Дундича, дом 23.
Исполнитель: … Далее по тексту — Исполнитель.
Адрес Исполнителя: ...
Общее наименование работы
Разработка дизайна публичного сайта ВЗФЭИ.
Описание состава работ
1. Разработка оформления (графическое решение, выбор шрифтов и стилей оформления текста)
сайта, работающего на CMS Drupal 7 версии, и реализация его в виде модуля темы для Drupal.
2. Создание стилевых файлов для приведения оформления интерфейсов, используемых на сайте
модулей (меню, форум, несколько блоков на главной странице, карта сайта), к единому стилю
сайта.
3. Создание специальной демонстрационной страницы сайта, на которой будут представлены
все текстовые выделения, заголовки и т. п., разработанные для данного дизайна, пример
оформления новости, статьи.
Срок выполнения работ
Срок выполнения работ — 14 дней от даты подписания договора. Возможна досрочная сдача
работ.
Для обеспечения работ со своей стороны Заказчик предоставляет следующие материалы:
1. Графические файлы логотипа ВЗФЭИ, файлы с фотографиями зданий филиалов, московского
отделения, фотографии интерьеров московского отделения, учебных классов и др.
изображения, которые могут пригодиться в разработке оформления сайта. Все необходимое
редактирование представленных изображений выполняет Исполнитель.
2. Эскиз дизайна образовательного портала ВЗФЭИ и ссылки на сайты, оформление которых
Заказчик считает удачным.
3. По согласованию с руководством копию прототипа сайта на Drupal версии 7.9.
Требования к дизайну сайта ВЗФЭИ
Совместимость со следующими браузерами, установленными на персональных компьютерах
пользователей:
 Microsoft Explorer 7.0 и выше;
 Mozilla Firefox 3.0 и выше;
Стр. 2 из 4
 Opera 9.0 и выше;
 Google Chrome 15 и выше.
Совместимость со следующими браузерами, используемыми в мобильных телефонах и
смартфонах пользователей:
 Microsoft Internet Explorer Mobile 8.0 и выше;
 Mozilla Firefox for Android 4.0 и выше;
 Mozilla Firefox for iPhone 1.1 и выше;
 Safari iPhone 4.0 и выше;
 Opera Mobile 11 и выше;
 Opera Mini 6 и выше.
Дизайн должен быть эксклюзивным. Он не должен быть копией дизайна других сайтов, не
должен поставляться Исполнителем для оформления других сайтов в будущем.
Дизайн в целом и выбор для него изображений не должны нарушать права третьих сторон.
Все права на разработанный дизайн сайта должны принадлежать Заказчику.
Обязательные элементы верхней заголовочной части всех страниц сайта:
 Логотип ВЗФЭИ
 Полное название вуза: Всероссийский заочный финансово-экономический институт
 Название отделения или филиала: московское отделение, омский филиал и т. д.
(дизайн будет использоваться на сайтах филиалах)
 Строка ввода текста для поиска по сайту
 Пункт меню для авторизации (Войти, Выйти) и некоторые другие пункты меню,
реализованные в прототипе как «User menu» (следует учесть, что число пунктов в этом
меню может возрасти).
Обязательные элементы главной (первой) страницы сайта:
 Поток новостей
 Блок со ссылками на ряд министерств
 Блок с URL сайтов филиалов
 Блок «Новые материалы»
 Блок со списком популярных материалов
Обязательные элементы нижней части всех страниц сайта:
 Строка с копирайтом вуза.
 Область для баннеров сторонних сервисов статистики и т.п.
Обязательные в административном интерфейсе настройки разработанного Исполнителем
модуля темы Drupal:
Стр. 3 из 4
 Установка ширины страницы (под экран в 1024 точки, под экран в 1280 точек,
«резиновая» верстка, автоподстаивающаяся под ширину окна браузера). Следует
учитывать при реализации, что часть экрана занимают элементы окна браузера.
 Установка ширины боковиков (регионы по сторонам от главного).
 Выбор изображения здания вуза для каждого филиала из лежащих в подпапке темы
(соответствующие графические файлы должны быть изготовлены Исполнителем и
включены в состав модуля темы).
 Редактирование текста строки с названием филиала («Омский филиал» и т. п.)
Требования к оформлению текста:
 Должно быть обеспечено единство стиля графического решения и оформления текстов
сайта.
 В отдельном CSS файле темы должны быть описаны стили оформления текста для
данного дизайна.
Комментарий. Пользователи сайта, имеющие право на размещение материалов, не
будут иметь возможности произвольно оформлять текст разными шрифтами,
размерами и цветом. Им будут доступны в редакторе только те стили, которые описаны
в этом специальном CSS файле, разработанном Исполнителем. Настройкой редактора
Исполнитель не занимается.
 Должно быть описано оформление абзацных тегов: p, h1 — h6, blockquote, address, pre,
code, dt, dd.
 Должны быть описаны дополнительные стили для оформления таких элементов
текста, как: эпиграф статьи, дата написания статьи, автор статьи, заголовок таблицы,
заглавный ряд таблицы.
Дизайн должен быть интуитивно понятен и позволять пользователю легко ориентироваться.
Предоставление прототипа должно позволить оценить в ходе разработки дизайна, структуру
первой страницы, структуру меню, учесть число пунктов меню, их вложенность, дать
информацию о том, какие использованные модули требуют изменения оформления под
разрабатываемый дизайн, упростить отладку разработчику дизайна.
Не следует вносить изменений в его функционал прототипа, поскольку это может осложнить
запланированную схему управления сайтом.
Следует учесть при разработке, что сайт будет сегментирован на 20 филиалов и в каждом
состав меню будет различным, что состав пунктов меню может изменять в ходе развития
сайта.
Требования к демонстрационной странице сайта, представляющей оформление текста.
На отдельной странице прототипа Исполнителем должен быть размещен произвольный текст,
включающий в себя абзацы, разделенные заголовками разных уровней, все
вышеперечисленные в требованиях к оформлению текста выделения, две таблицы
(линованная и нет), картинку с подписью и пр. Эта страница должна демонстрировать,
разработанное дизайнером оформление и служить образцом для сотрудников подразделений
Заказчика.
Должны быть представлены примеры оформления новости и статьи.
Стр. 4 из 4
Порядок работ
1. Исполнитель представляет не менее 3-х эскизов оформления первой страницы сайта в виде
цветных графических файлов с разрешением 1280х1024.
2. Заказчик выбирает один из предложенных вариантов, делает замечания, уточнения.
3. Происходит согласование и утверждение исправленного варианта эскиза.
4. Исполнитель реализует утвержденный вариант, выполняя требования данного ТЗ. На данном
этапе Заказчиком ему может быть передана копия прототипа сайта.
Требования к передаче дизайна Заказчику
1. Заказчику передается файл с архивом модуля темы, содержащий необходимые изображения,
CSS и пр. элементы, который может быть установлен в Drupal 7.9 стандартным для Drupal
способом.
2. Заказчику передаются CSS (и/или другие файлы при необходимости) для приведения
оформления используемых в прототипе модулей к единому стилю дизайна.
Требование к документированию
1. Все передаваемые Заказчику файлы (архив модуля темы, css, другое) должны быть
перечислены в текстовом файле readme.txt в формате: имя файла, его назначение.
2. Модуль темы должен содержать документ в формате html или pdf с указанием совместимости
модуля с версией Drupal и браузеров, с иллюстрацией, показывающей расположение и
названия регионов шаблона, с перечнем настроек, с описанием особенностей установки при
их наличии.
Требования к сдаче-приемке работы
1. Представленный Исполнителем дизайн сайта устанавливается Заказчиком на сайт, согласно
представленной документации.
2. Заказчик проверяет соответствие представленного Исполнителем решения требованиям
настоящего ТЗ.
3. В случае выявления несоответствия исполнения требованиям ТЗ или ошибок, Исполнитель
вносит необходимые коррективы.
4. Происходит проверка Заказчиком внесенных корректив.
5. Составляется акт о выполнении работ.
ВЗФЭИ,
18 ноября 2011 года