Техническое задание по функционалу сайта

Техническое задание по функционалу сайта
Главная страница (Макет siteAIB main 1.2.jpg):
1. http://prntscr.com/37sr5h - сделать возможность отключать языковые значки (через
галочку). Если значек отключен, он не показывается на страницах сайта, но при
этом языковая версия (по прямой ссылке) доступна.
2. Возможность менять контактные данные (телефон и емейл) в шапке сайта.
3. В главном меню хедера http://prntscr.com/37stl0, на всех двух уровнях, необходима
возможность управлять пунктами меню - редактировать/удалять/добавлять при
необходимости. Создавать вложенность можно на любом дочернем уровне(1-м
уровне). - Меню будет только до 2 уровня - http://prntscr.com/38cun4
4. Слайдер должен быть динамическим http://prntscr.com/37svom, функционал описал
раньше. Возможность управлять слайдами через панель администрации удалять/добавлять/редактировать.
5. http://prntscr.com/37sxkc. Перед слайдом есть возможность разместить текст, но
если нет текста, слайд поднимается кверху. На Одном слайде выводим 6
логотипов. Каждый логотип должен быть с ссылкой на подробную страницу
партнера (члена). Нужно сделать возможность управлять позицией размещение
члена. Например, я хочу 6 партнера поставить первым, захожу в админку и
выставляю. Можно сделать этот как отельный список, с стрелочками перемещения
или в редактирование партнера, выставлять число, что и будет признаком
позиции. Здесь не принципиально как будет реализовано, главное возможность.
6. http://prntscr.com/37t4r2 - 5 причин. Здесь необходимое полное управление редактировать заголовок, 5 причин (картинки и пункты), описательный текст в
каждой причине. Высота каждого описательного текста http://prntscr.com/37t59y
плавающая. При нажатии на причине или пункте http://prntscr.com/37t5lk,
показывается описательный текст http://prntscr.com/37t5px. По умолчанию открыта
первая причина.
7. http://prntscr.com/37t7cv поиск по всему сайту. Результат поиска выводить на
отдельно странице. На странице результатов выводим кол-во найденных
результатов и ключевое слово по которому был поиск. Пример http://prntscr.com/37t890
8. Две последних (самых свежих) новости под поиском выводим с рубрики “Новости”.
Автоматический вывод.
9. Кнопка “Вступить в Ассоциацию” http://prntscr.com/37tb38”, при нажатии
перебрасывает на страницу “ Членство Ассоциации”. Необходима возможность
редактировать ссылку что привязываться к кнопке.
10. Банер “Связаться с нами” - при нажатии перебрасывает в раздел контактов.
11. http://prntscr.com/37tdr2 возможность управлять меню
Добавлять/редактировать/удалять.
12. Правовая информация в футере тоже редактируется с панели администрации.
13. Ссылка на знак качества тоже с возможностью редактирования.
14. Контактные данные (емейл и телефон) редактируются через панель
администрации.
15. http://prntscr.com/37tiab возможность редактировать текст и ссылку. Год
проставляется автоматически. Если наступит 15, то он смениться автоматом.
Об ассоциации (Макет siteAIB 2.1.1.jpg)
1. Текстовая страница, где центральная часть разбита на две части - правая и левая.
В правой части расположены поиск, меню, кнопка вступить в ассоциацию, новости
(2 последних) и банер “связаться с нами”. Функциональность этих элементов точно
такой как на главной странице. Меню - это вторая вложенность раздела “Об
ассоциации”. Всегда подсвечиваем пункт в котором находимся. В левой части
находиться основная часть контента. По высоте, страница должна быть
динамичной. В тексте есть заголовки, картинки, нумерованные маркерованные
списки, ссылки. Хлебные крошки присутсвуют. Хедер и футер как на главной,
только в основном меню ,подсвечиваем актуальный раздел.
Обращение основателя (Макет siteAIB 2.2.1.jpg)
1. Данный раздел соответствует функциональности раздела “Об Ассоциации”
(смотреть выше).
Правовые документы (Макет siteAIB 2.3.jpg)
1. Правая часть центральной области http://prntscr.com/382xsi точно такая как
описано в разделе “Об ассоциации”, макет siteAIB 2.1.1.jpg. В левой части
находится список файлов для просмотра и загрузки. Возможность управлять
позициями - создавать/редактировать/удалять и перемещать (например, если
нужно последнюю позицию поставить первой, то это можем сделать сами с панели
администрации). Возможнсоть создавать неограниченное кол-во позиций. Одна
позиция это http://prntscr.com/3831ax - пиктограмма, названия, иконка согласно
расширения файла и размер файла. Хедер и футер как как описано в разделе
“главная страница”.
Структура Ассоциации (Макет siteAIB 2.4.jpg)
1. Правая часть центральной области http://prntscr.com/382xsi точно такая как
описано в разделе “Об ассоциации”, макет siteAIB 2.1.1.jpg. В левой части
находиться схема (ставим пока картинкой), ниже биографии членов Ассоциации.
Количество биографий будет больше, по этому нужно возможность управлять этим
списком - добавлять/редактировать/удалять. Хедер и футер как как описано в
разделе “главная страница”.
Членство Ассоциации (Макет не создан)
1. Данный раздел соответствует функциональности раздела “Об Ассоциации”
(смотреть выше).
Миссия Ассоциации (Макет не создан)
1. Данный раздел соответствует функциональности раздела “Об Ассоциации”
(смотреть выше).
Члены Ассоциации (Макет siteAIB 3.1.1.jpg и siteAIB 3.2.1.jpg)
1. siteAIB 3.1.1.jpg - список всех членов ассоциации. На списке выводим логотип
(картинка должна автоматические сжиматься (ресайз)), название компании. Лого и
ссылка должны быть ссылкой на подробную страницу компании. Нужно
предусмотреть, если нет описательного текст компании (поле не заполненное) то
подробной страницы тоже не должно быть. На странице не нужно делать
постраничной навигации, выводим все позиции с базы. При наведение на логотип
компании (активность курсора), картинке прописывался бордер оранжевого цвета http://prntscr.com/383i2o. Хедер и футер как как описано в разделе “главная
страница”.
Новости (Макет siteAIB 4.1.3.jpg и siteAIB 4.1.4.jpg)
1. siteAIB 4.1.3.jpg - список новостей. Область разделяется на две части. В правой
области ,в само размещена сортировка по рубрикам (возможность самому
создавать/редактировать/удалять). На видимой области выводим 3 рубрики +
кнопку “по дате” что будет по умолчанию, остальные прячем вот в такой
выпадающий список http://prntscr.com/384dvh. Предлагаю эту кнопку
http://prntscr.com/384hqm переименовать “все новости”. Под сортировкой выводим
список новостей - картинка, заголовок, дата, краткий описательный текст и кнопка
подробнее. Краткий описательный текст не должен быть больше 250 символов.
Кнопка “Подробнее” не должна быть ниже основной фотографии. Список разбит на
страницы. На списке выводим 12 новостей. Самые свежие новости выводим
сверху. Предлагаю список новостей делать как единый список, а в самой новости
отмечать в какую рубрику данная новость относиться. Одновременно, одна
новость может быть привязана к нескольким рубрикам. В правой части, кроме
календаря, такой как описано в разделе “Об ассоциации”, макет siteAIB 2.1.1.jpg.
Календарь, это своего рода навигатор по архиву новостей. Если мы нажимаем на
дату, показываются новости что были размещены в этот день календаря.
2. siteAIB 4.1.4.jpg - подробная страница. Левая часть точно такая как на списке
(функциональность такая же). В правой части находиться Заголовок, дата,
основная картинка, описательный текст и кнопки соцсетей. Основная картинка
ресайзится самостоятельно, она должна быть больше той что на списке. В тексте
может быть ссылки, картинки, маркированный и нумерованный список.Под кнопки
“мне нравится” это должно быть отдельное поле <textarea> и под кнопки
поделиться это будет второе поле <textarea>. Хедер и футер как как описано в
разделе “главная страница”.
Видеоархив (siteAIB 4.4.1.jpg)
1. siteAIB 4.2.2.jpg - список видеоматериалов. Видео на свой хостинг не планируем
размещать, будем подгружать с ресурсов. Область разделяется на правую и
левую часть. Левая часть точно такая как на списке (функциональность такая же).
В правой части находиться список материалов. Позиция - фото, заголовок и дата.
Подробной странице для видео нет. На странице выводим 24 позиции. При клике
на позицию, открывается видео в лайтбоксе - siteAIB 4.2.3.jpg. Пиктограмма видео
http://prntscr.com/384mis, в каждой позиции необходимо налаживаем на фото.
Когда наводим на фото, фотка заливается полупрозрачным черным фоном с
пиктограммой. Названия тоже ссылкой. Хедер и футер как как описано в разделе
“главная страница”.
Фотоархив (siteAIB 4.3.1.jpg)
1. siteAIB 4.3.1.jpg - список фотоматериалов. Область разделяется на правую и
левую часть. Левая часть точно такая как на списке (функциональность такая же).
В правой части находиться список категорий фотоотчетов. Каждая категория
содержи список фотографий siteAIB 4.3.2.jpg. при клике на фотографию,
открывается в лайтбоксе оригинальном размере. Каждая категория содержит не
ограниченное кол-во фтогрфий. На списке категорий есть постраничная навигация.
на одной странице выводим 24 позиции. Главное изображение, что презентует
категорию должно ресайзиться автоматически. Фотографии на списке, точно
также. Пиктограмма http://prntscr.com/385e74 проставляется автоматически. Хедер
и футер как как описано в разделе “главная страница”.
СМИ о нас (siteAIB 4.4.1.jpg)
1. Правая часть центральной области http://prntscr.com/382xsi точно такая как
описано в разделе “Об ассоциации”, макет siteAIB 2.1.1.jpg. В левой части
расположен список. Список разбит на страницы. На одной странице выводим 18
позиций. Каждая позиция это картинка, заголовок, источник (если есть),
возможность загрузить файл (если загружен файл, выводим иконку по формату
файла и размер файла). Визуальное размещение вот такое
http://prntscr.com/3848vf. Если позиция для загрузки файла, то нет подробной
страницы, только возможность загрузить файл. Если позиция с подробным
описанием (заполненное поле) тогда есть подробная страница и там детальный
текст, если позиция просто картинка (не заполн.подробное поле) тогда просто
просмотр картинки через лайтбокс. Хедер и футер как как описано в разделе
“главная страница”.
Мы в соцсетях (siteAIB 4.5.jpg)
1. Правая часть центральной области http://prntscr.com/382xsi точно такая как
описано в разделе “Об ассоциации”, макет siteAIB 2.1.1.jpg. В левой части
размещен описательный текст (он будет не большой, 2-3 строки), а ниже
расположен список блоков от социальных сетей. Возможность управлять блоком
(списком) - добавлять/удалять/редактировать. Думаю будет проще, если под
социальные блоки, создадите поле <textarea> и мы сами будем вставлять js код.
Под текст редактор. Хедер и футер как как описано в разделе “главная страница”.
FAQ - часто задаваемые вопросы(siteAIB 5.4.jpg)
1. Правая часть центральной области http://prntscr.com/382xsi точно такая как
описано в разделе “Об ассоциации”, макет siteAIB 2.1.1.jpg. В левой части
расположен описательный текст и список вопросов с ответами. По умолчанию, все
вопросы на ответы скрыты, видны только вопросы. Пи нажатии на область вопроса
(http://prntscr.com/383x4l) показывается ответ ниже, при повторном щелчке, ответ
скрывается. Размер текст в ответах и вопросах может быть разные, ограничений
по символах не должно быть. Список не ограничен. В панели администрацие
должно быть два поля, все остальные скрипты и эффекты генерировались и
подключались самостоятельно (это я к тому, что если создавать как текст в
текстовом редакторе под этот список не подходит). Постраничной навигации нет.
Хедер и футер как как описано в разделе “главная страница”.
Контакты (siteAIB 6.4.jpg)
1. В разделе контактов, центральная область не разделяется на блоки. Одна целая
область. Возможность управлять контактными данными, которые находятся над
картой. Интерактивная карата от Гугла, по всей ширине страницы. Под карту
сделать отдельное поле <textarea>. Обратная связь, что ниже карты, содержит
такие поля: ФИО, Е-майл, Тема, Сообщение, Прикрепить файл. Все поля
обязательные, кроме поля “Прикрепить файл”. В панели администрации есть
возможность управлять емейл адресом, на который будет уходить заявки. В
правой части, от формы расположен текст (возможность модерации в панели
администрации). После отправки, выводим сообщение “Спасибо. Ваша заявка
принята и в ближайшее время будет рассмотренная” - возможность редактировать
с панели адмнистрации. Если поля были не правильно заполнены, то их нужно
подсвечивать. Хедер и футер как описано в разделе “главная страница”.