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

Описание виджета

Комплексный виджет — это решение, которое позволяет пользователям выводить в трансляцию свой контент и добавлять к нему информационные блоки. В качестве информационных блоков выступают другие виджеты интегрированные в него как решение:

• Время и дата (расположен слева-вверху)
• Погода (расположен в центральной части экрана)
• RSS-лента (бегущая строка снизу) с информацией из сайта Лента.RU

Также в правой верхней части экрана располагается логотип нужной компании.

Данный виджет реализован и работает на устройствах под управлением ОС Linux и Web OS. Также, виджет работает только на уровне личного кабинета, поэтому серверное приложение ему ненужно.

Добавление виджета в личный кабинет

Чтобы добавить данный виджет в личный кабинет пользователю необходимо запросить у специалиста команды технической поддержки виджет. Он будет предоставлен в формате ".zip" - архива.

Пример виджета в формате ".zip" - архива

После пользователь должен авторизоваться в личном кабинете и перейти в раздел "Контент".

Пример отображения раздела "Контент" в личном кабинете

В разделе "Контент" необходимо перетянуть данный виджет из локального хранилища в раздел "Контент". После того как пользователь перенесет виджет в личный кабинет он отобразиться в списке с контентом.

Пример отображения переноса виджета с помощью drag-n-drop

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

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

Настройка виджета

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

Пример отображения главной страницы виджета

На главной странице виджета можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки в правом верхнем углу.

Пример отображения иконки для перехода в настройки виджета

Параметры для настройки виджета

После нажатия на иконку настроек пользователю откроется страница с настройками виджета.

Пример отображения главной страницы настроек виджета

Все параметры для настройки можно разделить на четыре группы:

1. Основные
2. Время и дата
3. Погода
4. Логотип

Ниже будет представлено подробное описание настроек и параметров.

Основные

В основные настройки включены следующие параметры:

• фон виджета —
• высота панели даты, времени, погоды и логотипа —
• цвет панели даты, времени, погоды и логотипа —
• чекбокс «Отображать панель даты, времени, погоды и логотипа» —
• высота панели RSS-ленты —
• цвет панели RSS-ленты —
• чекбокс «Отображать панель RSS ленты» —
• расположение панелей —

Пример отображения настроек из блока «Основные»

Время и дата

В блок настроек «Время и дата» включены следующие параметры:

• ширина блока времени и даты —
• отступ слева —
• адрес ntp-сервера —
• чекбокс «использовать ntp-сервер» —
• цвет элемента «Время» —
• цвет элемента «Место» —
• цвет элемента «Дата» —
• цвет элемента «День недели» —
• размер шрифта элемента «Время» —
• размер шрифта элемента «Место» —
• размер шрифта элемента «Дата» —
• размер шрифта элемента «День недели» —
• прозрачность блока —
• чекбокс «отображать время и дату» —

Пример отображения настроек из блока «Время и дата»

Погода

В блок настроек «Погода» включены следующие параметры:

• отступ блока погоды от левого края —
• название города —
• ключ доступа к сервер погоды —
• цвет элемента «температура» —
• цвет элемента «описание погоды» —
• цвет элемента «прогноз на сутки» —
• размер шрифта элемента «температура» —
• размер шрифта элемента «описание погоды» —
• размер шрифта элемента «прогноз на сутки» —
• прозрачность блока —
• чекбокс «отображать погоду» —

Пример отображения настроек из блока «Погода»

Логотип

В блок настроек «Логотип» включены следующие параметры:

• логотип —
• отступ логотипа от правого края в пикселях —
• прозрачность блока —
• чекбокс «отображать логотип»

Пример отображения настроек из блока «Логотип»

Лента новостей (бегущая строка)

В блок настроек «Лента новостей (бегущая строка)» включены следующие параметры:

• ссылка на источник —
• шрифты —
• интервал обновления ленты —
• тэг с RSS-канала —
• скорость бегущей строки —
• отступ между текстом новостей —
• цвет текста бегущей строки —
• размер шрифта бегущей строки —
• направление движения бегущей строки —
• чекбокс «отображать RSS-ленту» —

Пример отображения настроек из блока «Лента новостей (бегущая строка)»

Настроенный виджет

После завершения настройки виджета, можно получить результат как на скриншоте ниже:

Пример отображения настроенного виджета

Завершение настройки виджета

После завершения работ по настройки виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.

Пример отображения кнопки «Применить настройки»

Далее виджет растянется на весь экран и пользователю должен нажать на кнопку «Сохранить», внизу по центру экрана.

Пример отображения кнопки «Сохранить»

Загрузка и скачивание настроек

В процессе взаимодействия с настройками виджета пользователь может загрузить и выгрузить настройки виджета. Каждое из указанных действий можно сделать по отдельным иконкам в интерфейсе виджета. Иконки расположены в виджете снизу по центру.

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

Добавление настроенного виджета в трансляцию

Чтобы полностью ознакомиться с работой данной функциональности пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:

• Раздел "Устройства"
• Раздел "Контент на устройства"
• Раздел "Трансляции"
• Раздел "Расписание"

Видеоинструкция

Настройка комплексного виджета

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.

Пример отображения вкладки "Обсуждения" на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"