The Web, after HTML5. Jonghong Jeon. 9 December 2015

Transcription

1 The Web, after HTML5 Jonghong Jeon 9 December

2 2

3 3

4 Agenda What s mean HTML5 is done Starting point Adaptation, Certification, Interoperability Challenge to the future STEP1: Toward Web Platform Web Platform WG Web Platform Incubator CG STEP2: Challenges Overcome the limitations of web - AF From Ideas to standards Emerging - Web of Things Emerging W2O, Multi Devices, Protocols Future Web 4

5 WHAT S MEAN HTML5 IS DONE 5

6 [1] Going to the One Web The HTML 5 DOCTYPE is now the most common, used on over 70% of pages XHTML 1.0 has dropped from 60% of pages in 2008, to fewer than 15% of web pages today HTML 4.01 has dropped from 20% of pages in 2008, to fewer than 3% of pages today LCWD CR REC Source: 6

7 [2] Starting Point for Interoperability REC Source: 7

8 [3] Next Challenges "Application Foundations for the Open Web Platform Security and Privacy Core Web Design and Development Device Interaction Application Lifecycle Media and Real-Time Communications Performance and Tuning Usability and Accessibility Services public Application Foundations wiki 8

9 STEP1: TOWARD WEB PLATFORM 9

10 Open Web Platform The Open Web Platform is the collection of open (royalty-free) technologies which enables the Web. 10

11 The HTML vs WebApps dilemma Web Core including HTML, DOM, UI Events, Selection, Clipboard, Editing, URL, WebIDL, IME, etc. Storage and Networking including IndexedDB, Push API, XHR, File API, File System API, Service Workers, Packaging, Manifest, Quota, Streams, etc. Web Components Shadow DOM, Custom Elements, data binding, etc. Media EME, MSE, transcript, track binding, etc. 11

12 Web Platform Working Group October 9, 2015 HTML WG + WebApps WG 12

13 Web Platform Incubator CG What we want to achieve Make it as easy as possible for developers to propose new platform features, in the spirit of the Extensible Web Manifesto. Provide a space where developers and implementers can discuss new platform features Incubations Accessible elements API Payment request Directory upload Image conversion extensions Input modality 13

14 STEP2: CHALLENGES 14

15 [1] Overcome the limitations of web 15

16 [1]One Web but many groups 16

17 [1] Application Foundations: A New Order? Security and Privacy Core Web Design and Development Device Interaction Application Lifecycle Media and Real-Time Communications Performance and Tuning Usability and Accessibility Services 17

18 [1] App Lifecycle Foundation Install Share Offline Manifest for Web apps Packaging Web content Application Cache (but not without issues) Service Worker? Background sync? Storage quota management? Upgraded storage (WHATWG) Notifications Local Notifications Push notifications (but open protocol missing)? Geo-based notifications (geofencing)? Scheduled tasks Hands-free usage? Wake-lock API Reduced resources usage Detect foreground activity - Page Visibility (Second Edition) Detect battery level More lifecyle events? App lifecycle and events (sysapps) Events vary from one device to another (e.g. cars) Key: Existing solution; in progress;? early/exploratory work; no active work 18

19 [1] Media & RTC: Media Distribution A/V rendering <audio> & <video> with HTMLMediaE lement API Multi-screen rendering (2nd Screen WG) Multi-audio output rendering (WebRTC/DAP)? Local Network Multimedia integration (DAP)? Cross-device sync (Web Timing CG) Color management A/V Processing Protected Media (EME) JS-based codecs A/V adjuncts SVG, CSS, canvas graphics Common animation timeline (CSS/WebApps) Captioning (WebVTT, TTML) In-band metadata? Transcripts (HTML Media Task Force)? Sync with any timed content (Web Timing CG) Media Control <audio> & >video> with HTMLM ediaelement API Media Keys (DOM 3 Keyboard events) Time-shift live broadcast with MediaStream recording Tuner control (TV control CG, Auto WG) Media Session (WhatWG) Media Transmission Chunk-based transmission (HTTP) Streaming via Media Source Extensions P2P CDN (WebRTC) Broadcast integration (TV control CG) Deeper network integration (WebMob) Key: Existing solution; in progress;? early/exploratory work; no active work 19

