HTML5 revolutioniert das Plakat! Wie der neue Webstandard digitale Info- und Werbedisplays (Digital Signage) verndern wird

Ein Vortrag von:Ibrahim Mazari, dimedis GmbH

Digital Signage

Was ist Digital Signage?

Einsatz digitaler Medieninhalte

Elektronische Plakate

Werbe- und Informationssysteme

Wegeleitung

Elektronische Schilder

Was ist kompas?

Digital Signage Lsungen

Leistungsfhig & flexibel

Netzwerk von ber 3000 Systemen

Wegeleitung

Preisgekrnte Software: viscomDigital Signage Best Practice Award(2008 und 2011)+ POPAI Digital Award Gold

HTML

HTML Historie

1989 CERN Projekt: HTML zum plattformbergreifendenInformationsaustausch

1992 Erste Version

1995 HTML 2.0 - Formulare

1997 HTML 3.2 Tabellen,Einbindung Applets

1997 HTML 4.0 Stylesheets

...12 Jahre nur moderateWeiterentwicklung

2009 HTML 5 Working Draft

HTML & Multimedia

Multimediafhigkeiten nur sehr eingeschrnkt

Audio & Video nur ber Plugins

Mangels Standards viele Probleme mit Videoformaten

Animationen mit JavaScript mglich, aber nur mit miger Performance

Der Ausweg: Flash

Flash Historie

1997 Erste Version, Macromedia

1998Flash 3.0 Verbesserung Interaktion

1999Flash 4.0 . ActionScript

2000 Flash 5.0 ECMA-Script(Basis von JavaScript)

2005 Adobe bernimmt Macromedia

2008 Offenlegung Spezifikationen

2012-Ankndigung Linux Player nur noch fr Google Chrome
-Verzicht Flash fr Android

Flash & Multimedia

Flash ist primr fr die Darstellung multimedialer Animationen ausgelegt

Gute Performance

Gute Videofhigkeiten vorhanden, wenn auch auf wenige Formate
beschrnkt

Sehr gute Authoring-Software zur Erstellung von Flash Animationen & Anwendungen

Plugin lange Zeit fr alle wichtigen Betriebssysteme verfgbar

Mit Aufkommen von HTML5 aber ein Auslaufmodell...

HTML5 Historie

2004 Entwicklung unter WHATWG, einer Arbeitsgruppe von Browser-Herstellern

2007 W3C & WHATWG entwickeln gemeinsam weiter

Verffetnlichung als Living Standard ohne feste Versionsnummern

HTML5 Ein Standard fr viele Webtechnologien

HTML5 bildet Dach fr eine ganze
Reihe von Webtechnologien, u.a.
-Audio & Video Einbindung-Canvas (zeichen in 2D & 3D)-SVG (vektorzeichnen in 2D)-Offline-Applikationen, Datenbank im
Browser-Touch-FhigkeitEinheitlliche Javascript Programm-
Schnittstellen fr alle Bereiche

Flash vs. HTML5

Flash war lange Zeit Quasi-
Standard

Aber proprietr und abhngig vom Hersteller Abobe

Ablsung steht an: Adobe selbst setzt mit Edge Produktfamilie voll
auf HTML5

Flash schon lnger nicht mehr fr allen Plattformen verfgbar (z.B. Apple IOS, Android nur
eingeschrnkt)

HTML5 vs. Flash

HTML5 ist offener Standard

Verfgbar auf allen aktuellen
Endgerten und Betriebssystemen

Viele groe Hersteller stehen
dahinter, u.a.
- Adobe- Google- Apple- Microsoft

Standard entwickelt sich schnell

Abspiel-Performance wird durch
Hardware-Beschleunigung immer besser

Was hat das alles mit Digital Signage zu tun?

Flash hat als Animationsformat
bislang auch Digital Signage
dominiert

Weil Flash nicht mehr
weiterentwickelt wird, mssen
Digital Signage Systeme zuknftig
HTML5 untersttzen

HTML5 wird das Internet
dominieren und Kunden werden das
als Standard auch fr Digital
Signage erwarten

HTML5: Ein Standard fr viele Kanle

Digital Signage etabliert sich immer
mehr als weiterer Kanal in der
Kundenkommunikation

HTML5 hat mit seinem offenen
Standard hier viel Potenzial fr
Synergieeffekte

Mit einem Digital Signage System,
das HTML5 untersttzt, knnen
einmal produzierte Inhalte dort
leichter wiederverwendet werden-Webkampagnen- Smartphone Apps- TV Apps, ...

Beispiel: BVB Aktion Lichtblick

Die Borussia Dortmund zeigt auf
ihrem 20 m kompas LED Board am
Stadion den Spot Lichtblick,
passend zur gleichnahmigen
Sponsor-Aktion

In technisch leicht abgewandelter
Form wird dieser Spot zuknftig
auch im Rahmen des Webauftritts
des BVB eingesetzt

HTML(5) bei kompas

kompas hat schon immer auf HTML
fr die Spot-Prsentationen gesetzt

Bislang geschah Spot-Template-
Erstellung auf HTML-Text-Ebene

Der neue kompas 6.0 Player
untersttzt jetzt den vollen HTML5
Standard

Somit knnen auch traditionell
erstellte Spot-Templates von nun an auf diesen Funktionsumfang
zugreifen

kompas' HTML(5) Vorteil

kompas basiert von Beginn an auf
Webtechnologie & HTML

