Техническое задание на реализацию портала о медитации на Drupal 7

Целевая аудитория и задачи портала

Целевая аудитория - это люди, ищущие смысл жизни, находящиеся в духовном поиске, преимущественно женщины. Перед порталом стоят следующие основные задачи:

1. 
   Информационная (на портале будет размещено максимум информации об Ошо и мире саньясы) – раздел Ошо и Ошо центр, наша коммуна.
   
2. 
   Реклама семинаров и групп, которые поводит Ошо центр «Ветры» - раздел Ошо Центр
   
3. 
   Общение – одним из разделов будет социальная сеть - сообщество саньясинов Ошо – раздел «Клуб друзей Ошо»
   
4. 
   Размещение рекламы различных медитационных групп и семинаров (раздел «Клуб друзей Ошо» - доска объявлений)
   

1. 
   Верстка макета под CMS Drupal 7
   

2. 
   Дизайн и верстка должны быть полностью оптимизированы под SEO
   

3. 
   Доступность при выключенных(загружающихся) картинках
   

4. 
   Наличие Win/Mac/Linux-аналогов шрифтов
   

5. 
   Отсутствие багов при увеличенном шрифте
   
6. 
   Работоспособность при выключенном Flash
   
7. 
   Работоспособность при выключенном JavaScript
   
8. 
   Правильная структура заголовков (H1,H2,… и т.д. и TITLE)
   
9. 
   Корректная работа при вбивании реального текста, надёжность вёрстки
   
10. 
    Сайт должен нормально работать в IE7+, FF3+, Opera9+, Safari4+, Chrome последней версии
    
11. 
    Если используете CSS хаки, комментируйте, что это и для какого браузера, а лучше используйте css_browser_selector.js.
    
12. 
    Названия классов и id должны по смыслу соответствовать применению
    например, header, menu, footer, news
    
13. 
    Просьба разделять основные html блоки комментариями. Примерно так:
    
    
    
14. 
    Не пренебрегать возможностью использовать GIF/PNG с 8-битным альфаканалом вместо PNG-24, где это возможно.
    
15. 
    Все что можно сделать без Javascript, делать без него.
    
16. 
    CSS файл должен быть разбит с помощью строк с комментариями на блоки по функциональному назначению, например:
    

17. 
    CSS и JS файлы должны быть в той же кодировке, что и макет
    
18. 
    В макетах, где высота страницы зависит от контента (а таких, как правило, большинство), предусмотреть, чтобы футер был прибит к низу браузера при отсутствии/малом количестве контента, если не оговорено обратное.
    
19. 
    Если не оговорено обратное для частных случаев, все блоки, высоту которых ничего в дизайне не мешает сделать динамической, должны иметь именно динамическую (т. е. зависимую от содержания) высоту, а иногда, чтобы ничего не могло потенциально поломать дизайн, нужно задавать и минимальную высоту. Если хотите сделать блок фиксированной высоты — сначала спросите у заказчика.
    
20. 
    Если в макете используются нестандартные шрифты, обязательно оговорить, можно ли элементы с нестандартным шрифтом делать картинками, если нельзя — обсудите, с помощью какой технологии будет реализовано их отображение (sIfr, Cufon, etc.)
    
21. 
    Обсудить заранее какие JavaScript библиотеки планируется использовать при верстке макета
    
22. 
    Если обработка событий делается при нажатии на ссылки, следить за тем, чтобы обработчики событий возвращали false, или же использовать href='javascript:void(0)' вместо популярного href='#', чтобы страница не скроллилась вверх.
    
23. 
    Если Javascript кода много — его необходимо выносить в отдельный файл. Обработчики событий тоже лучше отделить и объявлять в отдельном файле.
    

24. 
    Обязательная оптимизация скорости загрузки сайта
    

25. 
    Необходима полная валидация, доступность, использование микроформатов
    

• 
  Фон страницы, цветовая гамма
  
• 
  Отдельные элементы контентной части, такие как цитаты
  
• 
  Шрифты заголовков
  
• 
  Возможность делать акцент на преобладании определенных картинок в дизайне раздела, например, для раздела Ошо - это его фото, элементы его галереи, его подпись
  

Примерный перечень разделов, категорий, подкатегорий и страниц, архитектуру сайта смотрите в файле «карта сайта».

