Виджеты SpinetiX Elementi

В программе Elementi 250 виджетов. Они помогают создавать контент без обучения и программирования. Это их описание.

Для каждого виджета мы указали параметры, которые можно изменять и настраивать. Творите и удивляйте.

Страница наполняется. Скоро закончим.

Фоны

Виджеты для digital signage: Однородный настраиваемый фон
Solid.svg
Однородный настраиваемый фон
Цвет

Векторные фоны

смотрятся идеально на экране любого размера. В векторе не бывает пикселизации.

Виджеты для digital signage: Горизонтальный градиент
Horizontal.svg
Горизонтальный градиент
Цвет 1, Цвет 2
Виджеты для digital signage: Вертикальный градиент
Vertical.svg
Вертикальный градиент
Цвет 1, Цвет 2
Виджеты для digital signage: Линейный градиент
Linear.svg
Линейный градиент
Начальный цвет, конечный цвет, угол к горизонтали

Сшивка проекторов

С помощью настраиваемого градиента можно сделать edge blending при сшивке проекторов.

Виджеты для digital signage: Настраиваемый градиент
Linear Custom.svg
Настраиваемый градиент
Любые цвета (можно добавлять), угол к горизонтали
Виджеты для digital signage: Радиальный градиент
Radial.svg
Радиальный градиент
Внутр. и внеш. цвета, центр по Х и У, радиус

Контраст

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

Виджеты для digital signage: Настраиваемый радиальный градиент
Radial Custom.svg
Настраиваемый радиальный градиент
Любые цвета (можно добавлять), центр по Х и У, радиус
Виджеты для digital signage: Разные векторные узоры, 10 шт.
Curves 1....10.svg
Разные векторные узоры, 10 шт.
Цвет

Картинки

Их много, они векторные и бесплатные. Просто зайдите во вложенные папки раздела картинок и посмотрите что там есть.

Часы

У всех часов можно выбрать часовой пояс. Если не выбирать, будет использоваться время плеера.
Виджеты для digital signage: Часы с 4 делениями
Clock Small.svg
Часы с 4 делениями
Фон, элементы
Виджеты для digital signage: Минималистичные часы
Clock Simple.svg
Минималистичные часы
Фон, видимость секундной стрелки, цвет

Время в филиалах

Типичный сценарий использования. На одном экране размещаются несколько виджетов с разными часовыми поясами.

Виджеты для digital signage: Арабские часы
Clock Arabic.svg
Арабские часы
Фон, видимость секундной стрелки, цвет
Виджеты для digital signage: Римские часы
Clock Roman.svg
Римские часы
Фон, видимость секундной стрелки, цвет
Виджеты для digital signage: Швейцарские часы
Clock Swiss.svg
Швейцарские часы
Фон, видимость секундной стрелки, цвет

Швейцарские часы

Абсолютно узнаваемый дизайн. Такие часы висят на каждой улице Лозанны - родины SpinetiX.

Виджеты для digital signage: Настраиваемые часы
Clock Configurable.svg
Настраиваемые часы
Фон, прозрачность, количество делений, тип счета, поворот цифр, стрелки и их цвет
Виджеты для digital signage: Цифровые часы
7 Segments.svg
Цифровые часы
Цвет, режим 12/24

Цифровые часы без секунд

это самый часто используемый в digital signage вариант.

Виджеты для digital signage: Цифровые часы с секундами
7 Segments Seconds.svg
Цифровые часы с секундами
Цвет, режим 12/24
Виджеты для digital signage: Дата и время
Date Time.svg
Дата и время
Цвет, шрифт, формат (01.01.2017, 1 января 2017, 01/01/17 и др.). Чаще всего используют без часов, только как указатель даты.

Счетчики

Виджеты для digital signage: Счетчик от времени до 0 (59, 58, 57, 56...0)
CountDown.svg
Счетчик от времени до 0 (59, 58, 57, 56...0)
Начальное время, единица счета, шаблон (h:mm:ss и др.), шрифт, цвет
Виджеты для digital signage: Счетчик от 0 до времени (0, 1, 2, 3...60)
CountUp.svg
Счетчик от 0 до времени (0, 1, 2, 3...60)
Время окончания, единица счета, шаблон (h:mm:ss и др.), шрифт, цвет
Виджеты для digital signage: Счетчик до даты/времени (до нового года осталось....)
CountTo.svg
Счетчик до даты/времени (до нового года осталось....)
Дата и время окончания, единица счета, шаблон, шрифт, цвет

Счетчик до события

Обед, 9 мая, тренинг. Обязательный отдых на производстве. Начало сеанса в кино. Окончание акции/скидок.

