Техническое задание проекта «Всероссийское общество слепых

Техническое задание проекта «Всероссийское общество слепых»
Творческая студия Color-IT
Приложение № 1 к договору № 81 от 25.02.2010
Техническое задание проекта
«Дагестанская республиканская организация
Всероссийского общества слепых»
ОБЩАЯ ИНФОРМАЦИЯ ПО САЙТУ
Цели создания сайта и основные параметры сайта:
Параметр
Описание и значения
Цели создания сайта
Представление организации в глобальной сети Интернет,
размещение статей и полезной информации, размещение
файлов, размещение контактной информации, обеспечение
обратной связи с посетителями сайта.
Доменное имя и Хостинг
план
Доменное имя:
Хостинг план: простой план, php+mysql, 500 Mb дискового
пространства, почтовые ящики (при необходимости)
Перечень ключевых слов,
_______________________________________________
_______________________________________________
_______________________________________________
для индексации поисковыми
системами
Примечание: не гарантирует попадание сайта в первые позиции
поисковых систем по данным запросам.
Категория посетителей
Люди любого возраста и социального положения.
Навигация по сайту
Определяются веб-дизайнером самостоятельно.
С каждой страницы сайта должен быть обеспечен переход
(установлена гиперссылка) на главную страницу сайта.
Требования к дизайну
Дизайн фиксированный, под указанное разрешение; наличие
области под баннеры-информеры (информационные
баннеры).
Основной диапазон
разрешения мониторов,
от 1024х768 пикселей (от 17" ЭЛТ или 15" LCD)
на которых будет
просматриваться сайт
Минимальное
разрешение монитора,
на котором будет
просматриваться сайт
Основные браузеры,
которыми будет
просматриваться сайт, и
минимальные версии
Дополнительная
информация, пожелания
1024х768 пикселей (17" ЭЛТ или 15" LCD).
При указанном разрешении должна быть обеспечена
возможность просмотра страниц сайта без горизонтальной
прокрутки браузера.
Internet Explorer 5.5 и выше
Opera 8.50 и выше
Mozilla FireFox 2.0 и выше
_______________________________________________
_______________________________________________
страница 1 из 8
Техническое задание проекта «Всероссийское общество слепых»
Творческая студия Color-IT
МЕНЮ САЙТА
Меню сайта обеспечивает полную навигацию по сайту. Меню строится динамически с
помощью инструмента «Навигатор» (описанного далее в данном Техническом Задании).
ОПИСАНИЕ СИСТЕМЫ И ИНСТРУМЕНТОВ:
Система позволяет формировать структуру сайта самостоятельно администратору
сайта. Формирование и управление структурой сайта осуществляется с помощью
предоставленных для этого инструментов:
 Инструмент «Навигатор»
 Инструмент «Раздел» и типовые разделы
 Текстовый
 Галерея
 Файлы
 Контакты
 Новости и события
 Список новостей
 Просмотр новости
ИНСТРУМЕНТ «НАВИГАТОР»
Данный инструмент позволяет формировать структуру сайта. Структура сайта имеет
древовидную двухуровневую структуру. Элементы первого уровня представляются собой
группу разделов, элементы второго уровня – сами разделы. Количество элементов на
каждом уровне не ограниченно и все они отображаются на навигационной панели
сайта (меню сайта).
Структура данных:
Группа/Раздел:







