0
Presentation On <br />HTML5<br />By: Debidatta<br />Regd. No: 0711012073<br />
What is HTML?<br />Hyper Text Markup Language<br />Text: A sequential form of <br />characters  in human understandable<br...
What is Markup?<br /><ul><li>Refers to the sequence of characters or </li></ul>other symbols <br /><ul><li>That you insert...
        Geolocation<br />              Graphics<br />      Speed<br /> Storage<br />
HTML 5: A Chance to Do Things Differently<br />HTML 5: A Chance to Do Things Differently<br />HTML 5: A Chance to Do <br /...
Canvas/                 Video         Geolocation    App Cache &        Web<br />SVG Database        Workers<br />
Until Recently, You Couldn’t Draw on the Web<br />
Graphics are not Interactive<br />
The Usual Options Do This...<br />         VML                Flash         Silverlight<br />
What is SVG?<br /><ul><li>Scalable Vector Graphics
Provides user to draw any graphics in the web</li></li></ul><li>ADVANTAGE:-<br />The IMAGE in the .svg format doesn’t dist...
Canvas Element<br />The canvas element provides a straight and powerful way to draw arbitrary graphics in a web page using...
Advantage<br />3-D view in the web<br />Big in texture-Game Graphics<br />The graphics loaded into the CPU in less than 10...
When Canvas or SVG?<br />SVG -> <br />–High level<br />–Import/Export<br />–Easy UIs<br />–Interactive<br />–Medium Animat...
HTML 5 Support<br /> Chrome             Firefox             Safari                Opera<br />canvas/SVG<br />video<br />ge...
Canvas/                 Video         Geolocation    App Cache &        Web<br />SVG Database        Workers<br />
Video is Complicated, and Outside Your Control<br />
// HTML 5 makes<br /><video> as easy<br />as <img><br />
What’s about video<br /><ul><li>Video in the browser is tough today because it’s about plug-ins. Now a new video tag.
 YouTube running entirely using the video tag .No Flash required. </li></li></ul><li>HTML 5 Support<br /> Chrome          ...
Canvas/                 Video         Geolocation    App Cache &        Web<br />SVG Database        Workers<br />
Life’s Better with Location<br />Places<br />2.8 mi<br />Social<br />Ads<br />CRM<br />Games<br />Photos<br />2.1 mi<br />...
But GPS & IP aren’t good enough…<br />Too slow<br />Too constrained<br />Too fuzzy<br />
Geolocation<br /><ul><li>All apps could be better with geolocation. Cell ID and WiFi solve the problem of getting the data.
They’ve mapped really the entire world. Again all the browsers but IE support this now. </li></li></ul><li>...And Browsers...
HTML 5 Support<br />   Chrome             Firefox             Safari                Opera<br />canvas/SVG<br />video<br />...
Canvas/                 Video         Geolocation App Cache &        Web<br />SVGDatabase        Workers<br />
Web cache & Database<br />Store what you need locally to make applications faster.<br />
// database and<br />app cache store<br />user data and<br />app resources<br />locally<br />
Web Apps Need to Work Everywhere<br />
Database<br />
HTML 5 Support<br /> Chrome             Firefox             Safari                Opera<br />canvas/SVG<br />video<br />ge...
Canvas/                 Video         Geolocation    App Cache &        Web <br />SVG Database        Workers<br />
A More Powerful Web == More Powerful Apps<br />
But More Power == More Responsibility<br />I will not hose the browser with JavaScript<br />I will not hose the browser wi...
HTML 5 Support<br /> Chrome             Firefox             Safari                Opera<br />canvas/SVG<br />video<br />ge...
QUESTIONS<br />
An introduction to html5 by Devs
An introduction to html5 by Devs
Upcoming SlideShare
Loading in...5
×

An introduction to html5 by Devs

