Přednáška Martina Pelanta o vývoji mobilních aplikacích pro Google Glass se uskutečnila 19.8.2014 ve spolupráci s IDE Prague. Odkaz na FB událost: https://www.facebook.com/events/912995792048693/

1. Jak vyvinout úspěšnou
aplikaci pro Google Glass
Martin Pelant

2. Prism: 640x360 (25" HDTV as seen from 8')
Camera: 5 MP, 720p videos
CPU: OMAP 4430 CPU, dual-core
Memory: 2 GB RAM, 12 GB usable flash memory
Battery: 570 mAh, (1 day of typical use)
Connectivity: Wi-Fi, Bluetooth 4.0
Sound: Bone Conduction Transducer, microphone
Other: ambient light, proximity, IR sensor; gyroscope;
accelerometer; compass
OS: Android 4.4
Weight: about 43 g

9. Design for Glass

10. Don't get in the way

11. Keep It relevant

12. Avoid the Unexpected

13. Development
● Mirror API
o Server side development
o Static cards
● Glass Development Kit
o Offline app that runs on Glass directly
o Live cards & full screen apps (Immersion)

15. Mirror API
● REST
● bootstrap projects for Java, .NET, PHP,
Python, GO, Ruby
● Installation - OAuth 2.0 web page

17. Static card

18. Timeline cards
● text
● HTML
● images
● videos
● map
● location (option to start directions)
● menu items
● bundles
Playground

19. POST /mirror/v1/timeline HTTP/1.1
Host: www.googleapis.com
Authorization: Bearer {auth token}
Content-Type: application/json
Content-Length: 26
{ "text": "Hello world" }

20. Menu items
● reply (speech input)
● read aloud
● share (sharing contacts)
● get directions
● make a call
● delete
● pin
● custom actions

21. {
"text": "Are you ready for
game night this Saturday?",
"menuItems": [
{
"action": "REPLY"
}
]
...
}

22. Subscriptions
● menu item changes
● location changes
o limit 1 callback per 10 min
Sharing contacts
● like Android intents
● mime-types
● voice commands:
o “take a note”
o “post an update”

23. Glass Development Kit
● Android SDK API v 19
● no touchscreen
● small screen

26. <style name="CustomTheme" parent=
"@android:style/Theme.DeviceDefault"
/>
android {
compileSdkVersion "Google Inc.:Glass
Development Kit Preview:19"

27. Card card1 = new Card(context);
card1.setText("This card has a footer.");
card1.setFootnote("I'm the footer!");
View card1View = card1.getView();

29. res/xml/<my_voice_trigger>.xml
<?xml version="1.0" encoding="utf-8"?>
<trigger command="PLAY_A_GAME" />
AndroidManifest.xml
<activity | service ...>
<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/my_voice_trigger" />
</activity | service>

30. Unlisted commands permission
<uses-permission
android:name="com.google.android.glass.permission.DEVELOPMENT"
/>
res/xml/<my_voice_trigger>.xml
<?xml version="1.0" encoding="utf-8"?>
<trigger keyword="start my app" />

31. res/xml/<my_voice_trigger>.xml
<?xml version="1.0" encoding="utf-8"?>
<trigger command="TAKE_A_NOTE">
<input prompt="@string/glass_voice_prompt" />
</trigger>

32. res/xml/<my_voice_trigger>.xml
<?xml version="1.0" encoding="utf-8"?>
<trigger command="POST_AN_UPDATE">
<constraints
microphone="true"
camera="true"
network="true" />
</trigger>

33. Immersion

34. Menu
The same onCreateOptionsMenu from Android
SDK
public class MainActivity extends Activity {
// ...
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) {
openOptionsMenu();
return true;
}
return super.onKeyDown(keyCode, event);
}
}

35. Voice commands

36. Voice commands
getWindow().requestFeature(WindowUtils.FEATURE_VOICE_COMMANDS);
@Overridepublic boolean onCreatePanelMenu(int featureId, Menu menu) {
if (featureId == WindowUtils.FEATURE_VOICE_COMMANDS) {
menu.add("Connect").setOnMenuItemClickListener(...);
menu.add("Scan").setOnMenuItemClickListener(...);
menu.add("Cancel").setOnMenuItemClickListener(...);
}
// Pass through to super to setup touch menu.
return super.onCreatePanelMenu(featureId, menu);
}

37. Live card

38. Creating live cards
TimelineManager tm = TimelineManager.from(context);
mLiveCard = tm.createLiveCard(LIVE_CARD_TAG);
mLiveCard.setViews(new RemoteViews(context.getPackageName(),
R.layout.card_text));
mLiveCard.publish(LiveCard.PublishMode.REVEAL); // or SILENT

39. Updating live cards
mRemoteViews.setTextViewText(R.id.text, "new message");
mLiveCard.setViews(mRemoteViews);
Removing live cards
mLiveCard.unpublish();

40. Menu in live cards

41. Starting menu activity
Intent menuIntent = new Intent(this,MenuActivity.class);
mLiveCard.setAction(PendingIntent.getActivity(this, 0,
menuIntent, 0));
mLiveCard.publish(LiveCard.PublishMode.REVEAL);

42. Menu activity
@Override
public void onAttachedToWindow() {
super.onAttachedToWindow();
openOptionsMenu();
}
@Override
public void onOptionsMenuClosed(Menu menu)
{
// Nothing else to do, closing the activity.
finish();
}

43. Making menu activity transparent
<style name="MenuTheme"
parent="@android:style/Theme.DeviceDefault">
<item name="android:windowBackground">
@android:color/transparent
</item>
<item name="android:colorBackgroundCacheHint">@null
</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowAnimationStyle">@null</item>
</style>

45. More info
https://developers.google.com/glass/

46. Field trip

47. Glass Tesla

48. LynxFit

49. Word Lens

50. Google Play Music

53. Q/A
http://www.google.com/moderator/#1/e=208f1b&t=208f1b.40 martin.pelant@eman.cz
www.eman.cz