Компоненты

• Как импортировать файлы из Adobe Photoshop?
• Какие HTML-теги поддерживает слой «Текст»
• Контейнер приложений (Application Container): описание, настройка
• Веб фрейм (Web Frame): описание, настройка
• Звуковая панель (Sound Panel): описание, настройка

Как импортировать файлы из Adobe Photoshop?

В статье раскрыта тема «Как импортировать файлы из Adobe Photoshop».

---

Настройка компонента

Перед тем как импортировать в проект файлы, созданные в Adobe Photoshop, убедитесь, что они отвечают следующим требованиям:

1. Файл сохранен в режиме максимальной совместимости;
2. Файл создан в 8 битном режиме;
3. Файл имеет фоновый слой (в последствии его можно будет удалить в редакторе Designer Адвантедж);
4. В файле нет масок на объектах(убрать их можно путем преобразования в смарт-объекты).

Для импорта в проект файлов, созданных в Adobe Photoshop, необходимо щелкнуть правой кнопкой мыши по пустой сцене компонента Interface Editor в редакторе шаблонов Designer Адвантедж.

Выберите нужный файл в формате .psd, затем поставьте чекбокс "Импортировать все тексты как текстовые слои", для того, чтобы продолжать работу со слоями в редакторе Designer Адвантедж.

Выберите "Импорт" - изображение будет импортировано в шаблон.

Какие HTML-теги поддерживает слой «Текст»

В статье раскрыта тема «Какие HTML теги поддерживает слой "Текст"».

---

Включите обработку HTML

Перед использованием тегов включите параметр HTML в свойствах текстового слоя.

---

Поддерживаемые теги

Тег	Назначение
<a>	Создаёт гипертекстовую ссылку.
<b>	Делает текст полужирным.
<u>	Подчёркивает текст.
<br>	Добавляет разрыв строки.
<i>	Выделяет текст курсивом.
<li>	Добавляет элемент маркированного списка.
<p>	Создаёт новый абзац.
<font>	Задаёт цвет, шрифт и размер текста с помощью атрибутов color , face и size . Для color используется шестнадцатеричное значение, например #FF0000 .
<span>	Применяет CSS-класс из таблицы стилей с помощью атрибута class .

---

Пример

Чтобы вывести текст красным цветом, используйте:

<font color="#FF0000">Ваш красный текст</font>

---

Проверьте результат

Сохраните содержимое и откройте предварительный просмотр шаблона. Текст должен отображаться красным цветом, а HTML-разметка не должна выводиться на экран как обычный текст.

Контейнер приложений (Application Container): описание, настройка

В статье раскрыта тема «Контейнер приложений (Application Container): описание, настройка».

---

Назначение компонента

Компонент «Контейнер приложений» предназначен для интеграции и запуска сторонних приложений в шаблоне проекта.

Компонент обеспечивает возможность интеграции:

• Android-приложений (с использованием APK-файла или по ID, например, com.company.app);
• Невидимый режим (скрытие проигрывателя с экрана точки вещания по команде, например, нажатию слоя-кнопки).

---

Настройка приложения

Перед началом подготовьте APK-файл или идентификатор Android-приложения, например com.company.app.

1. В поле Тип выберите нужный вариант интеграции.
2. Заполните появившиеся параметры приложения.
3. Нажмите ОК или Применить.
4. Запустите локальный просмотр и проверьте открытие приложения или скрытие проигрывателя по заданному действию.

Веб фрейм (Web Frame): описание, настройка

В статье раскрыта тема «Веб фрейм (Web Frame): описание, настройка».

---

Назначение компонента

Компонент «Веб фрейм» уже устарел, сейчас его функции выполняет слой Webframe в Interface Editor. Подробнее почитать о его функциональности и настройке можно по ссылке.

Компонент «Веб фрейм» предназначен для встраивания в шаблон веб-интерфейса на основании веб-содержимого или локального HTML-кода.

Для настройки веб-интерфейса

