What I saw at the W3C HTML 5 CT Forum, 2016 in Seoul

1.
W3C HTML5 Conference -
4차 산업혁명, 인공지능,
그리고 웹
+ HTML5 CT Forum
/김민준
x 2016 Fall

2. The 4th Industrial Revolution?
2
2
January 14th, World Economic Forum
“현재 7세 이하 어린이가 사회에 나가 직업을 선택할 때가 되면
65%는 지금은 없는 직업을 갖게 될 것"
• 1차 산업 혁명: 물과 증기동력을 이용한 생산의 기계화
• 2차 산업 혁명: 전기를 이용한 대량 생산
• 3차 산업 혁명: 전자기기와 IT를 이용한 생산의 자동화
• 4차 산업 혁명: 물리적, 디지털, 생물학적 공간의 융합
인공지능이 갖고오는 엄청난 변화
https://www.weforum.org/agenda/2016/01/the-fourth-industrial-revolution-what-it-means-and-how-to-respond/

3. The 4th Industrial Revolution & The Web
3
3
A.I.
Web
1 2 3 4
1 2 3 4
Problem Solving Expert Systems Cognitive AI
Recognition
Classification
Strong AI
Web 1.0 Web 2.0
Statistical
Web 3.0 Web 4.0
Read-only Read-Write Read-Write-Execute
(Semantic)
plug-ins modern, mobile

4. The 4th Industrial Revolution & The Web
4
4
A.I.
Web
1 2 3 4
1 2 3 4
Problem Solving Expert Systems Cognitive AI
Recognition
Classification
Strong AI
Web 1.0 Web 2.0
Statistical
Web 3.0 Web 4.0
Read-only Read-Write Read-Write-Execute
(Semantic)
Web technologies are combining with A.I.
to provide better services
plug-ins modern, mobile

5. The 4th Industrial Revolution & The Web
5
5
A.I.
Web
1 2 3 4
1 2 3 4
Problem Solving Expert Systems Cognitive AI
Recognition
Classification
Strong AI
???
Web 1.0 Web 2.0
Statistical
Web 3.0 Web 4.0
Read-only Read-Write Read-Write-Execute
(Semantic)
plug-ins modern, mobile
???

6. The 4th Industrial Revolution & The Web
6
6
A.I.
Web
1 2 3 4
1 2 3 4
Problem Solving Expert Systems Cognitive AI
Recognition
Classification
Strong AI
Deep Learning + …
Web 1.0 Web 2.0
Statistical
Web 3.0 Web 4.0
Read-only Read-Write Read-Write-Execute
(Semantic)
plug-ins modern, mobile
IoT

7. The Physical Web
7
7
“The Physical Web is an open approach to enable quick and
seamless interactions with physical objects and locations.”

8. The Physical Web
8
8
Internet of Things? Physical Web?

9. The Physical Web
9
9
Internet of Things? Physical Web?

10. The Physical Web
10
10
Internet of Things? Physical Web?

11. The Physical Web
11
11
BLE Beacon + Scanner (Smartphone) + Proxy (URL) = The Physical Web
BLE Beacon
• 3~7초마다 “Eddystone” 형식의
URL을 주변으로 Broadcast
Scanner (Smartphone)
• 현재, Mobile Chrome 만을 이용해서
Physical Web 이용 가능
• 근처 BLE Beacon에서 broadcast 되는 URL 목록
• Beacon 근처에 가서 핸드폰을 켜면, 주변의 모든 Beacon들의 실시간 상황 및 정보를 볼 수 있음
• Location을 이용한 Search Query라고 생각하자
• 장점: 모바일 웹페이지를 앱처럼 이용하자

12. The Physical Web
12
12
Physical Web Page Example: MyStop (London)

13. The Physical Web
13
13

14. 14
14
How Do We Implement This?
JAVASCRIPT!!!!

15. How Do We Implement This?
15
15
JAVASCRIPT!!!!

16. Questions?
16
16
Thank You