Slide 1

Slide 1 text

Google Glass 開發經驗分享 Johnny Sung x 2014.10.26 @ MOPCON

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Hiiir Works

Slide 5

Slide 5 text

世新廣播電臺 Personal Works

Slide 6

Slide 6 text

Battery Checker https://glass.google.com/glassware/14294674819446771796

Slide 7

Slide 7 text

百萬種Google glass爽的⽅方式 2014.06.25 Developing Google Glass 2014.08.27 2014.10.26 Google Glass 開發經驗分享

Slide 8

Slide 8 text

Handmade
 USB - 3.5mm phonejack for Glass™

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Agenda • Google Glass 介紹 • Mirror API 初探 • 快速上⼿手 Glass Development Kit (GDK) 開發 • Glassware上架審核重點 • Google glass 與 Android wear 的異同之處

Slide 11

Slide 11 text

你知道嗎?

Slide 12

Slide 12 text

戴 Glass 的⼈人都有份感恩的⼼心

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

時間很寶貴。

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

Muki Wu (吳姿穎) • Wordpress 課程 • RWD課程 • ⽂文具⼿手帳 MUKI space* 台灣知名部落客 (因為出賣朋友只好⼯工商⼀一下...)

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

MyGlass 連接 Google Glass

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Clock Live Card Static Card

Slide 29

Slide 29 text

Clock Static Card Now Past

Slide 30

Slide 30 text

Clock Live Card Settings

Slide 31

Slide 31 text

Glass development • Mirror API • Glass Development Kit (GDK) • Hybrid

Slide 32

Slide 32 text

Mirror API

Slide 33

Slide 33 text

• Periodic notifications & Static Card
 (Push notifications) • RESTful API • Choose a favorite language you like Mirror API Go Java .Net PHP Python Ruby

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

Mirror API 可以做到 • 可⾃自由抽換⾃自⼰己建⽴立的 Static Card • 聯絡⼈人(分享的對象) • 語⾳音指令 (eg: Take a note) • Location updates

Slide 36

Slide 36 text

Mirror API - OAuth Settings • Google Developers Console • 勾選 Mirror API • 設定OAuth Client ID

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

Tips for Mirror API (PHP) • Edited: $api_simple_key 不需要了 • 沒有 DNS 域名? ⽤用 DNS 反解吧 $ nslookup 114.42.21.220 Server: 10.100.83.253 Address: 10.100.83.253#53 Non-authoritative answer: 220.21.42.114.in-addr.arpa name = 114-42-21-220.dynamic.hinet.net. http://114-42-21-220.dynamic.hinet.net/

Slide 40

Slide 40 text

Mirror API - OAuth Settings • APPLICATION TYPE • Web application • AUTHORIZED JAVASCRIPT ORIGINS • http://114-42-21-220.dynamic.hinet.net/ • AUTHORIZED REDIRECT URI • http://114-42-21-220.dynamic.hinet.net/mirrorapi/ oauth2callback.php

Slide 41

Slide 41 text

⼤大家都說 Glass 是 ...

Slide 42

Slide 42 text

盗撮 神器

Slide 43

Slide 43 text

拍照三部曲 • ⽂文雅版 • Ok glass, Take a picture Muki Wu

Slide 44

Slide 44 text

拍照三部曲 • 技巧版 • 眨眼拍照

Slide 45

Slide 45 text

拍照三部曲 • ⽂文⻘青版 • 推眼鏡

Slide 46

Slide 46 text

You can do this …

Slide 47

Slide 47 text

Ok glass, Take a picture. But don’t do this …

Slide 48

Slide 48 text

Glass Development Kit (GDK)

Slide 49

Slide 49 text

Glass Development Kit Sneak Peek
 4.0.3 (API 15) Glass Development Kit Preview 4.4.2 (API 19) Android 4.4.2 KitKat (API 19) Android 5.0

Slide 50

Slide 50 text

= . .

Slide 51

Slide 51 text

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

Slide 52

Slide 52 text

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

Voice trigger ok glass, show me a demo

Slide 55

Slide 55 text

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 !

Slide 56

Slide 56 text

Layout

Slide 57

Slide 57 text

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

Slide 58

Slide 58 text

Layout

Slide 59

Slide 59 text

Touch input

Slide 60

Slide 60 text

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

Slide 61

Slide 61 text

• 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

