WEARABLE LAB: PROGETTAZIONE

PER APPLE WATCH

Paolo MusolinoErik Peruzzi

26 Settembre 2015

Erik PeruzziiOS Software Engineer

Officina 31 Twitter: @ErikPeruzzi

email: erik.peruzzi@gmail.com

Paolo MusolinoiOS Software Engineer

IQUII srl Twitter: @pmusolino

email: pmusolino@gmail.com

One more thing…

Force touch

Bluetooth 4.0 low energy

TAPTIC EngineDigital Crown… e molto

altro.

42mm38mm

Identico aspect ratio

Oltre 10000 app già disponibili

Fonte: Apple Keynote 9 Settembre 2015

App fornite da Apple:• Possono funzionare senza iPhone• Hanno accesso ai dati dei sensori• Possibilità di animazioni avanzate

App terze parti:• Girano interamente su iPhone• Vengono installate quando la corrispettiva

app viene installata su iPhone• SDK (Watch Kit) limitato• Con Watch Kit 2 cambiano le regole del gioco

Non è (ancora) possibile

• Utilizzare le app senza un iPhone connesso

• Realizzare app che girano solo su Apple Watch

• Creare animazioni avanzate

• Utilizzare i dati dei sensori biometrici e di movimento

• Accedere ai dati dell’app (parente) che gira su iPhone

• Creare animazioni basate sulle immagini

• Ricevere notifiche e visualizzarle

• Presentare delle viste e creare interfacce semplici

Ma si può

SwiftObj-C

WatchKit App + WatchKit Extension

WatchKit Extension

• Gira su iPhone

• Ha il suo ciclo di vita (willActivate, didActivate, etc…)

• Cattura le interazioni dell’utente dall’app installata su Apple Watch

• Aggiorna l’interfaccia del watch da remoto

• Esegue piccoli e brevi task

• Accede ai dati condivisi con la WatchKit App

WatchKit App

• Contiene risorse statiche

• Contiene l’interfaccia grafica (Storyboard necessario)

• Non esegue codice

iPhone App• E’ l’app parente di quella

presente su Apple Watch

• Può processare task molto lunghi

• Può accedere ai dati condivisi con Apple Watch

• Esegue processi che sono separati da quelli dell’estensione.

WatchKit come UIKitWatchKit UIKit

WKInterfaceController UIViewController

WKUserNotificationInterfaceController UIApplicationDelegate + UIAlertController

WKInterfaceDevice UIDevice

WKInterfaceObject UIView

WKInterfaceButton UIButton

WKInterfaceDate UILabel + NSDateFormatter

WKInterfaceGroup UIScrollView

WKInterfaceImage UIImageView

WKInterfaceLabel UILabel

WKInterfaceMap MKMapView

WKInterfaceSeparator UITableView.separatorColor / .separatorStyle

WKInterfaceSlider UIStepper + UISlider

WKInterfaceSwitch UISwitch

WKInterfaceTable UITableView

WKInterfaceTimer UILabel + NSDateFormatter + NSTimer

WKInterfaceController• Tutti i controller di WatchKit sono sottoclassi

di WKInterfaceController

• E’ molto simile a UIViewController, ma con un lifecycle differente.

• Al suo interno possono essere inseriti molti dei componenti di WatchKit per realizzare interfacce complesse.

WKInterfaceController gestisce gli elementi in una scena.

UIViewController gestisce View e Subview.

Gli oggetti dell’interfaccia non sono View, ma si comportano in modo simile.

Inizializzazione usando initWithContext:

