logging in or signing up introductoin to html5 ddevs23 Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINT lite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 1211 Category: Science & Tech.. License: All Rights Reserved Like it (1) Dislike it (2) Added: October 05, 2010 This Presentation is Public Favorites: 2 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 Posting comment... By: rzasif786 (10 month(s) ago) hi Saving..... Post Reply Close Saving..... Edit Comment Close Premium member 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 You do not have the permission to view this presentation. In order to view it, please contact the author of the presentation.
introductoin to html5 ddevs23 Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINT lite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 1211 Category: Science & Tech.. License: All Rights Reserved Like it (1) Dislike it (2) Added: October 05, 2010 This Presentation is Public Favorites: 2 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 Posting comment... By: rzasif786 (10 month(s) ago) hi Saving..... Post Reply Close Saving..... Edit Comment Close Premium member 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