Building watchOS apps

An introduction to building watchOS apps, given at Mobile Optimized 2015 in Minsk.

Transcript

1. BUILDING WATCHOS APPS MOBILEOPTIMIZED 2015 BORIS BÜGLING - @NEONACHO
2. COCOAPODS
3. CONTENTFUL
5. !!!!
6. ᴡᴀᴛᴄʜ
7. WATCHOS 1.X ▸ Notifications ▸ Glances ▸ WatchKit apps
8. NOTIFICATIONS
9. GLANCES
10. WATCHKIT
11. WATCHOS 2.X ▸ Apps run natively on the watch ▸ Custom complications
12. !!!
14. COMPLICATIONS
15. ARCHITECTURE
17. WATCHOS 2 Extension phone => watch
18. RESOURCES ▸ Interface.storyboard ▸ Asset catalogs
19. EXTENSION DELEGATE class ExtensionDelegate: NSObject, WKExtensionDelegate { func applicationDidFinishLaunching() { } func applicationDidBecomeActive() { } func applicationWillResignActive() { } }
20. INTERFACE CONTROLLER class InterfaceController: WKInterfaceController { override func awakeWithContext(context: AnyObject?) { super.awakeWithContext(context) } override func willActivate() { super.willActivate() } override func didDeactivate() { super.didDeactivate() } }
21. WKINTERFACECONTROLLER ▸ Navigation ▸ Presentation ▸ Handoff ▸ Handle notification actions ▸ Communicate with parent app
22. DESIGN
23. If you measure interactions with your iOS app in minutes, you can expect interactions with your Watch app to be measured in seconds.
24. PRINCIPLES ▸ Lightweight interactions ▸ Holistic design ▸ Personal communication
25. LAYOUT ▸ based on horizontal or vertical groups ▸ very similar to UIStackView ▸ two device sizes (38mm and 42mm) ▸ edge-to-edge, bezel provides margins
27. SOME EXAMPLES
33. BUILDING A SIMPLE APP
35. WATCHPRESENTER ▸ Remote controls Deckset instead ▸ Direct connection to the Mac ▸ Shows a preview of the slides ▸ Measures heartrate to display the "most exciting" slide ▸ Taps you if you're running out of time
36. MULTIPEER CONNECTIVITY!
37. AVAILABLE FRAMEWORKS
38. CFNetwork.framework ClockKit.framework Contacts.framework CoreData.framework CoreFoundation.framework CoreGraphics.framework CoreLocation.framework CoreMotion.framework EventKit.framework Foundation.framework
39. HealthKit.framework HomeKit.framework ImageIO.framework MapKit.framework MobileCoreServices.framework PassKit.framework Security.framework UIKit.framework WatchConnectivity.framework WatchKit.framework
40. BT APIS ARE PRIVATE :(
41. OTHER OPTIONS ▸ NSURLSession via Wi-Fi ▸ WatchConnectivity.framework to talk via the phone
42. HEALTHKIT.FRAMEWORK let anchorValue = Int(HKAnchoredObjectQueryNoAnchor) let sampleType = HKObjectType.quantityTypeForIdentifier(HKQuantityTypeIdentifierHeartRate) let heartRateQuery = HKAnchoredObjectQuery(type: sampleType!, predicate: nil, anchor: anchorValue, limit: 0) { (query, sampleObjects, deletedObjects, newAnchor, error) -> Void in guard let heartRateSamples = sampleObjects as?[HKQuantitySample] else {return} let sample = heartRateSamples.first let value = sample!.quantity.doubleValueForUnit(self.heartRateUnit) print(value) } heartRateQuery.updateHandler = // ...
44. HEALTHKIT.FRAMEWORK ▸ not usable in the Watch simulator
45. TAPTIC ENGINE typedef NS_ENUM(NSInteger, WKHapticType) { WKHapticTypeNotification, WKHapticTypeDirectionUp, WKHapticTypeDirectionDown, WKHapticTypeSuccess, WKHapticTypeFailure, WKHapticTypeRetry, WKHapticTypeStart, WKHapticTypeStop, WKHapticTypeClick } WK_AVAILABLE_WATCHOS_ONLY(2.0); WKInterfaceDevice.currentDevice().playHaptic(.Start)
46. BUT ALSO NOT USABLE IN THE SIM
47. SPOTIFY REMOTE
48. DEMO
52. TIPS
53. printf DEBUGGING IS GREAT!
54. MMWORMHOLE ▸ watchOS 1.0: CFNotificationCenter ▸ watchOS 2.0: WatchConnectivity.framework
55. FORCE QUIT APPS ▸ Long press until "reboot" menu ▸ Long press again
56. IF IN DOUBT, REBOOT THE WATCH :)
57. WHAT HAVE WE LEARNED? ▸ Code isn't very different from iOS apps ▸ But design very much is ▸ Rethink your app for the watch, don't port it ▸ If you can't - maybe you don't need a watch app
58. Don’t be afraid to not ship. @orta
59. THANK YOU!
60. ▸ https://developer.apple.com/watch/human-interface-guidelines/ ▸ https://developer.apple.com/library/prerelease/watchos/ documentation/General/Conceptual/AppleWatch2TransitionGuide/ ▸ https://github.com/shu223/watchOS-2-Sampler ▸ http://www.kristinathai.com/category/watchkit/ ▸ https://realm.io/news/watchkit-mistakes/
61. @NeoNacho boris@contentful.com http://buegling.com/talks