1. 
   Верхнее ссылочное меню над картинками (на каждой странице)
   
2. 
   Основное выпадающее меню - выпадающее CSS-меню по разделам (под картинками) (на каждой странице):
   

• 
  Ошо
  
• 
  Ошо Центр
  
• 
  Коммуна
  
• 
  Клуб Друзей – социальная сеть
  
• 
  Ваш Ангел
  

3. 
   Левое дополнительное меню в сайдбаре (меню навигации внутри раздела или категории)
   

1. 
   Блок книги в сайдбаре (мини обложка, название, пролистывание)
   
2. 
   Блок видео – мини проигрыватель
   
3. 
   Блок аудио плеера
   
4. 
   Блок – список самых интересных статей из определенной категории
   
5. 
   Блок последних комментариев
   
6. 
   Блок со списком самых интересных категорий
   
7. 
   Блок с мини календарем событий с датами (всплывание названия события и его дат при наведении)
   
8. 
   Блок вывода «Цитата дня». Для вывода в шаблоне на каждой странице цитаты Ошо из заданного набора. Цитаты меняются в случайном порядке с заданным интервалом времени с возможность принудительного пролистывания
   
9. 
   Блок подписаться на рассылку
   
10. 
    Блок с баннерами
    
11. 
    Блок Поиск по сайту. Поиск производится моментально при вводе ключевого слова в текстовое поле, результаты поиска сортируются и выводятся по степени релевантности
    
12. 
    Кнопки: ВКонтакте, Facebook, Twitter - ссылки на наши группы в данных социальных сетях
    
13. 
    Блок Pathway, на всех страницах, кроме Главной страницы
    
14. 
    В контенте около статей различне ссылки «поделиться»
    
15. 
    В футере Счетчики Livinternet и Rambler TOP100
    

1. 
   Блок логин «Вход в социальную сеть» - может быть видно только одну кнопку «Войти в социальную сеть Ошо», при нажатии на которую будет всплывать окно с формой для ввода логина и пароля:
   

• 
  Логин
  
• 
  Пароль
  
• 
  Войти в социальную сеть
  
• 
  Регистрация
  
• 
  Забыли пароль
  

Мероприятия по датам

Знаокмства (поиск пользователей по параметрам)

Подробное описание контента 5 разделов

http://dr.osho.ru/

1. 
   Биография Ошо (Бхагван Шри Раджниш)
   

Категория посвящена биографии Ошо - текст, разбитый по периодам.

На главной странице тизеры всех периодов и цитата Ошо.
На странице периода ссылка на все остальные периоды.

Блок фотогалереи ошо и ошо видео

2. 
   Каталог книг Ошо
   

Блоки с тизерами книг других категорий (например книги о медитации и пр)

Блоки с аудио и видео ошо

3. 
   Ошо Дзен Таро
   

Есть страница значений всех карт колоды как на примере (тизеры карт (картинка карты без тайтла!!) http://zorba-budda.ru/oracles/zen_tarot/deck/

Пример раскладов http://oshosatori.ru/ru/oshotaro.html?type=1 (рассмотрим также вариант написания специального модуля, реализующего что-то наподобии игры с анимированным процессом выбора карт)

Механизм расклада карт:

на странице расклада с помощью заданного алгоритма выбирается определено число карт из общей колоды

Итогом расклада становится отображение списка выбранных карт с полным описанием (те список нод с типом ошо дзен таро)

http://oshosatori.ru/ru/oshotaro.html?type=1&deal=9

4. 
   Цитаты Ошо для вставки в контент – на всех страницах страницах будет большое количество цитат ошо, поэтому было б удобнее сделать по ним отдельную базу, чтобы потом вставлять их в контент и блоки.
   

1. 
   фото с групп и занятий Ошо Центра «Ветры»
   
2. 
   жизнь коммуны и фотогалереи каждого участника коммуны
   
3. 
   ошо фото и ошо артгалерея
   
4. 
   Юмор – забавные фото и приколы в разделе юмор (клуб друзей ошо)
   
5. 
   Личные Фотогалереи пользователей и групп (загрузка с предмодерацией)
   

Страница альбома: тизеры фотографий (при наведении фото увеличивается, при клике всплывает окно с лайтбоксом, кнопка слайдшоу)

5. 
   Видео галерея видео каталог с возможностью закачки в отдельный раздел, разбиению видео по спискам тематик, рейтингом, добавление видео со всех известных видео сервисов, а также со своего сервера). подобрать нужные модули, темизировать и настроить галерею.
   

