Gearing Up Google Glass Development - August 2013

max(imiliano) (@firt)man

GEARING UP

WITH GOOGLE GLASS

DEVELOPMENT

Zürich, Aug 29th, 2013

¡-‐)Thursday, August 29, 13

mobile+web developer

maximiliano @firt

Thursday, August 29, 13

we’ll talk about glass

1- Experience2- Glassware3- Timeline 4- Browser5- Code!

questions

yes, please

At the end or during the conference

DISCLAIMER

1- glass experience

quick video( )

Noti!cations on your head

Your content is not so important

nHD transparent 640x36025" - 2.5m / 8 away

Sensors

Camera

Multi-touch panel

wi!bluetooth

Android 4.0

bone conductiontransducer

quick demo( )

the experience

- different device- not transparent apps - limited AR

2- glassware

nativevs

today =cloud

Mirror API

tomorrow =native

vscloud

tomorrow =native GDK

vscloud Mirror API

quick demo( )

httpscontent

actions

http(s)

content

actions

glassware

- today vs tomorrow- Mirror API- GDK- create a new architecture

3- timeline

timeline

past, now, future

quick demo( )

timeline

timeline items = card

timeline

standard cardpinned card

system card pastpastfuture

httpscontent

it's probable that the user will never see ourcard

timeline

content type

timeline

textcontent type

timeline

imagevideo

content type

timeline

htmlcontent type

timeline

card actions = menu items

timeline

menu items 1011 or 2 words & iconno argumentssystem vs custom

How can I listen to actions?

http(s)actions

How to reply?

httpscontent

timeline

contextual eventsgeolocation

timeline

contextual eventsgeolocationshare

timeline

contextual eventsgeolocationsharelaunch "ok glass" menu

http(s)actions

timeline

Invocation voice commands

take a notepost an update

timeline

- card is the king- menu items <> endpoint- contextual events - server-side intelligence

4- the browser

browser

invocationgoogle searchcard's action

quick demo( )

browser

interactionscrollpoint and click

browser

responsive web designmobile user agentwidth: 427pxpixel ratio: 1.5

browser

html5video, audiodevicemotionscroll and touch eventsno geo, speech, camera yet

browser

- better than it looks like- experimental- new ideas will come- card + html5

5- code!

Mirror APIOAuth 2.0RESTful servicesJSON

1- Use HTTP2- Use official APIs

new cardPOST /mirror/v1/timeline HTTP/1.1Host: www.googleapis.comAuthorization: Bearer {auth token}Content-Type: application/jsonContent-Length: 26

{ "text": "Hello world" }

new card$card = new Google_TimelineItem();$card->setText("Hello World");

$parameters = array();$service->timeline ->insert($card, $parameters);

new card{ "kind": "glass#timelineItem", "id": "1234567890", "created": "2012-09-25", "updated": "2012-09-25", "text": "Hello world"}

(just an example)

{ "html": "<h1>Hello world<h1> <p>Sorry, no marquee support</p> " }

static contentall semantic containerstables, listscustom cssno <script> <link> <iframe>

html5 on cards

map images{ "html": "<h1>Your wife's location<h1> <img src='glass://map?w=240&h=360&marker=0;42.369590,-71.107132&marker=1;42.36254,-71.08726 height=360 width=240>"

menu items{ "text": "Hello world", "menuItems": [ { "action": "REPLY" } ] }

built-in menu items

built-in menu itemsshare

built-in menu itemssharenavigate to

built-in menu itemssharenavigate toread aloud

built-in menu itemssharenavigate toread alouddelete

voice call

voice callreply

voice callreplytoggle pin

voice callreplytoggle pinview website

built-in menu itemssharenavigate toread alouddeleteYOU CAN CHANGE TITLE AND ICON

bundlesMulti-page card Different cards over time

I don't have a Glass!!!

Don't steal one

Playground (official)

I don't have a Glass!!!Glasssim.com

Xenologer for AndroidMirror API Emulator by Scarygami

At the end, you will need onegoogle.com/glass

- mirror API: HTTP & JSON- cards, menu items- experimental emulation

6- what's next

what's next

- GDK - Localization- More Invocation Voice commands

For Glass

what's next

- developers.google.com/glass- youtube.com/user/GoogleDevelopers

For You

wrapping up

- understand the experience- mirror api vs gdk vs browser- Glassware cloud-based- it's just the beginning

you can reach a good experience

Pictures)from)freedigitalphotos.net)

Thanks!

!rtman@gmail.com@!rt

!rt.mobi/pmw

¡-‐)Ask me for 50% off

Gearing Up Google Glass Development - August 2013

Technology

Google glass

Google glass

Google - Glass

Glass Agro for Google Glass

Project glass/Google Glass

GOOGLE,ANDROID,GOOGLE GLASS