Slide 62

Slide 62 text

http://www.slideshare.net/j796160836/developing-google-glass

Slide 63

Slide 63 text

Glass 殺⼿手級應⽤用?

Slide 64

Slide 64 text

舒壓 。

Slide 65

Slide 65 text

Demo

Slide 66

Slide 66 text

Glassware上架審核重點

Slide 67

Slide 67 text

• 05.23 收到送件 (BatteryLevel) • 05.29 語⾳音指令通過
 ( Show the battery level -> Check the battery ) • 06.11 改名叫 Battery checker 更新送審 送審時間表

Slide 68

Slide 68 text

• 06.27 初步審查通過,開啟 Issue Tracker • 07.17 追加 Issue • 07.30 修完全部的 Issue • 08.11 從MyGlass看到 Developer only • 08.26 Ready for launch • 08.29 正式 Release

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

Product Icon Before After Provide logo icons that are white on transparent

Slide 71

Slide 71 text

640 × 360 tile image

Slide 72

Slide 72 text

640 × 360 tile image Before After

Slide 73

Slide 73 text

640 × 360 tile image

Slide 74

Slide 74 text

Screenshot & Context picture 2528 × 1856 640 × 360

Slide 75

Slide 75 text

Layout Before After

Slide 76

Slide 76 text

Layout

Slide 77

Slide 77 text

Baseline of text

Slide 78

Slide 78 text

Baseline of text

Slide 79

Slide 79 text

Layout

Slide 80

Slide 80 text

Product descriptions • A simple app that showed the current battery level of glass. Unlike the percentage in settings page, this app will response with voice directly. Hopes you will like it! Glassware Glass

Slide 81

Slide 81 text

Product descriptions • 區分 Android app vs. the Glassware. • Use Glass trademark • Glass™ • Glass is a trademark of Google Inc.

Slide 82

Slide 82 text

Assets Issue

Slide 83

Slide 83 text

No content

Slide 84

Slide 84 text

No content

Slide 85

Slide 85 text

No content

Slide 86

Slide 86 text

No content

Slide 87

Slide 87 text

No content

Slide 88

Slide 88 text

常⾒見的錯誤 • 不要將 Glass 放⼊入產品名稱的⼀一部份 GlassPresenter Presenter for Glass™

Slide 89

Slide 89 text

No content

Slide 90

Slide 90 text

No content

Slide 91

Slide 91 text

常⾒見的錯誤 • App功能不要照搬 • Horizontal tugging feedback • 沒有作⽤用的觸控應該發出DISALLOW的聲⾳音
 (咚咚...咚咚...

Slide 92

Slide 92 text

Developer Settings

Slide 93

Slide 93 text

Show layout bounds

Slide 94

Slide 94 text

Layout screen overlay

Slide 95

Slide 95 text

No content

Slide 96

Slide 96 text

Android Wear

Slide 97

Slide 97 text

No content

Slide 98

Slide 98 text

No content

Slide 99

Slide 99 text

No content

Slide 100

Slide 100 text

Notification Center

Slide 101

Slide 101 text

Glass vs Wear • ⼀一個是眼鏡 • Wifi / Bluetooth 4.0 • 相機 • 離線語⾳音辨識 • 可獨⽴立作業 • LiveCard • ⼀一個是⼿手錶 • Bluetooth only • ⼼心跳檢測 • 震動 • ⼿手機螢幕的延伸 • Notifications

Slide 102

Slide 102 text

Q & A

Slide 103

Slide 103 text

辦公室景⾊色

Slide 104

Slide 104 text

No content

Slide 105

Slide 105 text

ஹഐක೯٫eֳ࢕ၾऊ൬٫ɧ˙ ৰəᎴ౉Վdᒔ݊ᑌᅧၣ ί࿁ٙࣛගe࿁ٙήᓃഗ࿁ٙᎴ౉Վ

Slide 106

Slide 106 text

No content

Slide 107

Slide 107 text

No content

Slide 108

Slide 108 text

http://fb.com/groups/glassdev.taiwan Google glass developer Taiwan 不只聊 Glass 喔

Slide 109

Slide 109 text

No content

Slide 110

Slide 110 text

䵻ⵌ.01$0/ 7*1闍䌌Ⰵ㜥⽷ 惐晊EFS 謝謝總召 Mikimoto ⼤大⼤大