building watchkit applications
TRANSCRIPT
![Page 1: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/1.jpg)
Building WatchKit Applications
Jean-Luc David | [email protected] | @jldavid
Kitchener Waterloo iOS Meetup Group
![Page 2: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/2.jpg)
Who Am I?
• iOS & Android Instructor
• Musician
• Hacker
• Wearables Developer
![Page 3: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/3.jpg)
Samsung Gear S
![Page 4: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/4.jpg)
Google Glass
![Page 5: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/5.jpg)
![Page 6: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/6.jpg)
Apple Watch
Accelerometer Gyroscope
Heart Rate Monitor
Bluetooth
Digital CrownConversation
ButtonForce Touch
![Page 7: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/7.jpg)
Watch Features
• New UI Elements
• Simple Navigation
• Glances
• Notifications
![Page 8: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/8.jpg)
Two Sizes38mm 42mm
![Page 9: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/9.jpg)
Applications
![Page 10: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/10.jpg)
What Tools Do You Need?
• Mac
• Xcode 6.3
• iOS SDK 8.2+
• Apple Watch (available next week)
• Developer Account
![Page 11: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/11.jpg)
ArchitectureiPhone App Watch App
Bluetooth
Storyboards
Resources
WatchKitWatchKit
WatchKit Extension Code &
Resources
![Page 12: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/12.jpg)
Interactions
Your controller &model code
Your views
& static images
Updateview
Event(button
tap)
Enhances rather than replace your iPhone
![Page 13: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/13.jpg)
Interaction Types
PaginatedHierarchical
![Page 14: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/14.jpg)
UI Elements
• Labels
• Images
• Buttons
• Switches
• Sliders
• Maps
![Page 15: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/15.jpg)
Graphics
![Page 16: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/16.jpg)
Glances
• Template Based
• Single Screen
• Not Scrollable
• Read-Only
• Optional
![Page 17: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/17.jpg)
Notifications
• Small screens
• Short interactions
• Short & long view
• Can contain useractions
App Icon
TitleString From
Notification
App Name
![Page 18: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/18.jpg)
Modal Sheets
Single Paged
![Page 19: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/19.jpg)
Images & Data
• Use local images - load extremely slow on Bluetooth
• URL Caching / ASync Fetching
• NSUserDefaults for caching data
![Page 20: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/20.jpg)
Limitations
• iPhone must have iOS 8.2+
• Small Screens (38mm & 42mm)
• Limited Information
• Short Interactions
• No Health Kit
• No Access to Sensors
![Page 21: Building WatchKit Applications](https://reader030.vdocuments.us/reader030/viewer/2022032420/55a563001a28ab614e8b46ee/html5/thumbnails/21.jpg)
Developer Opportunities
• Watch Faces
• Custom Notifications
• Device Control
• Health Tracking
• Event Display
• Data Exchange / Social
• Payments / Commerce