Invisible Web UI/UX ?
-
Upload
jonathan-jeon -
Category
Technology
-
view
1.479 -
download
0
description
Transcript of Invisible Web UI/UX ?
Invisible Web UI/UX ?
Jonghong JeonETRI, SRC
Email: [email protected] 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 ([email protected]) +82-42-860-5333
http://mobile2.tistory.com/mhttp://twitter.com/hollobit