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: LED, LCD, проектор? «Наружка» для Digital Signage: LED, LCD, проектор?
В наше конкурентное время для привлечения внимания компании вынуждены прибегать к самым современным технологиям рекламы...
Контент из соцсетей будет работать на ваш Digital Signage Контент из соцсетей будет работать на ваш Digital Signage
Доходы от печатной рекламы в ближайшие 4-5 лет снизятся на 23,8%. За этот же период показатель Digital Signage вырастет на 11&...
Топ-5 ошибок при создании интерактивных Digital Signage Топ-5 ошибок при создании интерактивных Digital Signage
Какие недочеты могут привести к большим проблемам? Взглянем на топ-5 ошибок при создании интерактивных систем Digital Signage.
Короля делает свита, а Digital Signage – делает контент Короля делает свита, а Digital Signage – делает контент
Какие задачи решает в точках ритейла Digital Signage и что главное в таких проектах, рассказывает эксперт индустрии Джованни Флор.
Как сделать Digital Signage успешным? Пошагово: пример Benetton Как сделать Digital Signage успешным? Пошагово: пример Benetton
Чтобы развеять миф о неэффективности систем Digital Signage, предлагаем вспомнить проект Benetton live windows.
6 сфер, где применение 4К по-настоящему нужно и эффективно 6 сфер, где применение 4К по-настоящему нужно и эффективно
Вице-президент компании RGB Spectrum - о тех отраслях, где без применения технологии 4К сегодня не обойтись.
Все статьи
Видео
Яркость и контрастность, помноженные на прозрачность
Digital Signage не знает границ. Стоматологи подтверждют!
Все видео
Установка электронных киосков, давшая 100% увеличения продаж Установка электронных киосков, давшая 100% увеличения продаж
Для демонстрации полного спектра продуктов в торговой сети Bolist были установлены электронные информационные киоски.
Digital Signage на площади 200 гектаров для ОАО «Тольяттиазот» Digital Signage на площади 200 гектаров для ОАО «Тольяттиазот»
Модернизации корпоративной системы и инфраструктуры всего пространства предприятия ОАО "Тольяттиазот".
Digital Signage в аудитории для совместной работы в библиотеке Digital Signage в аудитории для совместной работы в библиотеке
Университет Ньюкасла открыл цифровую библиотеку с читальными залами и аудиториями для обучения, консультаций и совместной работы.
Современный киноконцертный зал в клубе офицеров Военной академии Современный киноконцертный зал в клубе офицеров Военной академии
ТЭКО-СЕРВИС в сжатые сроки реализовала масштабный проект по комплексному переоснащению клуба офицеров Военной Академии Связи.
Digital Signage и другие решения для музея в Калининграде Digital Signage и другие решения для музея в Калининграде
Выполнены работы по реконструкции и модернизации областного историко-художественного музея «Штадтхалле».
Digital Signage для Центрального Детского Магазина на Лубянке Digital Signage для Центрального Детского Магазина на Лубянке
Аудио-визуальный комплекс в ЦДМ включает в себя большое количество развлекательных и обучающих интерактивных зон.
Все кейсы
TNTv: вебинар "Строим систему видеотрансляции в ритейле"
TNTv: вебинар "Строим систему видеотрансляции в ритейле"
Материалы вебинара "Строим систему видеотрансляции в ритейле" от 31/03/2016, альбомный формат, 16 полос.
COOLUX: Как удивить заказчика? Открываем Coolux Pandoras Box…
COOLUX: Как удивить заказчика? Открываем Coolux Pandoras Box…
Презентация с вебинара от 26/11/2015, формат А4, альбомная, 41 полоса.
Все файлы
Выбор медиапроигрывателя для Digital Signage: делаем по уму
Брендон Джонс
“Какая разница между медиа проигрывателями за 200 и за 700 долларов? Это, пожалуй, один из наиболее популярных вопросов от клиентов.”
Брендон Джонс
предприниматель, 15 лет работающий на рынке мини-ПК
Новейшие тенденции управления контентом Digital Signage
Мэтт Кребз
“В этой публикации хотелось бы обозначить некоторые перспективы в области управления контентом Digital Signage в 2016 году.”
Мэтт Кребз
Основатель Solutions for Creating Margin
Что сулит союз "Интернета вещей" и Digital Signage?
Кори Мосс
“Интернет Вещей, в сущности, становится своего рода «технологическим ответвлением» для сферы AV. И это сулит огромные прибыли...”
Кори Мосс
специалист в области AV/IT систем
Все мнения