HTML5 - Reinventando a Internet

8/6/2019 HTML5 - Reinventando a Internet

1/3

I COLQUIO DE COMPUTAOUFRPEUnidade Acadmica de Garanhuns. 25 a 30 de abril.

HTML5:Reinventando a Internet

Carlos Alexandre Silva de Melo1, Emanoel Carlos Gomes Ferraz Silva2, Joseniel Gleydson de Melo Vasconcelos3

________________

1. Graduando em Cincia da Computao na Universidade Federal Rural de Pernambuco Unidade Acadmica de Garanhuns. Email:

[email protected]. Graduando em Cincia da Computao na Universidade Federal Rural de Pernambuco Unidade Acadmica de Garanhuns. Email:[email protected]. Graduando em Cincia da Computao na Universidade Federal Rural de Pernambuco Unidade Acadmica de Garanhuns. Email:[email protected]

Introduo

A histria de HTML (HyperText Markup Languageque significa Linguagem de Marcao de Texto)remonta um longo caminho. Publicada pela primeiravez em 1993, como um projeto para a Internet. Nodecorrer dos anos 90, a linguagem passou por uma

enorme srie de atividades, tendo as verses 2.0 a 3.0 e4.0 sendo lanadas no mesmo ano. E finalmente em1999 o lanamento da verso 4.01. No decorrer de seudesenvolvimento, a World Wide Web Consortium(W3C) assumiu o controle da especificao. [1]

Depois de uma dcada sem atualizaes, a

linguagem padro da Internet desenvolvidainicialmente por Tim Berners-Lee, acaba de mudar, oHTML chega a sua nova verso: HTML5[2], este quej est em desenvolvimento a cerca de seis anos e ter olanamento de sua verso final em 2012. [1]

O HTML5 traz consigo uma srie de mudanas emrelao a sua verso anterior, prometendo umarevoluo no conceito de WEB (rede). O HTML5 baseado em uma srie de princpios que visam incorporao de novas possibilidades e praticas [1]:

Compatibilidade; Utilidade; Interoperabilidade; Acesso Universal;

Uma grande mudana em relao ao HTML4.01 otipo de formatao, por exemplo: o HTML5, norequer que seu DOCTYPE (Responsvel por dizer aonavegador se ser usado HTML ou XHTML) sejaaquela linha extensa no cabealho do arquivo, comopode ser visto nas Figuras 1. e 2. [1] Quem far estaescolha, agora ser o navegador, este que j oferecesuporte para tal, desta forma o desenvolvedor deve sepreocupar apenas com a sintaxe. [2]

Tambm houve o surgimento de novas etiquetas [4],que podem ser demonstrados graficamente na Figura3.

(Seo) representa as diversas seesdo site, utilizada para criao de estruturas;

(Artigo) representa uma peaindependente do contedo do documento,como blogs ou artigos de Jornal;

(Cabealho) Cabealho da pagina oude uma seo, difere de Head;

Conjunto de itens que formam anavegao, como conjunto de sites parceirospor exemplo;

Contedo relacionado ao artigo,semelhante s tags que temos em algunssidebars (barras laterais);

(Rodap) Rodap da pagina ou daseo;

(tela) usado com outra API - Application Programming Interface (ou Interface de Programao de Aplicaes) para a renderizao de imagens 2Ddinmicas, usadas em jogos, grficos, etc;

Figura 1. DOCTYPE em HTML5.

Fi ura 2. DOCTYPE em HTML4.01.

Figura 4. Estrutura simples de uma pagina em HTML5.


2/3


(Dialogo) Junto com as tags e expressa formatao de um dialogo,num chat, mostrado na Figura 4;

e usados nas transmisses deudio e vdeo pela internet, ou tradicionais

streamings, desta forma, tenta criar uma padronizao entre os diversos navegadores,como j acontece hoje, com as imagens;

(tempo) representar data ou hora; usada na representao de medidas,

como distncia, espao em disco, etc.

Uma enorme vantagem sobre a verso anterior a possibilidade do desenvolvimento de aplicaes off-line, criando uma nova mudana na forma de pensar eagir dos desenvolvedores WEB. [2]

Um grande exemplo de aplicao off-line oHotmail Wave 5, que est sendo desenvolvido pelaMicrosoft, este que funcionar basicamente como umaplicativo, que permitir que os usurios tenham acessoaos seus e-mails mesmo quando no estiveremconectados a Internet. [6]

Todas essas novas tecnologias associadas ao HTML,vem para quebrar os paradigmas sobre os Navegadores,e criar novos conceitos sobre o futuro da tecnologia.

Objetivos

