WatchKit workshop at Tuenti

We held another theEvnt workshop at Tuenti where Víctor Corugedo, César Estébanez and Eduardo González (Tuenti iOS Team members) gave a complete workshop about WatchKit SDK and how to develop Apple Watch Apps.

Transcript

1. WatchKit
2. WatchKit Victor Corugedo Cesar Estebanez Eduardo Gonzalez
3. Introduction to WatchKit Project set up Example
4. 9th september 2014
9. • Apple S1 integrate computer (SiP) • Sensors: • Accelerometer • Gyroscope • Heart rate monitor • Processor Broadcom handling WIFI and Bluetooth
10. Developing for Apple Watch
11. WatchKit Set of tools to easily create experiences designed specifically for Apple Watch
12. Preliminar SDK versions Xcode 6.2 beta 5 & iOS 8.2 Apple Watch requires iPhone 5 or later https://developer.apple.com/watchkit/
13. WatchKit Apps Glances Actionable Notifications
14. • WatchKit Apps • User interacts launching it from home screen • Full user interface with multiple screens of content
15. • Glances • Timely read-only information. Lightweight view on watch app. • Glances do not scroll • Glance interface must fit on a single screen. • Optionals and watch could turn them on/off when they want :) • Tapping launches watch app (deep linking)
16. • Notifications • Short supported by default (Local/Remote) • Displays alert message from notification • Long Look interface • Static version • Dinamic Version
17. Short Look Long Look
18. WatchKit Architecture
20. • Two separate bundles: • Watch app runs on Apple Watch • WatchKit Extension runs on user’s iPhone • UI Resources stored on the Watch App • Code runs on WatchKit extension manages Watch App user interfaces and respond to user interactions
21. • WatchKit App & WatchKit Extension are packaged inside iOS App bundle • During installation of your iOS app, the system prompts the user to install the WatchKit app when a paired Apple Watch is present.
22. iOS App WatchKit Extension WatchKitApp Resources WatchKitCode WatchKitApp iOS Code WatchKit Extension WatchKitApp Target WatchKit Extension Target iOS AppTarget
23. 3 bundles!!!
24. 3 different bundle IDs
25. 2 based on iOS App bundle Id
26. The base IDs for all three bundles must match
27. Watch App WatchKit Extension
28. WatchKit App Life Cycle
29. • Each scene is managed by a single interface controller object, which is an instance of the WKInterfaceController class. • Interface controller presents and manages content on the screen and responds to user interactions with that content. • Only one controller at a time is displayed onscreen.
30. Sharing data between iOS App and App extension
31. iOS App and WatchKit Extension run in separate sandbox environments
32. Shared app group lets the two processes share files or user defaults information between them.
33. At runtime, you share files between processes by reading and writing those files in the shared container directory
34. Make sure that you don't accidentally corrupt the data. Sharing data files means there might be more than one process trying to use a file at the same time.
35. Share preferences data between apps? NSUserDefaults initWithSuiteName:
36. access the container directory? NSFileManager containerURLForSecurityApplicationGroupIdentifier:
37. Passwords? Keychain initWithIdentifier:accessGroup
38. Network request ? Not a good idea. Use parent app and a shared group container
39. Communicating directly with iOS App
40. openParentApplication:reply: WKInterfaceController
41. application:handleWatchKitExtensionRequest:reply: iOS AppDelegate
42. WatchKit UI
43. User Interactions • Action-based events • Gestures • Force touch • Digital crown
44. Interface Navigation • Two navigation methods
45. Interface Navigation • Two navigation methods Hierarchical
46. Interface Navigation • Two navigation methods Hierarchical Page based
47. WKInterfaceController • Manages elements in the scene • Entry point of the Apple Watch app • Lifecycle: willActivate and didDeactivate
48. WKInterfaceObject • Base class of interface objects • Proxy objects, NOT the actual views • Communicate wirelessly with views in UI on Apple Watch
49. Labels (WKInterfaceLabel) • Display static formatted text • Supports standard and custom fonts • Can be internationalized • For text input: Dictation or standard set of phrases or emoji
50. Images (WKInterfaceImage) • Display single image or a sequence of images • Control animations programmatically • Images or image names are transferred wirelessly • Use images names from app bundle • Cache when possible
51. Groups and Separators (WKInterfaceGroup & WKInterfaceSeparator) • Groups • Container for other interface objects or other groups • Layout horizontal or vertically • Separators • Separating content in a view
52. Tables (WKInterfaceTable) • Support for single column tables and multiple row types • No data source nor delegate • Define row layout in storyboard and connect with row controllers • WKInterfaceController adds rows and handles interactions
53. Buttons, Switches and Slider (WKInterfaceButton & WKInterfaceSwitch & WKInterfaceSlider) • Buttons • Can contain a single label or group • Sliders • Discrete or continuous • One image at each end
54. Maps (WKInterfaceMap) • Static snapshots of a location • Not interactive: tap will open the Maps app • Support for annotations
55. Dates and Timers (WKInterfaceDate & WKInterfaceTimer) • Specialized labels • Don’t require to be updated by a WatchKit extension • Configure display through different formats and calendars
56. Menus (WKInterfaceSlider) • Display 1 to 4 secondary actions • Defined per screen • IBAction to handle action
57. Settings (Settings-Watch.bundle) • Same functionality as iOS settings bundle • Shown by the Apple Watch app on the user’s iPhone
58. Watch app project set up
59. git clone https://github.com/WatchKitTheEvnt/ GitHubStars.git git checkout kickoff
60. Project Architecture The Evnt : WatchKit Workshop
61. Hello GitHubStars
62. GitHubStars • Keep track of your repos • See how many stars, forks, and issues you have • GitHub API - OctoKit • ReactiveCocoa! • MVVM
63. iOS App Architecture VM VM I I M V V Network Storage API DB M Business Presentation Data
64. GitHubStars Anatomy WatchKit Extension iOS App WatchKit App
65. GitHubStars Anatomy WatchKit Extension iOS App WatchKit App
66. GitHubStars Anatomy WatchKit Extension iOS App WatchKit App Embedded Framework
67. GitHubStars Anatomy WatchKit Extension iOS App WatchKit App Embedded Framework
68. That’s why VM VM I I M V V Network Storage API DB M Business Presentation Data
69. Reuse Code! • User Embedded Frameworks to share code between iOS App and WatchKit Extension • Limitations: • Extensions and iOS app run in separated processes • Some APIs are not available to App Extensions • Access sharedApplication • Camera, micro • Long-running background tasks (networking!) • HealthKit, EventKit UI, AirDrop, etc.
70. WatchKit App Architecture WatchKit Extension iOS App Embedded API DB Data ? ?
71. WatchKit Extension iOS App Embedded API DB Data ? Storage App Groups! WatchKit App Architecture [[NSUserDefaults alloc] initWithSuiteName:GitHubStarsCoreKitAppGroupName];
72. WatchKit Extension iOS App Embedded API DB Data ? Storage WatchKit App Architecture
73. WatchKit Extension iOS App Embedded API DB Data ? Storage Background NSURLSessionTask + App Groups WatchKit App Architecture application:handleEventsForBackgroundURLSession:completionHandler:
74. WatchKit Extension iOS App Embedded API DB Data Communicating with containing App Storage Network iOS WatchKit App Architecture WKInterfaceController openParentApplication:reply:
75. WatchKit Extension iOS App Embedded M M Business API DB Data Storage Network iOS WatchKit App Architecture
76. WatchKit Extension iOS App Embedded WKInterfaceController M M Business Presentation WKInterfaceController API DB Data Storage Network iOS WatchKit App Architecture
77. WatchKit Extension iOS App Embedded WKInterfaceController I M M Business Presentation WKInterfaceController API DB Data Storage Network iOS I WatchKit App Architecture
78. WatchKit App Architecture
79. Pro Tips • Inter-process Communication & Debugging • Write tests. No, seriously. • Serialisation for inter-process communication • NSCoding?
80. Pro Tips • Inter-process Communication & Debugging • Write tests. No, seriously. • Serialisation for inter-process communication • NSCoding • NSSecureCoding!
81. Hands on • What are you learning? • WatchKit App • Static & Dynamic Notifications • Glance
82. Hands on • Two flavours: • checkout kickoff and write code with us • checkout master and follow the explanations
83. Hands on • What are we providing?
84. Hands on • What are we providing? I I M M Business Presentation API DB Data Storage Network iOS
85. Hands on • What are we providing? I I M M Business Presentation API DB Data Storage Network iOS
86. Let’s write some code!
87. Let’s write some code!