auto choose connect with qr code for sitcon 2014

56
Auto Choose Connect With QR Code 2014/03/15 @ SITCON SyneArt <[email protected]>

Upload: syneart

Post on 13-Jul-2015

948 views

Category:

Design


4 download

TRANSCRIPT

Page 1: Auto Choose Connect With QR Code for SITCON 2014

Auto Choose Connect With QR Code

2014/03/15 @ SITCONSyneArt <[email protected]>

Page 2: Auto Choose Connect With QR Code for SITCON 2014

Live demo

真的要有勇氣

所以請再等等!!

Page 3: Auto Choose Connect With QR Code for SITCON 2014
Page 4: Auto Choose Connect With QR Code for SITCON 2014

事情這樣的 ..

Page 5: Auto Choose Connect With QR Code for SITCON 2014

欸, 上次的照片要拿不?

好, 讓我看看 !!

Page 6: Auto Choose Connect With QR Code for SITCON 2014

你可以找到很多 App ..

Page 7: Auto Choose Connect With QR Code for SITCON 2014

在有WiFi環境下

圖片來源: http://thinkdigital.travel/wp-content/uploads/2013/06/wifi.jpg

Page 8: Auto Choose Connect With QR Code for SITCON 2014

喔, IP 是 x.x.x.x

Port 是 8080

欸, IP ? Port ?

喔, 那是什麼?可以吃嗎?

Page 9: Auto Choose Connect With QR Code for SITCON 2014

有人會問 ~

阿你是不會用 Line ? Cubie? 之類的傳喔?

拍謝,我要原畫質,上次那個 Word 檔, 也順便傳給我好不好?我現在就要!

Page 10: Auto Choose Connect With QR Code for SITCON 2014

GG ..圖片來源: http://images2.gamme.com.tw/news/2013/05/1/qp2UoqaZkaeVp6Q.jpg

Page 11: Auto Choose Connect With QR Code for SITCON 2014

搞得這麼麻煩?

Bluetooth 不是很方便?

Page 12: Auto Choose Connect With QR Code for SITCON 2014

你 BT Name 是什麼?

“HI, SITCON”

沒有阿?

摁 .. 不對, 應該是“我等等要去搶點心”

阿 .. Sorry , 我忘記開可見 !!

Page 13: Auto Choose Connect With QR Code for SITCON 2014

圖片來源: http://udnword.com/wp-content/uploads/2013/04/2231923391_f55c25d77f.jpg

Page 14: Auto Choose Connect With QR Code for SITCON 2014

不是還可以用傳輸線 ?..

麻煩死了 .. (無限迴圈)

Page 15: Auto Choose Connect With QR Code for SITCON 2014

考慮Wi-Fi Direct ? NFC ?

or 乾脆不要現在傳好了 ..

我東西都準備好了,你現在跟我說不要

你當我是王八蛋就是了

Page 16: Auto Choose Connect With QR Code for SITCON 2014

Auto Choose Connect With QR Code

Try this idea !!

Page 17: Auto Choose Connect With QR Code for SITCON 2014

其實~

Page 18: Auto Choose Connect With QR Code for SITCON 2014

這是我專題的一部份

Page 19: Auto Choose Connect With QR Code for SITCON 2014
Page 20: Auto Choose Connect With QR Code for SITCON 2014

而我現在就是在 run 我的專題

Page 21: Auto Choose Connect With QR Code for SITCON 2014

成功的Live demo !!

Page 22: Auto Choose Connect With QR Code for SITCON 2014

不然我專題可能不能畢業 ..

Page 23: Auto Choose Connect With QR Code for SITCON 2014

QR Code 能做什麼?

Page 24: Auto Choose Connect With QR Code for SITCON 2014

1.自動化文字傳輸

位址、電話號碼、行事曆等,進行名片、行程資料等的快速交換

參考資料: http://zh.wikipedia.org/wiki/QR%E7%A2%BC

Page 25: Auto Choose Connect With QR Code for SITCON 2014

2.數位內容下載

輕易連線到遊戲、軟體下載的網頁,下載需要的數位內容

參考資料: http://zh.wikipedia.org/wiki/QR%E7%A2%BC

