20 000 профессионалов proAV > 1500 компаний > 570 городов > 6 стран ближнего зарубежья > 1 сообщество

Присоединяйтесь!

Подписка на дайджест
Рубрикатор статей

Невредные советы: как создать Digital Signage контент в HTML5

Рост популярности HTML5 как современного веб стандарта изменил внешний вид интернет сайтов, а также повлиял на внешний вид цифровой рекламы в системах Digital Signage. В этой статье будут рассмотрены важные аспекты создания контента в формате HTML5 для систем Digital Signage и узнаем, каких ошибок при этом стоит избегать.

html5-dlya-digital-signage-1.png

Для начала разберемся, что такое HTML5 и какие возможности этого стандарта можно использовать для Digital Signage. HTML5 – платформа для создания веб-приложений с использованием медиа. Невозможно говорить о HTML5 без упоминания инструментов, лежащих в основе этой технологии: JavaScript, jQuery и CSS3. JavaScript – это язык веб программирования, позволяющий выполнять сложные функции на веб-страницах. jQuery – набор плагинов для JavaScript. CSS3 – спецификация CSS, определяющая, как будет выглядеть веб страница. Любой контент HTML5 может содержать все эти три компонента.

Если при обычном серфинге интернета все работает так, как и должно, то при использовании HTML5 в сфере цифровой рекламы появляются некоторые проблемы. Начнем, пожалуй, с того, что многие производители медиаплееров для Digital Signage или CMS (систем управления контентом) указывают поддержку HTML5 в характеристиках. Только вот справиться с визуализацией всего кода могут далеко не все плееры. Другими словами, медиаплеер не может воспроизвести созданный вами контент. Во многих медиаплеерах встречается устарелое программное обеспечение, не позволяющее воспроизводить контент, созданный более новыми способами программирования. Есть также вариант, при котором у старого "железа" просто не хватит мощности для воспроизведения.

Разработчики многие годы наблюдали ситуацию, при которой один и тот же код выглядел совершенно по-разному, например, в браузерах Internet Explorer и Chrome. Сложность использования HTML5 в системах Digital Signage заключается в том, что каждый медиаплеер — как отдельный браузер: со своим уникальным способом воспроизведения контента.

Кто справится с созданием контента?

Для создания контента в формате HTML5 работы одного графического дизайнера может быть недостаточно, скорее всего, потребуется помощь веб-разработчика. Часто бывает, что веб-разработчик является по совместительству также дизайнером, художником и программистом. Вполне ожидаемо, что нанятый вами веб-разработчик не будет обладать опытом создания контента для сферы Digital Signage. В этом случае, ему следует сразу забыть о некоторых приемах, возможных только при непосредственном интерактивном участии пользователя. Тем не менее, современные медиаплееры поддерживают различные типы управления, включая сенсорные дисплеи или управления жестами. Способы реализации таких возможностей всегда можно обсудить с самим веб-разработчиком.

Приложения для создания контента в HTML5

Существует много решений для создания HTML5 контента. В качестве примера мы рассмотрим Adobe Edge, входящий в состав Creative Cloud, — инструмента от компании Adobe, разработанного для создания веб-контента. Adobe Edge позволяет быстро подготовить впечатляющий контент, но в  качестве "начинки" для цифровой рекламы с ним могут возникнуть трудности. Дело в том, что Adobe Edge был разработан для современных браузеров, а, как мы уже писали, не все медиаплееры могут гарантировать поддержку новых технологий HTML5. Поэтому не стоит воспринимать как неприятный сюрприз тот факт, что код, сгенерированный на Adobe Edge, не воспроизводится на медиаплеере или CMS, даже если производитель указал поддержку HTML5.

Adobe Edge отлично взаимодействует с другими инструментами компании, такими как Photoshop и Illustrator, позволяя дизайнерам создавать свой привычный контент, а затем экспериментировать с ним. Если ваш медиаплеер поддерживает контент, созданный с помощью Adobe Edge, перед вами открываются богатые возможности для создания потрясающей цифровой рекламы.

Код, написанный вручную

Многие дизайнеры/разработчики используют в своих работах рукописный код, который впоследствии превращается в графику или графические эффекты. Таким разработчикам не составит труда изучить возможности медиаплееров или CMS, прежде чем приступать к работе. Используемые части кода с различных онлайн ресурсов также могут быть адаптированы разработчиками под Digital Signage.

Онлайн или офлайн

Офлайн-просмотр страниц давно ушел в прошлое, так как Интернет следует за нами повсюду, куда бы мы ни отправились. Но в случае использования HTML5 в системах Digital Signage, клиенты интересуются, что случится, если все же сеть пропадет. Этот вопрос, в частности, очень важен для цифровых менюбордов в ресторанах быстрого обслуживания. Именно для них разработчики стараются создать лучшие офлайн-решения.

Тем не менее, онлайн-контент имеет богатые функциональные возможности. Разработчики могут добавить возможность кэширования и повторное использование соединений для тестирования сети перед обновлением страницы. Это позволит отображать контент в HTML5 независимо от состояния сети.

Что нас ожидает дальше?

Производители медиаплееров для систем Digital Signage также понимают все проблемы, связанные с HTML5. Компания BrightSign, американский лидер в производстве медиаплееров для систем Digital Signage, хорошо поработала над поддержкой HTML5. Плееры компании оснащены мощным видеопроцессором, легко обрабатывающим любой интерактивный контент. Специалисты BrightSign позаботились о том, чтобы создавать контент было легко: разработчики могут использовать любые привычные инструменты для разработки контента, а затем публиковать его через бесплатное ПО BrightAuthor.

