SlideShare una empresa de Scribd logo
1 de 19
Descargar para leer sin conexión
HTML5
 HTML5 defines the fifth major revision of the core
language of the World Wide Web, HTML.
 HTML5 is the next major revision of the HTML
standard, currently under development. However,
most modern browsers have some HTML5 support.
 Like its immediate predecessors, HTML 4.01 and
XHTML 1.1, HTML5 is a standard for structuring and
presenting content on the World Wide Web.
 Plug-in problems
 HTML-Hyper Text Markup Language-is the
fundamental blueprint of all Websites.
 When you visit a site, you see pages with text,
photos, videos, and games. But your browser displays
all that stuff because it downloaded a big chunk of
HTML code that instructs it where to access that
media and how to lay it out on a virtual page.
http://www.pcworld.com/businesscenter/article/207653/html5_what_does_it_mean_for_you.html
 1991 HTML
 1994 HTML 2
 1996 CSS 1 + JavaScript
 1997 HTML 4
 1998 CSS 2
 2000 XHTML 1
 2002 Tableless Web Design
 2005 AJAX
 2008ish HTML 5 Begins….
Is HTML 5 ready yet??? http://ishtml5readyyet.com/
 “How can I start using HTML5 if older browsers
don’t support it?”
 But the question itself is misleading. HTML5 is not one big thing;
it is a collection of individual features.
 The HTML5 specification also defines how those
angle brackets interact with JavaScript, through the
Document Object Model (DOM). .
 It won’t support all video formats. Right now just
ogg and mp4 are the most popular.
Taken from http://diveintohtml5.org/
 HTML5builds on the success HTML 4.
 You don’t need to relearn things you already know.
 If your web application worked yesterday
in HTML 4, it will still work today in HTML5.
Taken from http://diveintohtml5.org/
 Whether you want to draw on a canvas, play video,
design better forms, or build web applications that
work offline, you’ll find that HTML5 is already well-
supported.
 Firefox, Safari, Chrome, Opera, and mobile browsers
already support canvas, video, geolocation, local
storage, and more.
 Google already supports microdata annotations.
 Even Microsoft — rarely known for blazing the trail
of standards support — will be supporting
most HTML5 features in Internet Explorer 9.
Taken from http://diveintohtml5.org/
Tim Berners-Lee invented the world wide web in the early
1990s. He later founded the W3C to act as a steward of
web standards, which the organization has done for more
than 15 years.
Here is what the W3C had to say about the future of web
standards, in July 2009:
Today the Director announces that when the XHTML 2 Working Group
charter expires as scheduled at the end of 2009, the charter will not be
renewed. By doing so, and by increasing resources in
the HTML Working Group, W3C hopes to accelerate the progress
of HTML5 and clarify W3C’s position regarding the future of HTML.
Taken from http://diveintohtml5.org/
 Everything is lighter in HTML5
 Code is shorter- Get things out of JavaScript that don’t need
to be there
Native audio/video
 According to projections from Cisco, online video viewing
will soon surpass peer-to-peer file sharing as the activity
responsible for the most traffic on the internet.
-Technology Review 2010
 Many modern websites show videos. HTML5 provides a
standard for showing them.
 Until recently web-based video relied on Flash, Adobe's rich
media language. But HTML could put an end to that with its
own native video tag.
 The control attribute is for adding play, pause, and volume
controls.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
 Still in the works for what video format will become the
standard.
 Apple & IE pushed=h.264 (portions of the H.264 technology
are covered by patents)
 Ogg=another HTML5 video format option being pushed by
the open source community, but the W3C is also concerned
over patent issues.
 Google recently introduced a new video format,
dubbed WebM, and open-sourced its technology in an effort to
settle the matter.
The key players can’t agree.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
Steve Jobs vs. Flash (unstable CPU hog)
 Flash can be used to create rich, Web-based
applications that could threaten App Store sales if
developers chose to market them independently.
Will flash go away?
 Flash is all over the web, but you have to have a
plug-in to make it work.
 Google supports it
Canvas
 In plain English, Canvas is an area in HTML5 that
allows users to draw.
 The canvas can be scaled by width or height and,
coupled with Javascript
 The canvas can be used to accept user input,