Виджеты для digital signage: Счетчик от даты/времени (с даты основания компании прошло....)
CountFrom.svg
Счетчик от даты/времени (с даты основания компании прошло....)
Дата и время начала, единица счета, шаблон, шрифт, цвет

Астрономия

Виджеты для digital signage: Восход, закат, длина дня по координатам
Sun Times.svg
Восход, закат, длина дня по координатам
Часовой пояс, координаты, дата, высота, смещение восхода/заката, подписи. Обращайтесь за специальной русифицированной версией.
Виджеты для digital signage: Восход, закат, длина дня, прирост. По координатам. На несколько дней
Sun Times Table.svg
Восход, закат, длина дня, прирост. По координатам. На несколько дней
Часовой пояс, координаты, дата, дни, высота, смещение восхода/заката, подписи. Обращайтесь за специальной русифицированной версией.
Виджеты для digital signage: Показ медиа после восхода, полудня, заката
Sun Times Playlist.svg
Показ медиа после восхода, полудня, заката
Задержка после..., медиа по умолчанию, эффект, координаты, высота, смещение.

Сколько длится день?

Астрономия завораживает. Эти виджеты цепляют взгляды. Привлекайте внимание, затем показывайте основной контент. Так работает digital signage.

Виджеты для digital signage: Наглядный график дня и ночи
Sun Times Graph.svg
Наглядный график дня и ночи
Часовой пояс, координаты, заголовки, подписи. Обращайтесь за специальной русифицированной версией.
Виджеты для digital signage: Луна: закат, фаза, яркость, новолуние, полнолуние и т.п.
Moon Times.svg
Луна: закат, фаза, яркость, новолуние, полнолуние и т.п.
Часовой пояс, координаты, цвета, заголовки, подписи. Обращайтесь за специальной русифицированной версией.

Украшение текста

Виджеты для digital signage: Тень с размытием
Drop Shadow.svg
Тень с размытием
Угол, размер, размытие, цвет тени
Виджеты для digital signage: Резкая тень
Hard Shadow.svg
Резкая тень
Угол, размер, цвет тени
Виджеты для digital signage: Тень внутрь
Inset Shadow.svg
Тень внутрь
Угол, размер, размытие, цвет тени, прозрачность

Не увлекайтесь эффектами

Текст должен легко читаться. Сначала смысл, затем подача.

Виджеты для digital signage: Двойная тень
Double Shadow.svg
Двойная тень
Угол, размер
Виджеты для digital signage: Тиснение
Embossed.svg
Тиснение
Угол, размер
Виджеты для digital signage: Прозрачное тиснение
Embossed Transparent.svg
Прозрачное тиснение
Угол, размер
Виджеты для digital signage: Поворот текста
Rotation.svg
Поворот текста
Угол. Обращайтесь за таким же виджетом поворота медиа.
Виджеты для digital signage: Расплывчатый текст
Blur.svg
Расплывчатый текст
Фактор размытия
Виджеты для digital signage: Анаглиф
Anaglyph.svg
Анаглиф
Угол, размер, фактор размытия, цвет 1, цвет 2

Тестируйте

Попросите человека, который не видел слайд, посмотреть 1 секунду и запомнить. Если он не может вспомнить хотя бы одно слово - убирайте эффекты и сокращайте текст.

Виджеты для digital signage: 3D текст
3D.svg
3D текст
Угол, размер
Виджеты для digital signage: Светящийся текст
Glow.svg
Светящийся текст
Размер, цвет
Виджеты для digital signage: Неоновая вывеска
Neon Glow.svg
Неоновая вывеска
Размер
Виджеты для digital signage: Ретро текст
Retro.svg
Ретро текст
Угол, размер
Виджеты для digital signage: Горящий текст
Fire.svg
Горящий текст
Угол, размер

Протяжка собственного текста

Эти виджеты - для листания, протяжки и прокрутки введенного вручную текста. Если нужен обычный текст, вводите его прямо в слои макета. И используйте стандартную анимацию слоев.
Виджеты для digital signage: Листание текста
Inline Text Bar.svg
Листание текста
Выравнивание, эффекты, кол-во строк, длительность показа, длительность прокрутки

Написал, сохранил, показал

Текст вводится прямо в виджет. Без RSS, сайтов, текстовых файлов и т.п.

Виджеты для digital signage: Бегущая строка
Inline Text Ticker.svg
Бегущая строка
Направление, скорость, промежутки
Виджеты для digital signage: Плавная прокрутка
Inline Text Roll.svg
Плавная прокрутка
Выравнивание, направление, кол-во строк, скорость, промежутки

