Создание портала СМИ администрации Владимирской области
Описание проекта
Редизайн регионального медийного портала с функциями агрегатора новостей из различных СМИ и раздачи контента informvladimir.ru.
Описание системы
Систему условно можно разделить на две составляющие:
- Публичная часть: доступна пользователям через Интернет;
- Административная часть: система управления с ограниченным доступом.
Структура сайта и ролей пользователей
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;
- Вконтакте.
- ссылку «Зарегистрируйтесь», которая ведет на страницу регистрации;
- кнопку закрытия панели.
Если пользователь авторизован, то компонент содержит имя пользователя, при нажатии на котором появляется панель, содержащая:
- ссылку на личный кабинет пользователя;
- кнопку «Выйти», при нажатии на которую пользователь разлогинивается.
- Общество;
- Происшествия;
- Политика;
- Экономика;
- Бизнес;
- Культура;
- Наука и образование;
- Спорт;
- Деловые встречи.
- кнопку закрытия формы;
- поле ввода поисковой фразы;
- кнопку «Поиск», которая ведет на страницу результатов поиска по введенной поисковой фразе.
- Все материалы;
- Новости;
- Фоторепортажи;
- Видеоматериалы;
- Интервью;
- Авторские статьи;
- Опросы;
- Блоги.
- Facebook;
- Twitter.
При первом заходе пользователя на сайт во всплывающем окне появляется интерактивная карта области. При наведении на районы и г. Владимир, они выделяются подсветкой, при нажатии – выбранный район или г. Владимир сохраняются для текущего пользователя и при последующих заходах на сайт отображаются подсветкой и надписью в данном компоненте. Рядом с надписью есть кнопка отмены фильтрации материалов по выбранному району.
Все материалы на сайте фильтруются в соответствие со сделанным пользователем выбором.
Для последующего открытия интерактивной карты, необходимо кликнуть по миникарте.
В углу интерактивной карты есть кнопка ее закрытия.
Компонент содержит пять новостей, отмеченных главным редактором чекбоксом «Отображать в главных новостях».
Каждая новость содержит:- Изображение;
- Заголовок.
- Kremlin.ru;
- Government.ru;
- Minregion.ru;
- Avo.ru;
- Trc33.ru.
- О проекте;
- Правила портала;
- Как стать автором;
- Задать вопрос главному редактору сайта;
- RSS-лента;
- Контакты;
- Мобильная версия.
Общее описание разделов и страниц публичной части сайта
1. Главная
На странице содержатся следующие компоненты:
- Слайдер новостей;
- Все материалы;
- Популярное;
- Обсуждаемое;
- Интервью;
- Авторские статьи;
- Блоги;
- Опросы;
- Динамическая подгрузка;
- Видеоматериалы;
- Фотоматериалы;
- SEO-текст.
Компоненты главной страницы
Компонент содержит восемь новостей, отмеченных главным редактором чекбоксом «Отображать в слайдере». Одновременно показывается одна выбранная новость в левой части слайдера и четыре новости в правой части слайдера. Прокрутка слайдера осуществляется вручную стрелками (вверх/вниз). Правая и левая часть прокручиваются синхронно. При нажатии на новость в правой части меняется новость в левой части.
Каждая новость в правой части содержит:- Изображение анонса;
- Тип контента (новость/фоторепортаж/видеоматериал/интервью/авторская статья/опрос);
- Источник;
- Заголовок;
- Дату публикации;
- Рамку при наведении (цвет соответствует типу контента).
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal).
Компонент содержит ссылку на архив новостей и 25 последних новостей, отображаемых плиткой, из выбранной пользователем рубрики.
Каждая новость содержит:- Тип контента;
- Фото автора (для авторских статей) или гостя (для интервью);
- ФИО автора/гостя;
- Должность автора/гостя;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Дату публикации;
- При наведении на новость дополнительно отображаются соответствующие ей теги и рамка цвета, соответствующего типу контента.
Компонент содержит семь новостей выбранной пользователем рубрики с наибольшим количеством просмотров.
Каждая новость содержит:- Дату публикации;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal).
Компонент содержит семь новостей выбранной пользователем рубрики с наибольшим количеством комментариев.
Каждая новость содержит:- Дату публикации;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal).
Компонент содержит два материала типа «Интервью» выбранной пользователем рубрики и ссылку «Все интервью».
Каждый материал содержит:- Фото гостя;
- ФИО гостя;
- Должность гостя;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Дату публикации.
При наведении на новость дополнительно отображаются соответствующие ей теги.
При нажатии на новость происходит переход на страницу «Новость подробно».Компонент содержит два материала типа «Авторская статья» выбранной пользователем рубрики и ссылку все авторские статьи.
Каждый материал содержит:- Фото автора;
- ФИО автора;
- Должность автора;
- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Дату публикации.
При наведении на новость дополнительно отображаются соответствующие ей теги.
При нажатии на новость происходит переход на страницу «Новость подробно».Компонент содержит два блога выбранной пользователем рубрики и кнопку «Все блоги».
Каждый блог содержит:- Фото блоггера;
- ФИО блоггера;
- Должность блоггера.
Компонент содержит опрос выбранной пользователем рубрики и кнопку «Все опросы».
Опрос содержит:- Вопрос;
- Варианты ответа;
- Кнопку «Ответить» со ссылкой на страницу с результатами опроса;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Дату публикации.
Компонент содержит все фоторепортажи выбранной пользователем рубрики, которые показываются по пять на странице (имеется постраничная навигация).
Каждый фоторепортаж содержит:- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях»;
- Дату публикации.
При наведении на фоторепортаж дополнительно отображаются соответствующие ему теги.
При нажатии на фоторепортаж происходит переход на страницу «Новость подробно».Компонент содержит все видеоматериалы выбранной пользователем рубрики, которые показываются по пять на странице (имеется постраничная навигация).
Каждый видеоматериал содержит:- Изображение;
- Источник;
- Заголовок;
- Текст анонса;
- Количество просмотров;
- Количество комментариев;
- Кнопки «Поделится в соцсетях»;
- Кнопку «Скачать»;
- Дату публикации.
При наведении на видеоматериал дополнительно отображаются соответствующие ему теги.
При нажатии на видеоматериал происходит переход на страницу «Новость подробно».2. Страница рубрики
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Отсутствует слайдер;
- Показываются только материалы, принадлежащие данной рубрике;
- Для авторизованных пользователей присутствует флажок «Подписаться на новости рубрики»;
- Для неавторизованных пользователей присутствует ссылка «Подписаться на новости рубрики», при нажатии на которую открывается окно для ввода и подтверждения e-mail адреса.
3. Страница типа контента
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Отсутствует слайдер;
- Показываются только материалы с выбранным типом контента.
4. Страница муниципального образования
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Отсутствует слайдер;
- Показываются только материалы из источников, действующих на территории выбранного муниципального образования.
5. Страница участника (на поддомене)
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Логотип сайта заменяется логотипом участника;
- Показываются только материалы данного участника;
- В блоке баннеров показываются баннеры данного участника.
6. Архив новостей
Страница по своей структуре почти полностью повторяет главную страницу. Отличия от главной страницы:
- Отсутствует слайдер;
- Добавляется компонент «Фильтр по дате»;
- Выводятся только материалы с выбранной в фильтре датой.
7. Новость детально
На странице содержатся следующие компоненты:
- Фотогалерея (только для фоторепортажа);
- Видео (только для видеоматериала);
- Информация об авторе/госте (только для авторской статьи/интервью);
- Опрос (только для опроса)
- Новость детально;
- Новости по теме;
- Комментарии.
- фото автора/гостя;
- ФИО автора/гостя;
- Должность автора/гостя.
- Вопрос;
- несколько вариантов ответа в виде радиокнопок;
- кнопку отправки.
- Тип контента – ссылка на страницу типа контента;
- Дату публикации;
- Ссылку на архив новостей;
- Ссылку на версию для печати;
- Количество просмотров;
- Количество комментариев;
- Заголовок;
- Изображение;
- Подробный текст;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal);
- Теги.
- Изображение;
- Заголовок;
- Текст анонса;
- Тип контента.
Компонент содержит форму добавления комментария и список комментариев к выбранному материалу.
- Текст;
- Флажок согласия с правилами сайта;
- Кнопка отправки комментария.
Все поля обязательны для заполнения. При отправке комментарий сохраняется в системе в статусе «Неактивен» и появляется на сайте только после активации его модератором.
- Имя пользователя;
- Дату публикации;
- Текст комментария;
- Кнопки «Поделится в соцсетях» (вконтакте, Facebook, twitter, мой мир, livejournal).
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. Нет доступа
Данная страница появляется при попытке пользователя открыть недоступную для пользователя с его ролью страницу сайта. Она содержит текст, поясняющий возникшую ошибку и форму авторизации.
Общее описание функциональности администраторской части сайта
Администратор и менеджеры работают с сайтом через администраторскую панель управления системы Битрикс.
Управление пользователями
Каждый пользователь системы имеет свой аккаунт на сайте. Аккаунты могут создаваться только вручную менеджерами. Для доступа к своему аккаунту пользователь должен ввести логин и пароль.
Также в системе имеется ряд предустановленных ролей пользователей, описанных в разделе «Требования к составу ролей пользователей». Администратор может создавать новые роли в системе и назначать каждой роли набор прав доступа.
Управление структурой сайта
Администратор имеет возможность изменять предустановленную структуру сайта, описанную в разделе Требования к структуре сайта, путем добавления новых разделов, подразделов и различных информационных страниц.
Управление справочниками
Администратор может редактировать все предустановленные справочники (инфоблоки системы Битрикс). Также администратор при необходимости может создавать новые справочники и устанавливать взаимосвязи между различными справочниками системы.
Управление контентом страниц
Администратор управление структурой и содержанием статичных страниц с помощью стандартного функционала системы Битрикс. При этом допускается редактирование следующих элементов:
- Заголовки страниц;
- Описания страниц, выводимые в окне браузера;
- Прикрепленное содержимое (фотогалереи, видеоролики, файлы).
Управление материалами
Все редакторы сайта имеют возможность:
- Просматривать материалы списком с возможностью фильтрации по различным параметрам;
- Редактировать материалы списком, либо по одному;
- Добавлять материалы с применением визуального редактора текста и редактора изображений.
Выпускающий редактор имеет возможность устанавливать статус материалов в положения «Не опубликовано», либо «Опубликовано выпускающим редактором».
Оповещения
Для главного редактора предусмотрены следующие системные оповещения:
- Добавлен новый материал (в статусе «Опубликовано выпускающим редактором»);
- Установлен статус материала в положение «Опубликовано выпускающим редактором».
Для выпускающего редактора предусмотрены следующие системные оповещения:
- Изменен статус добавленного им материала.
Примеры страниц с новым дизайном
