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 - FRAN...
2 
Introduction 
History 
The Glass 
User interface 
Programming 
Applications
3 
Wearable Objects
4 
Smartglasses
5 
Sales and predictions 
In 2013, according to Gartner 87 000 smartglasses have been sold 
According to Juniper Research,...
6 
Large economic impact on the futur : 
Sales and previsions 
1$ billion of annual profit within 3 to 5 years according t...
7 
Two kind of smartglasses 
Standard Head Mounted Display (HMD) 
Display information or data. 
Show information near the ...
8
9 
Introduction 
History 
The Glass 
User interface 
Programming 
Applications
10 
18 months of prototyping
11 
History 
2011 april 
2012 
may 
2012 
june 
2012 
februar 
y 
2013 
april 
2013 
may 
2013 
november 
2013 
april 
201...
12 
Introduction 
History 
The Glass 
User interface 
Programming 
Applications
13 
Battery 
5/6 hours 
Prism 
Resolution: 
640x360 
Capture 
Photo : 5mpx 
Video : 720p 
Microphone 
Touchpad 
Tap one/tw...
14 
Inside
15 
A small screen size
16 
Explorer version 
1 500 $ 
Mass market 
? $ 
Price
17 
Style 
25/03/14
18 
Introduction 
History 
The Glass 
User interface 
Programming 
Applications
19 
A little insight
20 
OK Glass
21 
Take a picture 
Record a video 
Search on Google 
Play music 
Send a message to someone 
Hang out with someone 
Make a...
22 
The timeline
23 
The timeline
24 
Zoom on the Past and the Apps list
25 
The timeline
26 
Zoom on Now and the Future
27 
No UI chaos on Google Glass ! 
Main content 
Status bar 
Font : Roboto Thin 
Font : Roboto Light / 26 px 
Full-bleed i...
28 
Layout samples 
Main layout Full bleed with text 
Left image Left column
29 
3 kinds of cards 
Static cards 
Live cards 
Immersion
30 
Static cards display text, images and video content 
Simple view 
To display text, images, videos, HTML 
Can’t be upda...
31 
Menu items
32 
Live cards contain rich, real-time content 
Can be updated frequently 
Real-time information 
Access to low-level sens...
33 
Run outside of the timeline experience 
Rendering your own UI (display Android activities) 
Access to all of the user ...
34 
How interact with Google Glass ? 
Voice 
« Ok, glass » + command 
Trackpad 
With different gestures (taps, swipes, one...
35 
Managing your apps
36 
iOS / Android 
Turn-by-turn directions X X 
Send/Receive SMS 
only reading 
X 
messages 
(with KitKat 4.4 on Glass) Sc...
37 
Glassware
38 
Example : CNN (1/2)
39 
Example : CNN (2/2)
40 
Example : Google Now
41 
Introduction 
History 
The Glass 
User interface 
Programming 
Applications
42 
1. The Mirror API 
1. The Glass Development Kit 
Two API options
43 
The code is running server side 
RESTFull Services 
Authentication with OAuth2.0 
Client libraries in Java, PHP, .NET,...
44 
Mirror API 
A flow example
45 
Mirror API 
Request : Response : 
Result :
46 
Playground
47 
Mirror API 
Use the Mirror API for 
Sending, updating, deleting 
static cards 
Receiving events from the glass 
via a ...
48 
1. The Mirror API 
1. The Glass Development Kit 
Two API options
49 
Glass Development Kit
50 
Glass Development Kit 
The code is running on the Glass 
GDK in Preview version 
Enhance the Android framework (voice ...
51 
GDK development is like good old Android development 
Specific things to do : 
Check if you’re using the Glass Theme 
...
52 
Starting Glassware with voice trigger option 
Glass Development Kit 
Define your command among defaults commands 
Opti...
53 
Scrolling between cards 
Glass Development Kit 
Use the CardScrollView, a glass specific widget 
Create your adapter i...
54 
Using menus 
Glass Development Kit 
Create your traditional menu xml file 
Implement onCreateOptionsMenu and onOptions...
55 
You can use both ! 
Mirror API or GDK ? 
Mirror API Glassware can invoke GDK Glassware through 
a menu item.
56 
LiveCode + Conferences Google Glass
57 
Smart Glasses 
http://www.wearable-technologies.com/2014/03/the-wearable-technologies-smartglass-overview/
58 
Introduction 
History 
The Glass 
User interface 
Programming 
Applications
59 
Medical 
In 2013 (USA) a surgeon wore Google 
Glass and streamed live video of the 
procedure to another surgeon 150 
...
60 
Transport 
Virgin Atlantic starts using Google 
Glass to process check-ins and 
provide passengers information 
about ...
61 
Banking 
CaixaBank created an application in 
order to locate banks and convert 
currencies 
Crédit Mutuel developed a...
62 
Media 
For Sochi winter Olympics in 2014 
France Télévisions share sports 
news on Google Glass. As date 
they plane t...
Prochain SlideShare
Chargement dans…5
×

Objets connectés : "We are able !"

1 505 vues

Publié le

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 505
Sur SlideShare
0
Issues des intégrations
0
Intégrations
148
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Objets connectés : "We are able !"

  1. 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. 2 Introduction History The Glass User interface Programming Applications
  3. 3. 3 Wearable Objects
  4. 4. 4 Smartglasses
  5. 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. 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. 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. 8
  9. 9. 9 Introduction History The Glass User interface Programming Applications
  10. 10. 10 18 months of prototyping
  11. 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. 12 Introduction History The Glass User interface Programming Applications
  13. 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. 14 Inside
  15. 15. 15 A small screen size
  16. 16. 16 Explorer version 1 500 $ Mass market ? $ Price
  17. 17. 17 Style 25/03/14
  18. 18. 18 Introduction History The Glass User interface Programming Applications
  19. 19. 19 A little insight
  20. 20. 20 OK Glass
  21. 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. 22 The timeline
  23. 23. 23 The timeline
  24. 24. 24 Zoom on the Past and the Apps list
  25. 25. 25 The timeline
  26. 26. 26 Zoom on Now and the Future
  27. 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. 28 Layout samples Main layout Full bleed with text Left image Left column
  29. 29. 29 3 kinds of cards Static cards Live cards Immersion
  30. 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. 31 Menu items
  32. 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. 33 Run outside of the timeline experience Rendering your own UI (display Android activities) Access to all of the user input Immersions
  34. 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. 35 Managing your apps
  36. 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. 37 Glassware
  38. 38. 38 Example : CNN (1/2)
  39. 39. 39 Example : CNN (2/2)
  40. 40. 40 Example : Google Now
  41. 41. 41 Introduction History The Glass User interface Programming Applications
  42. 42. 42 1. The Mirror API 1. The Glass Development Kit Two API options
  43. 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. 44 Mirror API A flow example
  45. 45. 45 Mirror API Request : Response : Result :
  46. 46. 46 Playground
  47. 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. 48 1. The Mirror API 1. The Glass Development Kit Two API options
  49. 49. 49 Glass Development Kit
  50. 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. 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. 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. 53 Scrolling between cards Glass Development Kit Use the CardScrollView, a glass specific widget Create your adapter inheriting the CardScrollAdapter
  54. 54. 54 Using menus Glass Development Kit Create your traditional menu xml file Implement onCreateOptionsMenu and onOptionsItemSelected Display the menu
  55. 55. 55 You can use both ! Mirror API or GDK ? Mirror API Glassware can invoke GDK Glassware through a menu item.
  56. 56. 56 LiveCode + Conferences Google Glass
  57. 57. 57 Smart Glasses http://www.wearable-technologies.com/2014/03/the-wearable-technologies-smartglass-overview/
  58. 58. 58 Introduction History The Glass User interface Programming Applications
  59. 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. 60 Transport Virgin Atlantic starts using Google Glass to process check-ins and provide passengers information about their flight (weather, activities)
  61. 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. 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

×