provide animations, edit images and a host of other
features.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
Geo-Location
 The geo-location features allow users to share their
current location with the site they are visiting.
 The feature uses a combination of GPS, WiFi, IP address
and Bluetooth to determine the user's position.
 There are many opportunities for geo-location-capable
browsers, including customized search results, location-
specific maps and listings and a host of others.
 Users have to actively give permission to a site to obtain
their location to prevent against abuse.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
Offline storage
 Offline storage is a lot like Google's Gears except
without needing a plugin.
 This means that anything from user details to email
can be stored locally and used by web applications.
 Work offline and sync to the cloud when you get
internet access.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
Local file access
 This new capability allows web-based applications
to access and manage files stored on a local hard disk.
 Users won't have to upload files to a remote server
before being able to manipulate them.
For example, a photo management application could be used to
manipulate an image stored locally, or even view thumbnails,
without needing to upload the image first.
 Drag and drop-have this capability with Gmail,
where you can drag a file to the browser window to
add as an attachment.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
A few other neat features (keep an eye out for these)
 Edit content: selected portions of the page will be
available to users to jot down notes and those notes
will appear when they return to the site.
 Chat: API associated with HTML5 will let web
developers set up a simple chat program. Users
interact beyond limits of a comments section (similar
to Meebo)
 Possibility of one icon that will open a window
capable of any task imaginable.
 With growing popularity of online software
packages (Office and Photoshop) html5 would allow
offline use and seamlessly synchronizing new changes
when a connection becomes available.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
 Should also speed the development of new kinds of
websites for presenting magazines and newspapers
on tablet computers.
 Libraries will love the new tags like <article> for
marking articles or blog posts with additional citation
information
 There’s an <aside> for attaching related content.
These tags will define the relationship between pieces
of content by enabling semantic identification.
 Scribd website example
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
 Supercookies
 Concerns about tracking
 Each browser has different privacy settings
 Software developers and the representatives of the
World Wide Web argue that as technology advances,
consumers have to balance its speed and features
against their ability to control their privacy.
Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html

Más contenido relacionado

La actualidad más candente

2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source ConferenceGen Kanai
 
HTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart MediaHTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart MediaSeungyun Lee
 
The Bluffer’s Guide to Blackboard Theme Accessibility
The Bluffer’s Guide to Blackboard Theme AccessibilityThe Bluffer’s Guide to Blackboard Theme Accessibility
The Bluffer’s Guide to Blackboard Theme AccessibilityMatthew Deeprose
 
Introduction to Alternative Text
Introduction to Alternative TextIntroduction to Alternative Text
Introduction to Alternative TextMatthew Deeprose
 
Building for real standards (includes notes)
Building for real standards (includes notes)Building for real standards (includes notes)
Building for real standards (includes notes)Christian Heilmann
 
Basics of Web Technologies
Basics of Web TechnologiesBasics of Web Technologies
Basics of Web TechnologiesAndreas Jakl
 
The convergence of Publishing and the Web
The convergence of Publishing and the WebThe convergence of Publishing and the Web
The convergence of Publishing and the WebIvan Herman
 
Making it simple to ensure the use of colour is both on brand and accessible
Making it simple to ensure the use of colour is both on brand and accessibleMaking it simple to ensure the use of colour is both on brand and accessible
Making it simple to ensure the use of colour is both on brand and accessibleMatthew Deeprose
 

La actualidad más candente (14)

Sharepoint mobile
Sharepoint mobileSharepoint mobile
Sharepoint mobile
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
 
HTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart MediaHTML5, the Evolution of Smart Media
HTML5, the Evolution of Smart Media
 
The Bluffer’s Guide to Blackboard Theme Accessibility
The Bluffer’s Guide to Blackboard Theme AccessibilityThe Bluffer’s Guide to Blackboard Theme Accessibility
The Bluffer’s Guide to Blackboard Theme Accessibility
 
ASSESSMENT TASK no.3
ASSESSMENT TASK no.3ASSESSMENT TASK no.3
ASSESSMENT TASK no.3
 
Introduction to Alternative Text
Introduction to Alternative TextIntroduction to Alternative Text
Introduction to Alternative Text
 
Html5
Html5Html5
Html5
 
Building for real standards (includes notes)
Building for real standards (includes notes)Building for real standards (includes notes)
Building for real standards (includes notes)
 
