HCI 2014 학술대회에 패널로 열렸던 "사물들을 연결하는Invisible Web UI/UX" 세션에서 기조 발표를 했던 자료입니다. 이 발표에서 하고자 했던 질문은 하나였습니다. IoT 시대의 웹 UI/UX는 어떻게 진화해야 할 것인가 ? 브라우저가 없는 Invisible Web UI/UX 환경은 올것인가 ?

1. Invisible Web UI/UX ?
Jonghong Jeon
ETRI, 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
2

3. Evolution of World Wide Web
3

4. The era of “Internet of Things”

5. Technology Cycles
5
Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013

6. Computing Environment
6
Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013

7. Evolution of Web

8. Evolution of World Wide Web
2015?
8

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의 시대
9

10. Evolution of Web Connectivity (1/2)
10
Source: http://www.w3.org/2013/Talks/dhm-wot/#/connectivity

11. Evolution of Web Connectivity (2/2)
XHR
11

12. Web Platform Technology
Web Services Platform Technology
(Web Resources)
Web
Client Platform
Technology
12
Web
Server Platform
Technology

13. Web Platform Architecture
13

14. Next Web UI/UX ?

15. Evolution of Web UI
1995
2000
2005
2010
Gopher
Mosaic
PC
IE
Mobile
Things
Keyboard
Mouse
Mouse
Touch
NUI
Sensing
Sensing
&
Context
1차원
Link
15
2차원
Link
Event
2015

16. NUI and Web
Touch Event
Web Speech
Voice Browsing
Device APIs
System APIs
16
Source : 이정헌, 스마트 UI/UX 기술 동향

17. APIs for Hardware & Sensors
Geolocation
Motion sensors
Battery Status
Proximity sensors
Ambient Light sensor
Humidity sensor
Camera & Microphone
streams
NFC
Serial
17
Bluetooth
WiFi
Network Information
System Settings

18. Web Speech API
https://www.youtube.com/watch?v=qRolXPWqCSo
18

19. Future Web Speech Application ?
https://www.youtube.com/watch?v=TbJldUklxzs
19

20. From Multi Screen
To Non-Screen Multi Devices
20

21. Web Technology for Smart Accessories
21

22. Future Web Interface ?
22

23. JS based Invisible Web ?
WigWag & DeviceJS
23

24. Rule based Invisible Web ?
24

25. Context based Invisible Web ?
25
http://www.youtube.com/watch?v=c3h0eKGfUfI

26. Conversation with Things
26

27. Conclusions – Social Web of Things
27
http://www.youtube.com/watch?v=i5AuzQXBsG4

28. 28

29. Conclusions
Web of Things UI/UX
Invisible Web UI
Active Web UI
29

30. JongHong Jeon (hollobit@etri.re.kr)
+82-42-860-5333
http://mobile2.tistory.com/m
http://twitter.com/hollobit
30