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
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: [email protected]
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!