1. Откройте вкладку «Настройки».
2. В поле «Тип» выберите значение URL, если источником является веб-содержимое, или значение «HTML код», если источником является локальный HTML-код.
3. Для веб-содержимого: В поле URL введите адрес стартового веб-ресурса.
4. Для HTML-кода: В поле «Код» введите код страницы.
5. Установите флажок в поле «Разрешить открывать ссылки» для разрешения переходов пользователей по ссылкам.
6. Установите флажок в поле «Разрешить поддомены» для разрешения переходов пользователей по ссылкам на поддомены основного URL-адреса.
7. Установите флажок в поле «Разрешить другие домены» для разрешения переходов пользователей по ссылкам на сторонние домены (отличающиеся от домена основного URL-адреса).
8. В поле «Тип перезагрузки» выберите периодичность обновления содержимого компонента: нет – обновление не осуществляется; Перезагружать каждое открытие компонента; Перезагружать каждую пользовательскую сессию.
9. В поле «Движок» выберите движок для отображения веб-содержимого: Встроенные WebKit – движок, встроенный в программу Плеера; Системный – веб-браузер операционной системы точки вещания.
10. В поле «Тип управления кэшем» выберите правило работы с кэшем: по умолчанию – принудительные действия не применяются; очищать кэш; сохранять кэш.
11. В поле «Тип управления кукисами» выберите правило работы с cookie-файлами: по умолчанию – принудительные действия не применяются очищать кукисы.
12. Основная настройка веб-интерфейса будет завершена.
13. Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений.

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

Настройка осуществляется в блоке «Перехват ссылок», после настройки веб-интерфейса компонента.

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

Для настройки контроля перехода

1. Откройте вкладку «Настройки».

2. Добавьте ссылки в блок «Перехват ссылок» одним из следующих способов

3. Для автоматического добавления всех ссылок, найденных на странице по указанному URL, нажмите кнопку «Парсить ссылки».
4. Для ручного добавления ссылок нажмите кнопку добавления, введите в появившемся поле URL адрес ссылки.
5. Для каждой ссылки, для которой требуется настроить перенаправление, нажмите кнопку создания ссылки на компонент.
6. Выберите компонент шаблона, на который должен осуществляться переход пользователя при нажатии выбранной ссылки.
7. Переадресация будет настроена.
8. Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений.

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

Для удаления ссылки из блока «Перехват ссылок» выберите ссылку и нажмите кнопку удаления. Ссылка будет удалена.

Компонент обеспечивает возможность передачи параметров веб-ресурсу.

Настройка доступна только для веб-интерфейса на базе веб-содержимого (значение URL в поле «Тип»).

Для настройки передаваемых параметров

1. Откройте вкладку «Параметры».
2. В поле «Метод запроса» выберите метод передачи параметров (GET; POST; PUT; DELETE; HEAD; OPTIONS).
3. Нажмите кнопку добавления параметра и выберите один из доступных вариантов: Пусто – собственный параметр; Имя устройства – для передачи параметра с названием точки вещания; Название проекта – для передачи параметра с названием шаблона проекта.
4. Для каждого параметра, в поле «Параметр» введите его название, в поле «Значение» – значение.
5. Настройка передачи параметров будет завершена.
6. Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений.

Для удаления параметра выберите строку и нажмите кнопку удаления. Параметр будет удален.

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

Для настройки:

1. Откройте вкладку «URL фильтр».
2. В поле «Тип таблицы фильтрации» выберите тип шаблона: Черный список – URL, соответствующие шаблону, будут заблокированы для открытия; Белый список – URL, соответствующие шаблону, будут доступны для открытия.
3. Нажмите кнопку добавления шаблона. В появившемся поле введите URL или его часть. Добавьте необходимое количество шаблонов.
4. Настройка разрешенных/запрещенных URL будет завершена.
5. Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений.

Для удаления шаблона выберите соответствующую строку и нажмите кнопку удаления. Шаблон будет удален.

Звуковая панель (Sound Panel): описание, настройка

В статье раскрыта тема «Звуковая панель (Sound Panel): описание, настройка».

---

Настройка компонента

Компонент "Звуковая панель" используется для создания аудио плейлиста.

Поддерживаемые форматы аудио файлов для медиа точек

• Windows – M4A, WAV, OGG FLAC, AAC, AIF, MP3;
• iOS, OS X, Android – MP3 и M4A.

Редактор "Звуковая панель" включает в себя

1. Область настройки громкости;
2. Список воспроизведения рекламных вставок;
3. Список воспроизведения аудиовставок;
4. Проигрыватель и основной список воспроизведения.

