An introduction to html5 by Devs

  • 808 views
Uploaded on

This is the presentation on HTML5, the newer version of HTML. …

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
808
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
22
Comments
0
Likes
0

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
  • So why web & why HTML5?
  • 4 basics objective of modern web techs?
  • Normal bit
  • <Scriptable image tag>Can use java script to draw2D & 3D context r used…

Transcript

  • 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
  • 3. What is Markup?
    • Refers to the sequence of characters or
    other symbols
    • That you insert at certain Place in a text
    or word processing file, which can be
    displayed.
    • Often called as “TAGS”
  • 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
  • 10. What is SVG?
    • Scalable Vector Graphics
    • 11. Provides user to draw any graphics in the web
  • ADVANTAGE:-
    The IMAGE in the .svg format doesn’t distort or pixilated.
  • 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>
  • 19. What’s about video
    • Video in the browser is tough today because it’s about plug-ins. Now a new video tag.
    • 20. YouTube running entirely using the video tag .No Flash required.
  • HTML 5 Support
    Chrome Firefox Safari Opera
    canvas/SVG
    video
    geolocation
    app cache
    database
    workers
  • 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
  • 24. Geolocation
    • All apps could be better with geolocation. Cell ID and WiFi solve the problem of getting the data.
    • 25. They’ve mapped really the entire world. Again all the browsers but IE support this now.
  • ...And Browsers Are Now Location-Enabled
  • 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