2013년 html5 총정리 (Summary of HTML5 Trend in 2013)

  • 16,939 views
Uploaded on

This slides give the trend for HTML5 Industry, W3C Standards, and Browser vendors in 2013.

This slides give the trend for HTML5 Industry, W3C Standards, and Browser vendors in 2013.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
16,939
On Slideshare
0
From Embeds
0
Number of Embeds
27

Actions

Shares
Downloads
187
Comments
8
Likes
50

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 2013 년 HTML5 총정리 이 원 석 ( 삼성전자 ) / W3C HTML5 KIG 의장 / W3C System Applications WG 의장 Twitter: @wonsuk73
  • 2. HTML5 업 계 동 향 은 ?
  • 3. Jan. 2013 No WebRTC in IE11? <source: http://gigaom.com/2013/01/17/microsoft-cu-webrtc-prototype/ >
  • 4. Jan. 2013 <source: http://blog.chromium.org/2013/02/hello-firefox-this-is-chrome-calling.html >
  • 5. Jan. 2013 <source: http://www.pocket-lint.com/news/119041-opera-ice-new-webkit-browser >
  • 6. Jan. 2013 ● ● ● Chrome 25 Beta Released: Introduces Content Security Policy, Shadow DOM, and Web Speech API PhoneGap 2.3.0 Released Chrome For Android Gets A Beta Channel For Early Adopters And Testers ● Web MIDI API: W3C Editor's Draft ● Microsoft Pushes Ahead With Its Own Take On WebRTC ● ● Opera Ice: A New WebKit-based Browser for Android and iPhone (coming February) PolyCrypt: A WebCrypto API Polyfill Funded by the US Department of Homeland Security
  • 7. Jan. 2013 ● Audio5js: The HTML5 Audio Compatibility Layer ● Developing A Responsive, Retina-Friendly Site ● ● ● ● ● Cross-Origin Resource Sharing (CORS) Spec Becomes W3C Candidate Recommendation Hello Firefox, This is Chrome Calling! Microsoft Launches modern.ie: Testing Made Easier in Internet Explorer New Roles for Brendan Eich at Mozilla Google Adds ARM Support to Native Client in Chrome 25
  • 8. Feb. 2013 <source: http://slashdot.org/story/13/02/12/014257/ >
  • 9. Feb. 2013 <source: http://www.mozilla.org/en-US/firefox/19.0/releasenotes/ >
  • 10. Feb. 2013 <source: http://www.paulirish.com/2013/webkit-for-developers/ >
  • 11. Feb. 2013 ● Opera Switches to WebKit and V8 (And Reaches 300 Million Users) ● Intel's Tool to Port Native iOS Code to HTML5 ● The CSS Grid Layout Spec Reaches W3C Editor's Draft ● W3C Declares DRM In-Scope For HTML ● Making the Move to HTML5 as a Console Game Developer ● Firefox 19 Released: Gets Built-in HTML5-powered PDF Reader ● Why Mozilla Matters ● 2012 into 2013: Web Standards in Perspective
  • 12. Feb. 2013 ● ● ● ● ● IE10 for Windows 7 Globally Available for Consumers and Businesses Google Releases Chrome 25 Intel Acquires AppMobi's HTML5 Developer Tools And Staff WebKit for Developers Opera Releases Beta Version of New WebKitpowered Android Browser
  • 13. Mar. 2013 <source: http://browserdiet.com/ >
  • 14. Mar. 2013 <source: http://ejohn.org/blog/asmjs-javascript-compile-target/ >
  • 15. Mar. 2013 <source: http://infrequently.org/2013/06/sfuturepromiseg/ >
  • 16. Mar. 2013 ● ● ● ● ● ● Browser Diet: A Practical Look At Losing Weight (In The Browser) First Rough Draft of the 'Web Components' Spec Released Mozilla Shows Off Powerful New Developer Tools for Firefox CanvasMark 2013: An HTML5 Canvas 2D Rendering and JavaScript Benchmark Chrome 26 Released: Spell Check Improvements, Multi-User Desktop Shortcuts On Windows, and More
  • 17. Mar. 2013 ● ● ● ● ● asm.js in Firefox Nightly Mozilla and Epic Games Bringing Unreal Engine 3 to the Web Mozilla and Samsung Collaborate on Next Generation Web Browser Engine Firefox 20: Improved Private Browsing and More WebRTC And HTML5 Features 'Futures' Added to the DOM Standard
  • 18. April 2013 <source: http://blog.chromium.org/2013/04/blink-rendering-engine-for-chromium.html >
  • 19. April 2013 <source: http://generatedcontent.org/post/47216611856/ie11 >
  • 20. April 2013 <source: http://techblog.netflix.com/2013/04/html5-video-at-netflix.html >
  • 21. April 2013 <source: http://news.cnet.com/8301-1023_3-57580221-93/its-about-time-runescape-dumpsjava-for-html5/ >
  • 22. April 2013 ● ● ● ● ● Blink: A Rendering Engine for The Chromium Project Chrome 27 Beta: A Speedier Web and New HTML5 Forms IE11: What We Know and What We Can Speculate What Does The Web Platform Need Next? Intel Announces 'XDK' HTML5 Development Environment
  • 23. April 2013 ● Netflix Plans Its Move From Silverlight to HTML5 Video ● RuneScape Dumps Java for HTML5 ● NCSA Mosaic 1.0 Released 20 Years Ago ● Addition of 'main' Tag to HTML5 Spec Due This Week ● The State Of HTML5 Video ● Bleeding Edge Firefox Feature Roundup
  • 24. May 2013 <source: https://brendaneich.com/2013/05/today-i-saw-the-future/ >
  • 25. May 2013 ● ● ● ● ● ● Two.js: Renderer-Agnostic 2D Drawing API for Modern Browsers Turbulenz Engine Goes Open Source The CSS Zen Garden Turns 10 Years Old and Reopens Today I Saw The Future: Video Codecs Built on Web Technologies Firefox 21 Released: Firefox Health Report, Scoped Stylesheets, and HTML5's 'main' Element Perspectives on 'Encrypted Media Extension' Reaching First Public Working Draft
  • 26. May 2013 ● Real-time Communication with WebRTC [video] ● Chrome 27 Arrives with 5% Faster Page Loads ● The Elusive Universal Web Bytecode ● ● ● WebRTC Is Growing Fast: Soon to Surpass One Billion Devices Google Has Already Removed 8.8M Lines Of WebKit Code From Blink Polymer: A New 'Web Components'-Based Library
  • 27. May 2013 ● ● Microsoft Teases Internet Explorer 11 WebGL Support on Vine Canvas Blending Is Now in Chrome Canary, WebKit Nightly and Firefox
  • 28. June 2013 <source: http://venturebeat.com/2013/06/05/pandoras-new-tv-web-app-brings-its-smartradio-service-to-xbox-360-ps3-smart-tvs/ >
  • 29. June 2013 <source: http://clb.demon.fi/html5scummvm/monkey/monkey.html >
  • 30. June 2013 ● ● ● ● ● 5 HTML5 JavaScript APIs to Keep An Eye On W3C Releases Updated Working Draft of HTML 5.1 Google Will Soon Launch Google Web Designer, A Free HTML5 Development Tool EFF Makes Formal Objection to DRM in HTML5 Why Pandora Wants to Grow Its Presence On Connected TVs with A New HTML5 App
  • 31. June 2013 ● ● ● Opera Features and the New Opera Release Cycle Optimizing your JavaScript game for Firefox OS HTML5 ScummVM: Play LucasArts Adventure Games in the Browser
  • 32. July 2013 <source: http://thenextweb.com/google/2013/07/09/chrome-28-arrives-with-rich-notificationsfor-apps-and-extensions-on-windows-mac-and-linux-coming-soon/ >
  • 33. July 2013 <source: https://hacks.mozilla.org/2013/07/web-audio-api-comes-to-firefox/ >
  • 34. July 2013 ● ● Introducing Internet Explorer 11 (Preview) Opera 15 (Now Based on Chromium/Blink) Released for Windows and Mac ● Chrome 28 Released: Powered by Blink ● The Web Audio API Comes to Firefox ● ● WebGL2: New, Experimental WebGL Implementation Built on OpenGL ES 3.0 Adobe PhoneGap 3.0 Released
  • 35. Aug. 2013 <source: http://services.w3.org/htmldiff?doc2=http://www.w3.org/TR/2013/CR-html520130806/ >
  • 36. Aug. 2013 <source: http://js13kgames.com/ >
  • 37. Aug. 2013 ● HTML5 Candidate Recommendation Updated ● Firefox 23 Released: The Release Notes ● ● ● js13kGames HTML5 and JavaScript Game Development Competition Launches jsPDF: HTML5 and JavaScript PDF Generator Introducing Brick: Minimal-markup Web Components for Faster App Development
  • 38. Sept. 2013 ● ● ● ● ● Treasure Arena: A Multiplayer HTML5 'Battle Arena' Game Firefox 24 for Android Gets WebRTC Support by Default A New Chrome for iOS 7: Better Google Apps Integration and Improved Voice Search Introducing the Qt WebEngine, Powered by Blink Phaser 1.0: A Desktop and Mobile HTML5 Game Framework
  • 39. Oct. 2013 <source: hhttp://techcrunch.com/2013/09/30/google-launches-web-designer-a-visual-tool-forbuilding-interactive-html5-sites-and-ads/ >
  • 40. Oct. 2013 ● ● ● ● ● ● Google Launches 'Web Designer' HTML5 Creation Tool HTML5-based Flash Player (Shumway) Lands in the Mozilla Firefox Codebase Internet Explorer Has No Plans to Support Web Components Yet Firefox 25 Released: The Web Audio API Goes Mainstream Preview CanIUse.com's New Features Good News for H.264 Video Support in Firefox, Thanks to Cisco
  • 41. Nov. 2013 <source: https://blog.mozilla.org/futurereleases/2013/11/26/chrome-and-opera-optimize-formozilla-pioneered-asm-js/ >
  • 42. Nov. 2013 ● ● ● ● ● ● Opera Desktop 18 Released: Introduces WebRTC Support IE11 for Windows 7 Now Globally Available Using Chrome DevTools to Improve Your Mobile Workflow Chrome and Opera Optimize for MozillaPioneered Asm.js The New HTML5Test is Here Chrome DevTools for Mobile: Screencasting Devices to Desktop and Mobile Emulation
  • 43. Dec. 2013 <source: http://www.gizmodo.com.au/2013/12/report-google-is-planning-chrome-appsupport-for-android-and-ios/ >
  • 44. Dec. 2013 ● Report: Google Planning Chrome App Support For Android And iOS
  • 45. W3C HTML5 표 준 화 동 향 ?
  • 46. 2013 Headlights projects in W3C ● Web Payments – – ● Payments Task Force Web Payment APIs HTML5 Performance – Web Performance WG and Performance Task Force – Identifying the performance issues ● ● Where are the bottlenecks? Closing the Gap with Native – Core Mobile Web Platform ("Coremob") Community Group in 2012 – Web and Mobile Interest Group in 2013
  • 47. Web-based operating systems ● W3C launched the System Applications Working Group in October 2012 – – Runtime & Security Model, App URI, Task Scheduler, Contacts, Messaging, Telephony, Raw Sockets – ● Define a runtime environment, security model, and associated APIs for building Web applications with comparable capabilities to native applications Application Lifecycle and Events(based on ServiceWorker) Web Applications Working Group plans to take up work on a JSON-based manifest format – Manifest for Web Applications
  • 48. Packaging and Offline Use ● ● ● HTML5 App cache is widely deployed However, the community has concluded it does not address enough use cases later moved to the Web Applications Working Group. Discussions started in the Fixing Application Cache Community Group – That group has recently begun work on use cases for the next generation of App Cache and a JSON-based packaging format
  • 49. Performance ● ● ● ● ● For some applications, developers turn to native for high performance Developers surveyed earlier this year indicated "they are optimistic and think it’s just a matter of time for [Web] run-times to meet their needs” W3C proposed to recharter the group with a new set of priorities discussed at the November 2012 Workshop on Web Performance Performance Task Force, part of Headlights 2013, is taking a look at performance beyond individual specifications
  • 50. Security ● The Web Application Security Working Group – Candidate Recommendations of Cross-Origin Resource Sharing – Candidate Recommendations of Content Security Policy 1.0
  • 51. Payments ● ● ● ● Open Web Platform does not yet offer standard ways to transfer money, demonstrate proof-ofpurchase, and meet other payment needs Without a standard, developers are forced to turn to native platforms, or use solutions that work for one service provider but not another Web Payments Community Group Payments Task Force for Headlights 2013 is looking at opportunities and challenges for Webbased payments
  • 52. HTML5 Extension Specifications ● Encrypted media extensions – W3C received a petition with more than 20,000 signatures requesting the work be dropped ● Media source extensions ● srcset attribute ● picture element ● TextTrackRegion API ● Ruby markup extensions ● extra
  • 53. Interoperability ● ● ● ● Many W3C Working Groups create test suites (for instance, as part of Candidate Recommendation), but more is needed. W3C has launched a comprehensive test program for the Open Web Platform Test the Web Forward event Create a common infrastructure for W3C groups and foster community so that it is easier to write and submit tests, run tests, display results, understand where tests are needed, and prioritize test development.
  • 54. Awesome features in HTML5 ● Web Components – ● Templates, Decorators, Custom Elements, Shadow DOM, Imports WebRTC – P2P connection, P2P data API and DTMF, Media stream API ● Web Audio API ● CSS – Regions, Exclusions, Shapes, Filter effects, ...
  • 55. Wrap up! ● Browser/Web OS & W3C – close the gap with Native – Fast developing awesome features – e.g. WebRTC, Web Components, EME, MSE, Web Audio, Crypto API, CSS filter, masking, regions, exclusions, shapes, flexbox, … ● ES6 – promise, ... Keep enhancing performance ● CG, GPU, Rendering, Loading Time(ServiceWorker?), … Dev. Tools ● ● – – Performance profiler: Chrome tracing – Loading Time profiler: WebPage Test – HTML5 Cross Browser Polyfills – ● Mobile support, port forwarding, A lot of video lectures from the Web App/Service development – Game, Multimedia services, ...