Twitter

Во всех виджетах Твиттера можно выводить свой или чужой канал, ретвиты, упоминания, собственные или чужие лайки, поисковые результаты.

Для подключения к аккаунту Твиттера требуется настройка канала (при первой попытке запустится мастер).

Flickr

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

Для подключения к аккаунту Flickr требуется настройка канала (при первой попытке запустится мастер).

Виджеты для digital signage: Плейлист из собственных или чужих медиа
Media Playlist.svg
Плейлист из собственных или чужих медиа
Любые эффекты и настройки, доступные для слоев
Виджеты для digital signage: Протяжка медиа по экрану
Media Crawler.svg
Протяжка медиа по экрану
Направление, скорость, промежутки

Flickr - хранилище картинок и видео

Быстрый способ организовать фото/видео галерею для отображения на экранах. Пользователи работают в привычных браузере или приложении. Результат - на всех экранах digital signage. Можно организовывать альбомы, фотопотоки, избранное. Отображать свои и чужие галереи, искать по тэгам или геоотметкам.

Виджеты для digital signage: Слайдшоу - картинка, название, описание
Slideshow.svg
Слайдшоу - картинка, название, описание
Длительность, эффект, повторение, расположение текста
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде гор. таблицы
Horizontal table.svg
Слайдшоу из нескольких медиа с подписями в виде гор. таблицы
Длительность, эффект, повторение, кол-во колонок, задержка вывода, заполнение строк и колонок в %
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде верт. таблицы
Vertical table.svg
Слайдшоу из нескольких медиа с подписями в виде верт. таблицы
Длительность, эффект, повторение, кол-во строк, задержка вывода, заполнение строк и колонок в %
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде произв. таблицы
Table.svg
Слайдшоу из нескольких медиа с подписями в виде произв. таблицы
Длительность, эффект, повторение, кол-во строк и колонок, задержка вывода, заполнение строк и колонок в %

RSS

Во всех виджетах RSS используется адрес источника. Он может быть в интернете, локальной сети или на плеере.
Виджеты для digital signage: Листание текста
Text Bar.svg
Листание текста
Язык, выравнивание, эффекты, кол-во строк, длительность показа, длительность прокрутки
Виджеты для digital signage: Бегущая строка
Text Ticker.svg
Бегущая строка
Язык, направление, скорость, промежутки

Бегущая строка - на 76% публичных экранов

Заголовки новостей интересно читать. Это привлекает внимание к экрану и дает возможность показать зрителю основной контент.

Не захламляйте экран несколькими бегущими строками. Это смотрится пестро и неинформативно. Теряется фокус. Одна бегущая строка внизу - более чем достаточно.

Виджеты для digital signage: Плавная прокрутка
Text Roll.svg
Плавная прокрутка
Язык, шаблон вывода, выравнивание, направление, кол-во строк, скорость, промежутки
Виджеты для digital signage: Плейлист из медиа в RSS ленте
Media Playlist.svg
Плейлист из медиа в RSS ленте
Любые эффекты и настройки, доступные для слоев
Виджеты для digital signage: Протяжка медиа из RSS по экрану
Media Crawler.svg
Протяжка медиа из RSS по экрану
Направление, скорость, промежутки
Виджеты для digital signage: Слайдшоу - картинка, название, описание
Slideshow.svg
Слайдшоу - картинка, название, описание
Длительность, эффект, повторение, расположение текста
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде гор. таблицы
Horizontal table.svg
Слайдшоу из нескольких медиа с подписями в виде гор. таблицы
Длительность, эффект, повторение, кол-во колонок, задержка вывода, заполнение строк и колонок в %

Картинки в RSS - редкость

Публичные RSS каналы делают картинки не ко всем новостям. Проверьте подачу картинок в потоке не менее чем на ста записях. Если есть пропуски, лучше показывайте только текст.

Канал общих новостей РБК, на котором картинки есть всегда.

Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде верт. таблицы
Vertical table.svg
Слайдшоу из нескольких медиа с подписями в виде верт. таблицы
Длительность, эффект, повторение, кол-во строк, задержка вывода, заполнение строк и колонок в %
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде произв. таблицы
Table.svg
Слайдшоу из нескольких медиа с подписями в виде произв. таблицы
Длительность, эффект, повторение, кол-во строк и колонок, задержка вывода, заполнение строк и колонок в %

Текст

Во всех виджетах динамического показа текста используется адрес источника. Он может быть в интернете, локальной сети или на плеере.
Виджеты для digital signage: Листание текста
Text Bar.svg
Листание текста
Язык, выравнивание, эффекты, кол-во строк, длительность показа, длительность прокрутки

