Google Glass - An Intro presentation to conduct code lab events.

Dinesh GanesanGDG Baltimore V 1.0

Development – Code labs

WHAT IS GLASS?

Wearable computing device that interacts with human digital information through natural language voice commands

Experience the glass. Slide# 1.

What it can do?

Slide# 2.

Slide# 3.

Integrated screen display – Semi Transparent. Camera –to capture Video/Picture. Mini-Projector – to display the visual. Hidden battery inside the frame

HOW DOES IT WORK?

Application Model.

Experience the glass.Slide# 4.

1. GDK : Similar to iOS/Android Native App

2. Mirror API: Similar to mobile web

User Experience.

Experience the timeline card. Slide# 5.

Time Location Engagement

Relevant Natural Language

Gesture

Gestures

Experience the timeline card.

Tap Wake up

Natural Language

Wink

Slide# 6.

Mirror vs GDK

Learn more Slide# 7.

Mirror API Dev

Quick start : Mirror API Slide# 8.

Required Tools : Cloud based Mirror APIs.

Objects Timeline Subscriptions Locations Contacts

JSON

Mirror - TestEnv

Mirror Playground Slide# 9.

Mirror Playground is the best online tool to validate the static card’s look and feel with JSON text. It has couple of pre-built templates for the beginners, and allows to create custom UI templates. All you need to do it just modify the JSON object with HTML tags.

Mirror Apps

Slide# 10.

GDK Dev : Step1

Slide#

Install Android SDK Subscribe GDK thru SDK Manager Turn on ‘Debug’ in Glass

SDK Quickstart 11

GDK Dev : Step2

Slide#

Create a sample ‘Compass’ app. Create/Download samples from

the url https://github.com/harrywye/gdkdemo/tree/master/apidemo

Compilation success?

GDK DemoApps 12

GDK Dev : Step3

Slide#

Create a new voice command. Handling Gesture event. Defining Context Menu.

GDK DemoApps 13

GDK Dev : Step4

Slide#

Navigation How to set the Navigation mode.

GDK DemoApps 14

GDKCode SnippetsExperience Voice Command / Touch capability.

Slide# 15.

Creating ‘Compass’ project – 1/3

Step #1. Launch Android EclipseStep #2. Click File -> New -> Android ProjectStep #3. Select ‘Android Sample Project’

Step #4. Click ‘Next’Step #5. Select ‘Glass Development Kit Sneak Peek”

Step #4

Step #5

Slide# 16.

Creating ‘Compass’ project- – 2/3

Step #6. Launch Android EclipseStep #6

Yay! My 1st Glass – GDK project Created

Slide# 17.

Creating ‘Compass’ project – 3/3

Step #6. Launch Android EclipseStep #6

Yay! My 1st Glass – GDK project Created

Slide# 18

Testing ‘Compass’ project – Voice Command

“ok glass show a compass”

Slide# 19.

Testing ‘Compass’ project – Experience

Slide# 20

‘Compass’ – Functional Analysis : Voice Command

File Name : AndroidManifest.xml

Q? What does it take to implement ‘Voice command’ in my App?

1. Add an intent filter.

2. Add a string in res\values\string.xml file.

Slide# 21.

‘Compass’ – Functional Analysis : Voice Command

File Name : res/xml/compass_show.xml

3. Add a XML for voice trigger.

res/xml/<my_voice_trigger>.xml

Q? How do I change ‘show a compass’ command ?Ans : Just modify the text in string.xml, in this case, modify the value of show_compass_voice_trigger node value from ‘show a compass’ into something ‘open my compass’.

Slide# 22

Voice Command : Best Practices.

listen totake a notepost an updateshow a compassstart a runstart a bike ridefind a reciperecord a recipecheck me instart a stopwatchstart a timerstart a round of golftranslate thislearn a songtune an instrumentplay a gamestart a workout

A. Use the Google recommended action commands.

B. Use lower case alphabets

C. Use action commands/verbs

D. For apostrophe use ‘&apos’ - or avoid using it Ex. What\&apos;s on my wallet

More info >>Slide# 23

‘Compass’ – Functional Analysis : Handling Gestures

File Name : mainActivity.java

1. Create a class variable at your main activity class.

res/xml/<my_voice_trigger>.xml

Slide# 24

2. Create a gesture detector object for the activity class and assign it to the mGestureDetector variable.

‘Compass’ – Functional Analysis : Handling Gestures

File Name : mainActivity.java

3. Finally implement the handlers.

res/xml/<my_voice_trigger>.xml

Slide# 25More info >>

Thank You.Works Cited:

http://www.google.com/glass/start/

http://www.google.com/glass/start/what-it-does/

https://developers.google.com/glass/tools-downloads/playground

http://www.brillen-sehhilfen.de/en/googleglass/

@GDGBaltimore@dineshmd

Slide# 26.