MobileTech Conference 2015 in Berlin

1. Mit WatchKit Apps für die
Apple Watch entwicklen
@claushoefele

2. Kleinanzeigen TransitHopper

3. Next meeting

4. Follow Back

5. ToDo with Siri/Things

6. “[…] the watch is a
useful luxury […]”
–Benedict Evans

7. Agenda
• Interaction Models
• Transitioning to watchOS 2
• Implementation Overview

8. Usability
Utility
Utility/Usability Model

9. Interactive
Notifications
Notifications
Apps
Glances Complications
Usability
Utility
Siri 
Background
Apps 
Interactive
Glances 
Interaction Models

10. Priorities
Interactive
Notifications
Complications Glances
1. 2. 3.
Apps are landing pages for extensions

12. OS 2
WatchKit Extension
WatchKit
Extension
iOS App
OS 1
Watch App

13. watchOS 1

14. Hides When Loading
Initially display
Storyboard values

15. watchOS 1
(Hides When Loading disabled)

16. watchOS 2

17. Storyboards

18. class TripDetailInterfaceController: WKInterfaceController {
@IBOutlet private weak var map: WKInterfaceMap!
override func awakeWithContext(context: AnyObject?) {
super.awakeWithContext(context)
...
}
override func willActivate() {
super.willActivate()
...
}
}

19. map.addAnnotation(coordinate, withPinColor: .Red)
let coordinateRegion =
MKCoordinateRegionMakeWithDistance[...]
map.setRegion(coordinateRegion)

20. watchOS 2
• Extensions running on the watch
• Animations
• More access to hardware
• Complications (ClockKit)
• Watch can connect to WiFi directly
• Watch Connectivity framework

21. watchOS 2
Upgrade

22. watchOS 1
watchOS 2
Targets

23. Earlier
2%
iOS 7
13%
iOS 8
86%
iOS Distribution

24. OS 1
Parent App
WatchKit
Extension
iOS App
Watch App
openParentApplication()
Darwin Notifications
App Group
Container

25. Parent App
WatchKit
Extension
iOS AppWatch App
OS 2
Watch Connectivity
Framework

26. Watch Connectivity
• Background mode
• Application context
• User Info Transfer
• File Transfer
• Interactive messaging
• Dictionary
• Data

27. OS 1
Networking
WatchKit
Extension
iOS App
Watch App

28. Networking
Watch App
OS 2

29. Networking
• Full support HTTP/S (2) & ATS
• Apps will only run for a very short time
• Keep it quick
• Background uploads/downloads
• Watch Connectivity
• No NSURLConnection

30. Hidden Complexities
CC BY 2.0 Natalie Lucier https://flic.kr/p/6weBij

31. Notifications

32. Short look Long look Static
Dynamic
Default
Customized
Notification
Appearances

33. Category
Category

34. Interactive
Notifications

35. Foreground/background
Implementing Actions
Identifier

36. Foreground Actions

37. Complications OS 2

38. Complication Families
Modular Large
Circular Small Utilitarian Small
Utilitarian Large
Modular Small

39. Time Travel
Lunch
12:00PM
Meeting
1:00PM
Gym
2:00PM
12:45PM
Timeline
Entry
Timeline
Entry
13:45PM
Timeline
Entry

40. • Small space
• Data delivery
• PushKit
• Timed update
• Budgeted execution time
Implementing
Complications

41. Glances

42. Glance Templates

43. Glance Templates

44. • Non-interactive
• UI based on templates
• Use Handoff to pass data to app
• Consider using
performExpiringActivityWithReaso
n:usingBlock:
Implementing
Glances

45. @claushoefele