SlideShare a Scribd company logo
1 of 17
Portico: Tangible Interaction 
on and around a Tablet 
1
Introduction 
Portico is thus able to 
recognize and react to objects 
manipulated not only on the 
tablet screen, but also on the 
surface beyond the tablet 
screen. 
2
How to work? 
3
How to work? 
4
DEMO 
This library includes 
visualizations for reflecting 
the presence of an off-screen 
object and 
manipulators that can be 
applied for conveying the 
distance of the object from 
the tablet. 
5
DEMO 
6
DEMO 
7
DEMO 
8
Reviews 
 Portico是以一個低成本的技術創造了人與平板的互動, 
我覺得透過攝像機所擷取物品影像跟平板系統作互動, 
不僅達到有趣而在教育上能迅速學習。 
 Portico適合給孩童作為認識物品的學習,我覺得超過 
孩童年齡的使用者,實用性比較小,假如這套系統能做 
Prototype的測試對於工作以及研究上比較具有實用性。 
9
Tangible Video Bubbles 
10
Introduction 
11
How to work? 
12
13
Demo 
• recording and playing with the bubble. 
14
Demo 
• Mira’s cat meows when touched 
15
Demo 
• Children creating interactive drawing with video bubbles. 
16
Reviews 
17 
Video bubbles這項裝置,不僅可以錄製影像和聲音,通過擠壓的 
方式來做互動,也可以在螢幕上做繪製。 
我覺得孩童使用這項裝置,可將錄製的視頻作為紀錄,等到孩童 
長大了,就可以回味這些影片,不僅孩童可以做操作,就連年齡 
較大的使用者平常也可以做視頻紀錄,也可以將這段視頻紀錄傳 
送給其他人。

More Related Content

Viewers also liked

Presentacion Final.pptx
Presentacion Final.pptxPresentacion Final.pptx
Presentacion Final.pptxUNISON
 
Kitchen Cabinet Doors
Kitchen Cabinet DoorsKitchen Cabinet Doors
Kitchen Cabinet Doorsewemily
 
Domain Specific Language for Specify Operations of a Central Counterparty(CCP)
Domain Specific Language for Specify Operations of a Central Counterparty(CCP)Domain Specific Language for Specify Operations of a Central Counterparty(CCP)
Domain Specific Language for Specify Operations of a Central Counterparty(CCP)Chamin Nalinda Loku Gam Hewage
 
Rainbowfish &skin button
Rainbowfish &skin buttonRainbowfish &skin button
Rainbowfish &skin button又瑋 賴
 
Dengue fever
Dengue feverDengue fever
Dengue feverDr Slayer
 
Depend&dingdong
Depend&dingdongDepend&dingdong
Depend&dingdong又瑋 賴
 
Domain Specific Language for Specify Operations of a Central Counterparty
Domain Specific Language for Specify Operations of a Central CounterpartyDomain Specific Language for Specify Operations of a Central Counterparty
Domain Specific Language for Specify Operations of a Central CounterpartyChamin Nalinda Loku Gam Hewage
 
pembentukan persekutuan
pembentukan persekutuanpembentukan persekutuan
pembentukan persekutuanfadhly arsani
 
Sdal air health and social development (jan. 27, 2014) final
Sdal air health and social development (jan. 27, 2014) finalSdal air health and social development (jan. 27, 2014) final
Sdal air health and social development (jan. 27, 2014) finalkimlyman
 
Kuliah sli 2015 rev 127
Kuliah sli 2015 rev 127Kuliah sli 2015 rev 127
Kuliah sli 2015 rev 127Rizky Maulana
 

Viewers also liked (13)

Presentacion Final.pptx
Presentacion Final.pptxPresentacion Final.pptx
Presentacion Final.pptx
 
乘車安全
乘車安全乘車安全
乘車安全
 
Kitchen Cabinet Doors
Kitchen Cabinet DoorsKitchen Cabinet Doors
Kitchen Cabinet Doors
 
Reclaim the fat
Reclaim the fatReclaim the fat
Reclaim the fat
 
Graffiti fur
Graffiti furGraffiti fur
Graffiti fur
 
Domain Specific Language for Specify Operations of a Central Counterparty(CCP)
Domain Specific Language for Specify Operations of a Central Counterparty(CCP)Domain Specific Language for Specify Operations of a Central Counterparty(CCP)
Domain Specific Language for Specify Operations of a Central Counterparty(CCP)
 
Rainbowfish &skin button
Rainbowfish &skin buttonRainbowfish &skin button
Rainbowfish &skin button
 
Dengue fever
Dengue feverDengue fever
Dengue fever
 
Depend&dingdong
Depend&dingdongDepend&dingdong
Depend&dingdong
 
Domain Specific Language for Specify Operations of a Central Counterparty
Domain Specific Language for Specify Operations of a Central CounterpartyDomain Specific Language for Specify Operations of a Central Counterparty
Domain Specific Language for Specify Operations of a Central Counterparty
 
pembentukan persekutuan
pembentukan persekutuanpembentukan persekutuan
pembentukan persekutuan
 
Sdal air health and social development (jan. 27, 2014) final
Sdal air health and social development (jan. 27, 2014) finalSdal air health and social development (jan. 27, 2014) final
Sdal air health and social development (jan. 27, 2014) final
 
