Download - RTVS for Apple TV @mobcon
@ 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 používateľ vybral
FOCUS A PARALLAX
Aký je rozdiel medzi Apple TV a iPhonom? Vertical vs.Horizontal
LAYOUT
TOPSHELF (VIDEO)
▪ Proces vytvárania je rovnaký ako pri vývoji iOS aplikácií ▪ Použitie rovnakých techník a frameworkov ako pri iOS vývoji ▪ Použitie frameworkov je však limitované
TRADIČNÝ VÝVOJ
CLIENT - SERVER APLIKÁCIA
▪ Nevyhnutnosť prítomnosti servera ▪ Použite webových technológií (XMLHTTPRequest, DOM, JS) ▪ TVML (vytváranie UI pomocou templates) ▪ TVJS (JavaScript súbory so správaním a logikou) ▪ TVMLKit framework (spracovanie JS súborov na strane klienta)
ZDROJ: Apple Documentation
CLIENT - SERVER APLIKÁCIA (CLIENT ČASŤ)func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { self.window = UIWindow(frame: UIScreen.mainScreen().bounds) let appControllerContext = TVApplicationControllerContext() // inicializácia URL na javascript súbor s onLaunch metódou 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 }
CLIENT - SERVER APLIKÁCIA (SERVER ČASŤ)App.onLaunch = function(options) { var menu = createMenu(); navigationDocument.presentModal(menu); } var createMenu = function() { var alertString = `<?xml version="1.0" encoding="UTF-8" ?> <document> <menuBarTemplate> //...implmentácia... </menuBarTemplate> </document>` var parser = new DOMParser(); var alertDoc = parser.parseFromString(alertString, "application/xml"); return alertDoc }
DEMO
APLIKÁCIA (VIDEO)
KÓD (VIDEO)
KÓD TOPSHELF (VIDEO)
QBSW, a.s.Prievozská 6 821 09 Bratislava 2
Tel: +421 2 5810 0311Fax: +421 2 5810 0344
ADRESA TELEFÓN & FAX
www.qbsw.sk [email protected]
WEB & EMAIL
KONTAKTY