20 [2] From Ideas to standards Work together 20

21 [2] From Ideas to standards W3C TPAC Breakout 21

22 [2] From Ideas to standards W3C TPAC Breakout Web Platform Multi Devices/WoT Security/Paymen Web APIs Video CSS 22

23 [3] Emerging Web of Things Evolution of World Wide Web

24 [3] Emerging Web of Things 8 points of WoT Web As Interface RESTful, Data-JSON/XML Web As Integration Semantic Integration, Web Services, Linked Data Web As Internet Services Open Web API, Search/Commerce, Contents, Payment Web As Application Platform HTML5/Javascript, Device APIs, Offline Web As Protocol HTTP/2, WebSocket, SSE, XHR, WebRTC, WebPush Web As Identifier URI/IRI, URL Web As User Interaction O2O, Physical Web, Web Bluetooth Web As Universal Client Browser

25 [3] Emerging - Web of Things RESTful architecture & ROA 25

26 [3] Emerging Web of Things Half of connected devices will be small IoT devices (how we can bring those devices into the web ecosystem) We need to consider these small devices 26

27 [3] Emerging - Web of Things Will Javascript be the Language of IoT/WoT? 27

28 [4] Web Applications Among Devices Current works Presentation API Web Bluetooth API Web NFC API Sensors API 28

29 [4] Web Applications Among Devices The Presentation API Mechanism to request display of Web content on a second screen Browser used as mediator What could come next? Extension to non-screen devices (Web of Things) Synchronization across devices (Multi-Device Timing CG) Mechanism to author multi-device apps (CSS? Web components?) How to handle more than 2 screens at once Presentation Media "flinging" 29

30 [5] W2O: Web + Bluetooth 블루투스 LE 지원 BR/EDR 전용 API 지원 페어링처리 LE 메시지수신처리 LE 메시지송신처리 BR/EDR 통신방법 예외처리 서버역할지원 W3C FirefoxOS Chrome Tizen (Web API) ios Android (SDK) O O 1 O X O O O X O O O X 2 O O 5 기기객체가페어링여부확인 Promise 와 GATT 객체 GATT 속성별객체 전역아답터객체자동전역아답터객체자동자동 / 기기객체 Promise 와이벤트객체 GATT 속성별객체 LE 용 API 이용 Callback Function 3 종류및처리방법만제시 Promise 이용 Callback Function 블루투스전역객체 소켓기반통신 전역런타임에러객체 Callback Object N/A 소켓기반통신 에러콜백객체 Delegate Protocol 기기객체 / 전역매니저객체 LE 용 API 이용 콜백에에러객체전달 Callback Object (Java) 기기별 GATT 객체 소켓기반통신 Exception 객체 HyWAI 3.5 자동 Callback Function GATT 속성별객체 소켓기반통신 6 Promise 이용 X LE BR/EDR BR/EDR LE BR/EDR, LE BR/EDR 7, LE 1 기존 OS에는미탑재, API 표준논의중. 기존 OS에는승인된 Application만사용가능한 BR/EDR용 API만있음 2 Apple사의 MFi 프로그램을통해개발된기기들을중심으로한정적인지원 3 특정 Profile들만지원 : HFP, A2DP, 등 4 크롬 OS는소켓기반통신만지원. 5, 6, 7 ios기기는 BR/EDR 통신 API를지원하지않음. W2O: Web to Offline 30

31 [5] W2O: Web + Bluetooth

32 [5] W2O: Web + Bluetooth 32

33 [6] Protocol Enhancement 33

34 Conclusions: Direction Top 10 Strategic Technology Trends for 2016 (Gartner) 34

35 Conclusions: 10 points 35

36 Industry (TV, Car, Wearable, Pub ) Data Web Web Payment Multi Screen W2O Enhanced Protocols APIs WoT UI & UX Native Web Application Foundations Web Platform 36

37 JongHong Jeon