Die Integration von HTML5 war
deshalb nur ein weiterer Schritt in
die vorgezeigte Richtung

Andere Digital Signage Hersteller
setzten exklusiv auf Flash-
Technologie oder eigene proprietre Formate

Manche bieten hier auch grafische
Editoren mit an, deren HTML5
Anpassung aber nun sehr aufwndig ist

kompas & Abobe Edge Animate

Mit Adobe Edge Animate integriert
kompas jetzt einen vollstndig
grafisch orientierten Spot- und
Template-Editor

Die Erstellung von Animationen mit
Edge Animate hnelt der von Flash
sehr

Edge Animate

Edge Animate basiert auf Zeitleisten

Objekte werden auf einer Bhne arrangiert

ber vorgefertigte Symbole knnen Elemente leicht wiederverwendet werden

kompas liefert Symbole fr Standardelemente mit

Edge Animate ist kompas' grafischer Template-Editor

Mit Edge Animate knnten nicht nur Spots grafisch erstellt werden

Einzelne Elemente knnen als Eingabefelder fr den Benutzer freigeschaltet werden

Bilder, Texte etc. sind damit austauschbar, wie bei traditionellen kompas Spot-Vorlagen

CI ist aber streng vorgegeben

Fr spezielle Einstellungsoptionen knnen auch Checkboxen und andere Formularelemente eingebunden werden

kompas' Edge Animate Schnittstelle

Durch die kompas eigene Edge
Animate Anbindung mssen
Animationen in Edge nur auf ein
Netzlaufwerk abgespeichert werden

kompas bernimmt die nderung
unmittelbar in seine Datenbank

Es wird automatisch eine kompas
Spot Vorlage erstellt

Ebenso ein Beispiel-Spot, der sofort betrachtet & verbucht werden kann

Interaktivitt

Videowall: instagram bei der GDS

Interaktion mit Bloggern und Besuchern

User konnten Fotos ber einen Instagram Tag hochladen

Twitter

Weitere Social Media Integration jederzeit ber kompas mglich

kompas smart.remote am POS

Smartphone als Fernbedienung

Schaufenster-Situation

QR-Code einlesen

Content whlen

Feedback per Mail

Schnittstelle zu Online Shop

kompas smart.remote am POS: Autohaus

Smartphone als Fernbedienung

Schaufenster-Situation

QR-Code einlesen

Content whlen

Feedback per Mail

Schnittstelle zu Online Shop

kompas smart.remote am POS: Reisebro

kompas smart.remote am POS: Reisebro

kompas smart.remote am POS: Reisebro

kompas smart.remote am POS: Reisebro

kompas smart.remote am POS: Reisebro

kompas smart.remote am POS: HappyBaby

QR-Code einscannen Menauswahl Angebot erhalten

Interaktive Touch-Stele am POS

Komponenten:Touchscreen (ein- oder doppelseitig)

QR-Code-Scanner

Drucker

Kamera

Features und Inhalte:Besucherinformationen: News,Wetter, Fahrplne des PNV

Coupon-Aktionen mit Kundenkartenund QR-Codes

interaktive Anwendungen, z.B. iFeedback

Social Media: Twitter, Instagram

digitale Wegeleitung mit kompas Wayfinding

iFeedback am POS

iFeedback auf der interaktiven

touchfhigen Stele

QR-Code oder ber Mobile Device mglich

Reportings

Feedback ans Management

Einbindung in Kampagnen

Integration von Gewinnspielen

Mobile im Betrieb/ Administration eines DS-Netzes

mfi berwacht das DS-Netzwerk auch per Smartphone

vor Ort Screens berwachen

Informationen ber Hardware /Fehlermeldungen

Starten der kompas Mini PC ber Smartphone

berwachung von unterwegs

Mobile im Betrieb/ Administration eines DS-Netzes

kompas Proof of Play ber Smartphone mglich

Steuerung der Webcam fr die VideoWall bei der Messe Dsseldorf

Fazit

HTML5 wird das Internet
dominieren

Kunden werden das als Standard
erwarten

Digital Signage muss auf HTML5
setzen

Standardisierung wird Digital
Signage Boom bescheren

Agenturen knnen Kampagnen
plattformunabhngig besser planen
und Digital Signage einfacher
integrieren

Digital Signage wird interaktiver

Linkhinweise

Adobes Keynote zur Rolle von HTML 5:

http://bit.ly/UEjCnBAdobe geht mit HTML 5 neue Wege:

http://html.adobe.com/Tim Berner-Lee Blogeintrag Reinventing HTML

http://bit.ly/rcy6EFAQ der W3C Foundation rund um das Thema HTML 5

http://bit.ly/X2j0z2Videos und Tutorials rund um CSS und HTML 5

http://css3-html5.de/

Kontakt

Kontaktieren Sie mich gerne!

Ibrahim MazariLeitung PR/KommunikationTel: +49-221-921260-52E-Mail: imazari@dimedis.de

www.dimedis.de www.kompas-software.de

Neuer Trend: Mit Digital Signage das Onlineangebot direkt am PoS nutzen!

Muokkaa jsennyksen tekstimuotoa napsauttamallaToinen jsennystasoKolmas jsennystasoNeljs jsennystasoViides jsennystasoKuudes jsennystasoSeitsems jsennystasoKahdeksas jsennystasoYhdekss jsennystaso

/

HTML5 revolutioniert das Plakat!