Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
max(imiliano) (@firt)manGEARING UPWITH GOOGLE GLASSDEVELOPMENTSan Francisco, May 30th, 2013¡-­‐)Thursday, May 30, 13
Thursday, May 30, 13
we’ll talk about glass1- Experience2- Glassware3- Timeline4- Code!5- Whats nextThursday, May 30, 13
1- glass experienceThursday, May 30, 13
quick video( )Thursday, May 30, 13
Thursday, May 30, 13
Thursday, May 30, 13
Your content isnot so importantThursday, May 30, 13
specsnHD transparent640x36025" - 2.5m / 8  awayThursday, May 30, 13
specsSensorsThursday, May 30, 13
specsCameraThursday, May 30, 13
specsMulti-touch panelThursday, May 30, 13
specsAndroid 4.0Thursday, May 30, 13
specsbone conductiontransducerThursday, May 30, 13
specswifibluetoothThursday, May 30, 13
quick demo( )Thursday, May 30, 13
the experience- different device- not just transparentmobile apps- no web browsing- limited ARThursday, May 30, 13
2- glasswareThursday, May 30, 13
nativevswebThursday, May 30, 13
todayvstomorrowThursday, May 30, 13
today =cloudThursday, May 30, 13
today =cloud Mirror APIThursday, May 30, 13
tomorrow =nativevscloudThursday, May 30, 13
tomorrow =native GDKvscloud Mirror APIThursday, May 30, 13
quick demo( )Thursday, May 30, 13
Thursday, May 30, 13
Thursday, May 30, 13
httpsThursday, May 30, 13
httpscontentThursday, May 30, 13
httpscontentactionsThursday, May 30, 13
httpshttp(s)contentactionsThursday, May 30, 13
glasswareThursday, May 30, 13
glasswareThursday, May 30, 13
glassware- today vs tomorrow- Mirror API- GDK- create a new architectureThursday, May 30, 13
3- timelineThursday, May 30, 13
timelinepast, now, futureThursday, May 30, 13
quick demo( )Thursday, May 30, 13
timelinetimeline items = cardbundlesThursday, May 30, 13
timelinecardThursday, May 30, 13
timelinestandard cardpinned cardsystem card pastpastfutureThursday, May 30, 13
httpscontentThursday, May 30, 13
its probable that theuser will never see ourcard()Thursday, May 30, 13
timelinecard 101no scrollingbig fontsquick readingThursday, May 30, 13
timelinetypes of cardThursday, May 30, 13
timelinetypes of card textThursday, May 30, 13
timelinetypes of card imagevideoThursday, May 30, 13
timelinetypes of card htmlThursday, May 30, 13
timelinecard actions = menu itemsThursday, May 30, 13
timelinemenu items 1011 or 2 words & iconno argumentssystem vs customThursday, May 30, 13
How can I listen toactions?Thursday, May 30, 13
http(s)actionsThursday, May 30, 13
How to reply?Thursday, May 30, 13
httpscontentThursday, May 30, 13
timelinegeolocation updatesThursday, May 30, 13
timeline- its really a timeline- card is the king- menu items <> endpoint- geolocationThursday, May 30, 13
4- code!Thursday, May 30, 13
code!Mirror APIOAuth 2.0RESTful servicesJSONThursday, May 30, 13
code!Use HTTPUse official APIThursday, May 30, 13
new cardPOST /mirror/v1/timeline HTTP/1.1Host: www.googleapis.comAuthorization: Bearer {auth token}Content-Type: applicati...
new card$card = new Google_TimelineItem();$card->setText("Hello World");$parameters = array();$service->timeline->insert($...
new card{ "kind": "glass#timelineItem", "id": "1234567890", "created": "2012-09-25", "updated": "2012-09-25", "text": "Hel...
attachmentsPOST /mirror/v1/timeline HTTP/1.1Content-Type: multipart/related;boundary="mymultipartboundary"--mymultipartbou...
html!{"html": "<h1>Hello world<h1><p>Sorry, no marquee support</p>"}JSONcode!Thursday, May 30, 13
code!static contentall html5 semantic containerstables, listscustom cssno <script> <link> <iframe>html5 supportThursday, M...
map images{"html": "<h1>Your wifes location<h1><img src=glass://map?w=240&h=360&marker=0;42.369590,-71.107132&marker=1;42....
menu items{ "text": "Hello world","menuItems": [    {      "action": "REPLY"    }  ]}JSONcode!Thursday, May 30, 13
code!built-in menu itemsThursday, May 30, 13
code!built-in menu itemsshareThursday, May 30, 13
code!built-in menu itemssharenavigate toThursday, May 30, 13
code!built-in menu itemssharenavigate toread aloudThursday, May 30, 13
code!built-in menu itemssharenavigate toread alouddeleteThursday, May 30, 13
code!built-in menu itemssharenavigate toread alouddeletevoice callThursday, May 30, 13
code!built-in menu itemssharenavigate toread alouddeletevoice callreplyThursday, May 30, 13
code!built-in menu itemssharenavigate toread alouddeletevoice callreplytoggle pinThursday, May 30, 13
code!built-in menu itemssharenavigate toread alouddeletevoice callreplytoggle pinYOU CAN CHANGE TITLE AND ICONThursday, Ma...
code!custom actions{ "text": "Hello world","menuItems": [    {      "action": "CUSTOM","id": "mycustomid","values": { "dis...
http(s)actionsThursday, May 30, 13
code!bundlesOne card with multiple pages in htmlDifferent cards using same bundleIdThursday, May 30, 13
code!other stuffShare ContactsLocationsThursday, May 30, 13
code!I dont have a Glass!!!Thursday, May 30, 13
code!I dont have a Glass!!!Dont steal oneThursday, May 30, 13
code!I dont have a Glass!!!Dont steal oneThursday, May 30, 13
code!I dont have a Glass!!!Playground (official)Thursday, May 30, 13
code!I dont have a Glass!!!Xenologer for AndroidMirror API Emulator by ScarygamiThursday, May 30, 13
code!I dont have a Glass!!!At the end, you will need onegoogle.com/glassThursday, May 30, 13
code!- mirror API: simple HTTP & JSON- cards, menu items- we can be targets for sharing- we can query users location- emul...
5- whats nextThursday, May 30, 13
whats next- GDK for offline and native development- Localization- Video streaming (announced)- Animations- More built-in men...
whats next- developers.google.com/glass- youtube.com/user/GoogleDevelopersFor YouThursday, May 30, 13
wrapping upThursday, May 30, 13
glass- understand the experience- mirror api vs gdk- REST, JSON, cloud-based- its just the beginningThursday, May 30, 13
Thursday, May 30, 13
you can reach a goodexperiencePictures)from)freedigitalphotos.net)thank you!firtman@gmail.com@firtfirt.mobi/pmw¡-­‐)Thursd...
Upcoming SlideShare
Loading in …5
×

Gearing Up with Google Glass Development

5,049 views

Published on

Talk at Fluent 2013, San Francisco about Google Glass development today, Glassware and the Mirror API

Published in: Technology, Business
no profile picture user

  • Be the first to comment

Gearing Up with Google Glass Development

  1. 1. max(imiliano) (@firt)manGEARING UPWITH GOOGLE GLASSDEVELOPMENTSan Francisco, May 30th, 2013¡-­‐)Thursday, May 30, 13
  2. 2. Thursday, May 30, 13
  3. 3. we’ll talk about glass1- Experience2- Glassware3- Timeline4- Code!5- Whats nextThursday, May 30, 13
  4. 4. 1- glass experienceThursday, May 30, 13
  5. 5. quick video( )Thursday, May 30, 13
  6. 6. Thursday, May 30, 13
  7. 7. Thursday, May 30, 13
  8. 8. Your content isnot so importantThursday, May 30, 13
  9. 9. specsnHD transparent640x36025" - 2.5m / 8  awayThursday, May 30, 13
  10. 10. specsSensorsThursday, May 30, 13
  11. 11. specsCameraThursday, May 30, 13
  12. 12. specsMulti-touch panelThursday, May 30, 13
  13. 13. specsAndroid 4.0Thursday, May 30, 13
  14. 14. specsbone conductiontransducerThursday, May 30, 13
  15. 15. specswifibluetoothThursday, May 30, 13
  16. 16. quick demo( )Thursday, May 30, 13
  17. 17. the experience- different device- not just transparentmobile apps- no web browsing- limited ARThursday, May 30, 13
  18. 18. 2- glasswareThursday, May 30, 13
  19. 19. nativevswebThursday, May 30, 13
  20. 20. todayvstomorrowThursday, May 30, 13
  21. 21. today =cloudThursday, May 30, 13
  22. 22. today =cloud Mirror APIThursday, May 30, 13
  23. 23. tomorrow =nativevscloudThursday, May 30, 13
  24. 24. tomorrow =native GDKvscloud Mirror APIThursday, May 30, 13
  25. 25. quick demo( )Thursday, May 30, 13
  26. 26. Thursday, May 30, 13
  27. 27. Thursday, May 30, 13
  28. 28. httpsThursday, May 30, 13
  29. 29. httpscontentThursday, May 30, 13
  30. 30. httpscontentactionsThursday, May 30, 13
  31. 31. httpshttp(s)contentactionsThursday, May 30, 13
  32. 32. glasswareThursday, May 30, 13
  33. 33. glasswareThursday, May 30, 13
  34. 34. glassware- today vs tomorrow- Mirror API- GDK- create a new architectureThursday, May 30, 13
  35. 35. 3- timelineThursday, May 30, 13
  36. 36. timelinepast, now, futureThursday, May 30, 13
  37. 37. quick demo( )Thursday, May 30, 13
  38. 38. timelinetimeline items = cardbundlesThursday, May 30, 13
  39. 39. timelinecardThursday, May 30, 13
  40. 40. timelinestandard cardpinned cardsystem card pastpastfutureThursday, May 30, 13
  41. 41. httpscontentThursday, May 30, 13
  42. 42. its probable that theuser will never see ourcard()Thursday, May 30, 13
  43. 43. timelinecard 101no scrollingbig fontsquick readingThursday, May 30, 13
  44. 44. timelinetypes of cardThursday, May 30, 13
  45. 45. timelinetypes of card textThursday, May 30, 13
  46. 46. timelinetypes of card imagevideoThursday, May 30, 13
  47. 47. timelinetypes of card htmlThursday, May 30, 13
  48. 48. timelinecard actions = menu itemsThursday, May 30, 13
  49. 49. timelinemenu items 1011 or 2 words & iconno argumentssystem vs customThursday, May 30, 13
  50. 50. How can I listen toactions?Thursday, May 30, 13
  51. 51. http(s)actionsThursday, May 30, 13
  52. 52. How to reply?Thursday, May 30, 13
  53. 53. httpscontentThursday, May 30, 13
  54. 54. timelinegeolocation updatesThursday, May 30, 13
  55. 55. timeline- its really a timeline- card is the king- menu items <> endpoint- geolocationThursday, May 30, 13
  56. 56. 4- code!Thursday, May 30, 13
  57. 57. code!Mirror APIOAuth 2.0RESTful servicesJSONThursday, May 30, 13
  58. 58. code!Use HTTPUse official APIThursday, May 30, 13
  59. 59. new cardPOST /mirror/v1/timeline HTTP/1.1Host: www.googleapis.comAuthorization: Bearer {auth token}Content-Type: application/jsonContent-Length: 26{ "text": "Hello world" }HTTPcode!Thursday, May 30, 13
  60. 60. new card$card = new Google_TimelineItem();$card->setText("Hello World");$parameters = array();$service->timeline->insert($card, $parameters);PHPcode!Thursday, May 30, 13
  61. 61. new card{ "kind": "glass#timelineItem", "id": "1234567890", "created": "2012-09-25", "updated": "2012-09-25", "text": "Hello world"}(just an example)code!Thursday, May 30, 13
  62. 62. attachmentsPOST /mirror/v1/timeline HTTP/1.1Content-Type: multipart/related;boundary="mymultipartboundary"--mymultipartboundaryContent-Type: application/json; charset=UTF-8{ "text": "Hello World" }--mymultipartboundaryContent-Type: image/jpegContent-Transfer-Encoding: binary[binary image data]--mymultipartboundary--HTTPcode!Thursday, May 30, 13
  63. 63. html!{"html": "<h1>Hello world<h1><p>Sorry, no marquee support</p>"}JSONcode!Thursday, May 30, 13
  64. 64. code!static contentall html5 semantic containerstables, listscustom cssno <script> <link> <iframe>html5 supportThursday, May 30, 13
  65. 65. map images{"html": "<h1>Your wifes location<h1><img src=glass://map?w=240&h=360&marker=0;42.369590,-71.107132&marker=1;42.36254,-71.08726 height=360width=240>"}JSONcode!Thursday, May 30, 13
  66. 66. menu items{ "text": "Hello world","menuItems": [    {      "action": "REPLY"    }  ]}JSONcode!Thursday, May 30, 13
  67. 67. code!built-in menu itemsThursday, May 30, 13
  68. 68. code!built-in menu itemsshareThursday, May 30, 13
  69. 69. code!built-in menu itemssharenavigate toThursday, May 30, 13
  70. 70. code!built-in menu itemssharenavigate toread aloudThursday, May 30, 13
  71. 71. code!built-in menu itemssharenavigate toread alouddeleteThursday, May 30, 13
  72. 72. code!built-in menu itemssharenavigate toread alouddeletevoice callThursday, May 30, 13
  73. 73. code!built-in menu itemssharenavigate toread alouddeletevoice callreplyThursday, May 30, 13
  74. 74. code!built-in menu itemssharenavigate toread alouddeletevoice callreplytoggle pinThursday, May 30, 13
  75. 75. code!built-in menu itemssharenavigate toread alouddeletevoice callreplytoggle pinYOU CAN CHANGE TITLE AND ICONThursday, May 30, 13
  76. 76. code!custom actions{ "text": "Hello world","menuItems": [    {      "action": "CUSTOM","id": "mycustomid","values": { "displayName": "Add $5","iconUrl": "http://..." }    }  ]}JSONThursday, May 30, 13
  77. 77. http(s)actionsThursday, May 30, 13
  78. 78. code!bundlesOne card with multiple pages in htmlDifferent cards using same bundleIdThursday, May 30, 13
  79. 79. code!other stuffShare ContactsLocationsThursday, May 30, 13
  80. 80. code!I dont have a Glass!!!Thursday, May 30, 13
  81. 81. code!I dont have a Glass!!!Dont steal oneThursday, May 30, 13
  82. 82. code!I dont have a Glass!!!Dont steal oneThursday, May 30, 13
  83. 83. code!I dont have a Glass!!!Playground (official)Thursday, May 30, 13
  84. 84. code!I dont have a Glass!!!Xenologer for AndroidMirror API Emulator by ScarygamiThursday, May 30, 13
  85. 85. code!I dont have a Glass!!!At the end, you will need onegoogle.com/glassThursday, May 30, 13
  86. 86. code!- mirror API: simple HTTP & JSON- cards, menu items- we can be targets for sharing- we can query users location- emulationThursday, May 30, 13
  87. 87. 5- whats nextThursday, May 30, 13
  88. 88. whats next- GDK for offline and native development- Localization- Video streaming (announced)- Animations- More built-in menu itemsFor GlassThursday, May 30, 13
  89. 89. whats next- developers.google.com/glass- youtube.com/user/GoogleDevelopersFor YouThursday, May 30, 13
  90. 90. wrapping upThursday, May 30, 13
  91. 91. glass- understand the experience- mirror api vs gdk- REST, JSON, cloud-based- its just the beginningThursday, May 30, 13
  92. 92. Thursday, May 30, 13
  93. 93. you can reach a goodexperiencePictures)from)freedigitalphotos.net)thank you!firtman@gmail.com@firtfirt.mobi/pmw¡-­‐)Thursday, May 30, 13

×