MadCode Meetup is a monthly webinar held by Stanfy Team for knowledge sharing about mobile development. This time Paul Taykalo, iOS Tech Lead at Stanfy, talked about first steps in Apple Watch development, particularly about: 1. Some restrictions what developers and designers are forgetting about. 2. Communication between Apple Watch and your application. Watch the full video from the presentation (rus): https://youtu.be/c-5uO2CJjcQ Read the article: https://stanfy.com/blog/apple-watch-first-steps/ Join our MadCode group on FB (rus): https://www.facebook.com/MadCodeMeetup/ Watch more videos from MadCode Meetups (rus): https://www.youtube.com/playlist?list=PLrplqd3YJvBvUygFkx4Xvx1p3zyiCgB9Q

1. 1

2. Apple Watch
First Steps
2

3. Apple Watch
3

4. Apple Watch
Xcode 6.2+, iOS SDK 8.2
4

5. Apple Watch Users
5

6. Marketing
6

7. Developers
7

8. What do we need for
Apple Watch App?
8

9. What do we need for Apple Watch
App?
4 iPhone app
9

10. What do we need for Apple Watch
App?
4 iPhone app
4 Xcode
10

11. What do we need for Apple Watch
App?
4 iPhone app
4 Xcode
4 Good idea
11

12. What do we need for Apple Watch
App?
4 iPhone app
4 Xcode
4 Good idea
4 Apple Watch*
12

13. Three Main Parts of
Apple Watch Application
13

14. Notifications
Glances
The App
14

15. Notifications
15

16. Notifications
16

17. Glances
17

18. The App
18

19. 1
1
source (https://medium.com/mobile-design-and-ux/smartwatch-user-interaction-39601215a1b1).
19

20. Structure of Apple Watch
Application
20

21. Application Structure
21

22. Application Structure
22

23. Application Structure
23

24. Restrictions
24

25. What should you be aware of
25

26. Storyboards
26

27. Storyboards
27

28. 2 Sizes
28

29. Static Layout*
Write-only interface :)
29

30. Per frame Image based animations
// I wonder if I can do like this
[UIView animateWithDuration:5 completion:^{
}]
30

31. Per frame Image based animations
31

32. There's no such things as UItouch
No custom Gestures, Swipes,
Recognizers
32

33. No sensors API
33

34. Limited text input
Dictation API
34

35. Apple Watch SDK
Do your best!
35

36. Tasks To Solve
How do I ...
36

37. Tasks To Solve & Best Practicies
37

38. Tasks To Solve & Best Practicies
4 Images
4 Lifecycle
4 Networking
4 Communication
4 Animations
4 Code reusage
38

39. It's "slow"
39

40. It's "slow"
And you can make it even
slower
40

41. Be careful with Images
setImage:
setImageNamed:
41

42. Be careful with Images
42

43. Be careful with Images
43

44. Be careful with Images
44

45. Be careful with Images
45

46. You will forget, anyway
46

47. Be careful with Life Cycle
47

48. Be careful with Life Cycle
awakeWithContext:
willActivate:
willDeactivate:
48

49. Network
49

50. Network
50

51. Network
51

52. Network
52

53. App and Extension
Communication
53

54. App and Extension
Communication
Who is in charge?
54

55. We can
55

56. We can not
56

57. Use shared groups for
communication
57

58. Use shared groups for communication
https://github.com/mutualmobile/
MMWormhole
wormhole = MMWormhole(applicationGroupIdentifier: "my.ident")
wormhole?.listenForMessageWithIdentifier("context") { ctx in
}
wormhole?.passMessageObject("Message", identifier: "ID")
58

59. MMWormhole
4 Fast, reusable, any data
4 Notification based
4 App should notify about each change
4 WatchKit App should be running
4 openParentApp + MMWormhole
59

60. Handoff
60

61. Handoff
4 when we need somehting to be done in the app
4 When permisssions is about to be asked
61

62. Animations
62

63. Animations
4 Designer task
4 Custom navigation (all in one)
4 2 devices, pixel perfect
4 hard to debug
4 static->static transitions
63

64. Animations
4 There are tools for that
4 https://github.com/andydrizen/UIViewRecorder
64

65. Code reusage
65

66. DRY66

67. Code reusage
4 Use View model from MVVM architecture
4 http://www.objc.io/issue-13/mvvm.html
4 http://techblog.thescore.com/2015/05/20/reducing-
watchkit-traffic-with-view-models/
67

68. Code reusage
68

69. Code reusage
69

70. Speed it up
70

71. Speed it up
4 Rethink your Watch App
71

72. Speed it up
4 Rethink your Watch App
4 Dynamic vs static content
72

73. Speed it up
4 Rethink your Watch App
4 Dynamic vs static content
4 Show content as fast as you can (use cache)
73

74. Speed it up
4 Rethink your Watch App
4 Dynamic vs static content
4 Show content as fast as you can (use cache)
4 Show partial information if available (Static +
Dynamic)
74

75. Ready to start?
75

76. Some notes before you
start
76

77. Some notes before you start
4 Think hard about best usage
77

78. Some notes before you start
4 Think hard about best usage (twice)
78

79. Some notes before you start
4 Think hard about best usage (twice)
4 It's different from iPhone (User is getting bored way
faster)
79

80. Some notes before you start
4 Think hard about best usage (twice)
4 It's different from iPhone (User is getting bored way
faster)
4 Know your user
80

81. Run!
81

82. Links for Inspiration
4 http://thinkapps.com/blog/development/5-new-
things-learned-apple-watch-apps/
4 http://watchaware.com/watch-apps
4 https://realm.io/news/building-watchkit-apps-
swift/
4 http://natashatherobot.com/
82

83. Thank you!
It's questions time
83

84. Apple Watch
First Steps
by Paul Taykalo, Stanfy
# Stanfy MadCode Meetup 2015
84

85. 85