Este resumo tem por objetivo, mostrar uma breveanlise do que veio com a nova linguagem padro paraa Internet, o HTML5, e suas diversas mudanas comrelao s suas verses anteriores.

Material e MtodosTodo material envolvido no desenvolvimento deste

projeto de pesquisa de origem bibliogrfica. Livros,E-books, artigos, blogs, e sites foram pesquisados como objetivo de fundamentar os diversos temas abordadospor este trabalho.

Resultados

Se bem utilizada linguagem HTML5, pode serencarada como um agente facilitador para a famosa esonhada Web Semntica, ou Web 3.0.

Pode ser usada em desenvolvimento de jogos, como

mostra a Figura 5. , em sites com animaes, Figura6. , de musicas e at mesmo de vdeos. A Apple Inc.vem usando o HTML5 em suas aplicaes, comosubstituto do Flash Player do Adobe e para oSilverLight da Microsoft, desta forma, podemossupor, que se outras grandes empresas abandonaremesses antigos meios de visualizao de multimdia o

que nos restar ser o HTML5. Tudo isso acontece, pelo fato de HTML5, proporcionar Um ParadigmaLivre dePlug-ins, j que este apresenta suporte nativoa muitos recursos que s eram possveis com ainstalao deplug-ins e complementos. [1]

Alguns elementos do HTML4.01, foram retirados nanova verso, o que pode de inicio, causar problemas para alguns desenvolvedores. Alguns dos elementos

retirados pela nova verso: acronym, applet, basefont,big, center, dir, font, frame, frameset, isindex, tt, u,xmp, strike, s, noframes. [3]

Discusso

Atravs dos resultados obtidos, podemos concluirque a Linguagem HTML5 veio para quebrar diversostabus e paradigmas e para impor uma mudanasignificativa no mercado de ferramentas paradesenvolvimento online e ferramentas deentretenimento, como o Flash Player, onde muitosafirmam que poder ser superado pelo HTML5, que

fora apelidado de Flash Killing(Matador de Flash).[2]

muito cedo para declararmos que tal afirmao

I. FIGURA 5. PAGINA DA WEB EM HTML5:

FIGURA 6. PAGINA DA WEB EM HTML5HTTP://AXVISUAL.COM

Figura 4. Etiqueta em HTML5.
http://axvisual.com/http://axvisual.com/http://axvisual.com/http://axvisual.com/http://axvisual.com/http://axvisual.com/http://axvisual.com/http://axvisual.com/http://agent8ball.com/


3/3


verdica, a Adobe afirma que no perder mercado econtinua o forte investimento em sua ferramenta.

Outro fator, que o ultimo dos Navegadores maisutilizados mundialmente e que ainda no tinha suportea tecnologia, o Internet Explorer 9 da Microsoft, foirecentemente lanado, desta forma tudo que podemosesperar a propagao do HTML5 e o seu uso em

massa.

Agradecimentos

Agradecimento a Universidade Federal Rural dePernambuco (UFRPE) Unidade Acadmica deGaranhuns (UAG);

Aos professores do Curso de Bacharelado emCincia da Computao da UAG;

Ao grupo da Clula Empreendedora de HTML5 daUAG;

Referncias[1] LUBBERS, Peter. ALBERS, Brian. SALIM, Frank. Pro Html

Programming, 1 Edio, 2010, Apress. pp. 001023;[2] MULLER, Nicolas. A Nova Verso da Web que Conhecemos.

Disponvel em:http://www.oficinadanet.com.br/artigo/2034/html_5_a_nova_versao_da_web_que_conhecemos.Acesso em 17 de Abril 2011

[3] SILVA, Mauricio Samy. Tabela de Referncia para HTML5.Disponvel em:http://www.maujor.com/blog/pg_apoio/tabela-referencia-html5.html. Acesso em 17 de Abril 2011.

[4] KESTEREN, Anne van. HTML5 differences from HTML4.Disponvel em: http://www.w3.org/TR/2008/WD-html5-diff-20080122/#new-elements. Acesso em 17 de Abril 2011.

[5] FALCON, Alvaris. HTML5 Show Case: 48 Potential Flash-Killing Demos. Disponvel em:http://www.hongkiat.com/blog/48-excellent-html5-demos/.Acesso em 22 de Abril 2011.

[6] Redao iMasters. Microsoft Wave 5, baseado em HTML5.Disponvel em:http://imasters.com.br/noticia/20569/tecnologia/microsoft- prepara-hotmail-wave-5-baseado-em-html5. Acesso em 22 deAbril 2011

[7] WRIGHT, Tim. HTML5 and The Future of the Web.Disponvel em:http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/. Acesso em 22 de Abril 2011

Documents

HTML5 - Reinventando a Internet