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

Материал из SmartPlayer
Новая страница: «Important Dates Widget Guide»
 
Новая страница: «== '''Widget Description''' == This widget provides users with the ability to run a countdown and display it on devices when needed. Below is the description of the widget's setup and operation principles. The widget is designed to work with touch panel devices. == '''Adding Widget to Personal Account''' == To add this widget to the personal account, users must navigate to the "Widget Gallery" section. File:Галерея_виджетов лк.png|th...»
Строка 1: Строка 1:
<div lang="ru" dir="ltr" class="mw-content-ltr">
== '''Widget Description''' ==
== '''Описание виджета''' ==
This widget provides users with the ability to run a countdown and display it on devices when needed. Below is the description of the widget's setup and operation principles. The widget is designed to work with touch panel devices.
Данный виджет предоставляет пользователю возможность вести обратный отсчёт и выводить его на устройства при необходимости. Ниже будет описан принцип настройки и работы виджета. Виджет предназначен для работы с устройствами имеющими тач-панель.
== '''Adding Widget to Personal Account''' ==
== '''Добавление виджета в личный кабинет''' ==
To add this widget to the personal account, users must navigate to the "Widget Gallery" section.
Чтобы добавить данный виджет в личный кабинет, пользователю необходим перейти в раздел "Галерея виджетов".  
[[File:Галерея_виджетов лк.png|thumb|center| Example of "Widget Gallery" section display in personal account|800px]]
[[File:Галерея_виджетов лк.png|thumb|center| Пример отображения раздела "Галерея виджетов" в личном кабинете|800px]]
In this section, users should locate and upload the widget.
В данном разделе пользователь должен найти данный виджет и загрузить его.
[[File:Виджет_памятные_даты.png|thumb|center| Example of widget display in "Widget Gallery" section|800px]]
[[File:Виджет_памятные_даты.png|thumb|center| Пример отображения виджета в разделе "Галерея виджетов"|800px]]
After completing the upload, the widget will appear in the selected folder of the "Content" section.
После завершения загрузки виджета она отобразится в выбранной папки раздела "Контент" личного кабинета.
{{Note|Alternative method: Add the widget as a ".zip" archive to the "Content" section of the personal account.|warn}}
{{Note|Альтернативным способом добавления виджета в личный кабинет является добавление его в формате ".zip" - архива в раздел "Контент" личного кабинета.|warn}}
== '''Widget Configuration''' ==
== '''Настройка виджета''' ==
{{Note|'''It is recommended to pre-upload required images to a separate folder in the personal account'''|warn}}
{{Note|'''Рекомендуется предварительно нужные изображения загрузить в отдельную папку в личном кабинете'''|warn}}
To configure this widget, double-click its icon in the "Content" section. This will open the widget's main page featuring the current date displayed as a large red circle.
Чтобы настроить данный виджет, пользователю необходимо дважды кликнуть по иконке виджета в разделе "Контент". После этого у пользователя откроется главная страница виджета. На главной странице большим красным кругом отображается текущая дата.
[[File:Гс_памятные_даты.png|thumb|center| Example of widget's main page display|800px]]
[[File:Гс_памятные_даты.png|thumb|center| Пример отображения главной страницы виджета|800px]]
The widget's top-left panel contains control buttons:
В левой верхней части виджета пользователь может увидеть панель с кнопками для управления виджетом. К кнопкам управления виджета относятся:
* Left arrow - navigates calendar one month back 
* Стрелка влево - позволяет пользователю переключить календарь на месяц назад
* "Today" button - returns to current month/date 
* Кнопка "Today" - позволяет пользователю вернуться на текущий месяц и дату
* Right arrow - navigates calendar one month forward 
* Стрелка вправо - позволяет пользователю переключить календарь на месяц вперед
* Edit calendar - modifies events marked in calendar 
* Редактировать календарь - позволяет редактировать события, которые будут помечаться в календаре
* Upload table - imports pre-formatted ".xlsx" table with memorial dates (recommended for bulk events) 
* Загрузить таблицу - позволяет предварительно загрузить таблицу в формате ".xlsx" с заранее прописанными памятными датами. Рекомендуется использовать при большом количестве событий
[[File:Панель_управления_виджетом.png|thumb|center| Example of widget control panel display|800px]]
[[File:Панель_управления_виджетом.png|thumb|center| Пример отображения панели управления виджетом|800px]]
=== '''Edit Calendar''' ===
=== '''Редактировать календарь''' ===
Clicking "Edit calendar" opens the event settings page showing existing events and an "Add event" button. Event dates are selected above the "Add event" button.
Кликнув по кнопке "Редактировать календарь" пользователю откроется страница с настройками событий в виджете. На странице будут отображены текущие внесенные события и кнопка для создания новых событий - "Добавить событие". Для добавления события также необходимо выбрать дату для события, которая расположена над кнопкой "Добавить событие".
[[File:Список_событий_.png|thumb|center| Example of "Add event" button display|800px]]
[[File:Список_событий_.png|thumb|center| Пример отображения кнопки "Добавить событие"|800px]]
The event parameters window includes:
Нажав на кнопку "Добавить событие" пользователю откроется окно с параметрами события. В окне можно настроить следующие параметры:
* Icon - select from available options: balloons, party hat, confetti, Santa 
* Иконка - позволяет пользователю выбрать иконку для отображения памятной даты из списка доступных иконок: воздушные шары, колпак, конфетти, санта
* Title - enter memorial date heading 
* Заголовок - позволяет пользователю ввести текст для заголовка памятной даты
* Subtitle - enter secondary heading 
* Подзаголовок - позволяет пользователю ввести текст для подзаголовка памятной даты
* Select image - choose event display image 
* Выберите изображение - позволяет пользователю выбрать изображения для отображения события
* Weekend checkbox - toggles weekend display 
* Чекбокс (галочка) выходной - активирует отображение события в выходные дни
* Description - add text details 
* Описание - позволяет пользователю добавить текстовое описание для памятной даты
Finalize event creation with "Create" or cancel with "Cancel".
Завершив настройку события, пользователь должен нажать на кнопку "Create", если хочет создать событие, или на кнопку "Отмена", если хочет отменить процесс создания события.
[[File:Пример_параметров_события.png|thumb|center| Example of event parameters display|800px]]
[[File:Пример_параметров_события.png|thumb|center| Пример отображения параметров для события|800px]]
Always click "Save" at the bottom center to apply changes.
После завершение работы с настройками обязательно нажать на кнопку "Сохранить" снизу в центре экрана.
=== '''Upload Table''' ===
=== '''Загрузить таблицу''' ===
Clicking the "Upload Table" button allows users to upload an ".xlsx" file from local storage. After upload, the events panel display will change, and the widget will recognize events if the ".xlsx" file is properly formatted.
Нажав на кнопку "Загрузить таблицу" пользователю сможет загрузить файл формата ".xlsx" из локального хранилища. По завершению загрузки отображение панели событий изменит своё отображение, а виджет распознает события, при правильном заполнении ".xlsx" - файла.
[[File:Загрузка_таблицы.png|thumb|center| Example of events panel and calendar display changes|800px]]
[[File:Загрузка_таблицы.png|thumb|center| Пример изменения отображения в панели событий и в календаре|800px]]
{{Note|File formatting requirements:
{{Note|Ограничения для заполнения файла:
* First row must not be empty
* Первая строка не должна быть пустой
* Events must be separated by one empty row|warn}}
* Между событиями обязательно должен быть пропуски в виде одной строки|warn}}
Download example ".xlsx" file [https://demofordoc.hb.ru-msk.vkcloud-storage.ru/example%20table%20date%20widget.xlsx here]
Пример файла ".xlsx" можно скачать [https://demofordoc.hb.ru-msk.vkcloud-storage.ru/example%20table%20date%20widget.xlsx здесь]
Always click "Save" at the bottom center to apply changes.
После завершение работы с настройками обязательно нажать на кнопку "Сохранить" снизу в центре экрана.
== '''Widget Configuration Parameters''' ==
== '''Параметры для настройки виджета''' ==
Access widget settings by clicking the gear icon on the main page.
На главной странице виджета также можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки.
[[File:Настройки_памятные_да.png|thumb|center| Example of settings navigation icon display|800px]]
[[File:Настройки_памятные_да.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]
Available settings:
Кликнув по иконке в виде шестеренки, пользователю откроется страница с настройками параметров. Для настройки доступны следующие параметры:
* Language selection - choose from: Russian, English, Portuguese, Spanish
* Выбор языка - позволяет пользователю выбрать один из предложенных языков: русский, английский, португальский, испанский
* Event images - select images for events
* Выберите изображения - позволяет пользователю выбрать изображения для событий.
* Background image - choose widget background from SmartPlayer content
* Изображение (фоновое) - позволяет пользователю выбрать изображения, которое будет использоваться в качестве фона виджета. Изображения выбирается и контента в личном кабинете SmartPlayer
* Weekend background color - set color using HEX code [https://colorscheme.ru/html-colors.html reference]
* Цвет фона выходных дней - позволяет пользователю выбрать цвет фона для выходных дней. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]
* Weekday background color - set color using HEX code
* Цвет фона будних дней - позволяет пользователю выбрать цвет фона для выходных дней. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]
* Widget background color - set color using HEX code
* Цвет фона - позволяет пользователю выбрать цвет фона для виджета дней. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]
* Navigation bar text color - set color using HEX code
* Цвет текста в навигационном баре - позволяет пользователю выбрать цвет текста для навигационного бара. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]
* Calendar date font size - adjust with slider or manually (in pixels)
* Размер шрифта дат в календаре - позволяет пользователю с помощью ползунка или вручную выставить размер шрифта для дат в календаре. Указывается в пикселях
[[File:Параметры_памятные_даты.png|thumb|center| Example of widget parameters display|800px]]
[[File:Параметры_памятные_даты.png|thumb|center| Пример отображения параметров для настройки виджета|800px]]
After configuration:
После завершения настройки пользователю необходимо нажать на кнопку "Применить настройки" в левой нижней части экрана, а после нажать на кнопку "Сохранить" внизу по центру экрана.
#. Click "Apply Settings" (bottom left)
{{Note|Если пользователь не хочет сохранять изменённые настройки и хочет вернуть их на исходные, ему необходимо нажать на кнопку "Сбросить"  
#. Click "Save" (bottom center)
расположенную слева от кнопки "Применить настройки"|warn}}
{{Note|To revert changes, click "Reset" button located left of "Apply Settings"|warn}}
[[File:Применить_и_сбросить_.png|thumb|center| Пример отображения кнопок в виджете|800px]]
[[File:Применить_и_сбросить_.png|thumb|center| Example of widget control buttons display|800px]]
== '''Загрузка и скачивание настроек виджета''' ==
== '''Widget Settings Import/Export''' ==
Пользователь может скачать или загрузить настройки виджета по специальным иконкам в виджете. Выгружаемый / загружаемый файл должен быть в формате ".json".
Users can download/upload widget settings via dedicated icons. Files must be in ".json" format.
{{Note|Пример файла с настройками можно просмотреть [https://demofordoc.hb.ru-msk.vkcloud-storage.ru/Example%20settings%20widget%20date.json здесь]|warn}}
{{Note|View example settings file [https://demofordoc.hb.ru-msk.vkcloud-storage.ru/Example%20settings%20widget%20date.json here]|warn}}
[[File:Скачать_и_загруть_настройки.png|thumb|center| Пример отображения кнопок для выгрузки / загрузки настроек виджета ".json" - файлом |800px]]
[[File:Скачать_и_загруть_настройки.png|thumb|center| Example of ".json" settings import/export buttons|800px]]
== '''Добавление настроенного виджета в трансляцию''' ==
== '''Adding Configured Widget to Broadcast''' ==
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
To implement:
#. Launch scheduled broadcast
#. Add this widget as content
For setup instructions see:
* [[Раздел "Устройства"]]
* [[Раздел "Устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Трансляции"]]
* [[Раздел "Трансляции"]]
* [[Раздел "Расписание"]]
* [[Раздел "Расписание"]]
== '''Видеоинструкция''' ==
== '''Video Tutorial''' ==
[https://vk.com/video-227547238_456239069 Настройка виджета памятные даты]
[https://vk.com/video-227547238_456239069 Memorable Dates Widget Setup]
== '''Дополнительная информация''' ==
== '''Additional Information''' ==
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
For assistance, use the "Discussions" section at page top.
[[File:Обсуждение_памятные_даты.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Обсуждение_памятные_даты.png|thumb|center| Example of "Discussions" tab display|800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
More details: [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
</div>

Версия от 11:23, 4 апреля 2025

Widget Description

This widget provides users with the ability to run a countdown and display it on devices when needed. Below is the description of the widget's setup and operation principles. The widget is designed to work with touch panel devices.

Adding Widget to Personal Account

To add this widget to the personal account, users must navigate to the "Widget Gallery" section.

Example of "Widget Gallery" section display in personal account

In this section, users should locate and upload the widget.

Example of widget display in "Widget Gallery" section

After completing the upload, the widget will appear in the selected folder of the "Content" section.

Alternative method: Add the widget as a ".zip" archive to the "Content" section of the personal account.

Widget Configuration

It is recommended to pre-upload required images to a separate folder in the personal account

To configure this widget, double-click its icon in the "Content" section. This will open the widget's main page featuring the current date displayed as a large red circle.

Example of widget's main page display

The widget's top-left panel contains control buttons:

  • Left arrow - navigates calendar one month back
  • "Today" button - returns to current month/date
  • Right arrow - navigates calendar one month forward
  • Edit calendar - modifies events marked in calendar
  • Upload table - imports pre-formatted ".xlsx" table with memorial dates (recommended for bulk events)
Example of widget control panel display

Edit Calendar

Clicking "Edit calendar" opens the event settings page showing existing events and an "Add event" button. Event dates are selected above the "Add event" button.

Example of "Add event" button display

The event parameters window includes:

  • Icon - select from available options: balloons, party hat, confetti, Santa
  • Title - enter memorial date heading
  • Subtitle - enter secondary heading
  • Select image - choose event display image
  • Weekend checkbox - toggles weekend display
  • Description - add text details

Finalize event creation with "Create" or cancel with "Cancel".

Example of event parameters display

Always click "Save" at the bottom center to apply changes.

Upload Table

Clicking the "Upload Table" button allows users to upload an ".xlsx" file from local storage. After upload, the events panel display will change, and the widget will recognize events if the ".xlsx" file is properly formatted.

Example of events panel and calendar display changes
File formatting requirements:
  • First row must not be empty
  • Events must be separated by one empty row

Download example ".xlsx" file here Always click "Save" at the bottom center to apply changes.

Widget Configuration Parameters

Access widget settings by clicking the gear icon on the main page.

Example of settings navigation icon display

Available settings:

  • Language selection - choose from: Russian, English, Portuguese, Spanish
  • Event images - select images for events
  • Background image - choose widget background from SmartPlayer content
  • Weekend background color - set color using HEX code reference
  • Weekday background color - set color using HEX code
  • Widget background color - set color using HEX code
  • Navigation bar text color - set color using HEX code
  • Calendar date font size - adjust with slider or manually (in pixels)
Example of widget parameters display

After configuration:

  1. . Click "Apply Settings" (bottom left)
  2. . Click "Save" (bottom center)
To revert changes, click "Reset" button located left of "Apply Settings"
Example of widget control buttons display

Widget Settings Import/Export

Users can download/upload widget settings via dedicated icons. Files must be in ".json" format.

View example settings file here
Example of ".json" settings import/export buttons

Adding Configured Widget to Broadcast

To implement:

  1. . Launch scheduled broadcast
  2. . Add this widget as content

For setup instructions see:

Video Tutorial

Memorable Dates Widget Setup

Additional Information

For assistance, use the "Discussions" section at page top.

Example of "Discussions" tab display

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