html5 ignition
DESCRIPTION
A presentation i gave in May 2012, about HTML 5 oportunities and trends.This was a presentation to ZON Web Talks iniciative off coaching internal teams of Zon.TRANSCRIPT
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
1
IGNITION
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
2
About
Alexandre Marreiros
Technical Director Innovagency / Technical Trainer and Speaker Self Employee [email protected],@Alexmarreiros,www.digitalmindignition.com
IGNITION
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
3
IGNITION
{HTML language is in the market since the 90’s
Javascript by Netscape transformed static Markup into richer Interfaces
Browser Wars
The rise of plugins
HISTORY
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
4
IGNITION
Multidevice
Semantic
New Needs
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
5
IGNITION Know HTML 5 Vision
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
6
IGNITION What’s new
SimplifiedLanguage New Elements MicroData WEB Forms 2.0
Canvas Media <audio> <video>
WebStorage Web Socket’s Web Worker’s
Offline Web APPs
GeoLocation
Content EditableDrag & Drop
WEB DB
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
7
IGNITION What’s new
SimplifiedLanguage
<!DOCTYPE html>
<script> </script>
<style> </style>
<meta charset=“utf-8”/>
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
8
IGNITION What’s new
New Elements
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
9
IGNITION What’s new
MicroData
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
10
IGNITION What’s new
WEB Forms 2.0
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
11
IGNITION What’s new
Canvas
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
12
IGNITION What’s new
Media <audio> <video>
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
13
IGNITION What’s new
Drag & Drop
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
14
IGNITION What’s new
Content Editable
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
15
IGNITION What’s new
Offline Web APPs
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
16
IGNITION What’s new
WEB DB
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
17
IGNITION What’s new
WebStorage
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
18
IGNITION What’s new
Web Socket’s
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
19
IGNITION What’s new
Web Worker’s
Past
With Web Worker’s
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
20
IGNITION What’s new
GeoLocation
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
21
IGNITION Opportunities
1. How will HTML5 Change the Internet?HTML5 and related technologies (e.g., CSS3 and JavaScript) add more expressive semantics and richer application capabilities to the web. These two improvements will increase the quality and quantity of machine-to-machine communication, and accelerate the blurring of the lines between desktop and web software
2. What impact will HTML5 have on IT development?One plataform many devices and missions
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
22
IGNITION Opportunities
3. For Media companies stay alert
• Videos can be rendered natively in the need for browser, which means no plug-ins are required. This is particularly relevant for platforms that do not support Flash.
• Videos can be styled just like any other element of a web page, including the controls. This allows media companies to create a fully customized and brand appropriate experience for their users.
• Browser vendors are working on support for captions and subtitles that can be tied to specific points throughout a video. Once this feature is rolled out, it will open up a new world of possibilities for accessibility, localization, and text-based video discovery.
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
23
IGNITION Opportunities
• Other Thoughts
“HTML5 and related technologies are free. Web browsers are free. Thanks to Amazon's EC2, Windows Azure and similar cloud providers, hosting services have controlled risk. 3G connectivity is rolling out all over the world and 4G is among us.
Now that HTML5 has support for creation of rich desktop-like application experiences (e.g., offline capabilities, UI animations, etc.), the cost of creating and distributing a compelling application to a global audience has never been lower. Non-profits with a global cause and a couple of web developers can now potentially improve the quality of life for the folks they serve for pennies per person.”
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
24
IGNITION Opportunities
• Other Thoughts
“Smartphone adoption will continue to skyrocket with or without HTML5. That said, the most used single app is the browser. As HTML5 support continues to make its way into mobile browsers and HTML5 markup proliferates across the web, the phones themselves will increase in value because they have become an "always on, always connected" doorway into a vast, rich space.”
Este documento é propriedade intelectual de innovagency, não podendo ser alterado ou usado para outro fim, a não ser o previamente acordado, sem autorização do mesmo.
25
IGNITION Opportunities
Time to ask
THANK YOU ALL
IGNITION
Next steps:
Stay tuned with HTML 5
Follow the html5pt.org to keep in toutch with what is happening