Для работы компонента его необходимо наполнить содержимым.

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

Аудиозапись можно добавить в компонент несколькими способами

• из медиабиблиотеки;
• через список воспроизведения.

Для добавления аудиозаписи из медиабиблиотеки перетащите содержимое из медиабиблиотеки в список воспроизведения.

Чтобы добавить контент через плейлист

1. В проигрывателе нажмите "Добавить".
2. Выберите источник звука - локальный контент, ссылку на внешний контент или CMS. Независимо от выбранного способа аудиозапись или ссылка на нее будут добавлены в список воспроизведения.
3. Нажмите "Применить" или "Ок" чтобы сохранить изменения.

Для удаления аудиозаписи из плейлиста

1. В списке воспроизведения выберите аудиозапись, которую нужно удалить.
2. Нажмите кнопку удаления.
3. Аудиозапись будет удалена из списка воспроизведения.
4. Нажмите кнопку «ОК» или «Применить» для сохранения внесенных изменений.

Для воспроизведения аудиозаписей в случайном порядке, в проигрывателе установите флажок в поле «Случайно».

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

Звуковая панель позволяет проигрывать интернет-радио.

Чтобы добавить интернет-радио в плейлист

1. В проигрывателе, нажмите "Добавить";
2. Выберите источник "Ссылка";
3. В строку "Ссылка" введите адрес интернет-ресурса;
4. В плейлисте появится элемент со ссылкой на указанный ресурс
5. Нажмите "Применить" или "Ок" чтобы сохранить изменения.

Звуковая панель позволяет добавлять звуковые объявления, воспроизводимые по команде.

Перед добавлением аудиорекламы разверните список воспроизведения рекламы. Для этого нажмите на панель «Рекламные вставки».

Чтобы добавить аудиозапись из медиа библиотеки, перетащите содержимое в список рекламных вставок.

Рекламная вставка будет добавлена.

Чтобы добавить аудиозапись в плейлисте

1. В панели рекламных вставок, нажмите "Добавить".
2. Выберите источник контента - локальное содержимое или CMS. Независимо от выбранного способа аудиозапись или ссылка на нее будут добавлены в список воспроизведения.
3. Нажмите "Применить" или "Ок" чтобы сохранить изменения.

Чтобы задать частоту воспроизведения рекламной вставки, укажите соответствующий интервал времени в поле «Интервал повтора»..

Период времени будет отображаться в формате "Часы:Минуты:Секунды".

Для воспроизведения рекламных вставкок в произвольном порядке, установите галочку «Случайно» в списке воспроизведения рекламы.

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

Чтобы убрать рекламную вставку из списка

1. В плейлисте рекламных вставок выберите необходимую вставку для удаления.
2. Используйте клавиатуру для удаления вставки. Кнопка удаления зависит от используемой операционной системы: кнопка Delete для Windows и Fn + Backspace для Mac OS.
3. Рекламная вставка будет удалена из списка.
4. Нажмите "Применить" или "Ок" чтобы сохранить изменения.

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

Перед добавлением аудиозаписей разверните соответствующий список воспроизведения. Для этого нажмите на подпись «Сэмплы».

Аудиозаписи можно добавить несколькими путями

• из медиабиблиотеки;
• через плейлист.

Чтобы добавить аудио файл из медиабиблиотеки перенесите аудиозапись из списка в плейлист.

Чтобы добавить аудиовставку через плейлист

1. В плейлисте аудиовставок, нажмите кнопку "Плюс".
2. Выберите аудиозапись и нажмите "Открыть".

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

Чтобы удалить аудиовставку из плейлиста

1. В плейлисте выберите аудиозапись для удаления.
2. Нажмите на кнопку "Корзина".
3. Аудиовставка будет удалена из плейлиста.
4. Нажмите "Применить" или "Ок" чтобы сохранить изменения.

Компонент обеспечивает возможность настройки уровня громкости

1. Основного контента из плейлиста;
2. Аудиовставок;
3. Рекламных вставок;
   
4. основного контента при воспроизведении рекламных вставок;
5. основного контента при воспроизведении аудиовставок.

Чтобы настроить уровень громкости, укажите его в соответствующем поле.