Slide I used to deliver a talk in Global Azure Bootcamp 2015. I talked about developing app for wearables (e.g. Apple Watch and Android Wear) and leverage Azure App Service - Mobile App as the backend. Global Azure Bootcamp is a yearly community-driven worldwide Azure-related talks.

2. Please tweet photos or post
to Instagram with hashtag
#GlobalAzure
#GlobalAzureBandung

3. All collected photos:
http://bit.ly/globalazurebandung
Powered by
http://jepret.in

5. SPONSORED BY
ORGANISED BY
Education
AZURE DEVELOPER
I N D O N E S I A
SUPPORTED BY

6. Andri Yadi
@andri_yadi | a at dycode dot com
http://andriyadi.me

7. CEO of

8. 7 years in a row

9. The first & largest iOS & OSX
developer community in Indonesia
ID-Objective-C
President

10. Wearables +
Azure
Development

11. Assumed, most of you are all
coders!
Disclaimer

14. Remember this?

15. Smart Watches

16. Smart Wristbands

17. Smart Glasses

18. Wearable cameras

19. Virtual Reality

20. holographic
computing

21. Smart CLOTHES

22. Smart Hats

23. Pet GPS
Tracker

24. ???

25. Simply put, wearable is..
Putting computer on your
face, arm, neck, foot, shirt…

26. Wearable (obviously), invisible*
Targeted (limited) capabilities
Have (limited) computing unit
(Mostly) not standalone
Programmable, yay!
What they have in
common

27. Common development
Challenges
Fragmentation
Limited capability
Such as: no direct internet connectivity
Limited API
New technology, most APIs are in development
Too much relies on “host” machine

28. Market
$12 billion by 2018
78% annual growth rate
http://www.statista.com/statistics/259372/wearable-device-market-value/
http://sproutsocial.com/insights/wearables-technology-social-media/

29. http://www.statista.com/chart/3370/wearable-device-forecast/

30. 42% prefer
Smart watch/band

31. 3 MILLION SALES
in 2 weeks
estimated

32. so, today I only talk about
developing for smartwatch -
Apple Watch
Disclaimer

33. Intro to WatchKit
Backend service with Azure
Connecting watch app to Azure backend
for 50 mins, we’ll cover…

34. Apple Watch
Development stuffs
Let’s start with…

35. Apple Watch

36. What is Apple Watch app?
iOS app extension running on iOS +
set of UIs running on Watch

37. Apple Watch App
cannot run standalone
without iPhone
iPad is not supported yet!

38. http://developer.apple.com/ios
iOS 8.2
we need…
WatchKit

39. WatchKit App
Storyboard
Resources
iOS App
WatchKit Extension
Code
Resources
Bluetooth

40. So, you can’t develop for
Apple Watch without
learning iOS development

41. Required StuffsRequired Stuffs

43. iOS
in form of Xcode
Latest

44. Xcode iOS & Watch Simulator iOS Developer Library
iOS

45. Optional Stuffs

46. Actual devices

48. WatchKit development
stuffs

49. [Obj-C]
Objective-C Swift
Should know
or

50. Not Taylor Swift..
Note, I’m a fan :)

51. Model-View-Controller design pattern
Model View
Controller
Should understand

52. Core
Foundation Extensions WatchKitUIKit
Foundation
Push
Notification
Few iOS frameworks you should know
Handoff

53. Accelerate
Accounts
AddressBook
AddressBookUI
AdSupport
AssetsLibrary
AudioToolbox
AudioUnit
AVFoundation
AVKitCFNetwork
CloudKit
CoreAudio
CoreAudioKit
CoreBluetooth
CoreData
CoreFoundation
CoreGraphics
CoreImage
CoreLocation
CoreMedia
CoreMIDI
CoreMotion
CoreTelephony
CoreText
CoreVideo
EventKit
EventKitUI
ExternalAccessory
Foundation
GameController
GameKit
GLKit
GSS
HealthKit
HomeKit
iAd
ImageIO
IOKit
JavaScriptCore
LocalAuthentication
MapKit
MediaAccessibility
MediaPlayer
MediaToolbox
MessageUI
Metal
MobileCoreServices
MultipeerConnectivity
NetworkExtension
NewsstandKit
NotificationCenter
OpenAL
OpenGLES
PassKit
Photos
PhotosUI
PushKit
QuartzCore
QuickLook
SafariServices
SceneKit
Security
Social
SpriteKit
StoreKit
SystemConfiguration
Twitter
UIKitVideoToolbox
WebKit