override init(context: AnyObject?) { super.init(context: context)

// ...}

// MARK: - WKInterfaceController

override func willActivate() { // ...}

override func didDeactivate() { // ...}

Solo 2 metodi per il Lyfecycle:That's it: 2 methods. No loading / unloading, no will / did appear / disappear, no animated:YES. Watch apps are simple by necessity. Communication between the iOS device driving the application and the watch is both time-consuming and battery-consuming, so all of the setup for the interface controller's scene is to be done in the initializer and willActivate. Both during and after didDeactivate, the Watch will ignore attempts to update the state of interface elements.

Stack di navigazioneLe applicazioni hanno una navigazione Gerarchica o Page-Based.

The presentControllerWithName:context: method performs a page-based navigation equivalent to using the modal segue. The context argument allows you to pass data to the destination Interface Controller.

//Hierarchical Navigation@IBAction func btnHierarchical() { pushControllerWithName(“Page2”, context: [“segue”: “hierarchical”, “data”:“Passed through hierarchical navigation”]) }

//Page Based Navigation@IBAction func btnPagebased() { presentControllerWithName(“Page2”, context: [“segue”: “pagebased”, “data”: “Passed through page-based navigation”]) }

Page2 è l’identificativo del successivo InterfaceController. The pushControllerWithName:context: method performs a hierarchical navigation equivalent to using the push segue. The context argument allows you to pass data to the destination Interface Controller. You navigate to the specific Interface Controller you want by using its identifier.

Progetto Xcode: come appare

Targets: iOS, Tests, WatchKit Extension

Page3.swift

import WatchKitimport Foundation

class Page3: WKInterfaceController {

override init(context: AnyObject?) { super.init(context: context) }

override func willActivate() { super.willActivate() }

override func didDeactivate() { super.didDeactivate() }}

Aggiungiamo un Interface Controller per Page 3 allo Storyboard

IC iniziale IC con navigazione gerarchica

IC con navigazione page-based

Settiamo gli attributi nell’inspector

Configuriamo i pulsanti@IBAction func btnPagebased() { presentControllerWithNames( [“Page2”, “Page3”], contexts: [ [“segue“: “pagebased”, “data”: “Passed through page-based navigation”], [“segue”: “pagebased”, “data”: “Passed through page-based navigation”]])}

Stiamo chiamando presentControllerWithNames:contexts: con i seguenti argomenti:

• Un array di stringhe contenenti gli identificativi degli Interface Controllers da visualizzare.

• Un array di oggetti da passare all’Interface Controller di destinazione. Il primo oggetto sarà passato a Page2, il secondo oggetto a Page3.

RUN

Page-Based Button -> Page 2 -> Left Swipe -> Page 3

WKInterfaceObjectE’ come una UIView, con proprietà come alpha, hidden,

allineamento orizzontale e verticale, width, height.

Object Action Method

Button - (IBAction)doButtonAction

Switch - (IBAction)doSwitchMethod:(BOOL)on

Slider - (IBAction)doSliderAction:(float)value

Table - (IBAction)doTableRowTapAction:(NSInteger)rowIndex

Menu Item - (IBAction)doMenuItemAction

The most striking difference is the lack of a frame. Instead of manually specifying coordinate points or setting up Auto Layout constraints, WatchKit interface objects are laid out in a grid according to their margins and respective ordering, which is reminiscent to working with a CSS framework like Bootstrap (or for you Rubyists out there, remember Shoes?).

Oggetti principali con cui costruire app complesse

• WKInterfaceButton • WKInterfaceTable • WKInterfaceLabel • WKInterfaceDate & WKInterfaceTimer • WKInterfaceSlider & WKInterfaceSwitch

WKInterfaceDate is a special kind of label that displays the current date or time. WKInterfaceTimer is similar, except that it displays a countdown until a specified date.

Share Data

3 Metodi per comunicare con la main app e scambiarsi informazioni

• Metodo 1: OpenParentApp • Metodo 2: Share Data

Cache con NSUserDefaults e App Groups

• Metodo 3: Update Callbacks usando il Darwin Notification Center

Metodo 1openParentApplication:reply:

1) Da chiamare in MKInterfaceController. Passerà un dictionary contenente delle azioni da richiedere alla main app. 2) L’azione (es. “getUserCount”) viene ricevuta dalla main app, che risponderà con un altro Dictionary contenente delle informazioni, da visualizzare su Apple Watch. 3) E’ possibile gestire gli errori di comunicazione (blocco success, blocco failure). 4) Il più grande vantaggio è che l’app su iPhone risponde anche se non è in esecuzione.