Идентификатор (уникальное числовое поле)
Название (однострочное текстовое поле, до 255 символов)
Имя файла (однострочное текстовое поле, до 255 символов)
Описание (многострочное текстовое поле, до 65 Кб символов)
Ключевые слова (многострочное текстовое поле, до 65 Кб символов)
Порядок сортировки (произвольный)
Активность (флаг, 2 состояния: активен, не активен)
ИНСТРУМЕНТ «РАЗДЕЛ» И ТИПОВЫЕ РАЗДЕЛЫ
Для создания и управления администратору сайта предоставляются следующие три типа
разделов:
Текстовый – в разделе данного типа представлена текстовая и графическая
информация с форматированием в HTML-тэгах. Допускается редактирование как с
помощью специального WYSIWYG-редактора FCKeditor (http://www.fckeditor.net), так и
непосредственно работая с HTML-кодом. Возможности редактирования ограничены
возможностями WYSIWYG-редактора FCKeditor. К одному разделу допускается
прикрепление нескольких текстовых разделов, в таком случае отображение разделов
будет постраничным (последовательность страниц формируется на основе порядка
сортировки), а основным будет считаться первый в списке текстовый раздел. Перечень
доступных для форматирования элементов:
 Параграф, перенос на новую строку;
 Нумерованные и не нумерованные списки;
 Таблицы с оформлением и без;
 Картинки с позиционированием относительно текста;
 Разделитель «горизонтальная черта»;
 Вставка ссылок;
 Заголовки до трех уровней;
 Вставка специального кода;
страница 2 из 8
Техническое задание проекта «Всероссийское общество слепых»
Творческая студия Color-IT
 Простое форматирование: жирный, подчеркивание, курсив;
 Выбор цвета текста и фона;
 Выбор шрифтов (из доступных).
Галерея – в разделе данного типа представлен перечень превью фотографий.
Фотографии выводятся постранично и сортируются в произвольном (по умолчанию) или
алфавитном порядке, по выбору пользователя. Каждой фотографии можно указать
название и небольшое описание. Дополнительно публикуется информация о размере
фотографии в байтах и разрешении фотографии в пикселях. При клике по превью
фотографии или по ее названию открывается отдельное окно с фотографией в полном
размере. Количество размещаемых в разделе фотографий не ограничено. Перечень
поддерживаемых системой типов файлов: JPEG, GIF, PNG.
Файлы – в разделе публикуется список файлов для скачивания. Файлы выводятся все
на одной странице и сортируются в произвольном (по умолчанию), алфавитном или
размерном (по размеру файла) порядке, по выбору пользователя. Каждому файлу
можно указать название и небольшое описание. Дополнительно публикуется иконка
файла (в зависимости от типа файла) и информация о размере файла в байтах. При
клике по названию открывается диалоговое окно с предложением скачать файл.
Количество размещаемых в разделе файлов не ограничено. Перечень поддерживаемых
для размещения типов файлов:
 Архивы: WinRar (RAR), WinZip (ZIP), 7zip (7Z), CAB, TAR+GZIP (TAR.GZ)
 Документы: Word (DOC, DOCX), Excel (XLS), TXT, PDF
 Исполняемые файлы: EXE, MSI
 Аудио: MP3, WAV, OGG
 Видео: AVI, WMV, MOV
Для данных типов файлов предусмотрено наличие тематических иконок для
отображения на сайте.
Контактная информация – Размещение контактной информации (адрес, почтовый
адрес, телефон, факс, e-mail). Также представлена форма для обратной связи, откуда
информация, заполненная посетителями сайта, будет высылаться на указанный в
Администрировании e-mail. Статическая страница с элементами динамики. Материал
предоставляется заказчиком.
Структура формы:
Поля формы для отправки e-mail’а:




Имя отправителя (однострочное текстовое поле, до 255 символов)
E-mail отправителя (однострочное текстовое поле, до 100 символов)
Тема письма (однострочное текстовое поле, до 255 символов)
Текст письма (многострочное текстовое поле, до 500 символов)
Примечание: Все введенные посетителями сайта данные проверяются на корректность. Также предусмотрена
клиентская и серверная защита от спам-роботов и попыток взлома.
Структура данных:
Текстовый раздел:






Идентификатор (уникальное числовое поле)
Идентификатор раздела-родителя (из таблицы разделов)
Название раздела (однострочное текстовое поле, до 255 символов)
Текстовое содержимое (многострочное текстовое поле, ограничения до 4 Мб)
Порядок сортировки (произвольный)
Активность (флаг, 2 состояния: активен, не активен)
Галерея:







Идентификатор (уникальное числовое поле)
Идентификатор раздела-родителя (из таблицы разделов)
Подпись к картинке (однострочное текстовое поле, до 255 символов)
Небольшое описание (однострочное текстовое поле, до 255 символов)
Имя файла (однострочное текстовое поле, до 255 символов, серверное ограничение
размера файла – 4 Мб)
Порядок сортировки (произвольный)
Активность (флаг, 2 состояния: активен, не активен)
Файлы:



Идентификатор (уникальное числовое поле)
Идентификатор раздела-родителя (из таблицы разделов)
Подпись к файлу (однострочное текстовое поле, до 255 символов)
страница 3 из 8
Техническое задание проекта «Всероссийское общество слепых»




Творческая студия Color-IT
Небольшое описание (однострочное текстовое поле, до 255 символов)
Имя файла (однострочное текстовое поле, до 255 символов, серверное ограничение
размера файла – 4 Мб)
Порядок сортировки (произвольный)
Активность (флаг, 2 состояния: активен, не активен)
НОВОСТИ И СОБЫТИЯ
В разделе публикуются последние события, важные новости и анонсы мероприятий.
Главной страницей раздела является страница «Список новостей».
Динамический раздел.
Структура раздела:
Список новостей – на странице выводятся новости выбранного года и (или)
месяца.
Новости за выбранный период выводятся постранично. Количество отображемых
на странице новостей устанавливается в администрировании сайта. Сортируются
новости по дате публикации в обратном хронологическом порядке и группируются по
месяцам.
Каждой новости соответствует:




Заголовок новости (текстовая строка; обязательное поле; может быть длинное название
до 255 символов)
Дата публикации новости (текст вида «16:51, 25 января 2007 года»; обязательное поле)
Фотография (файл изображения; может отсутствовать).
Анонс новости (многострочный текст; может иметь произвольную длину)
Заголовок, текст анонса и фотография могут быть ссылками, при клике по
которым происходит переход на страницу «Просмотр новости».
Динамическая страница.
Просмотр новости – просмотр выбранной посетителем сайта новости.
На странице отображается:




Заголовок новости (текстовая строка; обязательное поле; может быть длинное название
до 255 символов)
Дата публикации новости (текст вида «16:51, 25 января 2007 года»; обязательное поле)
Фотография (файл изображения; может отсутствовать).
Полный текст новости (многострочный текст с HTML-форматированием; может иметь
произвольную длину)
Динамическая страница.
Структура данных:
Новости и события:









Идентификатор новости (числовое поле, уникальное значение)
Заголовок новости (однострочное текстовое поле, до 255 символов)
Анонс новости (многострочное текстовое поле, размер до 65 килобайт; простое HTMLформатирование)
Текст новости (многострочное текстовое поле, размер до 65 килобайт; простое HTMLформатирование)
Сопроводительное изображение (файл изображения, размер регулируется автоматически)
Дата публикации новости (дата и время)
Уникальное название новости на транслите (однострочное текстовое поле, до 255 символов,
добавляется автоматически)
Тип новости (главная или обычная)
Активность (показывать или не показывать на сайте)
Примечание: Жирным выделены поля, дынные которых выводятся на сайте.
ПРИЛОЖЕНИЕ К САЙТУ
Дополнительные дизайнерские элементы и страницы и дополнительные возможности
системы:
 Просмотр изображения
 Баннеры
 Баннеры сайта
 Размещение баннеров на сайте
страница 4 из 8
Техническое задание проекта «Всероссийское общество слепых»

Творческая студия Color-IT
Иконка сайта
ПРОСМОТР ИЗОБРАЖЕНИЯ
Отдельная, стилизованная под дизайн сайта, страница для просмотра изображений в
оригинальном размере. Страница всегда открывается в новом всплывающем окне,
размеры которого зависят от размера просматриваемого изображения. На странице,
помимо самого изображения, присутствует также подпись к изображению (при ее
наличии) и кнопка «Закрыть окно», закрывающая текущее окно. Также закрытие окна
происходит при клике по изображению. Динамическая страница.
БАННЕРЫ
Баннеры сайта – дополнительно к сайту прорисовываются два графических не
анимированных баннера размером 88х31 и 468х60 пикселей соответственно. Баннеры
имеют общий с сайтом стиль. Коды баннеров для обмена размещаются в
соответствующем разделе Администрирования сайта.
Размещение баннеров на сайте – после разработки и запуска сайта, на
страницах размещаются следующие информеры (баннеры с информацией):
 Счетчик посещаемости LiveInternet (www.liveinternet.ru).
 Счетчик посещаемости HotLog (www.hotlog.ru).
 Ссылка на сайт студии Color-IT – www.color-it.net (в виде предоставленного или
разработанного самостоятельно баннера)
ИКОНКА САЙТА
К сайту рисуется тематическая иконка (favicon) размером 16х16 пикселей. Иконка
размещается в адресной строке большинства браузеров и в разделе «Избранное»
браузеров, при добавлении туда сайта.
страница 5 из 8
Техническое задание проекта «Всероссийское общество слепых»
Творческая студия Color-IT
ПРИМЕЧАНИЯ:
1. Заполнение сайта материалом
Разделы, помеченные в данном техническом задании как статические,
заполняются студией единоразово предоставленными Заказчиком материалами.
Если материал не был предоставлен Заказчиком, то студия не несет ответственность
за содержимое раздела. В таком случае в разделе ставится надпись «Раздел
находится в стадии разработки» или же раздел становится недоступным посетителям
сайта (по желанию Заказчика).
Разделы, помеченные в техническом задании как динамические, заполняются
Заказчиком самостоятельно. Заполнение динамических разделов студией
осуществляется только после подписания дополнительного договора на «поддержку и
заполнение материалом» сайта Заказчика.
2. Статические разделы (страницы)
Разделы, не поддающиеся изменению через Администрирование и материалы
которых предоставляются Заказчиком. Данные разделы не поддаются дальнейшим
изменениям содержимого без составления дополнительного договора на
«изменение содержимого сайта» за исключением случаев обнаружения ошибок и
мелких неточностей.
3. Динамические разделы (страницы) с администрированием
Данные разделы имеют средства для управления (занесение, удаление,
редактирование расположенной в разделе информации) в защищенном от общего
доступа разделе сайта – Администрировании сайта. В Администрировании
предоставляется интуитивно-понятный интерфейс с руководством по использованию
данного интерфейса. Студия не заполняет динамические разделы материалом
(даже если он был предоставлен Заказчиком) без подписания с Заказчиком
дополнительного договора на «поддержку и заполнение материалом» сайта
Заказчика.
4. Предоставление материалов Заказчиком
Материал предоставляется Заказчиком в электронном виде. В случае если
материал задерживается, сроки сдачи проекта автоматически переносятся на время
задержки. В случае, когда материал предоставляется в ином виде (не
оцифрованном), оцифровка проходит по ценам прайс-листа студии и сроки сдачи
проекта автоматически переносятся на сроки обработки материала.
Материал на сайт должен быть представлен в конечном варианте.
Текстовые материалы должны быть представлены в Word-документе с
необходимыми разделениями разделов документа, пунктов, абзацев, а также
выделением необходимых слов и ссылок. Если в тексте присутствуют дополнительные
элементы (таблицы, графика), то они должны быть встроены в Word-документе и
размещены на своих местах (т.е. там, где они будут расположены на сайте).
Стилевое оформление документа будет переделано в соответствии с дизайном
сайта.
Графика (фотографии, изображения) должны быть представлены в одном из
часто используемых графических форматов: растровые (JPEG, PNG, BMP, GIF),
векторные (WMF, EMS) и файлы проектов (PSD - PhotoShop, AI – Adobe Illustrator, CDR –
Corel Draw). В случае если требуется обработка материала, это оценивается
дополнительно в соответствии с ценами прайс-листа студии.
При наличии у Заказчика фирменного шрифта, шрифт должен быть представлен в
одном из распространенных форматов (TTF, OTF, FON) или же должно быть указано
название шрифта и необходимые преобразования (жирность, курсив, регистр букв и
прочее).
страница 6 из 8
Техническое задание проекта «Всероссийское общество слепых»
Творческая студия Color-IT
ДИЗАЙН:
Дизайн главной страницы и общей стилистики сайта согласуется с заказчиком. Дизайны
внутренних страниц и навигация по сайту разрабатываются студией без согласования.
Пожелания по дизайну:
Параметр
Текст в шапке,
название организации, тип
организации, слоган,
рекламный текст, другое.
Предпочитаемые цвета,
перечень предпочитаемых
цветов или цветовой схемы
фирмы, яркость, цвет фона
и соотношение светлых и
темных цветов.
Наличие элементов в
дизайне,
логотип, фотография,
дизайнерский элемент,
другое.
Наличие следующих
иконок
Описание и значения
Основной текст: Пароменский Денис.
Второстепенный текст: Разработка. Интеграция. Внедрение.
Дополнительно:
_______________________________________________
_______________________________________________
Оттенки серого в сочетании с яркими, сочными цветами.
Дополнительно:
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
на главную
написать письмо
добавить в избранное (только для Internet Explorer’а)
сделать стартовой (только для Internet Explorer’а)
карта сайта (при наличии соответствующего раздела)
другое:
_______________________________________________
_______________________________________________
Примеры сайтов,
на дизайн которых можно
ориентироваться.
Дополнительная
информация, пожелания
Шапка страницы - картинка. Основная тема картинки интеграция (объединение чего-либо, например мост или
совмещение несовместимого).
Дополнительная информация:
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
_______________________________________________
Примечание: дизайн администрирования сайта – стандартный, фирменный.
страница 7 из 8
Техническое задание проекта «Всероссийское общество слепых»
Творческая студия Color-IT
СМЕТА РАБОТ ПО ПРОЕКТУ:
Ответственная
сторона
Сроки
Разработка полной
структуры системы
сайта
исполнитель
1 день
Утверждение
основного ТЗ сайта
заказчик
–
Предоставление
материала для
дизайна, образцов
фирменного стиля,
логотипа и основных
текстов
заказчик
–
исполнитель
10-14
дней
заказчик
–
Разработка и
отрисовка структуры
внутренних страниц
сайта
исполнитель
7-10
дней
Полная нарезка
дизайна сайта
(перевод в HTML);
разработка
административной
составляющей сайта;
разработка и
внедрение в дизайн
динамической
составляющей сайта
исполнитель
10-15
дней
Предоставление
полного материала,
размещаемого на
сайте
заказчик
–
Верстка и внедрение
статических
материалов на сайт
исполнитель
1-3 дня
Тестирование
исполнитель
30 дней
Наименование работ
Разработка структуры
главной страницы;
разработка
стилистики сайта
(вместе с главной
страницей), 2
варианта
Утверждение
структуры главной
страницы и
представленной
стилистики
Дата
начала
Дата
окончания
Подпись
принимающей
стороны
Примечание: Сроки указаны в рабочих днях. В одной неделе 5 рабочих дней.
страница 8 из 8