Page 26: Auto Choose Connect With QR Code for SITCON 2014

3.網址快速連結

以提供使用者進行網址快速連結、電話快速撥號等

參考資料: http://zh.wikipedia.org/wiki/QR%E7%A2%BC

Page 27: Auto Choose Connect With QR Code for SITCON 2014

4. 身分鑑別與商務交易

應用於購買票券、販賣機EX:兩段式驗證

YouTube TV pair (DLNA)還有今天的報到 XD

參考資料: http://zh.wikipedia.org/wiki/QR%E7%A2%BC

Page 28: Auto Choose Connect With QR Code for SITCON 2014

複雜 -> 簡單化

Page 29: Auto Choose Connect With QR Code for SITCON 2014

當然 ..

Page 30: Auto Choose Connect With QR Code for SITCON 2014

圖片來源: http://www.funcode-tech.com/images/qr_app/QR%20Code_Periodic%20Table.jpg

Page 31: Auto Choose Connect With QR Code for SITCON 2014

用QR Code 連線?

已經有人應用了吧?

對, 沒錯, 但…

Page 32: Auto Choose Connect With QR Code for SITCON 2014

自動選擇, 好像還沒有耶?!

不只選擇, 還幫你連線 ..

你要連這一個呢?還是要連那一個呢?

很痛苦喔

Page 33: Auto Choose Connect With QR Code for SITCON 2014

其實並不難~

Page 34: Auto Choose Connect With QR Code for SITCON 2014

以傳送文字來說, 你只需要

Page 35: Auto Choose Connect With QR Code for SITCON 2014

一個能產生QR Code 的 API

一個能讀取QR Code 的 API

Page 36: Auto Choose Connect With QR Code for SITCON 2014

緊接著(建立 TCP Socket、BT Socket)

Page 37: Auto Choose Connect With QR Code for SITCON 2014

去判斷你目前的連線方式

Page 38: Auto Choose Connect With QR Code for SITCON 2014

然後產生QRCode

Page 39: Auto Choose Connect With QR Code for SITCON 2014

對方一掃會得到 ~

Page 40: Auto Choose Connect With QR Code for SITCON 2014

Bluetooth

Wi-Fi

Page 41: Auto Choose Connect With QR Code for SITCON 2014

當然,

要用一樣的 App

Page 42: Auto Choose Connect With QR Code for SITCON 2014

然後~

Page 43: Auto Choose Connect With QR Code for SITCON 2014

去確認對方的連線方式

Page 44: Auto Choose Connect With QR Code for SITCON 2014

完成連線~

去傳資料吧 XD

Page 45: Auto Choose Connect With QR Code for SITCON 2014

有人會問 ~

我手機想跟電腦連線可不可以 ?

當然可以啊!!

寫成桌面端就可以囉 !!

Page 46: Auto Choose Connect With QR Code for SITCON 2014

這是選擇連線,

那自動連線哩?

OK,

分成兩個部分來講

Page 47: Auto Choose Connect With QR Code for SITCON 2014

QR Code 的部分

做了些什麼?

Page 48: Auto Choose Connect With QR Code for SITCON 2014

Wi-Fi 連線Server :

Client :

這個部分

Page 49: Auto Choose Connect With QR Code for SITCON 2014

所以不用自己輸入

IP

Port

Page 50: Auto Choose Connect With QR Code for SITCON 2014

Bluetooth連線

這個部分

Page 51: Auto Choose Connect With QR Code for SITCON 2014

所以不用搜尋裝置

1.不必知道裝置 ID

2.也不用打開可見

Page 52: Auto Choose Connect With QR Code for SITCON 2014

接著就盡情發揮囉

(傳檔、傳圖、座標、語音… 等)

Page 53: Auto Choose Connect With QR Code for SITCON 2014

雖然只是連結介面

Page 54: Auto Choose Connect With QR Code for SITCON 2014

但, idea

還不賴吧?

Page 55: Auto Choose Connect With QR Code for SITCON 2014

圖片來源: http://d3j5vwomefv46c.cloudfront.net/photos/large/823794378.jpg

Page 56: Auto Choose Connect With QR Code for SITCON 2014

Any question ?SyneArt <[email protected]>