This document provides information about developing applications for Google Glass. It begins with Johnny Sung's contact information and some questions asked in Chinese about Glass. It then discusses various aspects of Glass development including the Mirror API, Live Cards, gestures, layout, and voice triggers. Code examples are provided for different types of Live Cards (periodic notifications, ongoing tasks, hybrid model) and handling input events from Glass. Links are included to documentation and resources for further reference.

1. Johnny Sung
Developing
2014.08.27 @ Android Taipei

2. Johnny Sung
https://fb.com/j796160836
Mobile devices Developer
https://plus.google.com/+JohnnySung

3. 這是什麼？好酷喔
這要怎麼⽤用
Ok, Glass
Ok, Glass
怎麼沒有螢幕？
你可以幫我測⼀一下戰⾾鬥⼒力嗎？
他有什麼功能？
要怎麼拍照？
要怎麼開？
你怎麼會有真假
要抬頭啦
抬頭才有螢幕

6. ⼀一窺Google 眼鏡 的 內部構造

7. http://www.catwig.com/google-glass-teardown/

8. rrr

9. MyGlass 連接 Google Glass

11. Timeline (時間軸)
https://www.youtube.com/watch?v=jK3WLILYhQs

12. Clock
Live Card Static Card

13. Clock
Static Card
Now Past

14. Clock
Live Card
Settings

15. Glass development
• Mirror API
• Glass Development Kit (GDK)

16. Glass development
• Mirror API
• Periodic notifications & Static Card
(Push notifications)
• Glass Development Kit (GDK)
• Ongoing task & Live Card (活動卡⽚片，即時卡⽚片)
• Immersion (沉浸式體驗，獨佔式體驗)
• Hybrid

17. Periodic notifications (Static Card)

18. Ongoing task (Live Card)

19. Hybrid Model

20. Glass Development Kit (GDK)

21. Glass Development Kit Sneak Peek
4.0.3 (API 15
Glass Development Kit Preview
4.4.2 (API 19)
Glass Development Kit Sneak Peek
4.0.3 (API 15)
Android 4.4.2 KitKat (API 19)
Android L

22. =.
.

23. 等⼀一下，先不要這麼著急...
開新專案 ：）

24. 因為會變成這副德性

25. What the …

26. Glass development
• Glass Development Kit (GDK)
• Ongoing task & Live Card (活動卡⽚片，即時卡⽚片)
• Low Frequency Rendering
• High Frequency Rendering
• Immersion (沉浸式體驗，獨佔式體驗)

27. LiveCard

28. Low Frequency
Rendering

29. public class LiveCardService extends Service {
!
private LiveCard mLiveCard;
private RemoteViews mLiveCardView;
!
@Override
public int onStartCommand(Intent intent, int flags, int startId) {
if (mLiveCard == null) {
mLiveCard = new LiveCard(this, "LiveCardDemo");
mLiveCardView = new RemoteViews(getPackageName(),
R.layout.main_layout);
// ...
Intent menuIntent = new Intent(this, MenuActivity.class);
menuIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK
| Intent.FLAG_ACTIVITY_CLEAR_TASK);
mLiveCard.setAction(PendingIntent.getActivity(this, 0, menuIntent,
0));
mLiveCard.publish(PublishMode.REVEAL);
}
return START_STICKY;
}
!
@Override
public void onDestroy() {
if (mLiveCard != null && mLiveCard.isPublished()) {
mLiveCard.unpublish();
mLiveCard = null;
}
super.onDestroy();
}
// ...
}
Low-frequency Livecard
AndroidManifest.xml
(因版⾯面限制，故隱藏省略部分內容)

30. !
mLiveCardView.setTextViewText(R.id.sample_text, "Hello, World.");
mLiveCard.setViews(mLiveCardView);
Update Remote Views
http://developer.android.com/reference/android/widget/RemoteViews.html

31. Code Examples
http://goo.gl/ceX1QI
Referance:
https://developers.google.com/glass/develop/gdk/live-cards
Low-frequency Livecard Demo

