Техническое задание по сайту Istok.ru Version 1.0 1. Введение

Техническое задание по сайту Istok.ru
Version 1.0
1. Введение.
Дизайн сайта подразумевает наличие двух основных зон: разделов для взрослых и для детей. Для
детской зоны сайта дизайн должен быть выполнен в более ярких тонах и дополнен визуальными
элементами (возможно применение флеш-роликов, которые не должны отвлекать внимание от
содержания (проигрываться в замкнутом цикле и заканчиваться статичной картинкой - пример
www.deti.fm), логика и сценарий ролика должны логически соответствовать информационному
содержанию раздела). Дизайн общей зоны необходимо разработать в достаточно строгом стиле,
без лишней графики, больших картинок в шапке и больших флэш-роликов. Цветовая гамма
должна быть выполнена в нейтральных тонах по выбору дизайнера. Основное внимание
необходимо уделить деталям: заметности и удобству расположения навигационных элементов,
удобству расположения меню, эстетичности иконок и маркеров, четкому, красивому оформлению
блоков, шрифтам текстов, заголовков и стилю вставляемых в контент картинок; в детском разделе
необходимо использовать более крупные навигационные элементы и шрифты.
*Пункты технического задания, реализация которых выходит за рамки данного технического
задания, выделены бирюзовым цветом. Детальное описание этих пунктов будет дано после
окончания выполнения данного ТЗ.
2. Религиозный аспект.
В силу соображений аутентичности дизайна религиозной направленности сайта, нельзя
использовать изображения (картины) людей. Также необходимо согласовывать использование в
дизайне любой религиозной атрибутики и символов религиозно-мистической направленности
(например: пятиконечные звезды, пентаграммы, треугольники (обычные и перевернутые)
являются символами религиозно-мистической направленности).
3. Разрешение экрана пользователя.
Дизайн сайта должен растягиваться по ширине в зависимости от пользовательского разрешения
монитора. Базовое разрешение сайта - 1024*768 px. Сайт должен растягиваться по ширине без
потери эстетики представления на экране от 1024 до 1680 px. Максимальное разрешение не
ограничено. Минимальное разрешение - 800px (имеется ввиду отсутствие горизонтальной
прокрутки при ширине 800 пикселей - возможно, стоит предусмотреть уменьшение размеров
элементов горизонтальных меню (в случае их наличия в дизайне)).
Также для достижения эстетичного вида сайта на всех разрешениях допускается
использование динамически формируемых элементов страницы и позиционирование блоков на
странице в зависимости от пользовательского расширения экрана.
В будущем необходимо будет разработать дизайн pda-версии сайта для возможности просмотра
текстовых разделов сайта с помощью КПК и других мобильных устройств, поддерживающих
данный формат.
4. Текстовая информация.
Дизайнеру предлагается разработать 2 вида текстового блока сайта для каждой из зон. Работа по
стилизации текстов должна быть представлена в виде html + css с примером текста без
графического оформления с вставленными в него картинками (формат газетной статьи, можно
оформить 2 колонки), размеченного с помощью языка html и стилизованного с помощью cssфайла. Стили не должны нарушать принципа WYSIWYG, т. е. администратор сайта, использующий
визуальный редактор должен получать на выходе результат, полностью аналогичный
представленному дизайнером внешнему виду текста.
5. Структура сайта.
Рядом с каждой страницей указана соответствующая ей по информационному наполнению
страница на существующей версии сайта. Дерево описано по схеме включения дизайна страниц,
дизайн страниц вышестоящего уровня определяет дизайн всей ветви подраздела, а так же
указаны страницы, отличающиеся по наполняющей их информации, либо классы страниц.
Страницы и разделы, отсутствующие на данный момент на сайте, но планируемые к размещению,
помечены "*".
- главная страница http://istok.ru/
- внутренняя страница
- календарь http://istok.ru/time-n-dates/
- конвертер дат http:// istok.ru/time-n-dates/Calendar/
- дата календаря http://istok.ru/time-n-dates/calendar.html?date
- статьи http://istok.ru/news/
- статья
http://istok.ru/news/news_51.html
- блоги*
- блог*
- недельные главы*
- недельная глава*
- архив недельных глав*
- помощь http://istok.ru/help/
- подраздел http://istok.ru/help/sponsors/ - пример
- обучение http://istok.ru/education/
- кашрут
http://istok.ru/goods/
- список кошерных продуктов http://istok.ru/goods/products/
- основы кашрута http://istok.ru/goods/basis-kashrut/
- список кошерных ресторанов http://istok.ru/goods/kosher-restaurants/
- список е-добавок http://istok.ru/goods/e-adds/
- остальные http://istok.ru/goods/subscribe/
- библиотека http://istok.ru/library/
- разводящая страница разделов 1-го уровня
http://istok.ru/library/times-n-dates/
- разводящая страница разделов 2-го уровня
http://istok.ru/library/times-n-dates/moadim/
- книга http://istok.ru/library/books/bookex, http://istok.ru/library/books/bookex2
- аудио материалы http://istok.ru/library/audiolections/gitik/
- видеоматериалы
- детям
- информация
- желтые страницы еврейских организаций http://istok.ru/goods/yellowpages/
- детские сады, школы, университеты…
- база данных
- справочник
- магазин
6. Структура страниц сайта.
Все страницы сайта включают в себя основное меню (меню 0 уровня), навигационный блок
и стандартный футер (нижнее меню, счетчик, копирайт). Также необходимо разработать внешний
вид спонсорской таблички (можно посмотреть внизу сайта). Далее идет спецификация для
каждого типа страницы:
Главная страница.
Главная страница имеет блочную структуру, информация на ней представлена следующими
блоками:
- главное меню
- регистрация - маленький блок, возможно встроенный в меню (блок приветствия
вернувшегося посетителя, либо ссылка на регистрацию)
- анонсы 3 самых обсуждаемых записей в блогах с указанием количества комментариев и
автора блога
- анонсы 3 последних комментариев к блогам с указанием автора и числа
- блок с новыми статьями - от 1 до 4 анонсов, вывод количества комментариев к каждой
статье + анонс последнего комментария к каждой.
- иконки: календарь, кашрут, библиотека, обучение, детям
- 1 анонс видео (с уменьшенным плеером).
- 1-5 анонсов аудио с плеером
- голосование (1-2 штуки)
- различная текстовая информация
- анонсы книг 4-6 штук
Второстепенная страница.
- главное меню (меню 0 уровня)
- второстепенное меню (меню 1 уровня): вывод всех подразделов данного раздела 0-го
уровня, вывод подразделов активного раздела 1 уровня (подменю 2 уровня); разделов 3
уровня на сайте не предусмотрено, либо же ссылки на них будут из контента.
- масштабируемый баннерный блок 120-160px шириной (для небоскребов, гугл адсенсе и
пр.)
Календарь.
Необходимо разработать внешний вид календаря и его управляющих элементов, аналогично для
галахического калькулятора, который будет вынесен в отдельный подраздел и конвертера дат
(http://istok.ru/time-n-dates/Calendar/). Блоки:
- сам календарь (на самом верху, в видимой зоне)
- облегченная форма галахического калькулятора (вывод нескольких полей (не всех) без
управляющих элементов)
- ссылка на вход в персональный календарь (если посетитель не зарегистрирован)
- блок ближайшая суббота (необходимо вставить этот блок в зоне видимости посетителя,
также нарисовать для блока флэш или гиф баннер с горящими свечами, который будет
отображаться в субботу). В этом блоке небольшой текст + время начала и окончания
ближайшей субботы + ссылка на недельную главу.
- блок новое на сайте
- блок с информацией по теме " еврейский календарь".
Конвертер дат. Блоки:
- собственно конвертер
- ссылка на дату календаря, соответствующая дате в конвертере + анонс статьи к дате +
список ссылок на описание даты в библиотеки (если присутвует)
- предложение добавить дату в персональный календарь
- блок с информацией по теме "григорианский и еврейский календари".
Галахический калькулятор. Блоки:
- блок калькулятора - включает интерактивный календарь (см. сайт) + навигационные
элементы. К навигационным элементам будет добавлена карта google для упрощения
задания пользователем собственного местонахождения и выпадающих список наиболее
популярных населенных пунктов. Пример:
(http://webtaxi.ru/index.php)
- блок с текстом молитвы (в зависимости от времени дня) на двух языках (иврите и
русском). Ссылки на информацию по данной молитве.
- блок с информацией по теме "расписание еврейского дня".
Персональный календарь. При открытии этого подраздела незарегистрированным посетителем
открывается страница регистрация. Блоки:
- блок c картой местонахождения посетителя и навигационными элементами: широта,
долгота, летнее/зимнее время, GMT+.
- блок с календарем
- облегченная форма галахического калькулятора (вывод нескольких полей (не всех) без
управляющих элементов)
- блок добавить событие - всплывающий блок (блок, становящийся видимым поверх
основного пространства сайта при нажатии на кнопку или ссылку) с выбором типа события,
даты события (с помощью календарика), поля для ввода заголовка и описания события.
Статьи.
Раздел сайта "Новости" будет трансформирован в "Статьи" с комментариями. Для страницы
отдельной статьи необходимо разработать внешний вид раскрывающегося дерева с
комментариями, присоединенного к каждой статье-новости. Блоки:
- анонсы 10 новостей с паджинацией внизу и вверху блока анонсов.
- к каждому анонсу прилагается маленький анонс последнего комментария и указывается
общее количество комментариев
- блок с маленьким календариком для вывода статей по дате
- блок новое на сайте
- блок поиск по статьям (поле для поисковой фразы галочки: искать во всех статьях, в
текущем списке (отмечено по умолчанию), по блогам, по недельным главам).
Блоги.
Список заголовков блогов: имя блога + фото автора + имя автора + краткое описание блога (200300 символов). В остальном - аналогично странице "Статьи". Дополнительные блоки:
- поиск по блогам (замещает поиск по статьям): тоже 4-5 галочек + селект для поиска по
именам авторов.
- ссылка создать блог. Всплывает стандартный блок с формой регистрации, если
посетитель не зарегистрирован. Если зарегистрирован, то блок заявки на ведение блога:
Поля: имя, майл, телефон, город, текст-ареа "зачем Вам нужен блог?" (что Вы будете туда
писать, кто, по вашему мнению, это будет читать и пр.), поле желаемое название блога,
текст-ареа "автобиография", инпут для загрузки фото-аватара, текст-ареа "описание блога
для посетителей".
Блог.
Должен присутствовать блок с выводом фото автора + краткая автобиография + вступительное
слово к блогу. В остальном - аналогично странице "Статьи", поисковый блок, как на странице
"блоги".
Недельные главы.
Страница по внешнему виду аналогична странице "статьи". Кроме того, присутствует блок с
описанием самой идеи недельных глав. Отсутствует блок с календариком (вместо него архив
недельных глав).
- поиск по недельным главам (замещает поиск по статьям): тоже 4-5 галочек + селект для
поиска по названию главы.
Недельная глава. Страница, аналогичная странице со статьей + поиск как на странице "Недельные
главы". Также на странице отдельной главы присутствует блок с оригинальным текстом статьи из
Торы (на иврите) + перевод текста на русский язык.
Архив недельных глав. Список глав, как на странице "Недельные главы", сгруппированный по
одному из пользовательских критериев: по году, месяцу, названию главы. Блок поиска.
Помощь.
Необходимо разработать несколько разно-размерных баннеров для привлечения как спонсоров,
так и энтузиастов на сайт. Блоки:
- блок с информацией для спонсоров (сокращенный вариант из подраздела), +
англоязычный аналог
- блок с информацией для энтузиастов (сокращенный вариант из подраздела) +
англоязычный аналог
- блок для пожертвований (Яндекс-деньги, SMS, Web-money) + англоязычный аналог
В подразделах спонсорам и энтузиастам также должны присутствовать блоки со списком
спонсоров и энтузиастов соответственно.
Обучение.
На главной странице будет представлен тестовый блок, описывающий предлагаемые сервисы по
обучению. Также будет 2 баннерных блока - один для рекламы различных учебных заведений
(еврейских школ, детских садов и пр.), другой для баннеров наших услуг.
- описание услуг и баннеров. Предоставляемые услуги (все услуги являются платными):
- обучение ивриту on-line с помощью скайп
- обучение иудаизму и еврейской традиции on-line с помощью скайп
(индивидуально и в группах)
- подготовка невест к еврейской свадьбе
- семейные консультации
- уроки по воспитанию детей для женщин
Для каждого вида услуги будет подраздел с подробным ее описанием, отзывами и примерами
видеоматериалов (уроков). Также для каждой услуги необходимо разработать баннеры, которые
будут распространяться в Интернете с целью привлечения клиентов. Баннеры должны быть
спроектированы в следующих размерах: 240x400, 336x280, 180x150, 468x60, 234x60, 88x31,
120x90, 120x60, 120x240, 125x125. Остальные подразделы:
- учебные программы (софт) по ивриту
- текстовые учебники и пособия
- обучающие аудио- и видеоматериалы - список анонсов материалов со ссылками на
всплывающие окна с плеером (аудио или видео).
Кашрут.
Главная страница раздела представляет собой список подразделов с иконками и аносами. Также
на странице должен присутствовать баннерный блок (120-160 px шириной). Неописанные ниже
страницы включают в себя меню 1 уровня, баннерный блок и текстовый блок. Также в
подразделах необходимо разработать вид спонсорской таблички с текстом, которая будет
устанавливаться, если кто-нибудь будет спонсировать конкретный раздел или страницу.
- Список кошерных продуктов.
оглавлением в виде якорей.
Нужно придумать удобочитаемый вид списка с
- Список кошерных магазинов (ресторанов). Подразделы состоят из блоков с картинкой
ресторанов и сопроводительным текстом.
- Список e-добавок. Аналогично списку продуктов нужно разработать дизайн списка,
сообразующийся с юзабилити.
- Основы кашрута.
- Страница будет иметь структуру, аналогичную книгам из библиотеки. Но дизайн
элементов должен отвечать тематике "Кошерное питание".
- Новостной раздел кашрута
- Статьи и выдержки из книг (переводы с иврита)
Библиотека.
Необходимо разработать общий стиль для страниц библиотеки, соответствующий тематике
"книги", иконки к каждому из подразделов библиотеки 1 и 2 уровня. Также в подразделах
необходимо разработать вид спонсорской таблички с текстом, которая будет устанавливаться,
если кто-нибудь будет спонсировать конкретный раздел или книгу. Блоки:
- меню 1 уровня - необходимо реализовать меню с раскрывающимися подменю. Всего в
меню должно быть 3 уровня, где 1 и 2 уровень - название подразделов, а 3 - название
книги или главы книги + имя автора. Меню будет работать на джаваскрипт, необходим
управляющий элемент (как + и - в квадратиках, но что-нибудь пооригинальнее.)
- блок с анонсами подразделов 1 уровня. Сохраняются те разделы, что есть в библиотеке
на сайте + раздел видео. Каждый подраздел снабжен оригинальной иконкой.
- блок последние поступления - в блоке представлено 3 анонса книг с обложками из
подразделов + анонсы аудиолекций с картинками-обложками + анонсы видеоматериалов.
Подразделы библиотеки.
- разводящая страница разделов 1-го уровня. На странице будут анонсы подразделов 2
уровня с иконками + меню 1 уровня (см. выше).
- разводящая страница разделов 2-го уровня. На странице будут анонсы книг с обложками
+ меню 1 уровня (см. выше).
- книга: необходимо разработать удобную навигационную структуру книги с содержанием
по главам и частям и отображение страниц книги. Также должно присутствовать меню 1
уровня (см. выше), оснащенное элементом управления для скрытия-раскрытия меню.
- алфавитный указатель по авторам и названиям книг и поиск.
Rss контент.
В Rss формате будут доступны статьи, записи в блогах, и недельные главы (без комментариев).
Кнопка Rss будет только на страницах разделов со статьями, недельными главами и блогами.
Всплывающие окна.
Необходимо разработать дизайн стандартного всплывающего окна с контентом, всплывающего
окна фотогалереи, и всплывающего окна с видео и аудио плеерами.
Скины для плееров. Необходимо разработать скин для плеера. На сайте будет использоваться JW
Player (http://developer.longtailvideo.com/trac/). Скин необходимо разработать для аудио-формата
плеера и для видео-формата. Работа по скину для плеера принимается в формате ai + нарезка;
пример готового и нарезанного скина можно увидеть здесь:
(http://developer.longtailvideo.com/trac/browser/skins/beelden)