Приложение № 1к Договору № 1

От «01» сентября 2017 г.

УТВЕРЖДАЮ

Генеральный директор

ООО «Заказчик»

__________________Заказчик З.З.

«15» сентября 2017 г.

УТВЕРЖДАЮ

Генеральный директор

ООО «Исполнитель»

_______________Исполнитель И.И.

«15» сентября 2017 г.

ТЕХНИЧЕСКОЕ ЗАДАНИЕ

на разработку информационного портала itplus.org.ua

на 27 листах

г. Харьков, 2017

ТЕРМИНЫ, ИСПОЛЬЗУЕМЫЕ В ТЕХНИЧЕСКОМ ЗАДАНИИ

Администратор – лицо, осуществляющее от имени Заказчика

информационную поддержку сайта

Заказчик – лицо, представляющее интересы ООО «Заказчик»;

Исполнитель – лицо, представляющее интересы ООО

«Исполнитель»;ИT – информационные технологии;

Сайт – разрабатываемый информационный портал

itplus.org.ua;Footer – это блок в нижней части страницы, куда выносят

полезную, но не первостепенную информацию;Header – это блок в верхней части страницы сайта, в

котором, как правило, размещается логотип и слоган

сайта, краткая контактная информация, основное

горизонтальное меню и другие элементы, которые

считаются наиболее важными в зависимости от

специфики ресурса;Sidebar – сайдбар, боковая панель сайта, элемент,

графически отделённый от остальных. Содержит как

навигационные, так и информационные элементы;WYSIWYG редактор – редактор языка HTML, имеющий возможности по

работе в текстовом режиме и в режиме WYSIWYG

(What You See Is What You Get). В режиме

WYSIWYG элементы HTML страницы при

редактировании представляются в том же виде, что и

при просмотре.

СОДЕРЖАНИЕ

2

Стр.

1. Общие сведения………………………………………………………. 5

1.1.Перечень выполняемых работ (этапы работ)………………. 5

1.2.Контактные данные Заказчика……………………………….. 6

1.3.Перечень документов, на основе которых создается Сайт… 6

1.4.Плановые сроки начала и окончания работ по созданию

Сайта……………………………………………………………….. 6

2. Назначение и цель создания Сайта………………………………….. 7

2.1. Назначение Сайта…………………………………………….. 7

2.2.Цель создания Сайта………………………………………….. 7

2.3.Целевая аудитория Сайта…………………………………….. 7

2.4.Основные задачи Сайта………………………………………. 8

3. Требования к Сайту и программному обеспечению……………….. 8

3.1.Требования к программному обеспечению ………………… 8

3.2.Требования к средствам просмотра Сайта………………….. 8

3.3.Требования к стилистическому оформлению и дизайну

Сайта……………………………………………………………….. 9

3.4.Требования к шрифтовому оформлению Сайта…………….. 9

3.5.Требования к системе управления контентом Сайта……….. 9

3.6.Требования к надежности Сайта…………………………….. 10

4. Структура Сайта……………………………………………………… 10

5. Навигация по Сайту…………………………………………………... 126. Дизайн Сайта………………………………………………………….. 137. Описание страниц сайта……………………………………………… 13

7.1. Главная страница……………………………………………. 13

7.2. Курсы………………………………………………………….. 177.3. Новости……………………………………………………….. 17

7.4. Отзывы………………………………………………………... 18

7.5. Контакты……………………………………………………… 19

3

Стр.

8. Уникальные страницы……………………………………………….. 20

9. Описание функционала разделов сайта……………………………... 25

10. Контент и наполнение сайта………………………………………... 27

11 Заключение…………………………………………………………… 11

1. ОБЩИЕ СВЕДЕНИЯ

4

1.1. Перечень выполняемых работ (этапы работ)

1. Составление технического задания.

2. Изучение и анализ сайтов конкурентов.

3. Сбор семантического ядра.

4. Проектирование информационной архитектуры Сайта.

5. Прототипирование страниц.

6. Разработка уникального дизайна Сайта.

7. Адаптивная кроссбраузерная верстка согласно дизайну.

8. Тестирование верстки.

