This is the presentation on HTML5, the newer version of HTML. I've discussed only the 5 new features of the HTML5 & they are 1.Canvas/SVG 2.Video 3.Geolocation 4.App cache & Database 5.Web Workers

1. Presentation On HTML5 By: Debidatta Regd. No: 0711012073

2. What is HTML? Hyper Text Markup Language Text: A sequential form of characters in human understandable form Hyper Text: Which is not constrained to be linear

4. Geolocation Graphics Speed Storage

5. HTML 5: A Chance to Do Things Differently HTML 5: A Chance to Do Things Differently HTML 5: A Chance to Do Things Differently : A Chance to Do Things Differently

6. Canvas/ Video Geolocation App Cache & Web SVG Database Workers

7. Until Recently, You Couldn’t Draw on the Web

8. Graphics are not Interactive

9. The Usual Options Do This... VML Flash Silverlight

12. Canvas Element The canvas element provides a straight and powerful way to draw arbitrary graphics in a web page using java script.

13. Advantage 3-D view in the web Big in texture-Game Graphics The graphics loaded into the CPU in less than 10% time

14. When Canvas or SVG? SVG -> –High level –Import/Export –Easy UIs –Interactive –Medium Animation –Tree of objects Canvas -> –Low level –No mouse interaction –High Animation –JS Centric –More Bookkeeping –Pixels

15. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database workers

16. Canvas/ Video Geolocation App Cache & Web SVG Database Workers

17. Video is Complicated, and Outside Your Control

18. // HTML 5 makes <video> as easy as <img>

21. Canvas/ Video Geolocation App Cache & Web SVG Database Workers

22. Life’s Better with Location Places 2.8 mi Social Ads CRM Games Photos 2.1 mi 1.1 mi 500 ft 20 ft 75 ft

23. But GPS & IP aren’t good enough… Too slow Too constrained Too fuzzy

26. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database workers

27. Canvas/ Video Geolocation App Cache & Web SVGDatabase Workers

28. Web cache & Database Store what you need locally to make applications faster.

29. // database and app cache store user data and app resources locally

30. Web Apps Need to Work Everywhere

31. Database

32. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database workers

33. Canvas/ Video Geolocation App Cache & Web SVG Database Workers

34. A More Powerful Web == More Powerful Apps

35. But More Power == More Responsibility I will not hose the browser with JavaScript I will not hose the browser with JavaScript I will not hose the browser with JavaScript I will not hose the browser with JavaScript I will not hose the browser with JavaScript I will not hose the browser with JavaScript

36. HTML 5 Support Chrome Firefox Safari Opera canvas/SVG video geolocation app cache database workers

37. QUESTIONS