Описание проекта
Редизайн регионального медийного портала с функциями агрегатора новостей из различных СМИ и раздачи контента informvladimir.ru.
Описание системы
Систему условно можно разделить на две составляющие:
- Публичная часть: доступна пользователям через Интернет;
- Административная часть: система управления с ограниченным доступом.
Административная часть позволяет представителям Заказчика управлять структурой и содержанием сайта посредством специального интерфейса и не требует знаний в области программирования. Сайт строится на базе системы управления сайтом «
1C-Битрикс: Управление сайтом», в редакции «Стандарт».
Структура сайта и ролей пользователей
1. Структура сайта
Сайт имеет следующую структуру и содержит на каждом уровне описанный ниже тип информации.
Наименование раздела/подраздела/страницы | Описание и тип информации в разделе |
1. Главная |
Структурированные данные |
2. Страница рубрики |
Структурированные данные |
3. Страница типа контента |
Структурированные данные |
4. Страница муниципального образования |
Структурированные данные |
5. Страница участника (на поддомене) |
Структурированные данные |
6. Архив новостей |
Структурированные данные |
7. Новость детально |
Структурированные данные |
8. Муниципальные образования |
Структурированные данные |
9. Результаты поиска |
Структурированные данные |
10. О проекте |
Текст, фото |
11. Правила портала |
Текст, фото |
12. Как стать автором |
Текст, фото |
13. Задать вопрос главному редактору сайта |
Форма |
14. RSS-лента |
RSS |
15. Контакты |
Текст, фото |
16. Личный кабинет |
Форма |
17. Регистрация |
Форма |
18. Восстановление пароля |
Форма |
Смена пароля |
Форма |
19. Ошибка 404 |
Текст |
20. Нет доступа |
Форма |
2. Состав ролей пользователей
Состав ролей пользователей сайта и их описание приведены в следующей таблице:
Роль пользователя | Описание роли |
Незарегистрированный пользователь |
Доступен весь открытый контент, на который не наложены дополнительные права доступа. |
Зарегистрированный пользователь |
Имеет возможность комментирования материалов. |
Выпускающий редактор |
Имеет права на добавление материалов, а также редактирование материалов, добавленных им ранее. |
Главный редактор |
Имеет права на управление всеми материалами, размещенными на портале. |
Администратор |
Имеет полный доступ к сайту. Администратор может выдавать необходимый набор прав для прочих сотрудников, которые будут работать с сайтом. |
Описание шаблонов
На сайте используется шаблон, отображаемый как на главной странице, так и на всех внутренних страницах сайта.
Шаблон содержит следующие компоненты:
- Шапка сайта:
- Кнопка «Войти» с формой авторизации;
- Меню-рубрикатор;
- Поиск по сайту;
- Логотип;
- Фильтр по типу контента;
- Соцзакладки;
- Мини-карта;
- Версия для слабовидящих;
- Главные новости;
- Заголовок страницы;
- Правый блок и подвал сайта:
- Блок баннеров;
- Список участников;
- Нижнее меню;
- Сведения об авторских правах;
- Сведения о разработчике;
- Метрики;
- Кнопка «Вверх».
В данном случае описывается шаблон, компоненты которого будут присутствовать на всех страницах сайта. В дальнейшем описании пользовательских интерфейсов будет приводиться только содержимое области контента.
Компоненты шаблона
Кнопка «Войти» с формой авторизации
Если пользователь не авторизован, то компонент содержит кнопку «Войти», при нажатии на которую появляется панель, содержащая:
- форму авторизации:
- поле «E-mail»;
- поле «Пароль»;
- кнопка «Войти», при нажатии на которую происходит авторизация пользователя на сайте, если e-mail и пароль были введены правильно;
- чекбокс «Запомнить меня», при установке которого пользователь будет авторизовываться автоматически при последующих заходах на сайт;
- ссылка «Забыли пароль?», которая ведет на страницу восстановления пароля.
- форму входа через соцсети:
- openid;
- twitter;
- Facebook;
- Вконтакте.
- ссылку «Зарегистрируйтесь», которая ведет на страницу регистрации;
- кнопку закрытия панели.
Если пользователь авторизован, то компонент содержит имя пользователя, при нажатии на котором появляется панель, содержащая:
- ссылку на личный кабинет пользователя;
- кнопку «Выйти», при нажатии на которую пользователь разлогинивается.
Меню-рубрикатор
Компонент содержит ссылки на следующие рубрики новостей:
- Общество;
- Происшествия;
- Политика;
- Экономика;
- Бизнес;
- Культура;
- Наука и образование;
- Спорт;
- Деловые встречи.
Поиск по сайту
Компонент содержит кнопку «Поиск», при нажатии на которую открывается форма поиска, которая содержит:
- кнопку закрытия формы;
- поле ввода поисковой фразы;
- кнопку «Поиск», которая ведет на страницу результатов поиска по введенной поисковой фразе.
Логотип
Компонент содержит логотип сайта в виде изображения, которое является ссылкой на главную страницу сайта, и ссылку «Муниципальные образования», которая ведет на соответствующую страницу.
Фильтр по типу контента
Компонент содержит перечень ссылок на страницы с определенным типом контента:
- Все материалы;
- Новости;
- Фоторепортажи;
- Видеоматериалы;
- Интервью;
- Авторские статьи;
- Опросы;
- Блоги.
Соцзакладки
Компонент содержит ссылки на страницы в соцсетях:
Миникарта
При первом заходе пользователя на сайт во всплывающем окне появляется интерактивная карта области. При наведении на районы и г. Владимир, они выделяются подсветкой, при нажатии – выбранный район или г. Владимир сохраняются для текущего пользователя и при последующих заходах на сайт отображаются подсветкой и надписью в данном компоненте. Рядом с надписью есть кнопка отмены фильтрации материалов по выбранному району.
Все материалы на сайте фильтруются в соответствие со сделанным пользователем выбором.
Для последующего открытия интерактивной карты, необходимо кликнуть по миникарте.
В углу интерактивной карты есть кнопка ее закрытия.
Версия для слабовидящих
Компонент содержит ссылку на версию сайта для слабовидящих.
Главные новости
Компонент содержит пять новостей, отмеченных главным редактором чекбоксом «Отображать в главных новостях».
Каждая новость содержит:
При нажатии на новость происходит переход на страницу «Новость подробно».
Заголовок страницы
Компонент содержит заголовок страницы.
Блок баннеров
Компонент содержит баннеры-ссылки на другие государственные и региональные ресурсы:
- Kremlin.ru;
- Government.ru;
- Minregion.ru;
- Avo.ru;
- Trc33.ru.
Список участников
Компонент содержит заголовок «Список участников» и кнопку «Показать», при нажатии на которую отображаются логотипы всех редакций-участников со ссылками на соответствующие им поддомены сайта. Под каждым логотипом имеется ссылка на официальный сайт редакции. Кнопка «Показать» меняется на «Скрыть».
Нижнее меню
Компонент содержит ссылки на следующие разделы сайта:
- О проекте;
- Правила портала;
- Как стать автором;
- Задать вопрос главному редактору сайта;
- RSS-лента;
- Контакты;
- Мобильная версия.
Сведения об авторских правах
Компонент содержит сведения об авторских правах на сайт.
Сведения о разработчике
Компонент содержит сведения о разработчике со ссылкой на официальный сайт разработчика.
Метрики
Компонент содержит метрики сайта (яндекс, liveinternet и т.д.).
Кнопка «Вверх»
Компонент содержит кнопку, при нажатии на которую окно браузера прокручивается вверх до конца.
Общее описание разделов и страниц публичной части сайта
1. Главная
На странице содержатся следующие компоненты:
- Слайдер новостей;
- Все материалы;
- Популярное;
- Обсуждаемое;
- Интервью;
- Авторские статьи;
- Блоги;
- Опросы;
- Динамическая подгрузка;
- Видеоматериалы;
- Фотоматериалы;
- SEO-текст.
Компоненты главной страницы
Слайдер новостей
Компонент содержит восемь новостей, отмеченных главным редактором чекбоксом «Отображать в слайдере». Одновременно показывается одна выбранная новость в левой части слайдера и четыре новости в правой части слайдера. Прокрутка слайдера осуществляется вручную стрелками (вверх/вниз). Правая и левая часть прокручиваются синхронно. При нажатии на новость в правой части меняется новость в левой части.
Каждая новость в правой части содержит:
- Изображение анонса;
- Тип контента (новость/фоторепортаж/видеоматериал/интервью/авторская статья/опрос);
- Источник;
- Заголовок;
- Дату публикации;
- Рамку при наведении (цвет соответствует типу контента).
Новость в левой части дополнительно содержит:
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal).
При нажатии на новость происходит переход на страницу «Новость подробно».
Все материалы
Компонент содержит ссылку на архив новостей и 25 последних новостей, отображаемых плиткой, из выбранной пользователем рубрики.
Каждая новость содержит:
- Тип контента;
- Фото автора (для авторских статей) или гостя (для интервью);
- ФИО автора/гостя;
- Должность автора/гостя;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Дату публикации;
- При наведении на новость дополнительно отображаются соответствующие ей теги и рамка цвета, соответствующего типу контента.
При нажатии на новость происходит переход на страницу «Новость подробно».
Популярное
Компонент содержит семь новостей выбранной пользователем рубрики с наибольшим количеством просмотров.
Каждая новость содержит:
- Дату публикации;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal).
При нажатии на новость происходит переход на страницу «Новость подробно».
Обсуждаемое
Компонент содержит семь новостей выбранной пользователем рубрики с наибольшим количеством комментариев.
Каждая новость содержит:
- Дату публикации;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal).
При нажатии на новость происходит переход на страницу «Новость подробно».
Интервью
Компонент содержит два материала типа «Интервью» выбранной пользователем рубрики и ссылку «Все интервью».
Каждый материал содержит:
- Фото гостя;
- ФИО гостя;
- Должность гостя;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Дату публикации.
При наведении на новость дополнительно отображаются соответствующие ей теги.
При нажатии на новость происходит переход на страницу «Новость подробно».
Авторские статьи
Компонент содержит два материала типа «Авторская статья» выбранной пользователем рубрики и ссылку все авторские статьи.
Каждый материал содержит:
- Фото автора;
- ФИО автора;
- Должность автора;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Дату публикации.
При наведении на новость дополнительно отображаются соответствующие ей теги.
При нажатии на новость происходит переход на страницу «Новость подробно».
Блоги
Компонент содержит два блога выбранной пользователем рубрики и кнопку «Все блоги».
Каждый блог содержит:
- Фото блоггера;
- ФИО блоггера;
- Должность блоггера.
При нажатии на блог происходит переход по указанной при создании блога ссылке.
Опросы
Компонент содержит опрос выбранной пользователем рубрики и кнопку «Все опросы».
Опрос содержит:
- Вопрос;
- Варианты ответа;
- Кнопку «Ответить» со ссылкой на страницу с результатами опроса;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Дату публикации.
Динамическая подгрузка
Компонент содержит кнопку «Показать больше материалов», при нажатии на которую отображаются следующие 25 новостей в компоненте «Все материалы», 2 – 4 интервью, 2 – 4 авторских статьи, 2 – 4 блога, опрос.
Фоторепортажи
Компонент содержит все фоторепортажи выбранной пользователем рубрики, которые показываются по пять на странице (имеется постраничная навигация).
Каждый фоторепортаж содержит:
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях»;
- Дату публикации.
При наведении на фоторепортаж дополнительно отображаются соответствующие ему теги.
При нажатии на фоторепортаж происходит переход на страницу «Новость подробно».
Видеоматериалы
Компонент содержит все видеоматериалы выбранной пользователем рубрики, которые показываются по пять на странице (имеется постраничная навигация).
Каждый видеоматериал содержит:
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях»;
- Кнопку «Скачать»;
- Дату публикации.
При наведении на видеоматериал дополнительно отображаются соответствующие ему теги.
При нажатии на видеоматериал происходит переход на страницу «Новость подробно».
Компонент содержит небольшой текст для информационно-поисковых систем.
2. Страница рубрики
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Отсутствует слайдер;
- Показываются только материалы, принадлежащие данной рубрике;
- Для авторизованных пользователей присутствует флажок «Подписаться на новости рубрики»;
- Для неавторизованных пользователей присутствует ссылка «Подписаться на новости рубрики», при нажатии на которую открывается окно для ввода и подтверждения e-mail адреса.
3. Страница типа контента
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Отсутствует слайдер;
- Показываются только материалы с выбранным типом контента.
4. Страница муниципального образования
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Отсутствует слайдер;
- Показываются только материалы из источников, действующих на территории выбранного муниципального образования.
5. Страница участника (на поддомене)
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Логотип сайта заменяется логотипом участника;
- Показываются только материалы данного участника;
- В блоке баннеров показываются баннеры данного участника.
6. Архив новостей
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Отсутствует слайдер;
- Добавляется компонент «Фильтр по дате»;
- Выводятся только материалы с выбранной в фильтре датой.
Фильтр по дате
Компонент содержит текущую дату, стрелку влево для переключения на предыдущую дату и кнопку открытия календаря для выбора произвольной даты.
7. Новость детально
На странице содержатся следующие компоненты:
- Фотогалерея (только для фоторепортажа);
- Видео (только для видеоматериала);
- Информация об авторе/госте (только для авторской статьи/интервью);
- Опрос (только для опроса)
- Новость детально;
- Новости по теме;
- Комментарии.
Фотогалерея
Компонент содержит слайдер фотографий – одна большая фотография в центре и стрелки для прокрутки влево/вправо. Каждая фотография имеет заголовок и текст. При нажатии на фотографию она открывается во всплывающем окне.
Видео
Компонент содержит стандартный медиапроигрыватель, позволяющий встраивать видео на страницу.
Информация об авторе/госте
Компонент содержит:
- фото автора/гостя;
- ФИО автора/гостя;
- Должность автора/гостя.
Опрос
Компонент содержит:
- Вопрос;
- несколько вариантов ответа в виде радиокнопок;
- кнопку отправки.
Новость детально
Компонент содержит подробную информацию о выбранном материале:
- Тип контента – ссылка на страницу типа контента;
- Дату публикации;
- Ссылку на архив новостей;
- Ссылку на версию для печати;
- Количество просмотров;
- Количество комментариев;
- Заголовок;
- Изображение;
- Подробный текст;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Теги.
Новости по теме
Компонент содержит четыре новости по теме выбранного материала. Каждая новость содержит:
- Изображение;
- Заголовок;
- Текст анонса;
- Тип контента.
Комментарии
Компонент содержит форму добавления комментария и список комментариев к выбранному материалу.
Форма содержит следующие поля:
- Текст;
- Флажок согласия с правилами сайта;
- Кнопка отправки комментария.
Все поля обязательны для заполнения. При отправке комментарий сохраняется в системе в статусе «Неактивен» и появляется на сайте только после активации его модератором.
Каждый комментарий в списке содержит:
- Имя пользователя;
- Дату публикации;
- Текст комментария;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal).
Комментарии, отвечающие на вышестоящие комментарии выделяются отступом. Изначально показывается 10 комментариев и кнопка «Показать больше комментариев», при нажатии на которую отображаются следующие 10 комментариев в компоненте.
8. Муниципальные образования
На странице содержится список муниципальных образований Владимирской области и их периодических изданий. Каждый элемент списка содержит:
- Название муниципального образования – ссылка на страницу муниципального образования;
- Список периодических изданий с логотипами – ссылки на страницы участников.
9. Результаты поиска
На странице содержатся следующие компоненты:
- Форма поиска;
- Список результатов;
- Популярное;
- Обсуждаемое.
Форма поиска
Компонент содержит форму со следующими полями:
- Поле ввода поисковой фразы;
- Радиокнопки выбора рубрики (все рубрики/общество/происшествия/политика и т.д.);
- Выпадающий список выбора периода (за все время/за неделю/за месяц/за год/сегодня);
- Радиокнопки выбора типа контента (все материалы/фоторепортажи/видеоматериалы и т.д.);
- Кнопка «Поиск».
Список результатов
Компонент содержит 40 новостей, удовлетворяющих условия заданным в форме поиска. Также присутствует сообщение с указанием общего количества найденных новостей.
Каждая новость содержит:
- Тип контента;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Дату публикации;
- При наведении на новость дополнительно отображается рамка цвета, соответствующего типу контента.
При нажатии на новость происходит переход на страницу «Новость подробно».
Если общее количество найденных новостей больше 40, то под списком отображается кнопка «Показать больше материалов», при нажатии на которую отображаются следующие 40 новостей.
Популярное
Компонент содержит 20 материалов с наибольшим количеством просмотров, которые показываются по пять на странице (имеется постраничная навигация).
Каждый материал содержит:
- Тип контента;
- Фото автора (для авторских статей) или гостя (для интервью);
- ФИО автора/гостя;
- Должность автора/гостя;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях»;
- Дату публикации.
При наведении на материал дополнительно отображаются соответствующие ему теги.
При нажатии на материал происходит переход на страницу «Новость подробно».
Обсуждаемое
Компонент содержит 20 материалов с наибольшим количеством комментариев, которые показываются по пять на странице (имеется постраничная навигация).
Каждый материал содержит:
- Тип контента;
- Фото автора (для авторских статей) или гостя (для интервью);
- ФИО автора/гостя;
- Должность автора/гостя;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях»;
- Дату публикации.
При наведении на материал дополнительно отображаются соответствующие ему теги.
При нажатии на материал происходит переход на страницу «Новость подробно».
10. Задать вопрос главному редактору сайта
На странице отображается форма со следующими полями:
- E-mail;
- Имя;
- Текст вопроса;
- Капча;
- Кнопка «Задать вопрос».
Все поля обязательны для заполнения. Поля E-mail и капча проходят дополнительную валидацию.
Данные формы отправляются на e-mail главной редактора сайта.
11. Личный кабинет
На странице отображается форма со следующими полями:
- Имя;
- Пароль;
- Подтверждение пароля;
- Группа чекбоксов «Подписка»;
- Кнопка «Сохранить».
Все поля обязательны для заполнения. Поля E-mail, пароль, подтверждение пароля проходят дополнительную валидацию.
При отправке формы данные пользователя сохраняются в системе.
12. Регистрация
На странице отображается форма со следующими полями:
- E-mail;
- Имя;
- Пароль;
- Подтверждение пароля;
- Капча;
- Кнопка «Зарегистрироваться».
Все поля обязательны для заполнения. Поля E-mail, пароль, подтверждение пароля и капча проходят дополнительную валидацию.
При отправке формы данные пользователя сохраняются в системе, но бюджет пользователя неактивен. Одновременно с этим на e-mail, указанный при регистрации приходит письмо со ссылкой для подтверждения регистрации. После перехода по ссылке пользователю выводится сообщение о том, что регистрация подтверждена. Бюджет пользователя активируется.
13. Восстановление пароля
На странице отображается форма со следующими полями:
- E-mail;
- Кнопка «Отправить».
Поле «E-mail» обязательно для заполнения и проходит дополнительную валидацию.
При нажатии кнопки «Отправить» на указанный e-mail отправляется письмо со ссылкой на страницу «Смена пароля». Если указанный e-mail не найден в системе, то пользователю выводится соответствующее сообщение об ошибке.
13.1. Смена пароля
На странице отображается форма со следующими полями:
- Новый пароль;
- Подтверждение пароля;
- Кнопка «Отправить».
Все поля обязательны для заполнения и проходят дополнительную валидацию.
В случае если новый пароль совпадает с его подтверждением при нажатии кнопки «Отправить» происходит смена пароля пользователя в системе.
14. Ошибка 404
Данная страница появляется при попытке пользователя открыть несуществующую страницу сайта. Она содержит текст, поясняющий возникшую ошибку.
15. Нет доступа
Данная страница появляется при попытке пользователя открыть недоступную для пользователя с его ролью страницу сайта. Она содержит текст, поясняющий возникшую ошибку и форму авторизации.
Общее описание функциональности администраторской части сайта
Администратор и менеджеры работают с сайтом через администраторскую панель управления системы Битрикс.
Управление пользователями
Каждый пользователь системы имеет свой аккаунт на сайте. Аккаунты могут создаваться только вручную менеджерами. Для доступа к своему аккаунту пользователь должен ввести логин и пароль.
Администратор может создавать группы пользователей с назначением каждой группе определенного набора прав.
Также в системе имеется ряд предустановленных ролей пользователей, описанных в разделе «Требования к составу ролей пользователей». Администратор может создавать новые роли в системе и назначать каждой роли набор прав доступа.
Управление структурой сайта
Администратор имеет возможность изменять предустановленную структуру сайта, описанную в разделе Требования к структуре сайта, путем добавления новых разделов, подразделов и различных информационных страниц.
Управление справочниками
Администратор может редактировать все предустановленные справочники (инфоблоки системы Битрикс). Также администратор при необходимости может создавать новые справочники и устанавливать взаимосвязи между различными справочниками системы.
Управление контентом страниц
Администратор управление структурой и содержанием статичных страниц с помощью стандартного функционала системы Битрикс. При этом допускается редактирование следующих элементов:
- Заголовки страниц;
- Описания страниц, выводимые в окне браузера;
- Прикрепленное содержимое (фотогалереи, видеоролики, файлы).
Содержание страниц редактируется через встроенный визуальный редактор, позволяющий добавлять форматированный текст, изображения, ссылки.
Управление материалами
Все редакторы сайта имеют возможность:
- Просматривать материалы списком с возможностью фильтрации по различным параметрам;
- Редактировать материалы списком, либо по одному;
- Добавлять материалы с применением визуального редактора текста и редактора изображений.
Выпускающий редактор имеет возможность устанавливать статус материалов в положения «Не опубликовано», либо «Опубликовано выпускающим редактором».
Главный редактор имеет возможность устанавливать статус материалов в положения «Не опубликовано», либо «Опубликовано главным редактором».
Оповещения
Для главного редактора предусмотрены следующие системные оповещения:
- Добавлен новый материал (в статусе «Опубликовано выпускающим редактором»);
- Установлен статус материала в положение «Опубликовано выпускающим редактором».
Для выпускающего редактора предусмотрены следующие системные оповещения:
- Изменен статус добавленного им материала.
Примеры страниц с новым дизайном