9. Интеграция сверстанных html страниц с CMS WordPress.

10. Работа над функциональной частью Сайта.

11. Функциональное тестирование и устранение багов.

12. Первичное наполнение контентом.

13. Комплексное тестирование Сайта на соответствие техническому

заданию.

14. Устранение багов по результатам комплексного тестирования.

15. Перенос Сайта на домен и хостинг клиента.

16. Приемочное тестирование Сайта и устранение багов.

17. Подготовка сопроводительной документации.

18. Сдача проекта.

1.2. Контактные данные Заказчика

5

Заказчик:

• ООО «Заказчик».

Контактное лицо: • Бондаренко Анатолий Игоревич.Контактная информация:

• Email: anatoliybon13@gmail.com

• Мобильный телефон: 095-867-44-78

• Skype: bondarenko_anatoliy13

• Telegram: @bondarenko_anatoliy13

• Facebook: https://facebook.com/anatoliybondarenko13

1.3. Перечень документов, на основе которых создается Сайт

• Бриф на создание Сайта.

• Договор: текст договора, техническое задание, смета, календарный план.

Файлы:

• Content.zip – текстовые и графические материалы для наполнения

разделов.

1.4. Плановые сроки начала и окончания работ по созданию СайтаЭтапы работ Сентябрь Октябрь

1. Составление технического задания 18.09 – 20.092. Изучение и анализ сайтов конкурентов 21.09 – 22.093. Сбор семантического ядра 25.094. Проектирование информационной архитектуры Сайта

26.09

5. Прототипирование страниц 27.09 – 29.096. Разработка уникального дизайна Сайта 02.10 – 04.107. Адаптивная кроссбраузерная верстка согласно дизайну

05.10 – 09.10

8. Тестирование верстки 10.109. Интеграция сверстанных html страниц с CMS WordPress

11.10 – 13.10

10. Работа над функциональной частью Сайта 16.10 – 17.1011. Функциональное тестирование и устранение багов

18.10

12. Первичное наполнение контентом 19.1013. Комплексное тестирование Сайта на 20.10

6

соответствие техническому заданию14. Устранение багов по результатам комплексного тестирования

23.10

15. Перенос Сайта на домен и хостинг клиента 24.1016. Приемочное тестирование Сайта и устранение багов

25.10

17. Подготовка сопроводительной документации 26.1018. Сдача проекта 27.10

2. НАЗНАЧЕНИЕ И ЦЕЛЬ СОЗДАНИЯ САЙТА

2.1. Назначение Сайта

Основным назначением Сайта является оказание информационных услуг

пользователям сети Интернет, интересующимся сферой ИT.

2.2. Цель создания Сайта

Своевременное информирование пользователей сети Интернет о

современных тенденциях в сфере ИT, а также оказание услуг рекламного

характера компаниям, на прямую или косвенно связанными со сферой ИT.

2.3. Целевая аудитория Сайта

Целевая аудитория Сайта представлена следующими группами

пользователей:

• интересующиеся сферой ИT пользователи сети Интернет не зависимо от

возраста, пола, уровня знаний (сайт ориентирован как на новичков, так и

профессионалов в сфере ИT);

• средства массовой информации;

• представители рекламных агентств.

2.4. Основные задачи Сайта

7

Сайт должен:

а) идентифицировать информационный портал itplus.org.ua как надежного и

стабильного партнера, осуществляющую информационную поддержку целевой

аудитории во всех вопросах, связанных со сферой ИТ.

б) поддерживать образ

• серьезного партнера и умного рекламного представителя;

• успешной и стабильной компании, с которой легко работать;

• прогрессивной и инновационной компании.

3. ТРЕБОВАНИЯ К САЙТУ И ПРОГРАММНОМУ ОБЕСПЕЧЕНИЮ

3.1. Требования к программному обеспечению сайта

Требования к программному обеспечению серверной части:

• место на диске – не меньше 500 Мb;

• версии PHP – от 5.2 и выше;

• базы данных – минимум одна;

• почтовые ящики – минимум 2;

• возможность резервного копирования.

Технические требования к компьютеру Администратора:

• процессор – частота не ниже 1,6 Ghz;

