Google Glassアプリ開発と自由度の変遷

Google Glassアプリ開発と
自由度の変遷
2014/08/21

日本Androidの会定例会（東京）

Contents
• Glassとは

• Glassアプリケーション開発

• Glassアプリ開発に関するTips

• Glassのこれまで

• Glassのこれから
Copyright © 2014 C-LIS CO., LTD. All Rights Reserved.

Android OS
1GB or 2GB RAM
640x360 ディスプレイ
5Mega pixels カメラ
骨伝導スピーカー
センサー
加速度
地磁気
ジャイロ etc…
WiFi / Bluetooth (BLE)
!

Glass 3世代

Glass Explorer Edition
第１世代

Wink Gestureに対応
第２世代

2014年6月後半の出荷分より
第３世代
バッテリーの持続時間 
↑20%
音声検索速度 
↑10%
RAM 
+100%
https://plus.google.com/+GoogleGlass/posts/1tSYsPCCsGf?cfem=1

CEマーク

ノーズパッド

640x360 ピクセル
ディスプレイ

スワイプバック / スワイプフォワード / スワイプダウン
タッチパッド

ボイスコマンド

タイムライン
将来
過去
現在

タイムラインを構成する要素
カード

タップするとカードに対応したメニューを表示する
メニュー

カードが階層構造になっていることを示す
ドッグイヤ(dog ear)

Glassアプリケーション開発

Glassアプリケーション開発
Mirror API
GDK
Glass Development Kit

Mirror API
Google Server
Glasswear Glass
Glass SyncMirror API
ユーザー

Mirror API
OAuth 2.0で認証をして
JSONでデータを送受信するRESTfulなAPI
Google Server
Glasswear Glass
ユーザー

Mirror APIで出来ること
Glassの位置情報を取得

Glassの位置情報の更新を取得

GlassからGlasswearに操作イベントを送信

GlassからGlasswearに情報を送信
Google Server
Glasswear Glass
ユーザー

Google Server
Glasswear Glass
ユーザー
使用制限が 1,000/day

Subscriptionsを使うと、ValidなSSL証明書が 
必要になる
Mirror API

GDK
2013年11月に公開

Android SDKに加えGlass Development Kitの
ライブラリを利用

GDK

apply plugin: 'com.android.application'
!
android {
compileSdkVersion "Google Inc.:Glass Development Kit Preview:19"
buildToolsVersion "20.0.0"
!
defaultConfig {
applicationId "jp.co.c_lis.glasssample"
minSdkVersion 19
targetSdkVersion 20
versionCode 1
versionName "1.0"
}
GDK
build.gradle

adbデバッグを有効化
開発アプリのインストール

開発用PCとUSBケーブルで接続
開発アプリのインストール

<?xml version="1.0" encoding="utf-8"?>
<trigger keyword="Start Glasswear" />
res/xml/voice_trigger.xml

<uses-permission
android:name="com.google.android.glass.permission.DEVELOPMENT" />
AndroidManifest.xml
<activity
android:name=".MainActivity"
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" />
</activity>

最近利用した順に表示

Immersive Live Cards

Activity

<menu
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity">
<item
android:id="@+id/action_menu"
android:orderInCategory="100"
android:showAsAction="never"
android:title=“Menu 1" />
</menu>
メニュー
res/menu/main.xml

public class MainActivity extends Activity {
/* 略 */
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
!
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.action_menu:
return true;
}
メニュー
MainActivity.java

通常のActivity

<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:immersive=“true">
<!— 省略 —>
</activity>
immersiveの指定
AndroidManifest.xml
<resources>

<style name="AppTheme.Glass" parent="@android:style/Theme.DeviceDefault">

</style>
</resources>
res/values/styles.xml

Immersiveのメニュー

テーマの適用後

@Override 
public int onStartCommand(Intent intent, int flags, int startId) {
liveCard = new LiveCard(context, CARD_TAG);
liveCard.setAction(PendingIntent.getActivity( 
context, 0, MenuActivity.getIntent(), 0));
!
/* TODO: Live Cardの内容を決定 */
!
// 表示
liveCard.publish(LiveCard.PublishMode.REVEAL
/* LiveCard.PublishMode.SILENT */ );
}
Live Cards

RemoteView Surface
Live Cards

// Live Cardの内容を決定 
RemoteViews remoteViews = new RemoteViews(getPackageName(), 
R.layout.livecard);
liveCard.setViews(remoteViews);
!
// 表示 
liveCard.publish(LiveCard.PublishMode.REVEAL);
RemoteView

Surface
Live CardにSurfaceHolder.Callback(DirectRenderingCallback)を
設定して、更新頻度の高い描画が可能。

GlRendererを使うことで、OpenGLを利用可能。


Live Cards
Service
Live Cards
Service
Immersive
Activity
Immersive
Activity
Glasswearのコンポーネント設計
Immersive
Activity
Live Cards
Service
PendingIntent
Intent
Intent
https://developers.google.com/glass/tools-downloads/glassware-ﬂow-designer

スマートフォンと異なるインターフェース
GlasswearのUI設計

Glassアプリ開発に関するTips

# Airplane mode ON
adb shell settings put global airplane_mode_on 1
adb shell am broadcast -a android.intent.action.AIRPLANE_MODE --ez state true
!
# Airplane mode OFF
adb shell settings put global airplane_mode_on 0
adb shell am broadcast -a android.intent.action.AIRPLANE_MODE --ez state false
機内モードの有効・無効

$ adb uninstall jp.co.c_lis.glasssample
!
!
# パッケージ名がわからないときは
$ adb shell pm list packages
アプリのアンインストール

写真の自動バックアップ

うかつにアップデートすると文鎮化することも…
恐怖のアップデート

On-Head Detectionを有効にして、Glassを装着していること
アップデートを回避するには？

XE = eXplorer Edition
Glassのバージョン

Glassのバージョン
5 6 7 8 9 10 11 12 1 2 3 4 5 6 7 8 9
2013 2014
XE5
XE6
XE7
XE8
XE9
XE10
XE11
XE12
XE16
XE17
XE18
XE19
Sneak Peak
Preview

バージョンアップで追加された機能
ウインク検知（XE12∼, 第２世代Glass以降）

ContextualVoice Commands（XE18.1∼）

Webカメラの接続（XE19.1∼）

https://support.google.com/glass/answer/4347178
https://developers.google.com/glass/develop/gdk/voice#contextual_voice_commands

利用方法が公開された機能
On-Head Detection

ウィンク検知
https://www.youtube.com/watch?v=ssmix_q_BJQ

TimelineManager timelineManager = TimelineManager.from(context);
!
Card card = new Card();
card.setText("Hello World");
!
timelineManager.insert(card);
消えたTimelineManager（XE16）
https://developers.google.com/glass/release-notes

Android Wearプロトコルへの対応

時期は未定
Glasswearプラットフォームの開放

Material DesignはGlass UIに影響するか？
Android L への移行

C-LIS CO., LTD.
各製品名・ブランド名、会社名などは、一般に各社の商標または登録商標です。
本資料中では、©、®、™を割愛しています。
本資料は、有限会社シーリスの著作物であり、
クリエイティブコモンズの表示-非営利-継承 3.0 Unported ライセンスの元で公開しています。

Google Glassアプリ開発と自由度の変遷

Recommended

Recommended

More Related Content

What's hot

What's hot (15)

Similar to Google Glassアプリ開発と自由度の変遷

Similar to Google Glassアプリ開発と自由度の変遷 (20)

More from Keiji Ariyama

More from Keiji Ariyama (9)

Google Glassアプリ開発と自由度の変遷