Kuliah sli 2015 rev 127
Kuliah sli 2015 rev 127Kuliah sli 2015 rev 127
Kuliah sli 2015 rev 127
 

More from 又瑋 賴

Acoustic barcodes&FlatFitFab
Acoustic barcodes&FlatFitFabAcoustic barcodes&FlatFitFab
Acoustic barcodes&FlatFitFab又瑋 賴
 
Graffiti fur &Thaw
Graffiti fur &ThawGraffiti fur &Thaw
Graffiti fur &Thaw又瑋 賴
 
Trampoline &comp pass
Trampoline &comp passTrampoline &comp pass
Trampoline &comp pass又瑋 賴
 
血管自動調適機制之仿生離體循環模擬
血管自動調適機制之仿生離體循環模擬血管自動調適機制之仿生離體循環模擬
血管自動調適機制之仿生離體循環模擬又瑋 賴
 
以 SimMechanics 建模備有簡易力量模 型與仿生式控制器之移動機器人
以 SimMechanics 建模備有簡易力量模 型與仿生式控制器之移動機器人以 SimMechanics 建模備有簡易力量模 型與仿生式控制器之移動機器人
以 SimMechanics 建模備有簡易力量模 型與仿生式控制器之移動機器人又瑋 賴
 
仿生視覺目標動態追蹤與3D人臉即時 辨認系統之設計與實現
仿生視覺目標動態追蹤與3D人臉即時 辨認系統之設計與實現仿生視覺目標動態追蹤與3D人臉即時 辨認系統之設計與實現
仿生視覺目標動態追蹤與3D人臉即時 辨認系統之設計與實現又瑋 賴
 
內壢火車站
內壢火車站內壢火車站
內壢火車站又瑋 賴
 
Tangible and modular input device for character articulation
Tangible and modular input device for character articulationTangible and modular input device for character articulation
Tangible and modular input device for character articulation又瑋 賴
 
Exploring percussive gesture on i pads with ensemble
Exploring percussive gesture on i pads with ensembleExploring percussive gesture on i pads with ensemble
Exploring percussive gesture on i pads with ensemble又瑋 賴
 
Iot(internet of things)
Iot(internet of things)Iot(internet of things)
Iot(internet of things)又瑋 賴
 

More from 又瑋 賴 (14)

Acoustic barcodes&FlatFitFab
Acoustic barcodes&FlatFitFabAcoustic barcodes&FlatFitFab
Acoustic barcodes&FlatFitFab
 
Graffiti fur &Thaw
Graffiti fur &ThawGraffiti fur &Thaw
Graffiti fur &Thaw
 
Trampoline &comp pass
Trampoline &comp passTrampoline &comp pass
Trampoline &comp pass
 
血管自動調適機制之仿生離體循環模擬
血管自動調適機制之仿生離體循環模擬血管自動調適機制之仿生離體循環模擬
血管自動調適機制之仿生離體循環模擬
 
以 SimMechanics 建模備有簡易力量模 型與仿生式控制器之移動機器人
以 SimMechanics 建模備有簡易力量模 型與仿生式控制器之移動機器人以 SimMechanics 建模備有簡易力量模 型與仿生式控制器之移動機器人
以 SimMechanics 建模備有簡易力量模 型與仿生式控制器之移動機器人
 
仿生視覺目標動態追蹤與3D人臉即時 辨認系統之設計與實現
仿生視覺目標動態追蹤與3D人臉即時 辨認系統之設計與實現仿生視覺目標動態追蹤與3D人臉即時 辨認系統之設計與實現
仿生視覺目標動態追蹤與3D人臉即時 辨認系統之設計與實現
 
Slurp
SlurpSlurp
Slurp
 
內壢火車站
內壢火車站內壢火車站
內壢火車站
 
Tangible and modular input device for character articulation
Tangible and modular input device for character articulationTangible and modular input device for character articulation
Tangible and modular input device for character articulation
 
Exploring percussive gesture on i pads with ensemble
Exploring percussive gesture on i pads with ensembleExploring percussive gesture on i pads with ensemble
Exploring percussive gesture on i pads with ensemble
 
Tan pro kit
Tan pro kitTan pro kit
Tan pro kit
 
Permulin
PermulinPermulin
Permulin
 
Iot(internet of things)
Iot(internet of things)Iot(internet of things)
Iot(internet of things)
 
賴又瑋
賴又瑋賴又瑋
賴又瑋
 

Portico&video bubbles

Editor's Notes

  1. Portico的通過兩個攝像頭的小型可折疊的武器,提供了一個大場,觀克服了有限的作用空間的挑戰。Portico的因而能夠識別和反應操作不僅在平板屏幕上,同時也對超出平板屏幕的表面的物體。
  2. Portico的系統說明:統一區域可見由兩個攝像機(左),以及該系統的反應對象上及其周圍的平板(右
  3. 視覺系統的單程由這些步驟 1.拼搶相機架 2.可選背景減法 3.生產模擬相機視圖 4.對象分類 5.對齊對象的坐標 6.刪除橫跨意見冗餘對象 7.整個攝像頭統一對象
  4. 對象追蹤 呈現在平板上 圖標 箭頭 標註 光環 α混合 尺寸 長度
  5. 有形的視頻泡沫既作為 容器,用於兒童的表達式, 錄製的視頻通過擠壓和拉伸 身體。
  6. 一個標準的USB攝像頭配有一個窺視孔鏡頭