Верстка сайта + админ панель

Нужно адаптивно, кроссбраузерно сверстать сайт образовательного канала, который интегрируется с CDN.

Макеты:

https://invis.io/CDPF0OB9BZM

https://invis.io/KTPF0OXWDJZ

https://invis.io/F9PF0P06W8R

https://invis.io/36PF39GDCN9

https://invis.io/WSPF39QGYK9

https://invis.io/HUPF4I09JS6

https://invis.io/KTPF0OXWDJZ

Макеты мобильной версии и десктопной в PSD будут готовы 5.12.- 6.12

Требования к верстке https://www.evernote.com/shard/s710/sh/5ae7e420-6eec-4c43-9a61-6a6c6223718d/c1eb27d68c32ce5cecf21d1af2676316

 ТЗ.

Общие положения

1.1 Предмет разработки

Предметом разработки является Интернет-сайт  (далее – Сайт) Тюменского образовательного канала.

Назначение сайта:

-    онлайн трансляция Тюменского образовательного канала, а также хранение архива прошедших трансляций (передач);

-    информирование в сфере образования;

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

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

Основные разделы Сайта доступны на первой странице сайта.

Первая страница должна быть с динамично меняющимся контентом (новости, трансляции, баннеры и т.д.)

Функциональные особенности Сайта:

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

- удобство в навигации позволяет быстро двигаться по сайту в необходимый раздел.

- все необходимые элементы управления находятся в верхней части главной страницы.

- дополнительная информация (элементы управления) перенесена в нижнюю часть страницы.

- ширина страницы сайта адаптивная и подстраивается под любое устройство.

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

3.1.1 Требования к представлению главной страницы сайта

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

Верхняя часть страницы должна содержать:

a.         Логотип сайта

b.         Меню (разделы сайта - 7 вкладок)

с.         Возможность поиска по сайту

d.         Значки социальных сетей с функционалом «найти нас в соцсетях»

Центральная часть страницы должна содержать:

a.         Блок “Видео” (Последнее загруженное видео на сайт)

b.         Блок “Новости” (текстовые с фото + текстовые с видео, текстовые без визуала в одном разделе)

c.         Блок “Рекомендуем” (видео)

d.         Блок “Просто о сложном”/или «Главные новости» (текстовые либо видео)

e.         Блок “Баннеры” (сторонние информационные ресурсы, отдельные ресурсы образовательных учреждений)

Нижняя часть страницы должна содержать:

a.         Меню (дублирование)+карта сайта

b.         Контактные данные

3.1.2 Требования к представлению страницы сайта «Новости

Верхняя часть страницы должна содержать:

a.         Логотип Сайта

b.         Меню (разделы сайта - 7 вкладок)

с.         Возможность поиска по сайту

d.         Значки социальных сетей с функционалом «найти нас в соцсетях»

Центральная часть страницы должна содержать:

Новость и дата

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

a.   Основное фото и/или видео

b.   Дата публикации

c.   Возможность прикреплять файлы

d.   Возможность прикреплять набор фото к новости

e.   Возможность прикреплять видео

Поиск по календарю (при выборе определенной даты выходит весь перечень новостей за данный период времени) 

Кнопка «Предложить новость» 

Нижняя часть страницы должна содержать:

a.         Меню (дублирование)+карта сайта

b.         Контактные данные

3.1.3 Требования к представлению страницы сайта «Архив»

Верхняя часть страницы должна содержать:

a.         Логотип Сайта

b.         Меню (разделы сайта - 7 вкладок)

с.         Возможность поиска по сайту

d.         Значки социальных сетей, с функционалом «найти нас в соцсетях»

Центральная часть страницы должна содержать:

Размещение в формате блоков, загрузка данных автоматически с технологией CDN (далее - CDN)

a.         превью картинка для видео

b.         дата публикации

c.         название видео (коротко)

d.         суммарное количество просмотров с момента размещения

Нижняя часть страницы должна содержать:

a.         Меню (дублирование)+карта сайта

b.         Контактные данные

