Техническое задание

ТЗ  на разработку сайта bratskles.ru 

Содержание:

  1. Общие требования к системе
  2. Структура сайта+бекенд каждого раздела
    1. Главная страница
    2. О компании
    3. Продукция и цены
    4. Услуги
    5. Акции (спецпредложения)
    6. Портфолио (наши работы)
    7. Полезное
    8. Контакты
  3. Функционал WYSIWIG-редактора
  4. Общие элементы
  5. Глоссарий

  6. Одна языковая версия - русская.
  7. Простой и понятный в плане юзабилити
  8. Сайт должен корректно отображаться в следующих браузерах: IE7+, FF3+, Opera 9.52, 9.6, 10 +, Google Chrome, Safari 4+ (for Mac)
  9. Админ-часть (в дальнейшем - бекэнд) -  простая и интуитивно понятная, без перегруженности функционалом. 

1.  Общие требования:

  1. Одна языковая версия - русская.
  2. Простой и понятный в плане юзабилити
  3. Сайт должен корректно отображаться в следующих браузерах: IE7+, FF3+, Opera 9.52, 9.6, 10 +, Google Chrome, Safari 4+ (for Mac)
  4. Админ-часть (в дальнейшем - бекэнд) -  простая и интуитивно понятная, без перегруженности функционалом. 

2.Структура сайта

 Для каждой страницы в бекенде есть возможность редактировать следующие параметры:

  • Заголовок страницы (title)
  • Описание страницы(description)
  • Ключевые слова
  • URL  страницы (если он не формируется автоматически)

 

2.a. Главная страница

На главной странице располагаются поля:

  • О компании (текстовое поле)
  • Слайд фото
  • Рекламный блок «специальное предложение»
  • Рекламный блок «новинки»
  • Блоки «наша продукция»

Функционал бекэнда:

  • Редактирование контента текстового блока
  • Добавление/удаление фотографий в слайд фото

 

2. b. О компании

Текстовая страница с возможностью добавлять фото.

Содержит поля:

  • текстовое поле

Функционал бекэнда:

  • Редактирование контента текстового блока
  • Добавление/удаление фотографий

 

2.с. Продукция и цены

В разделе «продукции» отображаются блоки продукции- название продукции с фото иконкой. При клике на выбранную продукцию пользователь попадает на страницу полного описания. Страница полного описания продукции содержит текст, изображение продукции, таблицу с ценами, кнопку «скачать прайс».

Раздел "продукция и цены" включает:

  • Название продукции (отображается в блоке «продукция» на главной и промежуточной страницах)
  • Фото иконка продукции
  • Полное текстовое описание продукции
  • Фото

Функционал бекенда:

  • Добавление/удаление продукции
  • Редактирование текста
  • Редактирование цен в таблице
  • Редактирование ссылки для кнопки «скачать прайс»
  • Добавление/удаление фото

 

2. d.   Услуги

Текстовая страница с возможностью добавлять фото.

Содержит поля:

  • текстовое поле

Функционал бекэнда:

  • Редактирование контента текстового блока
  • Добавление/удаление фотографий

 

2. e.   Акции (спецпредложения)

На каждой странице до 10 текстовых блоков с кратким содержанием 10 акций. Если больше, то пагинатор (разбивка на страницы, добавление страницы, переход на следующую страницу, кнопка "назад" и "вперед"). С «читать далее» переход на страницу полного текста.

Акция, в контексте данного проекта - это сущность, основные атрибуты которой:

  • Заголовок акции
  • Краткое описание акции       
  • Полный текст
  • Дата публикации

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

Функционал бекенда:

  • редактирование контента текстового блока
  • добавление/удаление фото

ФОТО.  В  полном тексте акции возможна загрузка фото. Фото более 500 px по ширине автоматически уменьшаются до размера в 500 px по ширине. Фото равняется по левому центру текстового блока и имеет отступ от текстового блока 15 px от текста вниз и вверх.

 

2. f. Портфолио

В разделе «портфолио» отражается блок краткого описания с фотграфией. На 1 страницу выводится до 10  единиц. Если больше, то пагинатор (разбивка на страницы, добавление страницы, переход на следующую страницу, кнопка "назад" и "вперед").

Блок краткого описания включает:

  • Заголовок
  • Одно небольшое фото (иконка фото)
  • Краткое текстовое описание
  • Переход «читать далее» к полному описанию

Полное описания включает:

  • Заголовок
  • Полное текстовое описание
  • Фотогалерея

Функционал фотогалереи:

  • добавление/удаление фотографий
  • автоматическое пережатие фото до 800 px  по большому краю фото
  • автоматическое уменьшение фото до размера превью согласно макету

Количество фотографий в фотогалереи неограниченно. Фотогалерея отображается как упорядоченный список превью (размер превью согласуется по дизайну). При нажатии на превью, открывается лайтбокс с большими фотографиями.

Функционал бекенда:

  • Добавление/редактирование/удаление «продукции»

 

2. g.   Полезное

На каждой странице до 10 текстовых блоков с кратким содержанием 10 статей. Если больше, то пагинатор (разбивка на страницы, добавление страницы, переход на следующую страницу, кнопка "назад" и "вперед"). С «читать далее» переход на страницу полного текста.

Статья, в контексте данного проекта - это сущность, основные атрибуты которой:

  • Заголовок статьи
  • Краткое описание статьи
  • Полный текст
  • Дата публикации  

Функционал бекенда:

  • редактирование контента текстового блока
  • добавление/удаление фото

ФОТО.  В  полном тексте акции возможна загрузка фото. Фото более 500 px по ширине автоматически уменьшаются до размера в 500 px по ширине. Фото равняется по левому центру текстового блока и имеет отступ от текстового блока 15 px от текста вниз и вверх.

 

2. h. Контакты

Раздел состоит из текстового блока и карты проезда Google.

Функционал бекэнда:  
редактирование контента страницы

3. Функционал WYSIWIG-редактора

    Функционал WYSIWIG-редактора:

  • Форматирование текста
  • Добавление/удаление фото

4. Общие элементы

    Элементы, которые отображаются на всех страницах сайта.  

  • Навигационное меню
  • Футер (копирайты и контакты разработчиков)
  • Контакты: 2 номера телефонов
  • Дерево услуг

5. Глосарий

Бекэнд (back-end)— административная часть сайта, доступная только для пользователей с административными привилегиями. Позволяет управлять содержимым сайта, настройками сайта и т.д.

Систе́ма управле́ния содержи́мым (конте́нтом) (CMS) — компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления текстовыми и мультимедиа документами (содержимым).

Фреймворк (framework — каркас) — в информационных системах структура программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта. В его состав могут входить вспомогательные программы, библиотеки кода, язык сценариев и прочее.

Yii — это высокоэффективный основанный на компонентной структуре PHP-фреймворк для разработки масштабных веб-приложений. Он позволяет максимально применить концепцию повторного использования кода и может существенно ускорить процесс веб-разработки.

WYSIWYG редактор (является аббревиатурой от англ. What You See Is What You Get, «что видишь, то и получишь») — свойство прикладных программ, в которых содержание отображается в процессе редактирования и выглядит максимально близко похожим на конечную продукцию, которая может быть печатным документом, веб-страницей, слайд-презентацией или даже использоваться для освещения театральных событий.

Открытое программное обеспечение —программное обеспечение с открытым исходным кодом. Исходный код программ доступен для просмотра, изучения и изменения, а также возможность использовать кода для создания новых программ и исправления в них ошибок.

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

 

Описания проекта, а так же цену на данный проект вы можете посмотреть у нас в портфолио.