1. 1
Tél : +33 (0)1 58 56 10 00
Fax : +33 (0)1 58 56 10 01
Google Glass
50, avenue des Champs-Elysées
75008 Paris - FRANCE
© OCTO 2014 www.octo.com

2. 2
Introduction
History
The Glass
User interface
Programming
Applications

3. 3
Wearable Objects

4. 4
Smartglasses

5. 5
Sales and predictions
In 2013, according to Gartner 87 000 smartglasses have been sold
According to Juniper Research, sales of connected objects are
going to skyrocket within the next five years :
Smartglasses : 10 millions units per year targeted 2018

6. 6
Large economic impact on the futur :
Sales and previsions
1$ billion of annual profit within 3 to 5 years according to Gartner
10% of US companies with off site workers will implement
smartglasses

7. 7
Two kind of smartglasses
Standard Head Mounted Display (HMD)
Display information or data.
Show information near the user’s vision field
Augmented Reality Display
Allow the user to see the information without looking away
Show information and 3D in the user’s vision field

8. 8

9. 9
Introduction
History
The Glass
User interface
Programming
Applications

10. 10
18 months of prototyping

11. 11
History
2011 april
2012
may
2012
june
2012
februar
y
2013
april
2013
may
2013
november
2013
april
2014
may
2014

12. 12
Introduction
History
The Glass
User interface
Programming
Applications

13. 13
Battery
5/6 hours
Prism
Resolution:
640x360
Capture
Photo : 5mpx
Video : 720p
Microphone
Touchpad
Tap one/two fingers
Swipe one/two fingers
Transducer
Bone conduction
Electronics
16 GB
1,2 GHz
1GB RAM
Wifi / Bluetooth
Components

14. 14
Inside

15. 15
A small screen size

16. 16
Explorer version
1 500 $
Mass market
? $
Price

17. 17
Style
25/03/14

18. 18
Introduction
History
The Glass
User interface
Programming
Applications

19. 19
A little insight

20. 20
OK Glass

21. 21
Take a picture
Record a video
Search on Google
Play music
Send a message to someone
Hang out with someone
Make a call to someone
Get directions to somewhere
Receive notifications
Take note
…
What can we do ?

22. 22
The timeline

23. 23
The timeline

24. 24
Zoom on the Past and the Apps list

25. 25
The timeline

26. 26
Zoom on Now and the Future

27. 27
No UI chaos on Google Glass !
Main content
Status bar
Font : Roboto Thin
Font : Roboto Light / 26 px
Full-bleed image
Left image or column
Footer Padding

28. 28
Layout samples
Main layout Full bleed with text
Left image Left column

29. 29
3 kinds of cards
Static cards
Live cards
Immersion

30. 30
Static cards display text, images and video content
Simple view
To display text, images, videos, HTML
Can’t be updated frequently
Usefull for quick notifications
Can invoke Live Cards and Immersions

31. 31
Menu items

32. 32
Live cards contain rich, real-time content
Can be updated frequently
Real-time information
Access to low-level sensor (accelerometer, …)
Run inside the timeline

33. 33
Run outside of the timeline experience
Rendering your own UI (display Android activities)
Access to all of the user input
Immersions

34. 34
How interact with Google Glass ?
Voice
« Ok, glass » + command
Trackpad
With different gestures (taps, swipes, one finger, two fingers)
Buttons
To take a picture or record a video
To shutdown or restart
Your body (head, eyes, …)
Movement detection (thanks to sensors, accelerometer, gyroscope, …)
Wink with your right eye
My Glass applications
On smartphones (iOS / Android)
On the web (https://glass.google.com/u/0/myglass)

35. 35
Managing your apps

36. 36
iOS / Android
Turn-by-turn directions X X
Send/Receive SMS
only reading
X
messages
(with KitKat 4.4 on Glass) Screencast X X
System requirements >= iOS 7.0
(min iPhone 4 / iPad 2)
>= Android OS 4.0.3
(Ice Cream Sandwich)

37. 37
Glassware

38. 38
Example : CNN (1/2)

39. 39
Example : CNN (2/2)

40. 40
Example : Google Now

41. 41
Introduction
History
The Glass
User interface
Programming
Applications

42. 42
1. The Mirror API
1. The Glass Development Kit
Two API options

43. 43
The code is running server side
RESTFull Services
Authentication with OAuth2.0
Client libraries in Java, PHP, .NET, Ruby, Python …
Mirror API
Your service
Sync
HTTP
(REST)

44. 44
Mirror API
A flow example

45. 45
Mirror API
Request : Response :
Result :

46. 46
Playground

47. 47
Mirror API
Use the Mirror API for
Sending, updating, deleting
static cards
Receiving events from the glass
via a share action
Observing and reacting to user’s
location

48. 48
1. The Mirror API
1. The Glass Development Kit
Two API options

49. 49
Glass Development Kit

50. 50
Glass Development Kit
The code is running on the Glass
GDK in Preview version
Enhance the Android framework (voice commands, gesture
detector, UI)
Accessibility to various sensors (accelerometer, gyroscope, …)
Capture pictures or videos
Detect voice
Manage trackpad

51. 51
GDK development is like good old Android development
Specific things to do :
Check if you’re using the Glass Theme
Create a Voice Trigger
Begin with cards
Glass Development Kit

52. 52
Starting Glassware with voice trigger option
Glass Development Kit
Define your command among defaults commands
Optionnaly define your own second prompt commands
Define your intent in your Android Manifest

53. 53
Scrolling between cards
Glass Development Kit
Use the CardScrollView, a glass specific widget
Create your adapter inheriting the CardScrollAdapter

54. 54
Using menus
Glass Development Kit
Create your traditional menu xml file
Implement onCreateOptionsMenu and onOptionsItemSelected
Display the menu

55. 55
You can use both !
Mirror API or GDK ?
Mirror API Glassware can invoke GDK Glassware through
a menu item.

56. 56
LiveCode + Conferences Google Glass

57. 57
Smart Glasses
http://www.wearable-technologies.com/2014/03/the-wearable-technologies-smartglass-overview/

58. 58
Introduction
History
The Glass
User interface
Programming
Applications

59. 59
Medical
In 2013 (USA) a surgeon wore Google
Glass and streamed live video of the
procedure to another surgeon 150
miles away.
In 2014 (France) a surgeon streamed
live video to another surgeon in Japan

60. 60
Transport
Virgin Atlantic starts using Google
Glass to process check-ins and
provide passengers information
about their flight (weather, activities)

61. 61
Banking
CaixaBank created an application in
order to locate banks and convert
currencies
Crédit Mutuel developed an application
to show account balance, transactions,
locate ATM and contact personal
advisor
Caisse d’épargne provided an
application to consult digital documents
& contracts and to upload signed
pictures for insurance claims

62. 62
Media
For Sochi winter Olympics in 2014
France Télévisions share sports
news on Google Glass. As date
they plane to generalize this app to
every sports events