32. High Frequency
Rendering

33. @Override
public int onStartCommand(Intent intent, int flags, int startId) {
if (mLiveCard == null) {
mLiveCard = new LiveCard(this, LIVE_CARD_TAG);
!
mLiveCard.setDirectRenderingEnabled(true).getSurfaceHolder()
.addCallback(mHelloDrawer);
!
Intent menuIntent = new Intent(this, MenuActivity.class);
menuIntent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK
| Intent.FLAG_ACTIVITY_CLEAR_TASK);
mLiveCard.setAction(PendingIntent.getActivity(this, 0, menuIntent, 0));
mLiveCard.attach(this);
mLiveCard.publish(PublishMode.REVEAL);
} else {
mLiveCard.navigate();
}
!
return START_STICKY;
}
@Override
public void onDestroy() {
if (mLiveCard != null && mLiveCard.isPublished()) {
mLiveCard.unpublish();
}
super.onDestroy();
} HelloService.java
onStartCommand() & publish live card
(因版⾯面限制，故隱藏省略部分內容)

34. public class HelloDrawer implements DirectRenderingCallback {
!
private SurfaceHolder mHolder;
!
@Override
public void surfaceCreated(SurfaceHolder holder) {
mHolder = holder;
}
!
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
mHolder = null;
}
!
public void draw() {
Canvas canvas;
try {
canvas = mHolder.lockCanvas();
} catch (Exception e) {
return;
}
mHolder.unlockCanvasAndPost(canvas);
}
!
// ...
} HelloDrawer.java
SurfaceHolder
(因版⾯面限制，故隱藏省略部分內容)

35. public HelloDrawer(Context context) {
mView = new HelloView(context);
mView.setListener(mListener);
this.context = context;
}
!
@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width,
int height) {
// Measure and layout the view with the canvas dimensions.
int measuredWidth = View.MeasureSpec.makeMeasureSpec(width,
View.MeasureSpec.EXACTLY);
int measuredHeight = View.MeasureSpec.makeMeasureSpec(height,
View.MeasureSpec.EXACTLY);
!
mView.measure(measuredWidth, measuredHeight);
mView.layout(0, 0, mView.getMeasuredWidth(), mView.getMeasuredHeight());
draw();
}
!
public void draw() {
Canvas canvas = mHolder.lockCanvas();
// ...
mView.draw(canvas);
// ...
mHolder.unlockCanvasAndPost(canvas);
} HelloDrawer.java
Init HelloView & Drawing
(因版⾯面限制，故隱藏省略部分內容)

36. public HelloView(Context context, AttributeSet attrs, int style) {
super(context, attrs, style);
!
LayoutInflater.from(context).inflate(R.layout.card_main, this);
sampleTextview = (TextView) findViewById(R.id.sample_txt);
updateText();
}
!
protected void updateText() {
if (mChangeListener != null) {
mChangeListener.onChange(); // call draw() to update view
}
}
!
public void changeText(String text) {
sampleTextview.setText(text);
updateText();
}
HelloView.java
Inflate View & Change text
(因版⾯面限制，故隱藏省略部分內容)

37. @Override
public void surfaceCreated(SurfaceHolder holder) {
// ...
context.registerReceiver(mBroadcast, new IntentFilter(MY_MESSAGE));
}
!
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
// ...
context.unregisterReceiver(mBroadcast);
}
!
private BroadcastReceiver mBroadcast = new BroadcastReceiver() {
@Override
public void onReceive(Context mContext, Intent mIntent) {
if (mIntent.getAction().equals("change_text")) {
mView.changeText("I'm lovin' it.");
}
}
};
HelloDrawer.java
BroadcastReceiver
(因版⾯面限制，故隱藏省略部分內容)

38. Code Examples
Referance:
https://developers.google.com/glass/develop/gdk/live-cards
http://goo.gl/6M4gnG
HelloGlass

39. Immersion ?