Текстовый файл - легкий и универсальный формат

Самый быстрый способ изменить текст на всех экранах - изменить текстовый файл, который они читают.

Правильная архитектура контента это важно.

Виджеты для digital signage: Бегущая строка
Text Ticker.svg
Бегущая строка
Язык, направление, скорость, промежутки
Виджеты для digital signage: Плавная прокрутка
Text Roll.svg
Плавная прокрутка
Язык, шаблон вывода, выравнивание, направление, кол-во строк, скорость, промежутки

Таблицы

У всех табличных виджетов в качестве источника данных можно выбрать файл Excel, CSV или Google sheets.

Для подключения к аккаунту Google требуется настройка канала (при первой попытке запустится мастер).

Виджеты для digital signage: Листание текста
Text Bar.svg
Листание текста
Язык, выравнивание, эффекты, кол-во строк, длительность показа, длительность прокрутки
Виджеты для digital signage: Бегущая строка
Text Ticker.svg
Бегущая строка
Язык, направление, скорость, промежутки

Таблицы в Google docs

Самый простой способ организации данных на всех экранах. Редактируйте данные в Google sheets, а плееры обеспечат их представление на экранах.

Виджеты для digital signage: Плавная прокрутка
Text Roll.svg
Плавная прокрутка
Язык, шаблон вывода, выравнивание, направление, кол-во строк, скорость, промежутки
Виджеты для digital signage: Слайдшоу - картинка, название, описание
Slideshow.svg
Слайдшоу - картинка, название, описание
Длительность, эффект, повторение, расположение текста
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде гор. таблицы
Horizontal table.svg
Слайдшоу из нескольких медиа с подписями в виде гор. таблицы
Длительность, эффект, повторение, кол-во колонок, задержка вывода, заполнение строк и колонок в %

Файлы Excel

Привычные таблицы в Excel или более легком CSV можно хранить внутри проекта, либо в облаке. Плееры читают из любого места.

Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде верт. таблицы
Vertical table.svg
Слайдшоу из нескольких медиа с подписями в виде верт. таблицы
Длительность, эффект, повторение, кол-во строк, задержка вывода, заполнение строк и колонок в %
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде произв. таблицы
Table.svg
Слайдшоу из нескольких медиа с подписями в виде произв. таблицы
Источник, длительность, эффект, повторение, кол-во строк и колонок, задержка вывода, заполнение строк и колонок в %
Виджеты для digital signage: Перегруппированные данные
Grouped Table.svg
Перегруппированные данные
Ориентация, группировка, кол-во, задержка группы и элементов, заполнение колонок и строк в %, заголовки.

Календари

Для каждого виджета календаря выбирается источник - ICS файл или Google calendar. Можно выбрать период обновления и диапазон дат. Диапазон дат можно выбрать относительно. Например, начать сегодня, закончить сегодня плюс неделя.

В большинстве виджетов можно выбрать шаблон вывода. Например, длинный или короткий формат даты события, показывать или нет описание, место и т.п.

Для подключения к аккаунту Google требуется настройка канала (при первой попытке запустится мастер).

Виджеты для digital signage: Листание событий
Text Bar.svg
Листание событий
Язык, выравнивание, эффекты, кол-во строк, длительность показа, длительность прокрутки, шаблон вывода
Виджеты для digital signage: Бегущая строка
Text Ticker.svg
Бегущая строка
Язык, направление, скорость, промежутки, шаблон вывода

Google calendar

Самый простой способ организации календарных данных. Редактируйте данные в Google calendar хоть с телефона. Плееры отберут текущие события и покажут на экране.

Виджеты для digital signage: Плавная прокрутка событий
Text Roll.svg
Плавная прокрутка событий
Язык, шаблон вывода, выравнивание, направление, кол-во строк, скорость, промежутки, шаблон вывода
Виджеты для digital signage: Слайдшоу событий
Slideshow.svg
Слайдшоу событий
Длительность, эффект, повторение, расположение текста
Виджеты для digital signage: Горизонтальная таблица событий
Horizontal Table.svg
Горизонтальная таблица событий
Длительность, эффект, повторение, кол-во колонок, задержка вывода, заполнение строк и колонок в %, шаблон вывода

Данные из MS Exchange и Lotus

Корпоративные заказчики используют MS Exchange и Lotus. Из этих систем также можно получить ICS файл, и использовать календарные данные без дополнительных трудозатрат.