Ppt to Website
Ppt to WebsitePpt to Website
Ppt to Website
 
Basics of Web Technologies
Basics of Web TechnologiesBasics of Web Technologies
Basics of Web Technologies
 
The Next Web Generation
The Next Web GenerationThe Next Web Generation
The Next Web Generation
 
The convergence of Publishing and the Web
The convergence of Publishing and the WebThe convergence of Publishing and the Web
The convergence of Publishing and the Web
 
Web engineering lecture 4
Web engineering lecture 4Web engineering lecture 4
Web engineering lecture 4
 
Making it simple to ensure the use of colour is both on brand and accessible
Making it simple to ensure the use of colour is both on brand and accessibleMaking it simple to ensure the use of colour is both on brand and accessible
Making it simple to ensure the use of colour is both on brand and accessible
 

Similar a HTML5

Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEdgar Parada
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7Hisham Mat Hussin
 
Top 10 major benefits of html 5
Top 10 major benefits of html 5Top 10 major benefits of html 5
Top 10 major benefits of html 5Parul Rani Sagar
 
Buzz & fuss about html5
Buzz & fuss about html5Buzz & fuss about html5
Buzz & fuss about html5PixelCrayons
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline
 
Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Christian Heindel
 
HTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing RevenueHTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing Revenuebloevens
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1NAILBITER
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginnersVineeth N Krishnan
 
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...Idexcel Technologies
 
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryHTML5 Technical Executive Summary
HTML5 Technical Executive SummaryGilad Khen
 
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentHTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentTilak Joshi
 
What is future of web with reference to html5 will it devalue current present...
What is future of web with reference to html5 will it devalue current present...What is future of web with reference to html5 will it devalue current present...
What is future of web with reference to html5 will it devalue current present...Shahzad
 

Similar a HTML5 (20)

Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 min
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7
 
HTML5 101
HTML5 101HTML5 101
HTML5 101
 
Html5 overview
Html5 overviewHtml5 overview
Html5 overview
 
Html5(2)
Html5(2)Html5(2)
Html5(2)
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
HTML5 (Mid-Technical)
HTML5 (Mid-Technical)HTML5 (Mid-Technical)
HTML5 (Mid-Technical)
 
Top 10 major benefits of html 5
Top 10 major benefits of html 5Top 10 major benefits of html 5
Top 10 major benefits of html 5
 
Buzz & fuss about html5
Buzz & fuss about html5Buzz & fuss about html5
Buzz & fuss about html5
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
 
Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5Mobile applications for SharePoint using HTML5
Mobile applications for SharePoint using HTML5
 
Qnx html5 hmi
Qnx html5 hmiQnx html5 hmi
Qnx html5 hmi
 
HTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing RevenueHTML5: The Code to Maximizing Revenue
HTML5: The Code to Maximizing Revenue
 
Html5 workshop part 1
Html5 workshop part 1Html5 workshop part 1
Html5 workshop part 1
 
HTML5 introduction for beginners
HTML5 introduction for beginnersHTML5 introduction for beginners
HTML5 introduction for beginners
 
Html5
Html5Html5
Html5
 
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
HTML5 Handling Security Issues, Security Threats for HTML5, HTML5 Application...
 
HTML5 Technical Executive Summary
HTML5 Technical Executive SummaryHTML5 Technical Executive Summary
HTML5 Technical Executive Summary
 
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentHTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web Development
 
What is future of web with reference to html5 will it devalue current present...
What is future of web with reference to html5 will it devalue current present...What is future of web with reference to html5 will it devalue current present...
What is future of web with reference to html5 will it devalue current present...
 

Más de Western Illinois University Libraries (8)

Welcome to the Curriculum Library Fall 2016
Welcome to the Curriculum Library Fall 2016Welcome to the Curriculum Library Fall 2016
Welcome to the Curriculum Library Fall 2016
 
Welcome to the Curriculum Library
Welcome to the Curriculum LibraryWelcome to the Curriculum Library
Welcome to the Curriculum Library
 
Introduction to making psa’s pt3
Introduction to making psa’s pt3Introduction to making psa’s pt3
Introduction to making psa’s pt3
 
