18-mal heruntergeladen
Hochgeladen vonjoergviola
Marketing mit Smart TV Apps
Das Dokument bietet einen Überblick über Smart-TVs, einschließlich ihrer Marktverbreitung, Nutzerprofile und Nutzungsmöglichkeiten. Es behandelt technische Aspekte wie den Technologie-Stack, Usability und Datenformate sowie die Entwicklung von Apps für Smart-TVs. Der Inhalt analysiert ferner Chancen und Risiken im Smart-TV-Markt, insbesondere in Bezug auf Inhalte und Zielgruppen.
Marketing mit Smart TV Apps
- 1. ObjectCode GmbH Couch Commerce: Marketing per Smart-TV
- 2.
- 3. ObjectCode Jörg Viola Gründer undGeschäftsführer Java, Scala, JavaScript Web, App, Smart TV @joergviola
- 4. Smart TV Markt Usability Technik • Was ist Smart TV? • Darstellung • Anbieter • Wer nutzt es? • Navigation • Technologie-Stack • Wofür? • Eingabe • APIs • Von wem kann • Entwicklungs- man lernen? prozess
- 5.
- 6. Was ist SmartTV? Für heute: Smart TV Endgeräte erlauben den Konsum von Internet-Angeboten parallel zum TV-Programm. • mit dem Internet verbunden (WLAN) • Erweiterbar durch Apps
- 7.
- 8. Facts Anteil verkaufter Smart TVs: 50% Davon tatsächlich verbunden: 59% Mehr als einmal im Monat im Internet: >30% Quellen: ZVEI und Bitkom
- 9.
- 10. Apps Anzahl derSmart TV Apps bei Samsung: * * Zum Vergleich: 800.000 im iOS AppStore
- 11. Wer nutzt‘s? 4. Qrtl. weiblich 1.300 € Smart TV männlic 2.000 € h 3.200 € 5.500 € > 5.500 € Allg. Akademiker: 38% Eltern: 39% ©iStockphoto.com: NeustockImages Quelle: Rovi Connected TV Advertising Field Study, Germany Phase 1, 2012
- 12. Wofür wird‘s genutzt? Programmsuche Archiv eines Fernsehsenders Youtube Musik hören Surfen Online Videothek Online Kanäle Soziale Netzwerke Anderes 0% 5% 10% 15% 20% 25% 30% 35% 40%
- 13. Welche Inhalte? 1. Video 2.Entertainment 3. Information ©iStockphoto.com: MarsBars
- 14. Beispiel-Videos BMW: http://bit.ly/11doVTI Immowelt: http://bit.ly/1455g9g
- 15. ... und meineWebseite?
- 16. ... und meineWebseite?
- 17. 2nd Screen Smartphone/T ablet TV-Gerät
- 18. 2nd Screen • TV-Übertragungen live kommentieren • Reaktion auf Werbung belohnen • Gamification für TV-Werbung • Verlinkung von TV- und Web-Kampagne • Realtime Shopping • Social TV
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. Usability • Kontraste • Schriftgröße • Navigation • Texteingabe
- 29. Technik ©iStockphoto.com: metalhorse
- 30. Hersteller 2 LG – Toshiba - Panasonic Sonstige Samsung Sony LG Philips Panasonic Philips - Sharp Sharp Toshiba
- 31. Technologie-Stacks • Nativ (oft Java, Android) • HbbTV • HTML/CSS/JavaScript ©iStockphoto.com: alexsl
- 32. HbbTV Sender Server TV-Signal inkl. AI TV-Gerät Internet
- 33.
- 34. HTML/CSS/JS Server TV-Gerät TV-Gerät App AppStore Bookmark
- 35. APIs Feature Samsung NetTV Alliance Content HTML5 CE-HTML oder HTML5 HTML5 Visuell CSS3 CSS2.1 + 3 (tw) CSS3 (tw) Dynamik SquirrelFish ECMA-262 ed. 5 ECMA-262 ed. 5 Device APIs: Channel, Recorder Proprietär OIPF*-DAE ? File API HTML5 HTML5 storage HTML5 storage Payment Proprietär - - Advertisement Proprietär - - Share and Mobile Proprietär OIPF*-DAE - Streaming Viele Codecs Viele Codecs Viele Codecs DRM - OIPF*-DAE Widevine, PR *: OIPF=Open IP TV Forum
- 36. CE-HTML <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN“ "ce-html-1.0-transitional.dtd"> • Kein Flash • Keine kleinen Schriften oder Bilder • Mit Fernbedienung navigierbar • Highlight auf Navigationselementen • Nur Standard-Codecs
- 37. Beispiel Samsung App: AktuellesProgramm darstellen
- 38. Index.html <html> <head> <script src="$MANAGER_WIDGET/Common/af/2.0.0/loader.js“/> <script src="$MANAGER_WIDGET/Common/API/Widget.js“/> <scriptsrc="$MANAGER_WIDGET/Common/API/TVKeyValue.js“/> <script src="$MANAGER_WIDGET/Common/API/Plugin.js“/> <script src="app/javascript/jquery-tv.js“/> <script src="app/javascript/Main.js“/> </head> <body onload="Main.onLoad();“> <div id="info"></div> </body> </html>
- 39. Main.js Main.onLoad = function() { tv.onLoad(); info = document.getElementById("info"); var s = "Infos:<br>"; s += "Program title: "+tv.program().title + "<br>"; s += "Program channel: "+tv.program().channel + "<br>"; info.innerHTML = s; };
- 40. jquery-tv.js tv.program = function() { var channel = deviceapis.tv.channel; return { title : channel.getCurrentProgram().title, channel : channel.getCurrentChannel().channelName }; }
- 41. config.xml <widget> <widgetname itemtype="string">pong</widgetname> <description itemtype="string"></description> <ThumbIcon itemtype="string“>icon.png</ThumbIcon> <category itemtype="string">Games</category> <fullwidget itemtype="boolean">y</fullwidget> <ticker itemtype="boolean">n</ticker> <width itemtype="string">960</width> <height itemtype="string">540</height> <autoUpdate itemtype="boolean">n</autoUpdate> <ver itemtype="string">0.100</ver> <childlock itemtype="boolean">n</childlock> <login itemtype="boolean">y</login> <cpname itemtype="string">Twitter</cpname> <cpauthjs itemtype="string">Auth</cpauthjs> </widget>
- 42.
- 43. Take away Chancen Risiken • Viele Geräte • Passende Inhalte • Zielgruppe • Usability • Wenig Apps • Viele Plattformen • Einfache Technik • Akzeptanz
- 44. Fragen? ©iStockphoto.com: drbimages