3.1.4 Требования к представлению страницы сайта «Наши учителя»

Верхняя часть страницы должна содержать:

a.         Логотип Сайта

b.         Меню (разделы сайта - 7 вкладок)

с.         Возможность поиска по сайту

d.         Значки социальных сетей, с функционалом «найти нас в соцсетях»

Центральная часть страницы должна содержать:

1. Возможность размещения фото/видеоновостей с названием, датой публикации.
2. Возможность поиска педагога по названию предмета, номеру школы, имени, регалиям (например, Заслуженный). Поиск с указанием всех параметров необязателен – можно искать как по отдельному, так и по всем параментрам.
3. Возможность детализации новости: текст с возможностью размещения в нем нескольких фото и видео.

Нижняя часть страницы должна содержать:

a.         Меню (дублирование)+карта сайта

b.         Адрес

3.1.5 Требования к представлению страницы сайта «Интересно о сложном»

Верхняя часть страницы должна содержать:

a.         Логотип Сайта

b.         Меню (разделы сайта -7 вкладок)

с.         Возможность поиска по сайту

d.         Значки социальных сетей, с функционалом «найти нас в соцсетях»

Центральная часть страницы должна содержать:

1. Возможность размещения фото/видеоновостей с названием, датой публикации.
2. Возможность поиска сюжета по названию предмета, теме или ключевым словам. Поиск с указанием всех параметров необязателен – можно искать как по отдельному, так и по всем вместе.
3. Возможность детализации новости: видео с небольшим текстовым описанием.

Нижняя часть страницы должна содержать:

a.         Меню (дублирование)+карта сайта

b.         Контактные данные

3.1.6 Требования к представлению страницы сайта «Школьное вещание»

Верхняя часть страницы должна содержать:

a.         Логотип Сайта

b.         Меню (разделы сайта - 7 вкладок)

с.         Возможность поиска по сайту

d.         Значки социальных сетей, с функционалом «найти нас в соцсетях»

Центральная часть страницы должна содержать:

1. Возможность размещения фото/видеоновостей с названием, датой публикации.
2. Возможность поиска сюжета по номеру школы или названию школьной телестудии, теме или ключевым словам. Поиск с указанием всех параметров необязателен – можно искать как по отдельному, так и по всем вместе.
3. Возможность детализации новости: видео с небольшим текстовым описанием.

Нижняя часть страницы должна содержать:

a.         Меню (дублирование)+карта сайта

b.         Контактные данные

3.1.7 Требования к представлению страницы сайта «Фото»

Верхняя часть страницы должна содержать:

a.         Логотип Сайта

b.         Меню (разделы сайта - 7 вкладок)

с.         Возможность поиска по сайту

d.         Значки социальных сетей, с функционалом «найти нас в соцсетях»

Центральная часть страницы должна содержать:

1. Возможность размещения фотоальбомов по 4 шт. на странице, с названием альбома и датой публикации (хронологический порядок), а также с количеством фото.
2. Возможность поиска по названию (по фрагменту названия альбома)

Нижняя часть страницы должна содержать:

a.         Меню (дублирование)+карта сайта

b.         Контактные данные

3.1.8 Требования к представлению страницы сайта «О нас»

Верхняя часть страницы должна содержать:

a.         Логотип Сайта

b.         Меню (разделы сайта - 7 вкладок)

с.         Возможность поиска по сайту

d.         Значки социальных сетей, с функционалом «найти нас в соцсетях»

Центральная часть страницы должна содержать:

Текстовый блок с возможностью прикрепить фото/видеофайлы.

Нижняя часть страницы должна содержать:

a.         Меню (дублирование)+карта сайта

b.         Контактные данные

4 Требования по интеграции с CDN: 

- Трансляция канала и хранение архива будет на CDN.

-  Панель администратора  должна полностью быть интегрирована с api от CDN

- Загрузка  фото/видеофайлов  в архив будет осуществляться с панелью администратора на сайте, а затем передаваться на CDN для публикации и получения параметров для трансляции с Сайта