Automotive Linux Summit 2011HTML5 Technology :Past, present andfuture                               Ethan Coh             ...
Prologue
40 years
20 years
All of the technology required to transform industriesthrough software finally works and can      be deliveredat global sc...
Over 2 billion         Up from 50 million a decade ago
At least5 billion        people to own smartphones in the next ten years,giving every individual with such a phone instant...
What about automobiles… ?
Software, software… and software
World Wide Web                 PAGE 12
W3C, NeXT, Tim Berners-Lee and Steve Jobs                                    Tim Berners-Lee                              ...
HTML (HyperText Markup Language)                                                      - First created and developed by    ...
Tim Berners-Lee, “Reinventing HTML”          - Proposes a new working group to evolve HTML incrementally.          http://...
The Web Hypertext Application Technology Working Group (WHATWG) is a community ofpeople interested in evolving HTML and re...
A brief history of HTML     HTML 1.0     03.1993     HTML 2.0     11.1995     HTML 3.0     04.1996     HTML 3.2     01...
Market Status
Adobe to STOP work on Mobile Flash,                                        concentrate on HTML5                           ...
Will there be a Silverlight 6 (anddoes it matter) ? Source : http://www.zdnet.com/blog/microsoft/will-there-be-a-silverlig...
Rapid growth in number of internet-connected devices                                                       more…          ...
Source : ITU, Mark Lipacis, Morgan Stanley Research                                                      PAGE 22
An interesting thing is that smartphone usage is about data, not voice anymore.                                           ...
Contents & ServicesMobile Phone                                PAGE 24
Different hardware,Different operating systems,Different languages…                                                       ...
There’s a problem…                     PAGE 26
PAGE 27
Different hardware,                          High cost to support various platforms    Different operating systems,       ...
Why wasn’t there a talk about N-Screen back then ?                                                     PAGE 29
Actually, there was a need for N-Screen back then as well.The main difference between now and then is network connectivity...
Fast Web Innovation                      PAGE 31
The Web is also getting faster                                 Source: Brad Neuberg                                       ...
Over the past year, web pages have become…                              626 kB  784 kBAverage 25%                        ...
Average web page size, Nov 2010 vs. Nov 2011                     Data source: The HTTP Archive, based on the top 1k sites ...
Size increase per content type (Nov 2010 – Nov 2011)                           Data source: The HTTP Archive, based on the...
Why has JavaScript usage seemingly           exploded ?                                     PAGE 36
What is HTML5 ?
What is HTML5 ?Structure and Semantic      APIs                                   PAGE 38
Offline &     Device Semantic    Storage       Access        ConnectivityMultimedia      3D,      Performance      CSS3   ...
HTML5 features       Web Form    •     new features allow for better input control and validation.    •     new input typ...
HTML5 features Multimedia  •       Canvas      ▫     canvas element uses JavaScript to draw graphics on a web page      ▫...
HTML5 key features     Web Form         Web SQL Database     Canvas / SVG     Local storage     Video / Audio    Web...
Quake 2 GWT Port                   Source : http://code.google.com/p/quake2-gwt-port/                                     ...
WebGL 3D Graphics + HTML5 DemoSource : http://mrdoob.com/97/Depth_of_Field   Source : http://mrdoob.com/137/Voxels_liquid ...
Video + Canvas Demo   Source : http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/  ...
So why is HTML5 better than plain ol’HTML?                                      PAGE 46
Some design principles include :                    It’s backwards compatible.                                            ...
Better error handling.                         PAGE 48
It’s designed for practical use.                                   PAGE 49
Better rich media support.                             PAGE 50
HTML5 vs. plain ol’HTML It’s backwards compatible. It won’t break in older browsers which means it won’t break your old ...
Web technologies have becomepowerful enough that they are used to build “full-featured applications”                      ...
Why HTML5for automobiles ?
Build on something bigger than automotive...                                               PAGE 54
Ecosystem            PAGE 55
Standards            PAGE 56
Flexibility              PAGE 57
Branding           PAGE 58
Lifespan           PAGE 59
Time to market                 PAGE 60
Powerful           PAGE 61
Cross-platform                 PAGE 62
Why HTML5 for automobiles ?Build on something bigger than automotive... Ecosystem – developers, tools, companies Standar...
VRM : On-demand diagnostics, Vehicle information Management, Device Link- Automotive device API  Define API standard for ...
HTML5 used in automobiles Demo                                 PAGE 65
Open Market Ecosystem    TVGame consoles                                   GameMobile                                     ...
Security issues onSecurity is a nightmareThe fundamental problem with client-side computing is that the user ultimately ha...
Future of HTML                 http://html11.org                                     PAGE 68
About us Mobile                                                                           Service Operation               ...
Contact us    Ethan Coh    Ethan.Coh@obigo.com    Technical Marketing    OBIGO, Inc.                          PAGE 70
HTML5 Technology : Past, Present and Future
HTML5 Technology : Past, Present and Future
Upcoming SlideShare
Loading in...5
×

HTML5 Technology : Past, Present and Future