Виджеты для digital signage: Вертикальная таблица событий
Vertical table.svg
Вертикальная таблица событий
Длительность, эффект, повторение, кол-во строк, задержка вывода, заполнение строк и колонок в %, шаблон вывода
Виджеты для digital signage: Произвольная таблица событий
Table.svg
Произвольная таблица событий
Источник, длительность, эффект, повторение, кол-во строк и колонок, задержка вывода, шаблон вывода
Виджеты для digital signage: Таблица событий за диапазон дат
Daily Events.svg
Таблица событий за диапазон дат
Строится относительно указанного дня. Ориентация, время начала и конца, кол-во, задержка группы и элементов, заполнение колонок и строк в %, заголовки.

Медиа

В медиавиджетах можно выбрать источник файлов: папка на сервере, Flickr, Instagram, Альбом Facebook. Медиафайлы, которые находятся на источнике, будут показываться виджетом. Можно отфильтровать по типу файлов, установить макс. количество, отсортировать. В качестве сервера надо использовать WebDav сервер. Подойдут Dropbox, Yandex Диск и подобные публичные WebDav серверы.
Виджеты для digital signage: Плейлист из медиа
Media Playlist.svg
Плейлист из медиа
Любые эффекты и настройки, доступные для слоев
Виджеты для digital signage: Протяжка медиа по экрану
Media Crawler.svg
Протяжка медиа по экрану
Направление, скорость, промежутки

Для пользователей без знаний

Разместите виджет, получающий медиа из папки на Яндекс диске, в нужной зоне экрана. Присоедините секретарю Яндекс диск как папку на компьютере. Все файлы, которые она туда сложит, будут показываться в выделенной зоне на экране. Быстро и без обучения.

Виджеты для digital signage: Слайдшоу - картинка, название, описание
Slideshow.svg
Слайдшоу - картинка, название, описание
Длительность, эффект, повторение, расположение текста
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде гор. таблицы
Horizontal table.svg
Слайдшоу из нескольких медиа с подписями в виде гор. таблицы
Длительность, эффект, повторение, кол-во колонок, задержка вывода, заполнение строк и колонок в %
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде верт. таблицы
Vertical table.svg
Слайдшоу из нескольких медиа с подписями в виде верт. таблицы
Длительность, эффект, повторение, кол-во строк, задержка вывода, заполнение строк и колонок в %
Виджеты для digital signage: Слайдшоу из нескольких медиа с подписями в виде произв. таблицы
Table.svg
Слайдшоу из нескольких медиа с подписями в виде произв. таблицы
Длительность, эффект, повторение, кол-во строк и колонок, задержка вывода, заполнение строк и колонок в %

Диаграммы

Здесь 25 виджетов для построения различных диаграмм. На входе - табличные данные из Excel, Google sheets или CSV, на выходе - красивые графики. Мы пока не заполнили этот раздел, но скоро исправимся.

Измерители

Здесь 18 измерителей. Это анимированные спидометры, круговые и столбчатые бары. Они хорошо показывают загруженность колл-центров, соревнования отделов продаж и т.п. На входе - табличные данные из Excel, Google sheets или CSV, на выходе - красивые измерялки. Мы пока не заполнили этот раздел, но скоро исправимся.

Финансы

Здесь 5 виджетов для показа котировок, курсов и биржевых данных. Мы пока не заполнили этот раздел, но скоро исправимся.

Погода

Здесь 3 виджета погоды. У них множество настроек, поэтому можно сделать любую выборку. Текущие данные, прогноз, несколько городов, дней и т.п. Мы пока не заполнили этот раздел, но скоро исправимся.

Настраиваемые парсеры

Это виджеты Elementi версии X. С их помощью можно любые данные представить в любом виде. На входе отделные файлы любых типов, соцсети, погодные фиды, переменные. Форматы - JSON, RSS, XML, CSV, TXT, ICS, строки запросов, выборки и т.п. На выходе - данные, организованные произвольным способом. Полная свобода. Мы пока не заполнили этот раздел, но скоро исправимся.

RS-232

Здесь все, что нужно для настройки взаимодействия плееров и других устройств через RS-232. Пока не заполнили, скоро будет.

Интерактив и управление

Здесь 10 виджетов для построения интерактивных проектов. Например, на тачскринах или управляемых внешними устройствами - Crestron'ами, планшетами, телефонами и т.п. Виртуальная клавиатура и обработчики касаний. Пока не заполнили, скоро исправимся.

Примеры проектов

Здесь несколько примеров проектов для быстрого освоения архитектуры. Они автоматизированные, т.е. используют Data driven digital signage. Наполняют экран в зависимости от изменения уже существующих у пользователя данных. Пока не заполнили, но скоро исправимся.