Лайфхак для интегратора от SpinetiX: как создать контент для интерактивного дисплея. Пошаговое руководство

Компания SpinetiX разработала программно-аппаратный комплекс, который поможет самостоятельно создать контент для интерактивного дисплея. В помощь пользователям SpinetiX предлагает пошаговое руководство, которое иллюстрируется наглядными примерами.

Как устроен интерактив SpinetiX?

    Для создания интерактивного проекта понадобятся:

  • Плеер HMP350, HMP400 или iQnetiX EMP-II
  • Аппаратная лицензия Kiosk или Systems
  • Редактор контента Elementi
  • Любой интерактивный дисплей, который поддерживает HID

Интерактивный проект можно создать с помощью стандартных виджетов SpinetiX в программе Elementi → вкладка «Виджеты», папка «Интерактив и управление».

Как создать интерактивный проект: разбор на готовом примере

    Интерактивный проект создается в три этапа:

  1. Создание макетов (страниц)
  2. Создание кнопок
  3. Привязка кнопок к макетам (страницам)

Разберём процесс пошагово на конкретном примере.
Для этого скачайте готовый проект

Скачали? Отлично. Рассказываем как сделать так же

Шаг 1. Создайте макеты (страницы) с контентом

    Добавьте в проект в Elementi три макета с контентом:

  • макет «Главное меню»
  • макет «Раздел 1»
  • макет «Раздел 2»

Наполните макеты слоями (тексты и картинки).

Шаг 2. Добавьте в макеты кнопки. Укажите, куда ведёт каждая кнопка

Разместите виджет Click to Action на каждом макете.
Добавьте слои с кнопками. Для этого кликните правой кнопкой мыши на вкладке «Преобразования» и выберите «Новый текстовый слой». Нажмите на шестерёнку для оформления кнопок.

Назначьте команду для каждой кнопки в столбце «Действия».

Например, кнопка «Раздел 1» откроет макет с командой 1, кнопка «Раздел 2» откроет макет с командой 2.

Шаг 3. Добавьте макеты в список показов. Укажите, по какой команде запускается каждый макет

Разместите интерактивный плейлист Action to Switch в корневом файле index.svg.
⚠ Важно: index.svg – главный файл проекта. Его нельзя переименовывать и удалять.

Перетащите все макеты на вкладку «Преобразования» с помощью drag and drop. Назначьте команды в столбце «Проявка».

Например, макет «Главное меню» запускается по кнопке с командой main, «Раздел 1» запускается по кнопке с командой 1, «Раздел 2» запускается по кнопке с командой 2.

Как проверить результат

Нажмите на кнопку с пальцем («Правка/Просмотр»), чтобы запустить интерактивный режим в SpinetiX Elementi. Откройте корневой файл index.svg и кликните по кнопкам на макетах в окне предпросмотра.

Как активировать интерактив на плеере

Откройте контрольный центр управления плеера. Для этого кратковременно нажмите синюю кнопку на плеере. На экране появится IP адрес плеера. Вбейте его в адресную строку браузера и получите доступ к контрольному центру управления. По умолчанию логин/пароль admin/admin.

Откройте Advanced Applications — Interactivity. Поставьте галочку «Accept touchscreen and keyboard events» — Apply. Готово.

Где ещё поучиться интерактивным проектам SpinetiX?

Читайте про интерактив на сайте производителя.

Смотрите пошаговые руководства и качайте примеры проектов.

Источник: https://dstools.ru