JahiaOne 2015 - Jahia on your Wrist (The Apple Watch Integration example) by Serge Huber

Jahia on your Wrist

Serge Huber, CTO & Co-Founder, [email protected]

But first… Started coding Jahia in 1999 6 people meeting in my parents

house Mom baking brownies for our

meetings And now, a major player in the

UXP market …Thanks to you !

Objectives Create a tool for Jahia communities,

moderators and administrators Highly focused utility with short

interactions Do most immediate actions directly

on Watch, never take the iPhone out!

React quickly, from anywhere, to spam or important events

Attention ! This is a brand new technology So most of the bugs will be

due to Apple or network connectivity issues (Wifi/Bluetooth)

The camera might fall on me And the rest might be my fault

Latest posts demo

Anatomy of a Watch app

How it works

Apple Watch

iPhone

Jahia Digital Factory

BLE REST/JSON Custom actions

JCR REST API

Custom modules

1. Start iPhone App

2. Configure connection to Jahia Server

3. You can then use both iPhone and Watch applications

Initial startup

Apple Watch app startup flow

Watch App Digital Factory

login

load latest posts

Getting list of posts JCR query using REST

API Limited to last 20 posts Result is JSON object

containing an array of all the matching nodes

select * from [jnt:post] as p order by p.[jcr:created] desc

Post detail and actions Details already loaded from list Actions on post are a problem : they can

differ from one user to another (due to permissions)

Actions are retrieved through a separate REST call on an custom DF action class (postActions)

Getting post actionsDigital Factory

SERVER_URL/POSTPATH.postActions.do

Watch App

Adding a post actionDemo

Handoff integration Watch app uses Handoff when viewing a

post or task details Makes it easy to switch to a larger device

to view more details

Handoff demo

Workflow tasks integration

Get list of open tasks for a user View the task, handoff to phone to preview

changes

Tasks demo

Tasks : how it works Simple REST API access to retrieve all

tasks from a user In detail view, use “taskActions.do” DF

action to retrieve list of next possible workflow steps

Can work with custom workflows !

Push notifications

Apple Watch

iPhoneJahia Digital

Factory

Apple Push notification

service

BLE REST/JSON

Push notifications demo

iPhone App Startup flowiPhone App Digital Factory

login

register device token

Apple Push Notification Service

register for remote notifications

load latest posts

Installing 3 modules:

ios-push-notifications : implements support for registering iOS devices and pushing notifications to them

jahia-watcher-backend : implements DF actions used by the native mobile app

jahia-spam-filtering : use to add “mark as spam” filtering technology

Native watchOS app to install on iPhone/Watch

Tips and tricks Don’t forget to deactivate Wrist detection during

development or your app will not launch ! Keep traffic to a minimum as the user might

turn his watch and turn off the screen Don’t require users to get the phone out for

simple actions, do them with the Watch directly !

Watch impressions Decent battery life (1 full day, 7-midnight with

about 20% charge remaining) Screen will turn off very quickly, take that into

account ! Not a dumb reading terminal, you can and

should allow users to perform actions on it! (lots of early apps make this mistake!)

watchOS 2 On Monday, June 8th, Apple announced the

new Watch SDK Untethered apps are now possible ! App could now perform more operations offline,

and sync when network is available Access to sensors can improve user

interactions or personalization

Where/when can I get it ? Digital Factory modules :

iso-push-notifications : https://github.com/Jahia/ios-push-notifications

jahia-watcher-backend : https://github.com/Jahia/jahia-watcher-backend

jahia-spam-filtering : https://github.com/Jahia/jahia-spam-filtering

iOS native module application : beta TestFlight program to open soon, contact me for joining

Q & A

Thank you !Serge Huber, [email protected]