DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition...
Transcript of DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition...
![Page 1: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/1.jpg)
P RE SENTED BY
LU IS DE LA ROSAD IREC T OR OF T EC HNOLOGY
DEVELOPING FORGOOGLE GLASS
@louielouie
DevIgnition 2013
![Page 2: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/2.jpg)
- MASS-MARKET GENERAL COMPUTING WEARABLE
- ROUGHLY 40,000 BETA TESTERS (EXPLORERS)
-CHECK YOUR EMAIL FOR INVITE
-TWO WAYS TO DEVELOP FOR IT: MIRROR API AND GDK
GLASS
![Page 3: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/3.jpg)
- 640X360 LANDSCAPE DISPLAY- APPEARS LARGE BUT IN PERIPHERY- 5MP CAMERA WITH 720P VIDEO, MIC, SPEAKER- LOCATION- SENSORS- TETHERS TO ANDROID OR IPHONE- WIFI + BLUETOOTH
GLASS HARDWARE
![Page 4: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/4.jpg)
- TAP - BRING UP MENU / EXECUTE MENU ITEM- SWIPE DOWN - GO BACK / EXIT IMMERSION- TWO-FINGER - SLEEP- SWIPE BACK - GO LEFT IN TIMELINE- SWIPE FORWARD - GO RIGHT IN TIMELINE- SWIPE FASTER TO GO FARTHER
GLASS GESTURES
![Page 5: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/5.jpg)
- LAUNCHES GLASSWARE FROM HOME CARD
VOICE RECOGNITION
- REPLACES KEYBOARD
![Page 6: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/6.jpg)
- LOOK UP - WAKE FROM SLEEP
- HOME CARD TRACKS TO SCROLL VOICE MENU
- CAN TRACK VIA SENSORS WITH GDK
HEAD MOVEMENT
![Page 7: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/7.jpg)
- EVERYTHING IS A CARD- HOME CARD IS WHERE YOU START- RIGHT OF HOME CARD IS THE HISTORY- EX: PICTURES YOU TOOK- LEFT OF HOME CARD IS CURRENT + FUTURE- EX: WEATHER, UPCOMING GAMES
TIMELINE
![Page 8: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/8.jpg)
- STATIC CARD
- LIVE CARD - LOW FREQUENCY
- LIVE CARD - HIGH FREQUENCY
- IMMERSION
TYPES OF GLASSWARE
![Page 9: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/9.jpg)
COMMON CARD LAYOUT
![Page 10: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/10.jpg)
COMMON CARD LAYOUT WITH IMAGE
![Page 11: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/11.jpg)
- DISPLAY INFO WITH NO INTERACTION- EXCEPT FOR CONTEXT MENU- NO GESTURES AVAILABLE- CAN’T MAKE VIA GDK CURRENTLY- USE MIRROR API
STATIC CARD
![Page 12: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/12.jpg)
- SUPPLY TEXT TO BE READ ALOUD
- ATTACH AUDIO, IMAGE, VIDEO
- PAGINATE LONG TEXT
- BUNDLE MULTIPLE CARDS
- CUSTOM MENU ITEMS
MORE ABOUT STATIC CARDS
![Page 13: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/13.jpg)
- CREATE GOOGLE API PROJECT- AUTHORIZE WITH OAUTH
INSERTING A STATIC CARD WITH MIRROR API
mirror = MirrorClient.new(get_stored_credentials(user_id))
mirror.insert_timeline_item({ text: 'Welcome to the Mirror API Ruby Quick Start'})
![Page 14: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/14.jpg)
- ACCESS LOCATION
- SHARE OTHER CARDS WITH YOUR GLASSWARE SERVER (LIKE ANDROID SHARE.. . MENU ITEM)
- HANDLE CUSTOM MENU ITEMS
MIRROR API CAN ALSO
![Page 15: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/15.jpg)
- GLASS DEVELOPMENT KIT
- BUILT ON ANDROID 4.0.3 ( ICE CREAM SANDWICH)
- ALLOWS OFFLINE, SENSORS, MORE UI CONTROL UNLIKE MIRROR
- NO EMULATOR
GDK
![Page 16: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/16.jpg)
- LIVE CONTENT, SOME USER INTERACTION- SWIPE DOWN, LEFT AND RIGHT NOT AVAILABLE- CONTENT UPDATED AT LOW FREQUENCY (EVERY FEW SECOND AT MOST)- SERVICE- USE SUBSET OF AVAILABLE ANDROID UI VIA REMOTEVIEW
LIVE CARD - LOW FREQUENCY
![Page 17: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/17.jpg)
- LIVE CONTENT, SOME USER INTERACTION- SWIPE DOWN, LEFT AND RIGHT NOT AVAILABLE- CONTENT UPDATED AT HIGH FREQUENCY- SERVICE- USE SURFACE TO DO CUSTOM DRAWING
LIVE CARD - HIGH FREQUENCY
![Page 18: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/18.jpg)
- TAKE OVER ENTIRE SCREEN- ALL GESTURES AVAILABLE- DOES NOT LIVE IN TIMELINE- USE REGULAR ANDROID UI- USE REGULAR ACTIVITY CLASS- CAN ACT LIKE A MINI-TIMELINE VIA CARD + CARDSCROLLVIEW
IMMERSION
![Page 19: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/19.jpg)
- LET’S MAKE A GLASS APP WITH THE GDK!
- I MEAN.. . GLASSWARE!
HELLO GLASS (IMMERSION)
![Page 20: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/20.jpg)
- SDK MANAGER
INSTALLING GDK
![Page 21: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/21.jpg)
NEW PROJECT WIZARD
![Page 22: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/22.jpg)
- PROJECT PROPERTIES
TARGET THE GDK
![Page 23: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/23.jpg)
HMM... THAT DOESN’T LOOK RIGHT
![Page 24: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/24.jpg)
GETTING THE GLASS THEMEIn AndroidManifest.xml, delete:
android:theme="@style/AppTheme">
![Page 25: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/25.jpg)
USE THE LIBRARY, LUKE!
In AndroidManifest.xml, add:
<uses-‐library android:name="com.google.android.glass"
android:required="true" />
![Page 26: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/26.jpg)
VOICE ACTIVATE!
• <intent-‐filter> <action android:name="com.google.android.glass.action.VOICE_TRIGGER"/></intent-‐filter><meta-‐dataandroid:name="com.google.android.glass.VoiceTrigger"android:resource="@xml/glass_voice_trigger"/>
In AndroidManifest.xml, add:
![Page 27: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/27.jpg)
VOICE ACTIVATE! (PART 2)
•<?xml version="1.0" encoding="utf-‐8"?>
<trigger keyword="@string/glass_voice_trigger"/>
Create a res/xml/glass_voice_trigger.xml:
![Page 28: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/28.jpg)
VOICE ACTIVATE! (PART 3)
<string name="glass_voice_trigger">say hello</string>
Add to res/values/strings.xml:
![Page 29: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/29.jpg)
- USE REGULAR ANDROID UI CLASSES FOR AN IMMERSION- REMEMBER TO UTILIZE GESTURES, SINCE IT IS NOT A TOUCH SCREEN- GESTUREDETECTOR
- FINGER COUNT- SCROLL- TWO FINGER SCROLL
BUILDING OUT THE UI
![Page 30: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/30.jpg)
- USE REGULAR ANDROID MENU METHODS:
TO SHOW A MENU
onCreateOptionsMenu()onOptionsItemSelected()onOptionsMenuClosed()
![Page 31: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/31.jpg)
- HTTPS://DEVELOPERS.GOOGLE.COM/GLASS/COMMUNITY
- TAG [GOOGLE-GDK] ON STACK OVERFLOW
- PUBLIC BUG / ISSUE TRACKER
- SAMPLE PROJECTS VIA WIZARD OR GITHUB
FURTHER RESOURCES
![Page 32: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/32.jpg)
QUESTIONS
?Luis de la RosaDirector of Technology, savvy appsh!p://savvyapps.com
Google+: google.com/+luisdelarosaTwi!er: @louielouieEmail: [email protected]
Presentation, notes and links:luisdelarosa.com/glass
![Page 33: DEVELOPING FOR GOOGLE GLASS - Amazon S3€¦ · developing for google glass @louielouie devignition 2013-mass-market general computing wearable-roughly 40,000 beta testers (explorers)-check](https://reader034.fdocuments.in/reader034/viewer/2022042303/5ece3f851ea5d522ae67093a/html5/thumbnails/33.jpg)
HTTP://SAVVYAPPS.COM/
COME DO THE BEST WORK OF YOUR CAREER
luisdelarosa.com/glass