956

Published on

Presented in Automotive Linux Summit 2011 Yokohama, Japan.
Nov 28, 2011

Published in: Technology
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
956
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

HTML5 Technology : Past, Present and Future

  1. 1. Automotive Linux Summit 2011HTML5 Technology :Past, present andfuture Ethan Coh Nov 2011
  2. 2. Prologue
  3. 3. 40 years
  4. 4. 20 years
  5. 5. All of the technology required to transform industriesthrough software finally works and can be deliveredat global scale.
  6. 6. Over 2 billion Up from 50 million a decade ago
  7. 7. At least5 billion people to own smartphones in the next ten years,giving every individual with such a phone instant access to the full powerof the internet, every moment of every day.
  8. 8. What about automobiles… ?
  9. 9. Software, software… and software
  10. 10. World Wide Web PAGE 12
  11. 11. W3C, NeXT, Tim Berners-Lee and Steve Jobs Tim Berners-Lee Born : 8 June, 1955Worlds first-ever web site and web server, running on a NeXTcomputer at CERN. The first web page address washttp://info.cern.ch/hypertext/WWW/TheProject.html PAGE 13
  12. 12. HTML (HyperText Markup Language) - First created and developed by Tim Berners-Lee in 1989. - HTML 2.0, HTML 3.2 and then HTML 4.01 in 1999 was major driving momentum in internet industry.However…In 2002, newly developed XHTML 1.0 and XHTML 2.0 standards were turned away by the industry. PAGE 14
  13. 13. Tim Berners-Lee, “Reinventing HTML” - Proposes a new working group to evolve HTML incrementally. http://dig.csail.mit.edu/breadcrumbs/node/166Reinventing HTML or,Yes we admit it, XHTML failed. PAGE 15
  14. 14. The Web Hypertext Application Technology Working Group (WHATWG) is a community ofpeople interested in evolving HTML and related technologies. The WHATWG was founded byindividuals from Apple, the Mozilla Foundation and Opera Software in 2004 PAGE 16
  15. 15. A brief history of HTML HTML 1.0 03.1993 HTML 2.0 11.1995 HTML 3.0 04.1996 HTML 3.2 01.1997 HTML 4.0 12.1997 HTML 4.01 12.1999 Currently widely used HTML XHTML 1.0 01.2000 HTML + XML XHTML 1.1 05.2001 XHTML 2.0 07.2006 No backward compatibility PAGE 17
  16. 16. Market Status
  17. 17. Adobe to STOP work on Mobile Flash, concentrate on HTML5 If you can’t beat’em, join’em.Source : http://www.zdnet.com/blog/perlow/exclusive-adobe-ceases-development-on-mobile-browser-flash-refocuses-efforts-on-html5-updated/19226?tag=content;siu-container PAGE 19
  18. 18. Will there be a Silverlight 6 (anddoes it matter) ? Source : http://www.zdnet.com/blog/microsoft/will-there-be-a-silverlight-6-and-does-it-matter/11180 PAGE 20
  19. 19. Rapid growth in number of internet-connected devices more… PAGE 21
  20. 20. Source : ITU, Mark Lipacis, Morgan Stanley Research PAGE 22
  21. 21. An interesting thing is that smartphone usage is about data, not voice anymore. PAGE 23
  22. 22. Contents & ServicesMobile Phone PAGE 24
  23. 23. Different hardware,Different operating systems,Different languages… Java C, C++ Objective C source: http://www.asymco.com PAGE 25
  24. 24. There’s a problem… PAGE 26
  25. 25. PAGE 27
  26. 26. Different hardware, High cost to support various platforms Different operating systems, (Contents & service provider) Different languages… “Even Google was not rich enough to support all of the different mobile platforms from Apple’s App Store to those of the BlackBerry, Windows Mobile, Android and the many variations of the Nokia platform” - Vic Gundotra, Google Engineering VP“Web apps are now able to go offline, and they can have richer graphics thanks to HTML5”. “It’s getting similar to app frameworks”. PAGE 28
  27. 27. Why wasn’t there a talk about N-Screen back then ? PAGE 29
  28. 28. Actually, there was a need for N-Screen back then as well.The main difference between now and then is network connectivity. N-Screen is in connected life style. PAGE 30
  29. 29. Fast Web Innovation PAGE 31
  30. 30. The Web is also getting faster Source: Brad Neuberg PAGE 32
  31. 31. Over the past year, web pages have become… 626 kB  784 kBAverage 25% bigger in size PAGE 33
  32. 32. Average web page size, Nov 2010 vs. Nov 2011 Data source: The HTTP Archive, based on the top 1k sites PAGE 34
  33. 33. Size increase per content type (Nov 2010 – Nov 2011) Data source: The HTTP Archive, based on the top 1k sites PAGE 35
  34. 34. Why has JavaScript usage seemingly exploded ? PAGE 36
  35. 35. What is HTML5 ?
  36. 36. What is HTML5 ?Structure and Semantic APIs PAGE 38
  37. 37. Offline & Device Semantic Storage Access ConnectivityMultimedia 3D, Performance CSS3 Graphics, & integration Styling Effects PAGE 39
  38. 38. HTML5 features Web Form • new features allow for better input control and validation. • new input type(email, url, number, range, date pickers, search, color, etc) Web worker • Allows Web application authors to spawn background workers running scripts in parallel to their main page. • Thread-like operation with message-passing as the coordination mechanism. Web socket • Enables Web pages to use the WebSocket protocol for two-way communication with a remote host. PAGE 40
  39. 39. HTML5 features Multimedia • Canvas ▫ canvas element uses JavaScript to draw graphics on a web page ▫ draws graphs from any data source, such as a table • Video& Audio ▫ Most video/audio are played through a plug-in such like flash. Not all browsers have the same plug-ins. ▫ Standard way to include video/audio, with html element. • SVG ▫ SVG is XML Based 2D Vector graphic language PAGE 41
  40. 40. HTML5 key features  Web Form  Web SQL Database  Canvas / SVG  Local storage  Video / Audio  Web Socket  Geolocation  Web Workers PAGE 42
  41. 41. Quake 2 GWT Port Source : http://code.google.com/p/quake2-gwt-port/ PAGE 43
  42. 42. WebGL 3D Graphics + HTML5 DemoSource : http://mrdoob.com/97/Depth_of_Field Source : http://mrdoob.com/137/Voxels_liquid PAGE 44
  43. 43. Video + Canvas Demo Source : http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/ PAGE 45
  44. 44. So why is HTML5 better than plain ol’HTML? PAGE 46
  45. 45. Some design principles include : It’s backwards compatible. PAGE 47
  46. 46. Better error handling. PAGE 48
  47. 47. It’s designed for practical use. PAGE 49
  48. 48. Better rich media support. PAGE 50
  49. 49. HTML5 vs. plain ol’HTML It’s backwards compatible. It won’t break in older browsers which means it won’t break your old websites. Better error handling. So doesn’t expose errors to the user - making you and your website a better experience for users. It’s designed for practical use. All new features must be justified based on real world problems. Better rich media support. Features that are being used today such as graphics-on-the-fly, audio, video and better supportfor JavaScript which used to be hard to achieve without a lot of expensive development work. PAGE 51
  50. 50. Web technologies have becomepowerful enough that they are used to build “full-featured applications” PAGE 52
  51. 51. Why HTML5for automobiles ?
  52. 52. Build on something bigger than automotive... PAGE 54
  53. 53. Ecosystem PAGE 55
  54. 54. Standards PAGE 56
  55. 55. Flexibility PAGE 57
  56. 56. Branding PAGE 58
  57. 57. Lifespan PAGE 59
  58. 58. Time to market PAGE 60
  59. 59. Powerful PAGE 61
  60. 60. Cross-platform PAGE 62
  61. 61. Why HTML5 for automobiles ?Build on something bigger than automotive... Ecosystem – developers, tools, companies Standards – no vendor lock-in Flexibility – fluid deployment and architectures Branding – brand same app on different cars with CSS Lifespan – will be supported for long time Time to market – easy to use and leverage Powerful – rich application environment Cross-platform – deploy apps on phones and car PAGE 63
  62. 62. VRM : On-demand diagnostics, Vehicle information Management, Device Link- Automotive device API  Define API standard for automobiles. Status & diagnostic check API for Device Link API (Voice recognition, TTS)- Applications Link to authorized service centers Customized presets for automobiles according to different weather conditions and time of day (lights,air conditioning, windscreen wiper etc.) Car diagnostic program PAGE 64
  63. 63. HTML5 used in automobiles Demo PAGE 65
  64. 64. Open Market Ecosystem TVGame consoles GameMobile (Content Providers) News Car Life (Developers) Entertainment Tablet ... (Cloud service) PC PAGE 66
  65. 65. Security issues onSecurity is a nightmareThe fundamental problem with client-side computing is that the user ultimately has control over thecode running on the machine. In the case of Web apps, when your browser comes with a great debuggingtool, this control is easier than ever to abuse.Local data can be manipulatedWeb developers also need to worry about the security of the local database. While there are no toolsthat make it easy for a user to edit the local data and upgrade their privileges, theres no way for thecentral server to prevent it. All of the security holes introduced by letting the user tweak the JavaScriptcode affect the databases, too. Theyre wide open and waiting for someone to write a Greasemonkeyscript or some native code to change the data. PAGE 67
  66. 66. Future of HTML http://html11.org PAGE 68
  67. 67. About us Mobile Service Operation • App Store Operation • Contents Sourcing • Technical SupportSmart TV Product Service Web-based • HTML5 Web Platform • Web Applications - Browser • Android Launcher - Web Runtime • Web ServiceAutomotive - Device API Extension SoC  SoC SW Solutions - Browser / Widget Runtime - MMS / E-mail / AMS PAGE 69
  68. 68. Contact us Ethan Coh Ethan.Coh@obigo.com Technical Marketing OBIGO, Inc. PAGE 70

×