Тем не менее, HTML5 продолжает развиваться. Вскоре нас ожидает версии 5.1 (в 2016 году) и 5.2. Эти обновления подарят разработчикам новые возможности, которые также найдут применение и в Digital Signage. Это означает, что в будущем нас ждет появление еще более интересной и вовлекающей цифровой рекламы. Остается ждать от создателей медиаплееров и CMS полной поддержки возможностей HTML5.

Источник: www.blog.imsolution.ru

Digital Signage выбрал своих фаворитов. Все Best of Show здесь Digital Signage выбрал своих фаворитов. Все Best of Show здесь
Стремительно развивающийся рынок Digital Signage требует все больше инновационных продуктов и технологий. Они все здесь.
Какие тренды InfoComm задала в этом году: факты, анализ, сравнения Какие тренды InfoComm задала в этом году: факты, анализ, сравнения
InfoComm задает тренды, демонстрирует новинки и дает пищу для размышлений. Ниже – сумма впечатлений от всего перечисленного.
"Покажите рекламу зонтика как раз перед тем, как начнется дождь!" "Покажите рекламу зонтика как раз перед тем, как начнется дождь!"
Компания Addreality собрала мнения специалистов о тонкостях создания рекламного контента на основе моментально полученных данных.
Почему моя система Digital Signage не эффективна? Разбор Почему моя система Digital Signage не эффективна? Разбор
Компании тратят немало денег и времени на Digital Signage решения, но часто бывают разочарованы результатом. Разбираем, почему.
Ивенты в стиле киберпанк: 7 proAV трендов по следам ISE 2018 Ивенты в стиле киберпанк: 7 proAV трендов по следам ISE 2018
Вход на ISE похож на зону вылета в аэропорту, а вокруг все напоминает фантастический фильм: светится, двигается, обращается к тебе...
OLED, LED, QLED. Сравниваем и анализируем: что лучше? OLED, LED, QLED. Сравниваем и анализируем: что лучше?
Кроме привычной аббревиатуры LED сегодня можно часто встретить OLED, а после презентации Samsung на CES 2017— и QLED...
Все статьи
Видео
Вебинар "Медиаплееры Sedao для Digital Signage"
Вебинар "BrightSign – медиаплееры для Digital Signage №1 в мире". Часть 1
Все видео
Digital Signage решение в питерском бутике Victoria’s Secret Digital Signage решение в питерском бутике Victoria’s Secret
В Санкт-Петербурге открылся первый магазин женского белья Victoria’s Secret, оформленный впечатляющими видеостенами.
Планшет масштабирован в видеостену в салоне Фольксваген, Химки Планшет масштабирован в видеостену в салоне Фольксваген, Химки
В клиентской зоне, оснащенной Digital Signage, размещены 2 видеостены (2х2 панели) и 8 отдельно стоящих видеопанелей.
Digital Signage витрины со специальными экранами для ЦУМа Digital Signage витрины со специальными экранами для ЦУМа
AUVIX разработала и интегрировала систему Digital Signage в витрины ЦУМа, расположенные в пешеходной зоне улицы Кузнецкий мост.
Системы Digital Signage для нового отделения «Бинбанка» в Москве Системы Digital Signage для нового отделения «Бинбанка» в Москве
Новый офис «Бинбанка», одного из крупнейших российских банков, оснащен современной системой Digital Signage.
Идеальный звук для зала с кирпичными стенами и зеркалами Идеальный звук для зала с кирпичными стенами и зеркалами
В студии искусств «Своя жизнь» оборудованы 5 танцевальных залов со звуком класса Hi-Fi и возможностью онлайн-трансляции занятий.
Оснащение Музея бронетанковой техники: с заделом на будущее Оснащение Музея бронетанковой техники: с заделом на будущее
В Прохоровском районе Белгородской области состоялось торжественное открытие уникального Музея бронетанковой техники.
Все кейсы
TNTv: вебинар "Строим систему видеотрансляции в ритейле"
TNTv: вебинар "Строим систему видеотрансляции в ритейле"
Материалы вебинара "Строим систему видеотрансляции в ритейле" от 31/03/2016, альбомный формат, 16 полос.
COOLUX: Как удивить заказчика? Открываем Coolux Pandoras Box…
COOLUX: Как удивить заказчика? Открываем Coolux Pandoras Box…
Презентация с вебинара от 26/11/2015, формат А4, альбомная, 41 полоса.
Все файлы
3 сценария Digital Signage для решения любых задач
Прохоров Максим
“Существует несколько ключевых факторов, которые важно принимать во внимание на этапе планирования Digital Signage инсталляции.”
Прохоров Максим
Менеджер по работе с партнерами в России и странах СНГ.
Купить или арендовать? 20 доводов в помощь выбирающим ПО
Артем Ковальов
“Гид по выбору ПО для Digital Signage поможет решить, на чем именно стоит остановить выбор: на аренде или покупке софта.”
Артем Ковальов
Директор OptiVision
7 вариантов креативного использования Digital Signage в фойе
Тобби Гарет
“В статье рассматриваются варианты эффективного использования Digital Signage в фойе и технологии для них.”
Тобби Гарет
Synergy CT
Все мнения