tvOS for the iOS developer

An overview of the similarities and differences between developing for tvOS and iOS

Transcript

1. tvOS for the iOS developer
2. What's similar to iOS? → everything → Xcode, Interface Builder, Objective-C, Swift → frameworks (UIKit, Metal, CloudKit, Game Center, and more)
3. What's different from iOS? → user interaction (Siri remote) → focus engine → a few missing parts → the App Store and assets → (new) TVML, JavaScript, TVMLKit → views & view controller appearance
4. User interaction
7. Remote
9. Focus
10. "A UI element is in focus when the user highlights an item, but has not selected an item."
11. Focus → UIFocusGuide → Adam made some awesome slides
13. What do these have in common? → Photos framework → Multipeer Connectivity → EventKit → local storage → web views
14. Storage → no persistent local storage → NSUserDefaults: 500K → CloudKit
16. App Store: Required Assets → Layered icons: App Store, Home screen → Top Shelf Image → Launch image → Screen shots
17. Parallax on tv → app icons → movies → TV shows
18. Layered icon Three layers → Front → Middle → Back
19. Layered icon Two sizes → Large: 1280 x 768 → Small: 400 x 240
20. Top Shelf image
22. Capture (just like iOS) → Screen shots: Xcode → Video: QuickTime Player
24. Views & View Controllers UIKitCatalog
26. TVML
27. TVML and JavaScript "client-server apps whose primary purpose is to stream media"
28. Why TVML? you can change stuff after it's deployed
29. TVML Architecture
31. TVML and JavaScript 1. write some TVML (XML) & JavaScript 2. put it on your server 3. write a TVMLKit app that points to your server 4. submit your TVMLKit app to Apple
33. <document> <mainTemplate> <background> <img src="path to images on your server/Car_Movie_1920x1080" /> </background> <menuBar> <section> <menuItem> <title>PLAY</title> </menuItem> <menuItem> <title>SCENES</title> </menuItem> <menuItem> <title>EXTRAS</title> </menuItem> </section> </menuBar> </mainTemplate> </document>
34. // application.js doc.addEventListener("play", startPlayback); // ... function startPlayback(event) { var player = new Player(); // ... player.playlist.push(video); // ... player.play(); }
35. class AppDelegate: UIResponder, UIApplicationDelegate, TVApplicationControllerDelegate { var appController: TVApplicationController? static let TVBaseURL = "http://localhost:9001/" static let TVBootURL = "\(AppDelegate.TVBaseURL)js/application.js" func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { // ... let appControllerContext = TVApplicationControllerContext() if let javaScriptURL = NSURL(string: AppDelegate.TVBootURL) { appControllerContext.javaScriptApplicationURL = javaScriptURL } appControllerContext.launchOptions["BASEURL"] = AppDelegate.TVBaseURL appController = TVApplicationController(context: appControllerContext, window: window, delegate: self) // ... }
36. thanks
37. Questions? @jtbrown
38. Further Reading tv Human Interface Guidelines 200MB Max, No Storage, No Web Views: Is tvOS the Future of Apps? Beginning tvOS Development with TVML Tutorial