1) Ошо видео и дискурсы

2) Видео о медитации и

3) записи с групп, видео отзывы, видео презентации лидеров

4) Общий видео архив (смешное, про животных, наши любимые фильмы и пр.)

5) Личные видео альбомы пользователей (добавление с предмодерацией)

6. 
   Аудио галерея (аудио каталог с возможностью закачки в отдельный раздел, разбиению видео по спискам тематик, рейтингом, публикацией со всех известных видео сервисов, а также со своего сервера)
   

Страница списка тизеров альбомов с описанием

Список Галерей:

1. 
   Музыка для медитаций
   
2. 
   Ошо аудио дискурсы
   

7. 
   Ошо нео-саньяса (статьи, каталог имен)
   

Статьи категории: Просто статьи (название, обложка, текст)

8. 
   Цитаты и Даршаны, Ошо о Религиях и Мастерах, ашрамы Ошо, Ошо Юмор в данных категориях располагаются текстовые статьи с цитатами Ошо, картинками
   

Ошо центр

Данный раздел посвящен медитациям, семинарам и группам, которые проходят в Ошо центре «Ветры»

На главной странице раздела будут последние новости о семинарах и группах, а небольшое описание самого раздела и тизеры категорий раздела.

1. 
   Музыка, видео, книги, фотогалерея (функционал описан в предыдущем разделе)
   

2. 
   Медитации Ошо
   

Страницы с описанием основных медитаций: название, введение, обложку, описание стадий, аудиоплеер – музыка для медитации, цитату Ошо, ссылку на фотогалерею, ссылку на отзывы, кнопка добавить отзыв, видео инструкцию, контакты, адрес проведения (если с кнопкой ь)

Так же в категорию входят вопросы о медитации (с кнопкой добавить вопрос), а так же книги с описаниями техник:

http://www.osho.ru/voprosy/

http://www.osho.ru/meditatsii/oranzhevaya-kniga/
На главной странице категории тизеры разделов (тизер основых медитаций включают ссылки на сами медитации)

3. 
   Медитационные группы
   

название, обложка, описание, ссылка на расписание в календаре событий, ссылка на фотогалерею, ссылка на отзывы и видеоотзывы, кнопка добавить отзыв, кнопка «подать заявку на участие»?

4. 
   Категория Впечатления и отзывы участников
   

На главной странице категории представлены тизеры для каждой группы (тайтл, картинка, мини описание), кнопка «добавить отзыв» .

Представляет собой список отзывов с оглавлением, оформленных следующим образом:

Имя участника с фото и ссылкой-тизером на его акаунт (если он зарегистрирован)

вступительная фраза-заголовок

полный текст отзыва

После каждого отзыва ссылка на возврат к оглавлению

Блок с ссылкой на описание данной группы

Блок с видео отзывыми (если они есть

5. 
   Календарь событий http://drupal.org/project/calendar
   

• 
  Просмотр дня (список тизеров событий по часам друг под другом)
  
• 
  Просмотр недели (таблица событий по дням (каждый столбец – день недели))
  
• 
  Просмотр месяца (таблица из квадратов с заполнением http://www.humaniversity.com/calendar/monthly-view , над таблицей - возможность выбора месяца из списка, листалка месяцев и годов)
  
• 
  Архив (список тизеров прошедших событий друг под другом)
  

6. 
   Страница (или всплывающее окно) записи на группу открывается при нажатии на соответствующую кнопку. Страница или окно представляет собой форму отправки данных на email: имя, тел, e-mail, название группы (подставл-ся автоматически), комментарий, дата события
   

7. 
   Страница (или всплывающее окно) отправки отзыва: отзыв добавляется на сайт со статусом «требует модерации», администратору приходит письмо с текстом отзыва и ссылкой на него в админке. Поля отзыва: имя, название группы или медитации (подставляется автоатически
   
   
   
8. 
   Страница (или всплывающее окно) задать вопрос организаторам: открывается при нажатии на соответствующую кнопку. Страница или окно представляет собой форму отправки вопроса организаторам на email.