Metodo 2Share Data Cache con NSUserDefaults e App Groups.

1) E’ un metodo già rodato, e funziona in maniera simile alle estensioni introdotte da Apple in iOS 8. 2) Si utilizza per condividere dati tra elementi eseguiti su iPhone, appartenenti allo stesso gruppo, che condividono una sandbox comune. 3) Invece del metodo standardDefaults di NSUserDefault, si usa initWithSuite: che permette di salvare e leggere i dati utilizzando NSUserDefaults tra più eseguibili. 4) Non cambia nulla dal classico NSUserDefaults a cui gli sviluppatori iOS sono abituati. 5) Consigliato solo per i dati meno dinamici. Non c’è alcun modo per essere avvisati sul cambiamento di un valore in NSUserDefaults.

Metodo 3Update Callbacks usando il Darwin Notification Center

1) E’ una API di basso livello scritta in C. 2) Esiste una libreria wrapper che ne semplifica l’utilizzo: MMWormhole. 3) E’ simile a NSUserDefaults, ma permette di ricevere aggiornamenti al cambio dei valori. 4) Usa il KVO tramite il quale si possono ricevere notifiche solo quando stiamo realmente utilizzando l’app. Mentre lo schermo di Apple Watch è spento, possiamo decidere di non comunicare con il telefono, e di sincronizzarsi solo quando se ne ha necessità.

Quale usare?DIPENDE.

Una buona soluzione per la stragrande maggioranza dei casi è una combinazione dei metodi 1 & 3.

openParentApplication:reply: per il trigger delle azioni start/pause/resume (ad esempio per richiedere i dati da una API). + MMWormhole per l’aggiornamento dei dati persistenti.

Cose da non dimenticare

• Per sviluppare un’app per Apple Watch è comunque necessario realizzare la corrispettiva app per iOS.

• Senza iPhone non si va da nessuna parte.

• Con WatchOS 2 le regole del gioco cambiano significativamente.

WatchOS 2

Novità in WatchOS 2• Le app girano nativamente su Apple Watch. • Le performance delle app sono notevolmente

superiori. • Le app terze sfruttano le funzioni hardware di Apple

Watch: accesso a Taptic Engine, Digital crown, Accelerometro, Cardiofrequenzimetro, Altoparlante, Microfono.

App che già sfruttano le potenzialità di WatchOS 2

Ping usa l’accelerometro per misurare la velocità del tuo swing

quando giochi a golf.

Insteon usa la Digital Crown per controllare le luci della casa.

Per gli sviluppatori c’è tanto altro…

Fonte: raywenderlich.com

Share Data su WatchOS 2Le app che girano nativamente su WatchOS 2 necessitano di tenere in sincronizzazione i dati tra l’app per Apple Watch e

quella su iPhone.

Non ci sono container condivisi con App Group.

—— Apple introduce WCSession. Le sessioni sono la radice da cui

partono tutte le comunicazioni da e verso l’app WatchOS.

Ogni sessione gestisce le informazioni ad alto livello: capisce se il dispositivo in uso ha un Apple Watch abbinato, se

l’applicazione è installata sull’orologio, se l’applicazione si trova a tutto schermo, ed altro ancora.

WCSession• E’ possibile accedere ad una sessione e inviare dati

attraverso esso da qualsiasi punto dell’app. • Le informazioni da una sessione vengono ricevute in un

unico posto incaricato. • La sessione va attivata su entrambe le app (solitamente

nell’AppDelegate, ma può trovarsi ovunque). • I dati vengono inviati in maniera intelligente (risparmio

batteria) non solo con la UI visibile, ma anche in background.

