rtvs for apple tv @mobcon

Download RTVS for Apple TV @mobcon

Post on 24-Jan-2018

48 views

Category:

Software

0 download

Embed Size (px)

TRANSCRIPT

  • @ ANDREJ LUKE & TOM TEGELHOFF, QBSW, a.s. #MobCon, 27.5.2016

  • Rozmery: Cinematic Theater 1080p

    HUMAN INTERFACE GUIDELINES

  • Okraje: Safety Margins

    HUMAN INTERFACE GUIDELINES

  • Dajte jasne najavo, o si pouvate vybral

    FOCUS A PARALLAX

  • Ak je rozdiel medzi Apple TV a iPhonom? Vertical vs.Horizontal

    LAYOUT

  • TOPSHELF (VIDEO)

  • Proces vytvrania je rovnak ako pri vvoji iOS aplikci Pouitie rovnakch technk a frameworkov ako pri iOS vvoji Pouitie frameworkov je vak limitovan

    TRADIN VVOJ

  • CLIENT - SERVER APLIKCIA

    Nevyhnutnos prtomnosti servera Pouite webovch technolgi (XMLHTTPRequest, DOM, JS) TVML (vytvranie UI pomocou templates) TVJS (JavaScript sbory so sprvanm a logikou) TVMLKit framework (spracovanie JS sborov na strane klienta)

    ZDROJ: Apple Documentation

    https://developer.apple.com/library/tvos/documentation/General/Conceptual/AppleTV_PG/YourFirstAppleTVApp.html#//apple_ref/doc/uid/TP40015241-CH3-SW1

  • CLIENT - SERVER APLIKCIA (CLIENT AS)func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { self.window = UIWindow(frame: UIScreen.mainScreen().bounds) let appControllerContext = TVApplicationControllerContext() // inicializcia URL na javascript sbor s onLaunch metdou guard let javaScriptURL = NSURL(string: "http://localhost:8000/main.js") else { //chyba } appControllerContext.javaScriptApplicationURL = javaScriptURL appControllerContext.launchOptions["BASEURL"] = TVBaseURL appController = TVApplicationController(context: appControllerContext,

    window: window, delegate: self) return true }

    http://localhost:8000/main.js

  • CLIENT - SERVER APLIKCIA (SERVER AS)App.onLaunch = function(options) { var menu = createMenu(); navigationDocument.presentModal(menu); } var createMenu = function() { var alertString = ` //...implmentcia... ` var parser = new DOMParser(); var alertDoc = parser.parseFromString(alertString, "application/xml"); return alertDoc }

  • DEMO

  • APLIKCIA (VIDEO)

  • KD (VIDEO)

  • KD TOPSHELF (VIDEO)

  • QBSW, a.s.Prievozsk 6 821 09 Bratislava 2

    Tel: +421 2 5810 0311Fax: +421 2 5810 0344

    ADRESA TELEFN & FAX

    www.qbsw.sk info@qbsw.sk

    WEB & EMAIL

    KONTAKTY