Recommandé
Contenu connexe
Tendances
En vedette
En vedette (11)
Similaire à Google Glassでできること XE11版 最新開発情報 Mirror API & GDK
Similaire à Google Glassでできること XE11版 最新開発情報 Mirror API & GDK (20)
Plus de Masahiro Wakame
Plus de Masahiro Wakame (20)
Google Glassでできること XE11版 最新開発情報 Mirror API & GDK
- 2. わかめ まさひろ @v vakame GAE TypeScript Android Glass AngularJS
- 3. • Google App Engine! • Android! • Google Apps! などなど、! Google! 技術に特化した会社です!
- 7. 情報を見る
- 16. 画面表示
- 17. 画面表示
- 19. 声で操作 この画面で Ok, glass から開始
- 20. 声で操作 • ok glass,! • google! • take a picture! • record a video! • get directions to! • send a message to! • make a call to! • make a video call to! • take a note with! • post an update with! 手でも同じ操作が できます GDK(Nativeアプリ)で 無限のバリエーション！
- 21. スペック • Android ICS (4.0.4) ! • 画面解像度! • 640x360! • 電池容量 570mAh! • スマホの1/3ぐらい…! • 普通に使うと8時間程度もつ! • 写真・動画撮るともりもり減る
- 22. 操作早見表 起動 上を見上げる! 側面タッチパッドを1回触る キャンセル 側面タッチパッドを下に撫でる 選択 側面タッチパッドを下に撫でる 決定 側面タッチパッドを1回触る ボイスコマンド 時計の画面 で “ok glass” 写真撮影 “ok glass” の後に “take a picture”
- 23. Google Glass FAQ
- 35. 誰でも開発できる？ 誰でも開発はできます！ Mirror APIもGDKも一般公開 しかしハードは出回ってません Google Glassの開発は Google Glassがないと なかなか難しいです iOSユーザにAndroidアプリを 作らせるのに等しいです
- 36. アプリ開発手法
- 38. Mirror API • 情報配信用のAPI! • Webサーバ上で動作する! • Google Glass上で直接動作しない
- 39. GDK • Glass Development Kit! • Androidアプリが書ける！! • GlassらしいLook & Feel！! • Card(後述)が表示できる！! • LiveCardも作れる！
- 40. どちらがいいの？ • 静的コンテンツの配信! • →Mirror API! • インタラクティブなアプリの作成! • →GDK! • 迷ったら…! • →とりあえずMirror API
- 41. Mirror APIのできること Glassware とは？ ↓ Glass アプリのこと
- 42. アンケート • Android開発できます！! • Webアプリ開発できます！! • on Webサーバ！! • on ブラウザ！
- 43. アンケート • Android開発できます！! • Webアプリ開発できます！! • on Webサーバ！! • on ブラウザ！ 即座に開発可能！
- 45. 要点 GoogleServer RESTful API Glassware Server 逆に考えると ブラウザからGlassの全機能を 利用できるとも言える Glass Web屋さん 大活躍の時！
- 46. 必要な知識 • Webサービスの作り方! • OAuth2周り! • AccessTokenの取得 & scope など! • GoogleのAPIの使い方! • Cloud Console! • API Explorer Mirror API以外の Google APIで練習する と良いです
- 47. Reference曰く… • Timeline! • Subscriptions! • Locations! • Contacts 4つ！
- 48. Timeline
- 51. Timelineが行うこと • ユーザの作成したアイテムの表示! • ユーザに情報の配信を行う! • テキスト・HTMLの配信! • 利用できるHTMLタグは限定的! • JavaScript・音声・動画はダメ! • 画像・動画の配信! • ユーザのリアクションを受ける
- 52. ユーザによるアイテム ＼take a picture／ GoogleServer ＼record a video／ ＼take a note with／ Glassware Server ユーザが望めば 後述のSubscriptionsを使って Glasswareに通知できます
- 53. ユーザへの配信 • HTML, テキスト, 画像, 動画 など! • 公式にPlaygroundがあります！! • 雰囲気をつかむのに最適! • http://goo.gl/L4t6y9 PCのWebブラウザで使える CSSも配布されています！
- 55. ユーザのリアクション • 配信時にメニュー設定を行う! • Subscriptions経由で通知が来る! • • • • • • • • • • REPLY, REPLY_ALL! DELETE! SHARE! READ_ALOUD! VOICE_CALL! NAVIGATE! TOGGLE_PINNED! VIEW_WEBSITE! PLAY_VIDEO! CUSTOM 全てのリアクションは Subscriptionsを使って、 Google Server経由で 伝わってきます。 つまりリアルタイム性は低いです。
- 57. Subscriptions • 事前指定のURLにコールバック! • 2種類あります! • Timeline の挿入・更新・削除! • Locations の挿入・更新・削除! • 注意点! • 登録時に自システム固有のuserTokenを指定 していないと誰についてのコールバックか判 別できない
- 58. Locations
- 59. Locations • 位置情報が取れます! • 過去の位置情報が時系列で取れる! • 最新の位置情報のみも取得可能 10分間隔で 新しい位置が更新されます
- 60. Contacts
- 61. Contacts • だいたいアドレス帳みたいなもの! • 単体の何か(人物)! • グループ! • Glassware もここに表示される アプリも人も同じ
- 63. GDKのできること
- 64. アンケート • Android開発できます！! • Webアプリ開発できます！! • on Webサーバ！! • on ブラウザ！ 少しの予習で 開発着手可能！
- 65. Glass Development Kit • Google Glass用ネイティブアプリ 開発が行える開発キット! • GlassらしいUI, Experienceに! • Android SDK+α! • Voice Trigger 利用可能！
- 66. 開発手法 • Static Card! • Mirror APIと似た表現が簡単に! • Live Card! • 動的なコンテンツが作成可能! • Immersions! • 没入感のある体験！
- 67. Static Card • ようするに普通のCard! • Mirror APIでいいじゃないか！! • Static Card以外のものと組み合わ せるパターンがあるかも…! • 作るのは非常に簡単
- 68. Live Card • 時計の左側に常駐する! • Serviceを作って動作させる! • Low-Frequency Rendering! • 何秒かに1度画面更新をする! • High Frequency Rendering! • 1秒に何回も画面を更新する
- 69. Live Card (Low Frequency) • 低頻度描画! • RemoteView を使うのでその制限 を受ける! • 使えるViewの種類が限られる
- 70. Live Card (High Frequency) • 高頻度描画! • SurfaceHolderを使う! • 高速だけどViewは使えない
- 71. Immersions • 普通のAndroidアプリのこと! • アプリ閉じたら消えちゃう! • 明示的にユーザが操作するアプリ に向いている
- 72. デモ • 拡大鏡アプリ (拙作)! • Immersions で実装! • 当初 Live Card(High Frequency) で制作するが挫折! • #286 として報告! • まだまだ発展途上! • #232 , #287 両方カメラ周り
- 73. WORD LENS • http://questvisual.com/! • カメラ画像中の英文を翻訳
- 75. Glassのためのデザイン • Google Glassは既存のモバイルプ ラットフォームとは違う! • GlasswareはGoogle Glass専用に作 ろう! • テストもかならず実機上で行おう
- 76. 邪魔をしない • あるべき時に起こることをユーザ は望んでいる! • 頻繁であったり、期待に反する通 知をしないようにする! • ユーザが通知を無視しても問題な いように作る
- 81. 月1 Version Up • XE5 → XE11 まであがっている! • eXplorer Edition の略？! • XE6! • ビデオストリーミング再生対応! • 写真共有時にキャプション追加! • XE7! • 共有先を明示的に登録しなくてよ くなった
- 82. 月1 Version Up • XE8! • Glasswareでボイスコマンドを受 けられるようになった! • Take a note with... ! • Post an update... ! • WebSiteを開けるようになった! • アイテムにURLを添付できる
- 83. 月1 Version Up • XE9! • XE6で追加されたビデオのスト リーミング再生のやり方が変わっ た! • 古い方法はdeprecatedに! • ビルトインのアクションの表示 名が変更できるようになった
- 84. 月1 Version Up • XE10! • Timeline itemがURLを持つ時自 動的にリンクに変換される! • シェアする時にキャプションを つけてもらえるようになった
- 85. 月1 Version Up • XE11! • GDKのサポート？! • Voice Trigger のサポートと言い 換えてもいい! • VIEW_WEBSITEが使えなくなっ た! • 今後はOPEN_URIを使う
- 86. Mirror API 開発事例
- 87. Third Party • • • • • • • • The New York Times! Path! Facebook! Twitter! ELLE! Evernote! Tumblr! Google I/O 発表時 CNN
- 88. 作り • 向いている! • 友達に写真をシェアする! • 稀に興味あるの情報が送られてく る! • 向いていない! • 頻繁にくる通知(1分に1回とか Twitterの場合、 mentionとDMのみ通知がきます
- 90. 機能 • Google Tasks と連携! • Google Glass上にタスク表示! • Google Glassからタスク登録! • 最寄りのタスクがあれば通知 Mirror API Only!
- 91. コンセプト ✓ 原稿を書く! ✓ 牛乳を買う (スーパー)! ✓ 同僚に1000円返す (会社) チェック & タッチで消化 ok, glass. take a note with Glass Tasks. Buy a milk! 音声でタスク登録！
- 93. 利用方法 他 Webブラウザ
- 97. 構成 Mirror API & Tasks API and + on GAE/Java
- 98. 必要な権限 • OAuth2認証! • https://www.googleapis.com/auth/userinfo.profile! • ユーザ情報取得! • https://www.googleapis.com/auth/glass.timeline! • GlassのTimelineの操作! • https://www.googleapis.com/auth/glass.location! • Glassの位置情報の取得! • https://www.googleapis.com/auth/tasks! • タスク情報の書込! • https://www.googleapis.com/auth/tasks.readonly! • タスク情報の読込
- 99. ユーザ登録時処理 • ユーザ情報の取得! • Subscriptions 2種の登録! • ノートの追加! • 位置情報の取得! • ボイスコマンドを受け付ける Contactの追加! • Timelineにタスク一覧を表示!
- 100. Subscriptions コールバック • 本アプリでは3種類の通知に対応! • タスクを完了にする通知! • 新しいタスクを起こす通知! • 位置情報アップデートの通知 上2つがTimeline Itemの通知 下1つがLocationsの通知
- 103. まとめ • AR(拡張現実) ではない! • Google Glassは気の利いた情報を 摂取するためのもの! • Mirror API と GDK で今すぐ開発着 手可能！