• La Watch App non ha bisogno di sapere ogni cosa che accade su iPhone e viceversa. Al momento opportuno chiederà: aggiornami su tutti gli aggiornamenti di stato avvenuti fino ad ora.

• WCSession ha un metodo updateApplicationContext: che serve a mantenere i dati dell’app sempre aggiornati.

WCSession: esempio di invio e ricezione

1) WCSession invia i dati dalla Watch App attraverso updateApplicationContext:

2) Il delegato implementato sull’app iPhone, otterrà in

session:didReceiveApplicationContext: gli ultimi dati inviati.

3) Se la Watch App imposta un nuovo context prima che vengano inviati i dati precedenti, la

copia dei dati precedenti viene automaticamente ignorata a favore dei nuovi dati.

WCSession: garantire la consegna dei dati

E se i dati che dobbiamo inviare devono essere sempre consegnati?

WCSession offre il metodo transferUserInfo:

Funziona allo stesso modo di updateApplicationContext: ma garantisce che i dati vengano consegnati in ordine

FIFO.

WCSession: dati istantaneisendData:

A volte è necessario inviare i dati ad un dispositivo associato immediatamente, senza attendere che i dati si sincronizzino.

Il metodo sendData: è molto simile a openParentApplication:reply: di WatchOS 1, e permette a chi riceve di rispondere con un messaggio di conferma.

I dati vengono inviati immediatamente a condizione che: 1) Su Apple Watch l’applicazione sia attiva (anche a schermo spento).

2) iPhone ed Apple Watch siano associati e siano entrambi raggiungibili via bluetooth.

Come si fa a decidere se usare la messaggistica istantanea o quella per le attività in background?

WCSession ha una property -> isReachable

WKInterfaceMap• Contenuto non interattivo • Può essere configurato dinamicamente • Massimo 5 annotazioni (pin o immagini) • Un tap apre l’app Mappe di Apple

Personalizzazione della UICosa è configurabile:

- Altezza -Larghezza

- Alpha - Visibilità

- Dimensione del testo

ANCORA BEN LONTANO DA UIKIT

•

Tips per migliorare le proprie app

• API Handoff • Implementare animazioni (basate su

sequenze di immagini su WatchOS 1) • Caching delle immagini • Utilizzare WCSession (solo WatchOS 2) • Non reinventare la ruota: sfruttare a

pieno le potenzialità dei framework di Apple

Impatto di Apple Watch nel settore retail Beacon + Internet

Fonte: 20 Ways The Apple Watch can impact the Retail experience https://medium.com/@jpeddycoart/20-ways-the-apple-watch-can-impact-the-retail-experience-442095859b11

Navigazione in store Checklist

Real time feedback Cross Selling

Recensioni Contenuti solo in-store

Prodotti contestuali Acquisti degli amici

Non finisce qui

1. Pagamenti (Apple Pay) 2. Fitness 3. Salute 4. IOT 5. Comunicazioni e feedback

Fonte: 5 Ideas for the Apple Watch https://medium.com/backchannel/5-ideas-for-apple-watch-393a7a16f8a1

- Usare Apple Watch in maniera creativa

- Interazione con il mondo esterno, non limitarsi alla sola visualizzazione

di contenuti

- Estensione di te

Le sfide

Navigazione per “sensazioni”

Non dimenticare nulla

Musica che risponde alla vostra attività

Salva una vita

Cerca qualcuno vicino a te

Previsioni di vendita nel settore wearable

Fonte: BetaNews Giugno 2015

Conviene investire nello sviluppo per Apple Watch?

*Stima degli analisti

1) 3 milioni di Apple Watch venduti * 2) WatchOS 2 3) Poca concorrenza sullo store 4) Tante potenzialità nel settore retail 5) Settore Health & Fitness in rapida crescita 6) Opportunità nel settore IOT 7) Un mercato potenzialmente enorme e semi inesplorato

Non fate la guerra, fate gli sviluppatori.

Grazie per l’attenzione