Psa Workshop-Production
Psa Workshop-ProductionPsa Workshop-Production
Psa Workshop-Production
 
PSA Workshop -PreProduction
PSA Workshop -PreProductionPSA Workshop -PreProduction
PSA Workshop -PreProduction
 
2-17-killlian-sustainability
2-17-killlian-sustainability2-17-killlian-sustainability
2-17-killlian-sustainability
 
Databasics
DatabasicsDatabasics
Databasics
 
Specialized databases
Specialized databasesSpecialized databases
Specialized databases
 

Último

Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfAnna Loughnan Colquhoun
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIUdaiappa Ramachandran
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncObject Automation
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServiceRenan Moreira de Oliveira
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 

Último (20)

Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdf
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AI
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
GenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation IncGenAI and AI GCC State of AI_Object Automation Inc
GenAI and AI GCC State of AI_Object Automation Inc
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 

HTML5

  • 2.  HTML5 defines the fifth major revision of the core language of the World Wide Web, HTML.  HTML5 is the next major revision of the HTML standard, currently under development. However, most modern browsers have some HTML5 support.  Like its immediate predecessors, HTML 4.01 and XHTML 1.1, HTML5 is a standard for structuring and presenting content on the World Wide Web.  Plug-in problems
  • 3.  HTML-Hyper Text Markup Language-is the fundamental blueprint of all Websites.  When you visit a site, you see pages with text, photos, videos, and games. But your browser displays all that stuff because it downloaded a big chunk of HTML code that instructs it where to access that media and how to lay it out on a virtual page. http://www.pcworld.com/businesscenter/article/207653/html5_what_does_it_mean_for_you.html
  • 4.  1991 HTML  1994 HTML 2  1996 CSS 1 + JavaScript  1997 HTML 4  1998 CSS 2  2000 XHTML 1  2002 Tableless Web Design  2005 AJAX  2008ish HTML 5 Begins…. Is HTML 5 ready yet??? http://ishtml5readyyet.com/
  • 5.  “How can I start using HTML5 if older browsers don’t support it?”  But the question itself is misleading. HTML5 is not one big thing; it is a collection of individual features.  The HTML5 specification also defines how those angle brackets interact with JavaScript, through the Document Object Model (DOM). .  It won’t support all video formats. Right now just ogg and mp4 are the most popular. Taken from http://diveintohtml5.org/
  • 6.  HTML5builds on the success HTML 4.  You don’t need to relearn things you already know.  If your web application worked yesterday in HTML 4, it will still work today in HTML5. Taken from http://diveintohtml5.org/
  • 7.  Whether you want to draw on a canvas, play video, design better forms, or build web applications that work offline, you’ll find that HTML5 is already well- supported.  Firefox, Safari, Chrome, Opera, and mobile browsers already support canvas, video, geolocation, local storage, and more.  Google already supports microdata annotations.  Even Microsoft — rarely known for blazing the trail of standards support — will be supporting most HTML5 features in Internet Explorer 9. Taken from http://diveintohtml5.org/
  • 8. Tim Berners-Lee invented the world wide web in the early 1990s. He later founded the W3C to act as a steward of web standards, which the organization has done for more than 15 years. Here is what the W3C had to say about the future of web standards, in July 2009: Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML5 and clarify W3C’s position regarding the future of HTML. Taken from http://diveintohtml5.org/
  • 9.  Everything is lighter in HTML5  Code is shorter- Get things out of JavaScript that don’t need to be there Native audio/video  According to projections from Cisco, online video viewing will soon surpass peer-to-peer file sharing as the activity responsible for the most traffic on the internet. -Technology Review 2010  Many modern websites show videos. HTML5 provides a standard for showing them.  Until recently web-based video relied on Flash, Adobe's rich media language. But HTML could put an end to that with its own native video tag.  The control attribute is for adding play, pause, and volume controls. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 10.  Still in the works for what video format will become the standard.  Apple & IE pushed=h.264 (portions of the H.264 technology are covered by patents)  Ogg=another HTML5 video format option being pushed by the open source community, but the W3C is also concerned over patent issues.  Google recently introduced a new video format, dubbed WebM, and open-sourced its technology in an effort to settle the matter. The key players can’t agree. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 11. Steve Jobs vs. Flash (unstable CPU hog)  Flash can be used to create rich, Web-based applications that could threaten App Store sales if developers chose to market them independently. Will flash go away?  Flash is all over the web, but you have to have a plug-in to make it work.  Google supports it
  • 12. Canvas  In plain English, Canvas is an area in HTML5 that allows users to draw.  The canvas can be scaled by width or height and, coupled with Javascript  The canvas can be used to accept user input, provide animations, edit images and a host of other features. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 13. Geo-Location  The geo-location features allow users to share their current location with the site they are visiting.  The feature uses a combination of GPS, WiFi, IP address and Bluetooth to determine the user's position.  There are many opportunities for geo-location-capable browsers, including customized search results, location- specific maps and listings and a host of others.  Users have to actively give permission to a site to obtain their location to prevent against abuse. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 14. Offline storage  Offline storage is a lot like Google's Gears except without needing a plugin.  This means that anything from user details to email can be stored locally and used by web applications.  Work offline and sync to the cloud when you get internet access. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 15. Local file access  This new capability allows web-based applications to access and manage files stored on a local hard disk.  Users won't have to upload files to a remote server before being able to manipulate them. For example, a photo management application could be used to manipulate an image stored locally, or even view thumbnails, without needing to upload the image first.  Drag and drop-have this capability with Gmail, where you can drag a file to the browser window to add as an attachment. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 16. A few other neat features (keep an eye out for these)  Edit content: selected portions of the page will be available to users to jot down notes and those notes will appear when they return to the site.  Chat: API associated with HTML5 will let web developers set up a simple chat program. Users interact beyond limits of a comments section (similar to Meebo)
  • 17.  Possibility of one icon that will open a window capable of any task imaginable.  With growing popularity of online software packages (Office and Photoshop) html5 would allow offline use and seamlessly synchronizing new changes when a connection becomes available. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 18.  Should also speed the development of new kinds of websites for presenting magazines and newspapers on tablet computers.  Libraries will love the new tags like <article> for marking articles or blog posts with additional citation information  There’s an <aside> for attaching related content. These tags will define the relationship between pieces of content by enabling semantic identification.  Scribd website example Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html
  • 19.  Supercookies  Concerns about tracking  Each browser has different privacy settings  Software developers and the representatives of the World Wide Web argue that as technology advances, consumers have to balance its speed and features against their ability to control their privacy. Taken from http://mybroadband.co.za/news/internet/12127-Best-HTML5.html

