TV App Development    Überblick und Einblick          Christian Münch1             netz98 new media GmbH · Haifa-Allee 2 ·...
Nutzen und Motivation für den            Verbraucher•   Facebook, Twitter und Co. direkt am Fernseher•   Newsticker etc. m...
Was braucht ein Endverbraucher?•   Internetfähigen Fernseher•   Internetfähigen Blueray Player•   Spezielle Set-Top Box3  ...
Weltmarkt• Verschiedene Hersteller / Systeme / Standards    – Google TV    – Samsung internet@tv    – Toshiba Net TV    – ...
Bei der Entwicklung muss       folgendes beachtet werde•   Die übliche Bildschirmauflösung beträgt 960x540 Pixel•   Es sol...
Samsung internet@tv Apps6              netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Überblick  Entwicklung mit Javascript/HTML/CSS oder Flash•  SDK mit Emulator (Läuft nur unter Windows)•  Apps können über ...
Grobaufbau von Samsung       internet@tv Apps           App          App                        App                 Applic...
Samsung internet@tv App      Verzeichnisstruktur      Layouts (einfache <div> Elemente)      Eigene Javascript Bibliotheke...
Manifest Datei                               ●Definiert Typ der Anwendung                               ●Kategorie für App...
Verschiedene Anwendungstypen                             Full-screen application*           TV App                        ...
Start der Anwendung / „Webseite“12         netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz...
app.json Datei                          • Definition der                            Szenen                          • Defi...
Initialisierungsdatei                             •     Definition der initialen Szene.                             •     ...
HTML                      • Definition von                        Containern die                        später mittels    ...
Scene („View“)16             netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Stylesheet17   netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
XHR Beispiel aus dem Samsung App            Development Guide18          netz98 new media GmbH · Haifa-Allee 2 · 55128 Mai...
Event Handling                                                                Konstante für                               ...
Es geht auch einfacher mit jQuery20                   netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de...
Samsung internet@tv Emulator21                    netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · w...
Samsung TV App Beispiel22                  netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz...
Yahoo Connected TV23           netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Überblick – Yahoo Connected TV• Entwicklung mit Javascript/HTML/CSS• SDK mit Emulator (Läuft nur unter Ubuntu)• Apps werde...
Yahoo Connected TV Verzeichisstruktur                                  Widget Icons für Widget-Leiste                     ...
Yahoo Sidebar Widget Beispiel26       netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Manifest27          netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Initialisierungsdatei28                 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Eventhandler29            netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Sidebar View30            netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Lokalisierung31             netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
Danke!                     Kontakt:                     E-Mail: c.muench@netz98.de                     Blog: http://blog.m...
Nächste SlideShare
Wird geladen in …5
×

TV App Development - Überblick und Einblick

3.902 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
3.902
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
281
Aktionen
Geteilt
0
Downloads
24
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

TV App Development - Überblick und Einblick

  1. 1. TV App Development Überblick und Einblick Christian Münch1 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  2. 2. Nutzen und Motivation für 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. 3. Was braucht ein Endverbraucher?• Internetfähigen Fernseher• Internetfähigen Blueray Player• Spezielle Set-Top Box3 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  4. 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. 5. Bei der Entwicklung muss folgendes beachtet werde• Die übliche Bildschirmauflösung beträgt 960x540 Pixel• Es sollten keine Schriftgrößen benutzt werden die kleiner als 18pt sind.• Bei Apps auf HTML/Javascript Basis werden nicht alle Befehle unterstützt.5 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  6. 6. Samsung internet@tv Apps6 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  7. 7. Überblick Entwicklung mit Javascript/HTML/CSS oder Flash• SDK mit Emulator (Läuft nur unter Windows)• Apps können ü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• Länderabhängiger Apps-Store• Community mit freien User-Apps• SDK ist kostenlos nach einer Registrierung auf der Samsung TV Seite erhältlich.• SDK unterscheidet sich zwischen den 2010er und 2011er Geräten.• Die 2010er Anwendungen sollten auch auf 2011er Geräten 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. 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. 9. Samsung internet@tv App Verzeichnisstruktur Layouts (einfache <div> Elemente) Eigene Javascript Bibliotheken Javascript zum „beleben“ der Layouts. Erstellt Komponenten und enthält 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. 10. Manifest Datei ●Definiert Typ der Anwendung ●Kategorie für App-Store ●Meta-Informationen10 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  11. 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. 12. Start der Anwendung / „Webseite“12 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  13. 13. app.json Datei • Definition der Szenen • Definition eines Themes für 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. 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. 15. HTML • Definition von Containern die später mittels Javascript zu funktionalen Komponenten werden.15 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  16. 16. Scene („View“)16 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  17. 17. Stylesheet17 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  18. 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. 19. Event Handling Konstante für Keycode. Dieser steht für eine Taste auf der Fernbedienung.19 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  20. 20. Es geht auch einfacher mit jQuery20 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  21. 21. Samsung internet@tv Emulator21 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  22. 22. Samsung TV App Beispiel22 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  23. 23. Yahoo Connected TV23 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  24. 24. Überblick – Yahoo Connected TV• Entwicklung mit Javascript/HTML/CSS• SDK mit Emulator (Läuft nur unter Ubuntu)• Apps werden bei Yahoo eingespielt und können auf den eigenen Fernseher via Developer-Code zum Testen installiert werden.• Apps gibt es sowohl kostenlos als auch als Bezahlvarianten• SDK ist komplett Open Source.• Läuft auf Endgeräten von verschiedenen Herstellern.• Kann auf 8 Millionen Endgeräten laufen (Angabe von Yahoo).• Zur Zeit 120 Apps verfügbar.24 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  25. 25. Yahoo Connected TV Verzeichisstruktur Widget Icons für Widget-Leiste Eigene Javascript Bibliothek für Business Logik Views mit Komponenten Zusätzliche Dateien / Assets; Lokalisierung Meta-Informationen25 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  26. 26. Yahoo Sidebar Widget Beispiel26 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  27. 27. Manifest27 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  28. 28. Initialisierungsdatei28 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  29. 29. Eventhandler29 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  30. 30. Sidebar View30 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  31. 31. Lokalisierung31 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de
  32. 32. Danke! Kontakt: E-Mail: c.muench@netz98.de Blog: http://blog.muench-worms.de Twitter: cmuench Xing: https://www.xing.com/profile/Christian_Muench732 netz98 new media GmbH · Haifa-Allee 2 · 55128 Mainz · info@netz98.de · www.netz98.de

×