Invisible Web UI/UX ?

2,175 views

Published on

HCI 2014 학술대회에 패널로 열렸던 "사물들을 연결하는 Invisible Web UI/UX" 세션에서 기조 발표를 했던 자료입니다. 이 발표에서 하고자 했던 질문은 하나였습니다.

IoT 시대의 웹 UI/UX는 어떻게 진화해야 할 것인가 ? 브라우저가 없는 Invisible Web UI/UX 환경은 올것인가 ?

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,175
On SlideShare
0
From Embeds
0
Number of Embeds
55
Actions
Shares
0
Downloads
49
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Invisible Web UI/UX ?

  1. 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. 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. 3. Evolution of World Wide Web 3
  4. 4. The era of “Internet of Things”
  5. 5. Technology Cycles 5 Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013
  6. 6. Computing Environment 6 Source: Mary Meeker, INTERNET TRENDS D11 CONFERENCE , 2013
  7. 7. Evolution of Web
  8. 8. Evolution of World Wide Web 2015? 8
  9. 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. 10. Evolution of Web Connectivity (1/2) 10 Source: http://www.w3.org/2013/Talks/dhm-wot/#/connectivity
  11. 11. Evolution of Web Connectivity (2/2) XHR 11
  12. 12. Web Platform Technology Web Services Platform Technology (Web Resources) Web Client Platform Technology 12 Web Server Platform Technology
  13. 13. Web Platform Architecture 13
  14. 14. Next Web UI/UX ?
  15. 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. 16. NUI and Web Touch Event Web Speech Voice Browsing Device APIs System APIs 16 Source : 이정헌, 스마트 UI/UX 기술 동향
  17. 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. 18. Web Speech API https://www.youtube.com/watch?v=qRolXPWqCSo 18
  19. 19. Future Web Speech Application ? https://www.youtube.com/watch?v=TbJldUklxzs 19
  20. 20. From Multi Screen To Non-Screen Multi Devices 20
  21. 21. Web Technology for Smart Accessories 21
  22. 22. Future Web Interface ? 22
  23. 23. JS based Invisible Web ? WigWag & DeviceJS 23
  24. 24. Rule based Invisible Web ? 24
  25. 25. Context based Invisible Web ? 25 http://www.youtube.com/watch?v=c3h0eKGfUfI
  26. 26. Conversation with Things 26
  27. 27. Conclusions – Social Web of Things 27 http://www.youtube.com/watch?v=i5AuzQXBsG4
  28. 28. 28
  29. 29. Conclusions Web of Things UI/UX Invisible Web UI Active Web UI 29
  30. 30. JongHong Jeon (hollobit@etri.re.kr) +82-42-860-5333 http://mobile2.tistory.com/m http://twitter.com/hollobit 30

×