Notas del editor

  1. 3. This new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash and Microsoft Silverlight. 4. Must be installed, Power hungry, Slow browser, Crash prone
  2. 2. So you can’t detect “HTML5 support,” because that doesn’t make any sense. But you can detect support for individual features, like canvas, video, or geolocation. 2. You may think of HTML as tags and angle brackets. That’s an important part of it, but it’s not the whole story. 3. HTML5 doesn’t just define a <video> tag; there is also a corresponding DOM API for video objects in the DOM
  3. 1. You don’t need to throw away your existing markup. 2. There’s just newer features that work within HTML 5.
  4. 5. In HTML 5 it is not only as easy to embed a video in a website as it has been to embed an image - using just one tag - but it also opens the way for a host of additional features. Using the HTML5 video tag developers can embed videos without third-party codes and manipulate the videos in real-time.
  5. 3. Again, like the video tag, developers can use the canvas tag to create regions of dynamic content without relying on external plugins. 3. There are a number of simple and more advanced examples of canvas at work on the Internet.
  6. HTML5's geo-location capabilities are already being included in many popular browsers Typically this is more functional on mobile devices with built-in GPS or location-aware hardware.
  7. Gears first introduced the idea of storing data locally so that applications could continue to work even when disconnected from the network. Offline storage is also like seriously beefed-up cookies, with significantly more storage space.
  8. Local file access is likely to be at the heart of future web applications. The potential in this is significant as it paves the way for web applications to behave the same way as desktop-based applications and making browsers more like an application platform than simply a web viewer.
  9. 2. New tags in the coding of sites will help them better organize the information they present to search engines’ automated indexers. That could make search results more relevant for everyone.”
  10. 2. not all browsers have obvious settings for removing data created by the new Web language. Even the most proficient software engineers and developers acknowledge that deleting that data is tricky and may require multiple steps.