Your SlideShare is downloading. ×
0
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Html E Websemantica Trabalho
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html E Websemantica Trabalho

1,576

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,576
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. <ul><li>WEBSEMÂNTICA </li></ul><ul><li>HTML </li></ul><ul><li>EQUIPE: ANA CARLA CERBINO </li></ul><ul><li>ANA CAROLINA ARAUJO </li></ul><ul><li>DANIELLE PALHANO </li></ul><ul><li>DOUGLAS PINHEIRO </li></ul>UNIVERSIDADE FEDERAL DO PARÁ Instituto de Ciências Exatas e Naturais Faculdade de Computação Curso de Bacharelado em Ciência da Computação Disciplina: ELEMENTOS DA WEB SEMÂNTICA Professor: ADAGENOR LOBATO RIBEIRO
  • 2. HTML <ul><li>O QUE É HTML? </li></ul>
  • 3. HTML <ul><li>HTML (HyperText Markup Language - Linguagem de marcação de Hipertexto) </li></ul><ul><li>LINGUAGEM DE MARCAÇÃO :São linguagens que combinam texto com informações extras sobre o texto. Essa informação extra pode ser representada por diversos símbolos ou palavras-chave diferentes, dependendo da linguagem de marcação com que estivermos trabalhando. </li></ul><ul><li>HIPERTEXTO :Texto suporte que acopla outros textos cujo acesso se dá através dos links que têm a função de conectar a construção de sentido, estendendo ou complementando o texto principal. </li></ul>
  • 4. HTML <ul><li>SGML E HY TIME – PADRÕES </li></ul><ul><li>HY TIME:PADRÃO PARA REPRESENTAÇÃO ESTRUTURADA DE HIPERMIDIA E INFORMAÇÃO BASEADA EM TEMPO. UM DOCUMENTO É VISTO COMO UM CONJUNTO DE EVENTOS CONCORRENTES DEPENDENTES DE TEMPO ( AUDIO, VIDEO ETC...), CONECTADOS POR WEBS OU HIPERLINKS. </li></ul><ul><li>SGML: STANDARD GENERALIZED MARKUP LANGUAGE </li></ul><ul><ul><li>PADRÃO ISO 8879 DE FORMATAÇÃO DE TEXTOS. </li></ul></ul><ul><ul><li>DTD - DOCUMENT TYPE DEFINITION - DEFINE AS REGRAS DE FORMATAÇÃO PARA UMA DADA CLASSE DE DOCUMENTOS. </li></ul></ul><ul><li>HTML É DEFINIDO SEGUNDO UM DTD DE SGML. </li></ul><ul><li>HTML É UMA APLICAÇÃO SGML; </li></ul>
  • 5. HISTÓRICO <ul><li>1992 : Definição da linguagem especificações formais, inspiradas nas propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML para a WEB. </li></ul><ul><li>1994 : É publicado o HTML 2.0 por um grupo de trabalho da IETF (comunidade internacional ampla e aberta (técnicos, agências, fabricantes, fornecedores, pesquisadores) preocupada com a evolução da arquitetura da Internet e seu perfeito funcionamento ). </li></ul>
  • 6. HISTÓRICO <ul><li>1995 e 1996 : Netscape e Internet Explorer definem seus próprios padrões e surge o HTML 3.2 baseado nas implementações correntes. </li></ul><ul><li>OBS: Desde 1996, as especificações HTML vêm sendo mantidas, com o auxílio de fabricantes de software, pela World Wide Web Consortium (W3C) </li></ul><ul><li>1997: O HTML 4.0 é desenvolvido separando a apresentação da estrutura com style sheets (folhas de estilo). </li></ul>
  • 7. HISTÓRICO <ul><li>1999 : Definição do HTML 4.01 (suaves modificações da versão anterior). </li></ul><ul><li>2000: linguagem tornou-se também uma norma internacional ( ISO / IEC 15445:2000) </li></ul><ul><li>A partir de 2002:Foco no desenvolvimento do XHTML,especificação HTML baseada em XML. </li></ul>
  • 8. PRINCIPAIS CARACTERÍSTICAS <ul><li>PORTABILIDADE: </li></ul><ul><li>Os documentos escritos em HTML devem ter aparência semelhante nas diversas plataformas de trabalho. </li></ul><ul><li>FLEXIBILIDADE : </li></ul><ul><li>O usuário deve ter a liberdade de &quot;costumizar&quot; diversos elementos do documento, como o tamanho padrão da letra, as cores, etc. </li></ul><ul><li>TAMANHO REDUZIDO : </li></ul><ul><li>Os documentos devem ter um tamanho reduzido, a fim de economizar tempo na transmissão através da Internet, evitando longos períodos de espera e congestionamento </li></ul><ul><li>na rede. </li></ul>
  • 9. ESTRUTURA BÁSICA <ul><li>Tags </li></ul><ul><li>Aprender HTML, é aprender a usar diversas tags; </li></ul><ul><li>Rótulos; </li></ul><ul><li><tag></tag>; </li></ul>
  • 10. Exemplos de Tags <ul><li><b></b>; </li></ul><ul><li><br/> ou <br></br>; </li></ul><ul><li><h1></h1>; </li></ul><ul><li><i></i>; </li></ul>
  • 11. Cascading Style Sheets – CSS <ul><li>Proposto pela World Wide Consortium; </li></ul><ul><li>CSS1 lançada em 12/1996 com 60 propriedades; </li></ul><ul><li>CSS2 lançada finalizada em 05/1998 = CSS2 + 70 propriedades. </li></ul>
  • 12. Cascading Style Sheets – CSS <ul><li>Mecanismo simples para adicionar estilos; </li></ul><ul><li>É um padrão de formatação (Web Standadrds) para páginas que permite ir além das limitações impostas pelo HTML; </li></ul>
  • 13. O uso de folhas de estilo permite: <ul><li>Mais versatilidade; </li></ul><ul><li>Maior controle sobre os atributos de uma página; </li></ul><ul><li>A utilização de layers; </li></ul><ul><li>Modificar com rapidez o layout de um site; </li></ul>
  • 14. Recuperação de Informações <ul><li>Características das Informações </li></ul><ul><ul><ul><li>Como são? E de onde vêem? </li></ul></ul></ul><ul><ul><li>Conjunto de informações extenso </li></ul></ul><ul><ul><li>Dados semi-estrutrurados </li></ul></ul><ul><ul><li>Diferentes formatos de descrição digital </li></ul></ul><ul><ul><li>Informações em bases de dados </li></ul></ul><ul><ul><li>Informações em tempo real (sensores, ...) </li></ul></ul>
  • 15. Recuperação de Informações <ul><li>Sistemas de busca das informações por palavras-chave/diretório </li></ul><ul><ul><li>Largamente utilizados </li></ul></ul><ul><ul><li>Baixa relevância de resultados </li></ul></ul><ul><ul><li>Difícil validação dos dados </li></ul></ul><ul><ul><li>Navegação em domínio </li></ul></ul><ul><ul><li>Indexação de documentos </li></ul></ul><ul><ul><li>Procura de termos </li></ul></ul><ul><ul><li>Organização dos resultados ( ranking ) </li></ul></ul>
  • 16. Recuperação de Informações <ul><li>Exemplos de problemas: </li></ul><ul><ul><li>Estrutura do documento: </li></ul></ul><ul><ul><li>.... </li></ul></ul><ul><ul><li><tr><td> AUTOR </td><td> Título </td><td> Ano </td></tr> </li></ul></ul><ul><ul><li><tr><td>Pedro Araujo</td><td>Java</td><td>2001</td></tr> </li></ul></ul><ul><ul><li><tr><td>Arthur Silva</td><td>XML</td><td>2000</td></tr> </li></ul></ul><ul><ul><li>.... </li></ul></ul>
  • 17. Recuperação de Informações <ul><li>Exemplos de problemas: </li></ul><ul><ul><li>Significado do documento: </li></ul></ul><ul><ul><li>.... </li></ul></ul><ul><ul><li><tr><td> </td><td> Titel </td><td> Year /td></tr> </li></ul></ul><ul><ul><li><tr><td> Vfgc hg </td><td></td><td> jhfg kh </td></tr> </li></ul></ul><ul><ul><li><tr><td>HuoChe no</td><td>QiChe</td><td>v bijbn</td></tr> </li></ul></ul><ul><ul><li>.... </li></ul></ul>
  • 18. Recuperação de Informações <ul><li>Exemplos de problemas: </li></ul><ul><ul><li>Formato dos elementos </li></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul><ul><ul><ul><li>Data: 07/09/2002 </li></ul></ul></ul><ul><ul><ul><li>Representa: </li></ul></ul></ul><ul><ul><ul><li>dia sete de setembro de 2002 </li></ul></ul></ul><ul><ul><ul><li>ou </li></ul></ul></ul><ul><ul><ul><li>dia nove de julho de 2002 ? </li></ul></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul>
  • 19. Recuperação de Informações <ul><li>Exemplos de problemas: </li></ul><ul><ul><li>Contexto dos termos </li></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul><ul><ul><ul><li><tr><td>... o banco era feito de madeira e estava pintado de cor verde </li></ul></ul></ul><ul><ul><ul><li>claro, contrastando com a cor do gramado ....</td></tr> </li></ul></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul><ul><ul><ul><li><tr><td>... ele foi ao banco para realizar um depósito em sua conta </li></ul></ul></ul><ul><ul><ul><li>corrente....</td></tr> </li></ul></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul>
  • 20. Recuperação de Informações <ul><li>Exemplos de problemas: </li></ul><ul><ul><li>Termos compostos </li></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul><ul><ul><ul><li><tr><td>... O sr. Carlos Silva tinha ... mas o gerente afirmou que o sr. </li></ul></ul></ul><ul><ul><ul><li>Antônio Moreira...</td></tr> </li></ul></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul><ul><ul><ul><li>Busca pelos termos: Carlos Moreira </li></ul></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul><ul><ul><ul><li><tr><td>... O sr. Carlos Silva tinha ... mas o gerente afirmou que o sr. </li></ul></ul></ul><ul><ul><ul><li>Antônio Moreira ...</td></tr> </li></ul></ul></ul><ul><ul><ul><li>.... </li></ul></ul></ul>
  • 21. Recuperação de Informações <ul><ul><ul><li>Localização de informações </li></ul></ul></ul><ul><ul><ul><ul><li>Em bases de dados legadas </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Em formatos digitais diversos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Bibliotecas digitais e outros repositórios </li></ul></ul></ul></ul>
  • 22. Limitações da HTML <ul><li>A linguagem HTML, que popularizou a Web e é utilizada pela maioria dos sites, não possui recursos que permitam atribuir significado à informação. </li></ul><ul><li>HTML é uma aplicação essencialmente voltada para estrutura do documento, sem se preocupar com a semântica dos conteúdos; </li></ul><ul><li>Pouca semântica pode ser extraída de um documento, levando à dificuldade de manutenção e compreensão. </li></ul>
  • 23. Limitações da HTML <ul><li>Quase metade das tags (marcadores) caíram em desuso; </li></ul><ul><li>Os programas de edição eletrônica, tal como muitos designers, ignoram as tags semânticas(classificam os elementos do texto de acordo com o seu significado). </li></ul><ul><li>Toda informação da Internet encontra-se difusa e desorganizada, pois trata-se de um repositório mundial descentralizado de documentos eletrônicos. </li></ul>
  • 24. <ul><li>As ferramentas tradicionais de busca atualmente são baseadas na indexação de documentos a partir do texto puro, privilegiando documentos através de marcações HTML (tags) associadas, quantidade de páginas referenciadas e quantidade de repetições da palavra sendo procurada. </li></ul><ul><li>Os agentes (softwares) de busca não conseguem entender o conteúdo das páginas, realizando consulta apenas por combinação de palavras-chave, pois os documentos Web foram criados de forma que fossem entendidos apenas por humanos. </li></ul>Limitações da HTML
  • 25. HTML e WebSemântica <ul><li>Com o crescimento exponencial da Web tornou-se difícil indexar as informações. </li></ul><ul><li>Para melhorar a indexação, são necessárias categorias mais apuradas que permitam triar com eficiência, no oceano de dados disponíveis, aquilo que interessa ao usuário num contexto preciso. </li></ul>
  • 26. HTML e WebSemântica <ul><li>Surge, então, a necessidade de se criar uma nova estrutura para a Web na qual seja possível escrever programas ( softwares ) capazes de entender o significado de documentos. </li></ul><ul><li>Esta nova proposta de estrutura da Web é chamada de Web Semântica ou Web 3.0. </li></ul>
  • 27. HTML e WebSemântica <ul><li>O projeto da Web Semântica tem o princípio de incluir &quot;informação sobre a informação&quot; na Web. </li></ul><ul><li>A Web Semântica foi um projeto criado por Tim Berners-Lee, nada mais nada menos que o criador do HTML e da World Wide Web, onde o objetivo desse projeto é melhorar a Web através de padrões e ferramentas que tornem seu conteúdo claro e de fácil manutenção. </li></ul><ul><li>Mas para que isso ocorra a linguagem HTML é ineficiente, uma vez que não permite criar categorias semânticas. </li></ul>
  • 28. HTML e WebSemântica <ul><li>A solução passa pela definição de uma meta-linguagem que permita adaptar uma família de linguagens aos diversos tipos de informação. </li></ul><ul><li>Para se trabalhar a Web 3.0 optou-se utilizar a linguagem XML (eXtended Markup Language), que permite descrever semanticamente os dados e, a partir de categorias que o próprio usuário pode definir. </li></ul><ul><li>O XML é uma evolução do HTML - não apenas convive, como se integra facilmente a ele. </li></ul>

×