• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
An introduction to html5 by Devs
 

An introduction to html5 by Devs

on

  • 957 views

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

Statistics

Views

Total Views
957
Views on SlideShare
957
Embed Views
0

Actions

Likes
0
Downloads
21
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • So why web & why HTML5?
  • 4 basics objective of modern web techs?
  • Normal bit
  • Can use java script to draw2D & 3D context r used…

An introduction to html5 by Devs An introduction to html5 by Devs Presentation Transcript

  • Presentation On
    HTML5
    By: Debidatta
    Regd. No: 0711012073
  • 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
  • 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”
  • Geolocation
    Graphics
    Speed
    Storage
  • 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
  • Canvas/ Video Geolocation App Cache & Web
    SVG Database Workers
  • Until Recently, You Couldn’t Draw on the Web
  • Graphics are not Interactive
  • The Usual Options Do This...
    VML Flash Silverlight
  • What is SVG?
    • Scalable Vector Graphics
    • Provides user to draw any graphics in the web
  • ADVANTAGE:-
    The IMAGE in the .svg format doesn’t distort or pixilated.
  • Canvas Element
    The canvas element provides a straight and powerful way to draw arbitrary graphics in a web page using java script.
  • Advantage
    3-D view in the web
    Big in texture-Game Graphics
    The graphics loaded into the CPU in less than 10% time
  • 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
  • HTML 5 Support
    Chrome Firefox Safari Opera
    canvas/SVG
    video
    geolocation
    app cache
    database
    workers
  • Canvas/ Video Geolocation App Cache & Web
    SVG Database Workers
  • Video is Complicated, and Outside Your Control
  • // HTML 5 makes
    <video> as easy
    as <img>
  • What’s about video
    • 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.
  • HTML 5 Support
    Chrome Firefox Safari Opera
    canvas/SVG
    video
    geolocation
    app cache
    database
    workers
  • Canvas/ Video Geolocation App Cache & Web
    SVG Database Workers
  • 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
  • But GPS & IP aren’t good enough…
    Too slow
    Too constrained
    Too fuzzy
  • Geolocation
    • 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.
  • ...And Browsers Are Now Location-Enabled
  • HTML 5 Support
    Chrome Firefox Safari Opera
    canvas/SVG
    video
    geolocation
    app cache
    database
    workers
  • Canvas/ Video Geolocation App Cache & Web
    SVGDatabase Workers
  • Web cache & Database
    Store what you need locally to make applications faster.
  • // database and
    app cache store
    user data and
    app resources
    locally
  • Web Apps Need to Work Everywhere
  • Database
  • HTML 5 Support
    Chrome Firefox Safari Opera
    canvas/SVG
    video
    geolocation
    app cache
    database
    workers
  • Canvas/ Video Geolocation App Cache & Web
    SVG Database Workers
  • A More Powerful Web == More Powerful Apps
  • 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
  • HTML 5 Support
    Chrome Firefox Safari Opera
    canvas/SVG
    video
    geolocation
    app cache
    database
    workers
  • QUESTIONS