�ݺ�ߣ

STEP PERSONAL SMART JOURNAL 2014 ? WePlanet Co., Ltd.
?? ??? ?? ????
??? ????? ??
2014. 05. 31
@GDG DevFest2014

STEP PERSONAL SMART JOURNAL 2014 ? WePlanet Co., Ltd.1
?? ?? ??? ?
�� ????? ??? ??? ???
!��

?? says,
STEP PERSONAL SMART JOURNAL 2014 WePlanet Co., Ltd.
Glass works best with information that is simple,
relevant, and current.
Don��t try to replace a smartphone, tablet, or laptop
by transferring features designed for these devices
to Glass. Instead, focus on how Glass and your
services complement each other, and deliver an
experience that is unique.
2
�� ??? ????? ???? ???? ????? ?��

STEP PERSONAL SMART JOURNAL 2014 ? WePlanet Co., Ltd.3
?? ???? ???? ???? ???
???? ?? ,
1)-- ???? UI ??? ??? ?? ,
2) -- ?? ??? ?? ??? ,
3) -- STEP Journal for Glass ?? ????
????
? !

1) UI elements: Timeline
? 640*360 ??? ??? ??? Timeline ?
???? ?? ?????
? Type of Timeline Section
? Home
? Past
? Present/Future
? Settings
4

1) UI elements: Card (Static /
Live)
? Static card ? ? , ??? , ?? ???? ?????
?? .
? Live card ? ??? ??? ?? ???? ???? ?
? .
5

1) UI elements: Immersion
? Immersions ? ??? ??? ??? ????? ?
? .
6

2) Invocation method
: Voice command & Touchpad
STEP PERSONAL SMART JOURNAL 2014 WePlanet Co., Ltd.7
https://developers.google.com/glass/distribute/voice-checklist

* Pattern & Mirror API
Pattern
?Periodic notifications (Static card)*
?Ongoing task (Live card)
?Immersion
?Hybrid
?? says,
The Google Mirror API allows you to build web-
based services that interact with Google Glass. It
provides this functionality over a cloud-based API
and does not require running code on Glass.

* Mirror API : Resources
? Timeline *
? Timeline.attachments *
? Subscriptions *
? Locations *
? Contacts
? Accounts
? Settings

3-0) Mirror API : Prerequisites
? Google APIs Project ??
? Google APIs Client library
? ?? Java, PHP, Python ???
Quick start project ? ??
? Start project ? ?? sqllite db ??
? (subscription ??? ???? ?? )
Mirror API ? ??? ???

STEP Journal �C the Automatic Journal - helps
you manage your scattered life records in one
place
11

STEP PERSONAL SMART JOURNAL 2014 ? WePlanet Co., Ltd.STEP PERSONAL SMART JOURNAL 2014 WePlanet Co., Ltd.12
STEP Journal for Glass

3-1) ?? ?? ??
? Glass ? ?? ???? ?? ????
-> Subscription
? Glass ?? ?? ??? ????
-> Timeline, Timeline.attachements
? Glass ? ??? ?? ????
-> Timeline, Location
? Glass ? ?? ???
-> Timeline

3-2) Subscription
POST https://www.googleapis.com/mirror/v1/subscriptions
(https://www.googleapis.com/auth/glass.timeline ? scope ? ?? )
POST /mirror/v1/subscriptions HTTP/1.1
Authorization: Bearer auth token
Content-Type: application/json
Content-Length: length
{
? "collection": "timeline"
? "userToken": "harold_penguin",
? "operation": ["UPDATE"],
? "callbackUrl": "https://example.com/notify/callback"
}

3-3) Notification
? file_get_contents(��php://input��);
? json_decode
? UserActions ? type ?? ?? ???? ??
? itemId ? ??? Timeline ? ?? ???? ??? ??
collection, //{timeline, locations}
itemId,
opertaion, //{insert, update, delete}
verifyToken,
userToken,
userActions(type, payload)
//type = {share, reply, reply_all, custom,
delete, pin, unpin, launch}

3-4) Fetching resources
? timelineId ? ?? timeline resource ? ?? .
??? ?? ??? ?? .
? itemId ? ??? Timeline ? ?? ???? ??? ??
GET https://www.googleapis.com/mirror/v1/timeline/{id}
GET https://www.googleapis.com/mirror/v1/timeline/{itemId}/attachments/
{attachmentId}
GET https://www.googleapis.com/mirror/v1/locations/{id}

3-5) Timeline resource
sourceItemId,
bundleId,
isBundleCover,
isPinned,
pinScore,
title,
text,
html,
speakableType,
speakableText,
attachments,
location,
menuItems
// action={reply, reply_all, delete, read_aloud, get_media_input,
voice_call, navigate, toggle_pinned, open_uri, play_video,
send_message}

3-6) Location, Attachment
resource
kind, //{��mirror#location��}
id,
timestamp,
latitude,
longitude,
accuracy,
displayName,
address
id
contentType,
contentUrl,
isProcessingContent

3-7) Processing on STEP engine

3-8) Designing a card
https://developers.google.com/glass/tools-downloads/playground

*card example(1)
{
"text": "Hello Explorers,nnWelcome to
Glass!nn+Project Glassn",
"creator": {
"displayName": "Project Glass",
"imageUrls": [
"https://lh3.googleusercontent.com/-
quy9Ox8dQJI/T3xUHhub6PI/AAAAAAAAHAQ/Yvj
qA3Pw1sM/glass_photos.jpg?sz=360"
]
},
"menuItems": [
{
"action": "REPLY"
}
],
"notification": {
"level": "DEFAULT"
}
}

*card example(2)
{
"html": "<article>n <figure>n <img
src=/slideshow/mirrorapi/35247032/"https:/mirror-api-
playground.appspot.com/links/movie.jpg">n
</figure>n <section>n <h1 class="text-
large">Movie</h1>n <p class="text-x-
small">n <img class="icon-small"
src=/slideshow/mirrorapi/35247032/"https:/mirror-api-
playground.appspot.com/links/rated_r.png">
n 120 min / Draman </p>n <hr>n
<p class="text-normal">n 1:15 2:10
4:15<br>n Movie Theatren </p>n
</section>n</article>n",
"notification": {
"level": "DEFAULT"
}
}

3-9) Inserting a card
POST https://www.googleapis.com/mirror/v1/timeline/
POST https://www.googleapis.com/mirror/v1/upload/mirror/v1/timeline
PATCH https://www.googleapis.com/mirror/v1/timeline/{id}
��html ? notification ??? ????
Simple, Relevant, Current ?
??? ?? :D��

Thank You
Jintae Jung
??? ( ??? + ??? ) I
jt.jung@wepla.net
http://www.step.pe

�ݺ�ߣ

????? mirrorAPI? ????

More Related Content

????? mirrorAPI? ????

Editor's Notes