Invisible Web UI/UX ?

Jonghong JeonETRI, SRC

Email: hollobit@etri.re.kr Blog: http://mobile2.tistory.com

http://twitter.com/hollobit

http://www.etri.re.kr

2

In The Beginning .....

World Wide Web (Tim Berners-Lee, 1989) universe of network-accessible information anyone, anywhere, anytime Client to server interactions

3

Evolution of World Wide Web

The era of “Internet of Things”

5

Technology Cycles

Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013

6

Computing Environment

Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013

Evolution of Web

8

Evolution of World Wide Web

2015?

9

Evolution of World Wide Web

1단계 (1989~1999) : 웹사이트의시대, HTML과 WAP HTML, URL, HTTP 라는 세 가지 기술에 기초한 웹 기술이 제안되고, 보다

나은 인간 중심의 정보처리 및 지식공유 등을 목표로 하는 단계

2단계 (2000~2004) : XML과 웹서비스, 시맨틱웹 XML(eXtensible Markup Language)에 기반하며 인간 중심의 정보 처리뿐 아

니라 다양한 디바이스와 서비스, 멀티미디어를 연결하는 것을 목표로 하는단계

3단계 (2005~2009) : 웹 2.0, 웹 플랫폼 시대의성장 구글, 아마존, 위키피디아 등의 성공과 함께 웹 산업을 제2의 전성기로 이

끌며 다양한 신규 서비스가 등장할 수 있는 기반을 마련

4단계 (2010~2014) : 웹 앱의 시대, 모바일과 N-Screen 시대 스마트 폰 및 태블릿 등 다양한 모바일 기기들을 대상으로 HTML5와 Web

API를 통해 한 단계 진화된 웹 응용 환경을 제공하며, 위치정보 및 소셜 정보 등을 결합하는 통합 응용 플랫폼으로서 웹이 자리잡아 가는 단계

5단계 (2015~ ) : Web of Things의 시대

10

Evolution of Web Connectivity (1/2)

Source: http://www.w3.org/2013/Talks/dhm-wot/#/connectivity

11

Evolution of Web Connectivity (2/2)

XHR

12

Web Platform Technology

Web Services Platform Technology(Web Resources)

Web Client Platform

Technology

Web Server Platform

Technology

13

Web Platform Architecture

Next Web UI/UX ?

15

Evolution of Web UI

Gopher

Keyboard

1차원Link

Mosaic

Mouse

2차원Link

PCIE

Mouse

Event

Mobile

Touch

Sensing

1995 2000 2005 2010

Things

NUI

Sensing &

Context

2015

16

NUI and Web

Source : 이정헌, 스마트 UI/UX 기술 동향

Touch Event

Web Speech Voice Browsing

Device APIsSystem APIs

17

APIs for Hardware & Sensors

GeolocationMotion sensorsBattery StatusProximity sensorsAmbient Light sensorHumidity sensorCamera & Microphone

streamsNFCSerial

BluetoothWiFiNetwork InformationSystem Settings

18

Web Speech API

https://www.youtube.com/watch?v=qRolXPWqCSo

19

Future Web Speech Application ?

https://www.youtube.com/watch?v=TbJldUklxzs

20

From Multi Screen To Non-Screen Multi Devices

21

Web Technology for Smart Accessories

22

Future Web Interface ?

23

JS based Invisible Web ?

WigWag & DeviceJS

24

Rule based Invisible Web ?

25

Context based Invisible Web ?

http://www.youtube.com/watch?v=c3h0eKGfUfI

26

Conversation with Things

27

Conclusions – Social Web of Things

http://www.youtube.com/watch?v=i5AuzQXBsG4

28

29

Conclusions

Web of Things UI/UXInvisible Web UIActive Web UI

30

JongHong Jeon (hollobit@etri.re.kr) +82-42-860-5333

http://mobile2.tistory.com/mhttp://twitter.com/hollobit