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

Ваша лучшая шпаргалка: 100 идей для контента Digital Signage Ваша лучшая шпаргалка: 100 идей для контента Digital Signage
Список из 100 идей для контента систем Digital Signage, который можно использовать как шпаргалки в решении разных задач.
Как брать клиентов "с потолка"? Новое Digital Signage решение LedGo Как брать клиентов "с потолка"? Новое Digital Signage решение LedGo
Растущий рынок светодиодного оборудования интересен тем, что имеет большое количество уникальнейших сегментов.
Digital Signage сделает вас лидером рынка. Рассказываем как Digital Signage сделает вас лидером рынка. Рассказываем как
Детальный разбор всех возможностей Digital Signage и того, как грамотно настроить систему под свои нужды.
О российском рынке Digital Signage – из первых рук О российском рынке Digital Signage – из первых рук
Digital Signage, пришедший на смену статическим информационно-рекламным вывескам, становятся все более востребованным.
Пошагово: как сделать ресторан с интерактивным столом заказов Пошагово: как сделать ресторан с интерактивным столом заказов
Подробный рассказ том, как задумывался, реализовывался и учился на собственных ошибках проект ресторана с интерактивным меню заказ...
Купите Digital Signage сеть. И просто начните зарабатывать! Купите Digital Signage сеть. И просто начните зарабатывать!
Дни рекламных афиш и рекламы, передаваемой по радио, почти сочтены. Digital Signage не наступает, он уже наступил.
Все статьи
Видео
Дискуссионный клуб "Обзор интересного на ISR 2017"
Дискуссионный клуб: "Инновации в музейном пространстве"
Все видео
Системы Digital Signage для нового отделения «Бинбанка» в Москве Системы Digital Signage для нового отделения «Бинбанка» в Москве
Новый офис «Бинбанка», одного из крупнейших российских банков, оснащен современной системой Digital Signage.
Идеальный звук для зала с кирпичными стенами и зеркалами Идеальный звук для зала с кирпичными стенами и зеркалами
В студии искусств «Своя жизнь» оборудованы 5 танцевальных залов со звуком класса Hi-Fi и возможностью онлайн-трансляции занятий.
Оснащение Музея бронетанковой техники: с заделом на будущее Оснащение Музея бронетанковой техники: с заделом на будущее
В Прохоровском районе Белгородской области состоялось торжественное открытие уникального Музея бронетанковой техники.
Digital Signage в торговых залах Calzedonia Group в Москве Digital Signage в торговых залах Calzedonia Group в Москве
Компания «Аристос Экус» произвела проектирование и установку системы Digital Signage для  Calzedonia Group в ряде москов...
Разработка корпоративного телевидения для компании ФОСАГРО Разработка корпоративного телевидения для компании ФОСАГРО
Руководство «ФосАгро» поставило задачу: разработать единую систему корпоративного телевидения «Система визуализации данных».
Установка электронных киосков, давшая 100% увеличения продаж Установка электронных киосков, давшая 100% увеличения продаж
Для демонстрации полного спектра продуктов в торговой сети Bolist были установлены электронные информационные киоски.
Все кейсы
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
Все мнения