40. public class HelloActivity extends Activity {
!
private TextView sampleTextview;
!
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.card_main);
!
sampleTextview = (TextView) findViewById(R.id.sample_txt);
}
}
As same as android :D

41. Voice trigger
ok glass, show me a demo

42. Voice trigger
AndroidManifest.xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.helloglass"
android:versionCode="1"
android:versionName="1.0" >
!
<uses-permission android:name="com.google.android.glass.permission.DEVELOPMENT" />
!
<application>
<service
android:name=".HelloService"
android:icon="@drawable/ic_note"
android:label="@string/app_name" >
<intent-filter>
<action android:name="com.google.android.glass.action.VOICE_TRIGGER" />
</intent-filter>
<meta-data
android:name="com.google.android.glass.VoiceTrigger"
android:resource="@xml/voice_trigger_start" />
</service>
</application>
</manifest>
(因版⾯面限制，故隱藏省略部分內容)

43. Voice trigger
• res/xml/voice_trigger_start.xml
• res/values/strings.xml
!
<?xml version="1.0" encoding="utf-8"?>
<trigger keyword="@string/glass_voice_trigger" />
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="glass_voice_trigger">Hello Glass Activity</string>
</resources>

44. VoiceTriggers.Command
• add an event
• calculate
• call me a car
• capture a panorama
• check me in
• check this out
• control my car
• control my home
• explore nearby
• explore the stars
• find a bike
• find a dentist
• find a doctor
• find a hospital
• find a passage
• find a place
• find a place to stay
• find a product
• find a recipe
• find a video
• find a website
• find reviews
• find the exchange rate
• find the price
• flip a coin
• give me feedback
• help me sign in
• keep me awake
• learn an instrument
• learn a song
Pick one you like !

45. Layout

46. Layout
• https://developers.google.com/glass/develop/gdk/ui-widgets
• https://developers.google.com/glass/design/style
• Screen Size: 640 x 320
• Padding: 40 x 40
• Bottom Bar: 560 x 40

47. Layout

48. Touch input

49. Keypad
Swipe down translates to KEYCODE_BACK.
A camera button press
translates to KEYCODE_CAMERA.
Tap translates to KEYCODE_DPAD_CENTER.

50. Keypad
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_CAMERA) {
// ...
return true;
}
return false;
}
@Override
public boolean onKeyLongPress(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_CAMERA) {
// ...
return true;
}
return false;
}
@Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_CAMERA) {
// ...
return true;
}
return false;
}
MainActivity.java

51. !
@Override
public boolean onGenericMotionEvent(MotionEvent event) {
if (mGestureDetector != null) {
return mGestureDetector.onMotionEvent(event);
}
return false;
}
!
public GestureDetector mGestureDetector;
!
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.control_main);
!
mGestureDetector = createGestureDetector(this);
}
GestureDetector
MainActivity.java

52. !
private GestureDetector createGestureDetector(Context context) {
GestureDetector gestureDetector = new GestureDetector(context);
// Create a base listener for generic gestures
gestureDetector.setBaseListener(new GestureDetector.BaseListener() {
@Override
public boolean onGesture(Gesture gesture) {
if (gesture == Gesture.TAP) {
Log.v(TAG, "TAP");
!
return true;
} else if (gesture == Gesture.TWO_TAP) {
Log.v(TAG, "TWO_TAP");
!
return true;
}
return false;
}
});
return gestureDetector;
}
GestureDetector
MainActivity.java

53. • SWIPE_DOWN
• TWO_SWIPE_DOWN
• SWIPE_LEFT
• TWO_SWIPE_LEFT
• SWIPE_RIGHT
• TWO_SWIPE_RIGHT
• SWIPE_UP
• TWO_SWIPE_UP
Gestures
• TAP
• TWO_TAP
• THREE_TAP
• LONG_PRESS
• TWO_LONG_PRESS
• THREE_LONG_PRESS

54. Q & A

55. http://fb.com/groups/glassdev.taiwan
Google glass developer Taiwan