introductoin to html5

Views:
 
     
 

Presentation Description

Its about the 5 main basic components of the new HTML5. Those are canvas/SVG,Video,Geolacation,Application cache & database & web workers.

Comments

By: rzasif786 (100 month(s) ago)

hi

Presentation Transcript

Slide 1: 

Presentation On HTML5 By: Debidatta Regd. No: 0711012073

Slide 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

Slide 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”

Slide 5: 

Graphics Storage Geolocation Speed

Slide 6: 

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

Slide 7: 

Canvas/ Video Geolocation App Cache & Web SVG Database Workers

Slide 8: 

Until Recently, You Couldn’t Draw on the Web

Slide 9: 

Graphics are not Interactive

Slide 10: 

The Usual Options Do This... VML Flash Silverlight

Slide 11: 

What is SVG? Scalable Vector Graphics Provides user to draw any graphics in the web

Slide 12: 

ADVANTAGE:- The IMAGE in the .svg format doesn’t distort or pixilated.

Slide 13: 

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

Slide 14: 

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

Slide 15: 

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

Slide 16: 

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

Slide 17: 

Canvas/ Video Geolocation App Cache & Web SVG Database Workers

Slide 18: 

Video is Complicated, and Outside Your Control

Slide 19: 

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

Slide 20: 

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.

Slide 21: 

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

Slide 22: 

Canvas/ Video Geolocation App Cache & Web SVG Database Workers

Slide 23: 

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

Slide 24: 

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

Slide 25: 

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.

Slide 26: 

...And Browsers Are Now Location-Enabled

Slide 27: 

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

Slide 28: 

Canvas/ Video Geolocation App Cache & Web SVG Database Workers

Slide 29: 

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

Slide 30: 

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

Slide 31: 

Web Apps Need to Work Everywhere

Slide 32: 

Database

Slide 33: 

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

Slide 34: 

Canvas/ Video Geolocation App Cache & Web SVG Database Workers

Slide 35: 

A More Powerful Web == More Powerful Apps

Slide 36: 

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 But More Power == More Responsibility

Slide 37: 

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

Slide 38: 

QUESTIONS

authorStream Live Help