Building watchOS apps

Transcript

1. BUILDING WATCHOS APPS MOBILEOPTIMIZED 2015 BORIS BÜGLING - @NEONACHO

2. COCOAPODS

3. CONTENTFUL

4. None

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. !!!

13. None

14. COMPLICATIONS

15. ARCHITECTURE

16. None

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
26. None

27. SOME EXAMPLES

28. None
29. None
30. None
31. None
32. None

33. BUILDING A SIMPLE APP

34. None

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 = // ...
43. None

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

49. None
50. None
51. None

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