Краткое техническое задание на разработку сайта «364»

Сайт представляет из себя одну страницу. В верхней части под шапкой в горизонтальной полосе расположены 364 картинки-дня. В момент открытия страницы показывается день соответствующий текущей дате. Текущий день расположен в центре и отображается со 100-процентной прозрачностью. Он с помощью специально плашки помечен, как «Сегодня». Слева и справа расположены предшествующий и последующий дни, с 30-процентной прозрачностью. Над этими дня расположены кнопки «Раньше» и «Позже», которые позволяют листать дни вперед и назад. При пролистывании, в момент просмотра любой даты кроме текущей – плашка «Сегодня» исчезает.

Элементы, которые должны присутствовать на странице:

• Логотип проекта «364» ( не кликабелен)

• Краткое текстовое описание проекта

• Горизонтальную ленту с днями

• Кнопка «Загрузить фото» (нажатие позволяет пользователю загрузить свою фотографию). Во время загрузки на странице показывается индикатор загрузки. По ее окончанию – всплывает окно «Ваша классная фотография успешно загружена».

• Лента загруженных фотографий. Каждому дню соответствуют свои картинки, загруженные именно под изображением этого дня. При нажатии на любую из фотографий – она всплывает в попапе, в котором помимо нее расположены кнопки лайков – твиттер, фесбук и контакт.

• Социальные кнопки (Вконтакте, Facebook, Twitter) которые привязаны к аккаунтам аррибы

• Под лентой загруженных фотографий распологается контактовский и фейсбучный виджеты для комментирования

• Копирайт и логотип Arriba! Внизу страницы(кликабелен, переход на наш сайт)

Функциональные требования к сайту

5. 1. Отображение сайта на мониторах с разным разрешением.

5. 1. 2. Сайт должен динамически менять размеры в зависимости от размера экрана.

5. 2. Реализация требования будет осуществлена следующим образом:

• Белый фон, черная шапка и футер будут пропорционально растянут по ширине монитора;

• Минимальное разрешение монитора при котором не появляется горизонтальный скролл 900 пикселей. Сайт должен оптимально отображаться на мониторах с разрешений по горизонтали 1024 пикселей и выше.

5. 3. Браузерная совместимость

5. 3. 1. Сайт должен одинаково выглядеть и функционировать в следующих браузерах:

· Windows XP/Windows 7/ Windows 8: IE7 и выше, FF4 и выше, Opera 10 и выше, Chrome 11 и выше;

· Mac: Safari, FF4.

5. 4. Требования к коду Сайта

• программный код сайт должен быть откомментирован;

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

5. 5. Favicon. ico

5. 6. Служебная страница ошибки 404

5. 7. Скорость загрузки. Необходимо предусмотреть механизмы, которые будут автоматически сжимать загруженные фотографии до нужного размера (600 пикселей по большей стороне) и оптимизировать их.

5. 8. Отбражение на мобильных устройствах. Сайт должен адекватно отображаться на айпаде. Также на айпаде должно работать перелистывание дней руками, а не с помощью кнопок «вперед» и «назад».

Система управления Сайтом:

CMS должна обеспечивать простою и удобную работу для:

• наполнение и редактирование всех дней

• редактирование всех текстовых блоков

• автоматическую ежедневную публикацию соответсвующего дня;

• возможность модерировать загруженные фотографии;

6. 9. Исполнитель обязуется сделать первичную оптимизацию сайта, которая включает в себя: заполнение title, meta-тэгов, description, key-words для всех страниц сайта, создание и настроку файла robots. txt, а также заполнение заголовков H1-H6.

Все работы по созданию сайта должны быть выполнены до 31. 12. 2012.

12 Следующая ⇒