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
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. 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
1. You don’t need to throw away your existing markup.
2. There’s just newer features that work within HTML 5.
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.
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.
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.
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.
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.
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.”
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.