TV App Development - œberblick und Einblick

  • View
    3.979

  • Download
    1

Embed Size (px)

DESCRIPTION

Ein kurzer Einblick in das Zukunftsthema "TV Apps". Anhand von Code Beispielen gebe ich Beispiele für das System für Samsung Ferseher. Ebenso über das plattformübergreifende Konzept von Yahoo.

Text of TV App Development - œberblick und Einblick

  • 1. TV App Development berblick und Einblick Christian Mnch1 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 2. Nutzen und Motivation fr den Verbraucher Facebook, Twitter und Co. direkt am Fernseher Newsticker etc. mittels Bild in Bild Funktion Skypen ohne PC Musikprogramme Videoportale Fotoalben Spiele PayTV / Online Videotheken Videoload Maxdome ...2 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 3. Was braucht ein Endverbraucher? Internetfhigen Fernseher Internetfhigen Blueray Player Spezielle Set-Top Box3 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 4. Weltmarkt Verschiedene Hersteller / Systeme / Standards Google TV Samsung internet@tv Toshiba Net TV LG Connected TV Philips NetTV Sony AppliCast und Bravia Internet TV Sharp AQUOS NET+ Panasonic Viera Connect Yahoo Connected TV Apple TV HbbTV4 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 5. Bei der Entwicklung muss folgendes beachtet werde Die bliche Bildschirmauflsung betrgt 960x540 Pixel Es sollten keine Schriftgren benutzt werden die kleiner als 18pt sind. Bei Apps auf HTML/Javascript Basis werden nicht alle Befehle untersttzt.5 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 6. Samsung internet@tv Apps6 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 7. berblick Entwicklung mit Javascript/HTML/CSS oder Flash SDK mit Emulator (Luft nur unter Windows) Apps knnen ber einen im Netzwerk freigegebenen Webserver direkt auf den Fernseher gespielt werden. Es muss nur ein verstecker Developer-Zugang aktiviert werden. Apps gibt es sowohl kostenlos als auch als Bezahlvarianten Lnderabhngiger Apps-Store Community mit freien User-Apps SDK ist kostenlos nach einer Registrierung auf der Samsung TV Seite erhltlich. SDK unterscheidet sich zwischen den 2010er und 2011er Gerten. Die 2010er Anwendungen sollten auch auf 2011er Gerten laufen. 5 Millionen Downloads ber den App Store in 14 Monaten (Stand 24.05.2011)7 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 8. Grobaufbau von Samsung internet@tv Apps App App App Application Manager Maple Browser8 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 9. Samsung internet@tv App Verzeichnisstruktur Layouts (einfache
    Elemente) Eigene Javascript Bibliotheken Javascript zum beleben der Layouts. Erstellt Komponenten und enthlt Szenenlogik. Styles der Komponenten (Optik) Resource, Assets, etc... Beschreibung der Anwendung. Grundlegende Konfigurationen9 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 10. Manifest Datei Definiert Typ der Anwendung Kategorie fr App-Store Meta-Informationen10 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 11. Verschiedene Anwendungstypen Full-screen application* TV App Single-wide application* Ticker application* * In Europa sind nur Full-screen zugelassen11 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 12. Start der Anwendung / Webseite12 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 13. app.json Datei Definition der Szenen Definition eines Themes fr vorgefertigte Komponenten (zur Zeit gibt es nur einen Theme)13 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 14. Initialisierungsdatei Definition der initialen Szene. hnlich der main() Methode bei C und Java.14 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 15. HTML Definition von Containern die spter mittels Javascript zu funktionalen Komponenten werden.15 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 16. Scene (View)16 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 17. Stylesheet17 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 18. XHR Beispiel aus dem Samsung App Development Guide18 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 19. Event Handling Konstante fr Keycode. Dieser steht fr eine Taste auf der Fernbedienung.19 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 20. Es geht auch einfacher mit jQuery20 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 21. Samsung internet@tv Emulator21 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 22. Samsung TV App Beispiel22 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 23. Yahoo Connected TV23 netz98 new media GmbH Haifa-Allee 2 55128 Mainz info@netz98.de www.netz98.de
  • 24.