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.
1. 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
2. About
Alexandre Marreiros
Technical Director Innovagency / Technical Trainer and Speaker Self Employee
amarreiros@innovagency.com,@Alexmarreiros,www.digitalmindignition.com
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
3. HISTORY
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
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
4. 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.
4
5. 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.
5
6. What’s new
Simplified
New Elements MicroData WEB Forms 2.0
Language
Media Content
Canvas Drag & Drop
<audio> <video> Editable
Offline Web
WEB DB
APPs
WebStorage Web Socket’s Web Worker’s 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.
6
7. What’s new
Simplified
Language
<!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.
7
8. 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.
8
9. 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.
9
10. 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.
10
11. 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.
11
12. 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.
12
13. 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.
13
14. 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.
14
15. 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.
15
16. 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.
16
17. 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.
17
18. 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.
18
19. What’s new
Past
Web Worker’s
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.
19
20. 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.
20
21. 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.
21
22. 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.
22
23. 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.
23
24. 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.
24
25. Opportunities
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
26. Next steps:
Stay tuned with HTML 5
Follow the html5pt.org to keep in
toutch with what is happening