HTML 5 evolução
•Download as PPTX, PDF•
1 like•521 views
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.
Recommended
More Related Content
More from Alexandre Marreiros
More from Alexandre Marreiros (20)
HTML 5 evolução
- 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