• оперативная память – не ниже 512 Mb.

3.2. Требования к средствам просмотра Сайта

Сайт должен обеспечивать корректное отображение данных в следующих

браузерах:

• Internet Explorer – версии 10, 11, Edge. Для 9-й версии допускается

неточность;

• Mozilla Firefox (последняя стабильная версия на момент начала верстки

страниц);

8

• Google Chrome (последняя стабильная версия на момент начала верстки

страниц);

• Яндекс Браузер (последняя стабильная версия на момент начала верстки

страниц);

• Opera (последняя стабильная версия на момент начала верстки страниц);

• Safari (последняя стабильная версия на момент начала верстки страниц).

3.3. Требования к стилистическому оформлению и дизайну Сайта

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

дизайнерских элементов.

• Основная цветовая гамма – серый (#f2f2f2), синий (#0000ff, #0e81ce),

красный (#c52f31).

• Без использования flash, музыки и т.д. (flash можно использовать только

для баннеров).

3.4. Требования к шрифтовому оформлению Сайта

• Использование шрифтов «без засечек» (Arial).

• Размер (кегль) шрифтов должен обеспечивать удобство восприятия текста

при минимально допустимом размере экрана.

3.5. Требования к системе управления контентом Сайта

Система управления контентом Сайта должна обеспечить Администратору

возможность выполнения следующих действий:

• возможность изменения структуры сайта, добавление и удаление рубрик,

записей, страниц;

• древовидное, наглядное меню, повторяющее структуру сайта;

• возможность визуального редактирования текстов, таблиц и изображений;

• автоматические функции обработки изображений (создание привью,

масштабирование);

9

• возможность вносить изменения в дизайн сайта (html-шаблоны) типовых

страниц;

• возможности по редактированию мета-данных рубрик, записей, страниц.

3.6. Требования к надежности Сайта

• Доступ к системе управления контентом ограничен паролем и

осуществляется лишь после аутентификации Администратора.

• Обеспечить безопасный и конфиденциальный обмен информацией между

веб-сайтом и устройством, которое использует пользователь для доступа в сеть

(настроить https):

– всю передаваемую информацию шифровать для исключения

возможности ознакомления с ней посторонних лиц;

– фиксировать любые изменения или искажения передаваемых

данных, в независимости от того, преднамеренно они совершаются или случайно;

– реализовать защиту от атак с перехватом для гарантирования

безопасной аутентификации Администратора на сайте.  

4. СТРУКТУРА САЙТА

01. Главная02. IT компании03. Интересные рубрики

03.1. Курсы03.1.1. Новости 03.1.2. Куда пойти учиться? 03.1.3. Курсы для начинающих 03.1.4. Курсы web разработки 03.1.5. Бесплатные курсы03.1.6. Разное

03.2. Обучение03.2.1. Новости 03.2.2. Конференции 03.2.3. Вебинары 03.2.4. Видео 03.2.5. Литература

10

03.2.6. Разное03.3. Работа

03.3.1. Новости 03.3.2. Вакансии 03.3.3. Частичная занятость 03.3.4. Удаленная работа 03.3.5. Стажировка, практика03.3.6. Разное

03.4. SEO03.4.1. Новости 03.4.2. SEO аудит 03.4.3. SEO услуги 03.4.4. SEO анализ онлайн 03.4.5. SEO самостоятельно03.4.6. Разное

03.5. Web разработка03.5.1. Новости 03.5.2. Основы web разработки 03.5.3. Технологии web разработки 03.5.4. Сайт под ключ 03.5.5. Wordpress03.5.6. Разное

03.6. Тестирование03.6.1. Новости 03.6.2. Основы тестирования 03.6.3. Виды тестирования 03.6.4. Web тестирование 03.6.5. Тестирование приложений03.6.6. Разное

03.7. Программирование03.7.1. Новости 03.7.2. Языки программирования 03.7.3. Программирование с нуля 03.7.4. ООП 03.7.5. Разработка web приложений03.7.6. Разное

03.8. Game разработка 03.8.1. Новости 03.8.2. Этапы разработки игры 03.8.3. Среды разработки игр 03.8.4. Разработка мобильных игр 03.8.5. Разработка 2d игр03.8.6. Разное

03.9. Безопасность03.9.1. Новости

11

03.9.2. Информационная безопасность 03.9.3. Проверка безопасности 03.9.4. Безопасность сайта 03.9.5. Настройки безопасности сервера03.9.6. Разное

03.10. Управление, аналитика03.10.1. Новости 03.10.2. Управление проектами 03.10.3. Agile методология 03.10.4. Интернет аналитика 03.10.5. Web аналитика03.10.6. Разное

03.11. Серверные технологии03.11.1. Новости 03.11.2. Программирование серверов 03.11.3. Ошибка сервера 03.11.4. Онлайн сервер 03.11.5. Тестовый сервер03.11.6. Разное

03.12. Заработок в Интернете03.12.1. Новости 03.12.2. Интернет реклама 03.12.3. Продажа ссылок 03.12.4. Продажа сайтов 03.12.5. Полезные советы03.12.6. Разное

04. Новости05. Отзывы06. Рекламодателям07. Контакты08. Политика конфиденциальности09. Карта сайта

5 НАВИГАЦИЯ ПО САЙТУ

• Основные разделы сайта должны быть доступны с первой страницы.

• Главное меню содержит ссылки на страницы с 01-й по 07-ю. Пункт меню

03 содержит подпункты меню 03.1 – 03.12.

• Футер содержит ссылки на страницы с 01-й по 09-ю и на подкатегории

03.1 – 03.12.

12

• На каждой странице в Sidebar справа отражаются ссылки на 10 Последних

новостей и 10 Популярных новостей.

• Sidebar справа и перед футером содержат баннеры в виде ссылок на

рандомные страницы сайта.

6. ДИЗАЙН САЙТА

• Разработка и согласование макетов следующих уникальных страниц Сайта: – 01. Главная;

– 03.1. Курсы (страницы 03.2 – 03.12 имеют аналогичную структуру и вид);

– 04. Новости (страницы 03.1.1. – 03.12.1. имеют аналогичную структуру и вид);

– 05. Отзывы;

– 07. Контакты;

– остальные страницы – текстовые и прорисовки макета не требуют.

• Адаптивная верстка под различные устройства – макеты рисуются для

разрешений 1980px и 320px.

• На главной странице не должно быть большого объема текстовой

информации.

• В дизайне сайта не должны присутствовать:

– мелькающие баннеры;

– анимация;

– сливающийся текст.

7. ОПИСАНИЕ СТРАНИЦ САЙТА

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

Главная страница является основной точкой входа на Сайт.

Назначение главной страницы:

• идентифицировать сайт, как информационный портал, ориентированный

на оказание информационных услуг пользователям сети Интернет,

интересующимся сферой ИT;

13

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

• информировать посетителей, впервые пришедших на Сайт, о профиле

деятельности Сайта;

• обеспечивать доступ ко всем основным разделам Сайта (разделам 1-го и 2-

го уровней);

• информировать посетителей о Последних и Популярных новостях портала.

Главная страница должна содержать следующие основные элементы:

• H eader :

– слоган “Сфера информационных технологий. Все об IT” в место логотипа;

– меню со следующей структурой:

* 01. Главная* 02. IT компании* 03. Интересные рубрики (данный пункт не кликабелен,

кликабельны лишь подпункты)03.1. Курсы03.2. Обучение03.3. Работа03.4. SEO03.5. Web разработка03.6. Тестирование03.7. Программирование03.8. Game разработка 03.9. Безопасность03.10. Управление, аналитика03.11. Серверные технологии03.12. Заработок в Интернете

* 04. Новости* 05. Отзывы* 06. Рекламодателям* 07. Контакты

– контактные данные:

* Украина, Харьков, ул. Отакара Яроша, 9А (при клике на иконку

перед адресом попадаем на страницу 7. Контакты);

* it@itplus.org.ua (при клике на иконку перед почтовым адресом

загружается почтовая программа);

* +38 (095) 867-44-78 (при клике на иконку перед телефоном

реализуется возможность совершения звонка на мобильных устройствах);

14

– поиск - по записям сайта (по новостям), результат выводится на

отдельную страницу в виде списка из 10 записей на каждой странице (при

наличии записей больше, нежели 10, появляется пагинация), каждая из записей

содержит заголовок записи и анонс. Заголовок записи является ссылкой. При

нажатии на ссылку осуществляется переход к странице с полным текстом

новости;

– изображение на всю ширину экрана.

• основной блок :

– по центру “IT курсы, обучение, работа, SEO, WEB разработка,

тестирование, программирование, GAME разработка, безопасность, управление,

аналитика, серверные технологии и многое другое ” – в теге h1;

– вступительный текст – “Если Вы энергичны и горите желанием что-то

изменить в своей жизни в лучшую сторону, наш портал - это то, что Вам

необходимо. Мы приоткроем занавес в мир IT. Найти ответы на все

интересующие Вас вопросы Вы сможете только здесь.”;

– блок Новости по ширине экрана с перечнем категорий – 03.1 – 03.12 и

кликабельной ссылкой на страницу 04. Новости;

– 12 категорий (03.1 – 03.12) – 4 ряда, по 3 категории в каждом ряду.

Каждая категория имеет иконку, список подкатегорий и, при клике на “Перейти”,

возможность перехода на страницы 03.1 – 03.12;

• правый S idebar :

– 10 кликабельных заголовков последних новостей (самые свежие новости

по дате), заголовок записи является ссылкой;

– ссылку “Ознакомиться со всеми новостями...” на страницу 04. Новости;

– 10 кликабельных заголовков популярных новостей (самые

просматриваемые новости), заголовок записи является ссылкой;

– баннеры в виде ссылок на 3 рандомных страницы сайта.

15

• аккардеон под основным блоком и правым S idebar (перед аккордеоном

“Почему выбирают именно нас?” – в теге h2), количество блоков в аккордеоне –

3;

• S idebar перед Footer :

– карусель c баннерами в виде ссылок на 4 рандомных страницы сайта

(карусель реализует круговое, зацикленное движение баннеров);

• Footer :

– 4 колонки со ссылками на соответствующие страницы:

* Наш сайт01. Главная02. IT компании04. Новости05. Отзывы06. Рекламодателям07. Контакты

* Интересные рубрики (данный пункт не кликабелен, кликабельны лишь подпункты)

03.1. Курсы03.2. Обучение03.3. Работа03.4. SEO03.5. Web разработка03.6. Тестирование03.7. Программирование03.8. Game разработка 03.9. Безопасность03.10. Управление, аналитика03.11. Серверные технологии03.12. Заработок в Интернете

* Разное08. Политика конфиденциальности09. Карта сайта

* ИнтересноеОзнакомиться со всеми новостями... (ссылка ведет на страницу

04. Новости)– блок для копирайта:

* слева текст “IT+ Copyright © 2017. Все права защищены.”;

* справа ссылка на страницы 01. Главная и 07. Контакты.

16

7.2 Курсы

Назначение страницы:

• информирование пользователей о том, какого рода сведения они могут

найти в данной категории.

Страница 03.1. Курсы должна содержать следующие основные элементы:

• Header (одинаковый на всех страницах, пример брать со страницы

01. Главная);

• основной блок :

– хлебные крошки;

– заголовок “Курсы” – в теге h1;

– 6 подкатегорий (03.1.1. – 03.1.6) – 2 ряда, 4 подкатегории в первом, 2

подкатегории во втором (по центру) ряду. При клике на “Перейти”, есть

возможность перехода в подкатегории 03.1.1. – 03.1.6;

– текст – вступление;

– изображение на всю ширину блока;

– текст – основная часть и заключение;

• правый Sidebar Header (одинаковый на всех страницах, пример брать со

страницы 01. Главная);

• Sidebar перед Footer Header (одинаковый на всех страницах, пример брать

со страницы 01. Главная);

• Footer (одинаковый на всех страницах, пример брать со страницы

01. Главная).

7.3 Новости

Назначение страницы:

• информирование пользователей о актуальных новостях, происходящих в

сфере ИТ.

Страница 04. Новости должна содержать следующие основные элементы:

• Header (одинаковый на всех страницах, пример брать со страницы

01. Главная);

17

• основной блок :

– хлебные крошки;

– заголовок “Новости” – в теге h1;

– 10 новостей, расположенных в 5 рядов, в каждом из которых по 2 новости

(при наличии записей (новостей) больше, нежели 10, появляется пагинация),

каждая из записей содержит заголовок записи, изображение и анонс. Заголовок

записи, а также “Читать далее” являются ссылками. При нажатии на ссылку

осуществляется переход к странице с полным текстом новости;

• правый Sidebar Header (одинаковый на всех страницах, пример брать со

страницы 01. Главная);

• Sidebar перед Footer Header (одинаковый на всех страницах, пример брать

со страницы 01. Главная);

• Footer (одинаковый на всех страницах, пример брать со страницы

01. Главная).

7.4 Отзывы

Назначение страницы:

• получение обратной связи от пользователей в виде отзывов и

рекомендаций.

Страница 05. Отзывы должна содержать следующие основные элементы:

• Header (одинаковый на всех страницах, пример брать со страницы

01. Главная);

• основной блок :

– хлебные крошки;

– заголовок “Отзывы” – в теге h1;

– 10 отзывов, каждый из которых расположен по всей ширине блока (при

наличии отзывов больше, нежели 10, появляется пагинация), каждый из отзывов

содержит фотографию пользователя, отзыв, имя пользователя, дату публикации

отзыва, рейтинг;

– форму “Оставить отзыв” со следующими полями:

18

* Ваше имя – поле, обязательное для заполнения;

* Ваш e-mail – поле с валидацией, обязательное для заполнения;

* Тема;

* Сообщение;

* Капча;

• правый Sidebar Header (одинаковый на всех страницах, пример брать со

страницы 01. Главная);

• Sidebar перед Footer Header (одинаковый на всех страницах, пример брать

со страницы 01. Главная);

• Footer (одинаковый на всех страницах, пример брать со страницы

01. Главная).

7.5. Контакты

Назначение страницы:

• предоставление пользователям контактных данных представителей Сайта.

Страница 07. Контакты должна содержать следующие основные элементы:

• Header (одинаковый на всех страницах, пример брать со страницы

01. Главная);

• основной блок :

– хлебные крошки;

– заголовок “Контакты” – в теге h1;

– интерактивную карту с пометкой маркером адреса офиса;

– дополнительные контактные данные:

* мы в Facebook (при клике на иконку перед надписью загружается

страница https://www.facebook.com/PlusITplus в новом окне);

* it@itplus.org.ua (при клике на иконку перед почтовым адресом

загружается почтовая программа);

* +38 (095) 867-44-78 (при клике на иконку перед телефоном

реализуется возможность совершения звонка на мобильных устройствах);

19

– форму “Оставить отзыв”, аналогичную странице 05. Отзывы;

• правый Sidebar Header (одинаковый на всех страницах, пример брать со

страницы 01. Главная);

• Sidebar перед Footer Header (одинаковый на всех страницах, пример брать

со страницы 01. Главная);

• Footer (одинаковый на всех страницах, пример брать со страницы

01. Главная).

8. УНИКАЛЬНЫЕ СТРАНИЦЫ

20

21

22

23

24

9. ОПИСАНИЕ ФУНКЦИОНАЛА РАЗДЕЛОВ САЙТА

В основном, внутренние страницы сайта должны быть реализованы в форме

простого контентного раздела – раздела с возможностью вставки произвольного

текста, графики, ссылок на другие разделы и внешние сайты. Подобный раздел

управляется при помощи системы управления контентом с возможностью

использования такого инструмента как «Визуальный редактор».

Исключения:

1. Форма “Оставить отзыв” (страница 05. Отзывы) и “ Форма обратной

связи” (страница 07. Контакты), имеющая следующие поля для заполнения (на 2-х

разных страницах используется одна форма):

* Ваше имя – поле, обязательное для заполнения;

* Ваш e-mail – поле с валидацией, обязательное для заполнения;

* Тема;

* Сообщение;

* Капча.

Отправленный отзыв/сообщение сохраняется в админке сайта и отсылается

на почту it@itplus.org.ua.

Публикация Отзыва происходит только после одобрения Администратора.

2. Блок “Новости”. Публикация новостей происходит автоматически в

указанных категориях. Заголовки 10-ти Последних и 10-ти Популярных новостей

отображается в левом Sidebar на всех страницах сайта.

В архивных страницах располагается по 10 новостей, расположенных в 5

рядов, в каждом из которых по 2 новости (при наличии записей (новостей)

больше, нежели 10, появляется пагинация), каждая из записей содержит заголовок

записи, изображение и анонс. Заголовок записи, а также “Читать далее” являются

ссылками. При нажатии на ссылку осуществляется переход к странице с полным

текстом новости.

3. Блок “Поиск” (в Header) реализует поиск по записям сайта (по новостям),

результат выводится на отдельную страницу в виде списка из 10 записей на

каждой странице (при наличии записей больше, нежели 10, появляется

пагинация), каждая из записей содержит заголовок записи и анонс. Заголовок

25

записи является ссылкой. При нажатии на ссылку осуществляется переход к

странице с полным текстом новости.

4. Блок “Карусель” (в Sidebar перед Footer). Карусель содержит баннеры в

виде ссылок на 4 рандомных страницы сайта (карусель реализует круговое,

зацикленное движение баннеров, каждый новый баннер появляется через 2

секунды).

5. Блок “Комментарии и возможность поделится в соцсетях” (на странице с

полным текстом новости). Реализуется возможность оставлять Like или Dislike, а

также комментарии под новостями на сайте авторизированным в соцсетях

пользователям. Имеется возможность настроить внешний вид новости через

админку, загружаемой в соцсети. Регистрация на сайте, с которой происходит

выгрузка новости – itplus.org.ua, не нужна. Администратор имеет возможность

комментарии, оставленные пользователями под новостями, корректировать или

удалять.

6. Функционал “Dynamic To Top” – реализуется быстрый скрол страницы с

любого места в начало к Header.

7. Функционал “Карта сайта”. Реализуется в HTML формате для

пользователей (на странице 09. Карта сайта для страниц и записей), чтобы помочь

найти нужную информацию.

8. Функционал “Сбор статистики”. Реализуется за счет установки кода

Gogle Analitics и позволяет собирать статистику посещаемости сайта.

9. Функционал “Путь по сайту”. Реализует вывод пути на страницу –

хлебные крошки. Путь на странице должен совпадать с путем, выстроенным в

URL.

10. Настройка SSL сертификата (переезд с http на https).

11. Установка favicon (значок веб-сайта или веб-страницы, отображается

браузером во вкладке перед названием страницы, а также в качестве картинки

рядом с закладкой, во вкладках и в других элементах интерфейса).

12. Функционал, ускоряющий SEO продвижение Сайта:

– “Карта сайта”. Реализуется в XML-формате;

– “Управление мета тегами и заголовками”;

– “ЧПС - человекоподобные ссылки”;

26

– cоставление файла Robots.txt;

– составление файла. htaccess.

10. КОНТЕНТ И НАПОЛНЕНИЕ САЙТА

Заказчик предоставляет материалы в электронной форме в zip-архиве,

содержащем дерево директорий, соответствующих структуре сайта минимум в

объеме, необходимом для начала эксплуатации сайта.

В каждой директории размещается набор документов в формате MS Word –

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

блоки которого опубликованы в соответствующем разделе или странице. Не

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

нетекстовых элементов.

Изображения могут быть размещены как в тексте внутри файла, так и в виде

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

ссылку на изображение в виде указания пути и названия файла изображения.

Материалы для первоначального наполнения разделов должны быть

полностью представлены Исполнителю в сроки, установленные планом-графиком

работ. Допускается передача материалов частями, в нескольких zip-файлах,

соответствующих приведенным требованиям.

11 ЗАКЛЮЧЕНИЕ

В процессе выполнения работы настоящее техническое задание может

уточняться в установленном порядке.

Внесение изменений, уточнений и дополнений в техническое задание

осуществляется по согласованию между Заказчиком и Исполнителем в виде

дополнений к техническому заданию.

27