838

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
838
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • So why web &amp; why HTML5?
  • 4 basics objective of modern web techs?
  • Normal bit
  • &lt;Scriptable image tag&gt;Can use java script to draw2D &amp; 3D context r used…
  • Transcript of "An introduction to html5 by Devs"

    1. 1. Presentation On <br />HTML5<br />By: Debidatta<br />Regd. No: 0711012073<br />
    2. 2. What is HTML?<br />Hyper Text Markup Language<br />Text: A sequential form of <br />characters in human understandable<br />form<br />Hyper Text: Which is not constrained<br />to be linear<br />
    3. 3. What is Markup?<br /><ul><li>Refers to the sequence of characters or </li></ul>other symbols <br /><ul><li>That you insert at certain Place in a text </li></ul>or word processing file, which can be <br />displayed.<br /><ul><li>Often called as “TAGS”</li></li></ul><li>
    4. 4. Geolocation<br /> Graphics<br /> Speed<br /> Storage<br />
    5. 5. HTML 5: A Chance to Do Things Differently<br />HTML 5: A Chance to Do Things Differently<br />HTML 5: A Chance to Do <br />Things Differently<br />: A Chance to Do Things Differently<br />
    6. 6. Canvas/ Video Geolocation App Cache & Web<br />SVG Database Workers<br />
    7. 7. Until Recently, You Couldn’t Draw on the Web<br />
    8. 8. Graphics are not Interactive<br />
    9. 9. The Usual Options Do This...<br /> VML Flash Silverlight<br />
    10. 10. What is SVG?<br /><ul><li>Scalable Vector Graphics
    11. 11. Provides user to draw any graphics in the web</li></li></ul><li>ADVANTAGE:-<br />The IMAGE in the .svg format doesn’t distort or pixilated.<br />
    12. 12. Canvas Element<br />The canvas element provides a straight and powerful way to draw arbitrary graphics in a web page using java script.<br />
    13. 13. Advantage<br />3-D view in the web<br />Big in texture-Game Graphics<br />The graphics loaded into the CPU in less than 10% time<br />
    14. 14. When Canvas or SVG?<br />SVG -> <br />–High level<br />–Import/Export<br />–Easy UIs<br />–Interactive<br />–Medium Animation<br />–Tree of objects<br />Canvas -> <br />–Low level<br />–No mouse interaction<br />–High Animation<br />–JS Centric<br />–More Bookkeeping<br />–Pixels<br />
    15. 15. HTML 5 Support<br /> Chrome Firefox Safari Opera<br />canvas/SVG<br />video<br />geolocation<br />app cache<br />database<br />workers<br />
    16. 16. Canvas/ Video Geolocation App Cache & Web<br />SVG Database Workers<br />
    17. 17. Video is Complicated, and Outside Your Control<br />
    18. 18. // HTML 5 makes<br /><video> as easy<br />as <img><br />
    19. 19. What’s about video<br /><ul><li>Video in the browser is tough today because it’s about plug-ins. Now a new video tag.
    20. 20. YouTube running entirely using the video tag .No Flash required. </li></li></ul><li>HTML 5 Support<br /> Chrome Firefox Safari Opera<br />canvas/SVG<br />video<br />geolocation<br />app cache<br />database<br />workers<br />
    21. 21. Canvas/ Video Geolocation App Cache & Web<br />SVG Database Workers<br />
    22. 22. Life’s Better with Location<br />Places<br />2.8 mi<br />Social<br />Ads<br />CRM<br />Games<br />Photos<br />2.1 mi<br />1.1 mi<br />500 ft<br />20 ft<br />75 ft<br />
    23. 23. But GPS & IP aren’t good enough…<br />Too slow<br />Too constrained<br />Too fuzzy<br />
    24. 24. Geolocation<br /><ul><li>All apps could be better with geolocation. Cell ID and WiFi solve the problem of getting the data.
    25. 25. They’ve mapped really the entire world. Again all the browsers but IE support this now. </li></li></ul><li>...And Browsers Are Now Location-Enabled<br />
    26. 26. HTML 5 Support<br /> Chrome Firefox Safari Opera<br />canvas/SVG<br />video<br />geolocation<br />app cache<br />database<br />workers<br />
    27. 27. Canvas/ Video Geolocation App Cache & Web<br />SVGDatabase Workers<br />
    28. 28. Web cache & Database<br />Store what you need locally to make applications faster.<br />
    29. 29. // database and<br />app cache store<br />user data and<br />app resources<br />locally<br />
    30. 30. Web Apps Need to Work Everywhere<br />
    31. 31. Database<br />
    32. 32. HTML 5 Support<br /> Chrome Firefox Safari Opera<br />canvas/SVG<br />video<br />geolocation<br />app cache<br />database<br />workers<br />
    33. 33. Canvas/ Video Geolocation App Cache & Web <br />SVG Database Workers<br />
    34. 34. A More Powerful Web == More Powerful Apps<br />
    35. 35. But More Power == More Responsibility<br />I will not hose the browser with JavaScript<br />I will not hose the browser with JavaScript<br />I will not hose the browser with JavaScript<br />I will not hose the browser with JavaScript<br />I will not hose the browser with JavaScript<br />I will not hose the browser with JavaScript<br />
    36. 36. HTML 5 Support<br /> Chrome Firefox Safari Opera<br />canvas/SVG<br />video<br />geolocation<br />app cache<br />database<br />workers<br />
    37. 37. QUESTIONS<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×