54. Backend with
Microsoft Azure

55. Clientlayer
(on-premises)
Tablet Phone
Games
consolePC
On-premises
databaseBrowserOffice Add-in
On-premises
service
AD
Multifactor
Authentication
AccessControl
Layer
Integration
layer
Service Bus CDN
BizTalk
Services
Traffic
Manager
Virtual
Networks Express Route
Application
layer
API Mgmt Web Apps
Cloud
ServicesVMMobile Apps Media Services
Notification
Hubs Scheduler Automation
DataLayer
Storage Blobs Tables Queues Data
Machine
Learning HD Insight
Backup and
RecoverySQL Database Caching StorSimple
API Apps
Logic Apps
Microsoft Azure Services

56. So, what’s the options?
Deploy your backend
code on a Virtual Machine
Deploy your backend
code on a Cloud Service
Create App Service instance,
e.g. using Mobile App type

57. API APPS
Easily build and consume APIs in
the cloud
WEB APPS
Web apps that scale with your
business
LOGIC APPS
Automate business process
across SaaS and on-premises
MOBILE APPS
Build Mobile apps for any device
Azure App Service

58. Storage
Authentication
Logic
Push
Scheduler
Azure App Service - Mobile App

59. Try App Service: https://tryappservice.azure.com
Free
No Signup or
Account Required

60. 60
+
as easy as…
adding
WindowsAzureMobileServices.framework
to your project

61. App Service Mobile app
with ios Demo

62. WatchKit + Azure App Service?

63. ???
Internet

65. WatchKit App
Storyboard
Resources
iOS App
WatchKit Extension
Code
Resources
Internet
Bluetooth
Azure App Service

66. iOS App
WatchKit Extension
Code
Resources
Internet
Bluetooth
Azure App Service

67. application(applica
tion:
UIApplication,
handleWatchKitExten
sionRequest
userInfo: [NSObject
: AnyObject]?,
reply:
(([NSObject :
AnyObject]!)
WKInterfaceCo
ntroller.open
ParentApplica
tion() Internet
Azure App Service
or any backend
service
[“action": “loadTasks"]
[“data": task
dictionary array,
“error”: “error string”]
WatchKit Extension & iOS app communication
WatchKit Extension iOS App
Calling “openParentApplication” on WatchKit extension side will be handled
by “handleWatchKitExtensionRequest” on iOS app side.

68. WatchKit Extension & iOS app communication - loading tasks
WKInterfaceController.openParentApplication(["ac
tion": "loadTasks"], reply: { (replyInfo, error)
-> Void in
if error != nil {
//do something about error
}
let replyDict = replyInfo as [NSObject :
AnyObject]
if let errorMsg = replyDict["error"] as?
String {
if !errorMsg.isEmpty {
//do something about error
return
}
}
self.records = replyDict["data"] as!
[Dictionary<String, AnyObject>]
self.configureTable() //reload table
})
func application(application: UIApplication,
handleWatchKitExtensionRequest userInfo: [NSObject :
AnyObject]?, reply: (([NSObject : AnyObject]!) ->
Void)!) {
if let userInfo = userInfo {
if let action = userInfo["action"] as?
String {
if action == "loadTasks" {
println("userInfo: (userInfo)")
//do load tasks from Azure
loadTasks (reply)
}
else if action == "completeTask" {
if let data = userInfo["data"]
as? Dictionary<String, AnyObject> {
//update data to Azure
completeTask(data, reply:
reply)
}
}
}
}
}
WatchKit Extension side - InterfaceController.swift iOS app side - AppDelegate.swift

69. What about Android Wear?

70. Not that different!

71. WatchKit app
Accessing Azure Demo

72. What Next?

73. Slide + Source code: http://andriyadi.me

74. Get started with Azure
Visit azure.com
Free trial! worth $200
Or create temporary service:
https://trywebsites.azurewebsites.net

75. https://github.com/Azure-Readiness/DevCamp

76. https://developer.apple.com/watchkit/

77. Deep dive training?
http://edu.dycode.co.id | edu@dycode.com
+ + [Obj-C]
+
Education

78. a leading mobile & web apps
developer, an educator, an early
adopter, an award-winning
company

79. DyCode
www.dycode.com
office at dycode dot com | @dycode
Thanks