Incorporação de HTML

Incorporações da HTML

Grupo BAnderson Rocha Tavares

Eloízio Cesar Drummond Salgado Victor J. de C. dos G. di Salles e Ferreira

UNIVERSIDADE FEDERAL DE MINAS GERAISDEPARTAMENTO DE CIÊNCIA DA COMPUTAÇÃO

APLICAÇÕES DE SOFTWARE SOCIAL

{arocha, eloizio, josue}@dcc.ufmg.br

INCORPORAÇÕES DA HTML Tópicos

o O que é? o Conceitos básicos o Produtos do mercado o Como está sendo usada o Padrões e formatos existenteso Sites de referência técnicao Referência Bibliográfica (Textos, vídeos, slides) o Perguntas & Respostas

<embed> <object> <iframe>

O que é?

• Inclusão de código para multimídiao Áudio, vídeo, animações, conteúdo interativo

• Normalmente, necessita-se de plugins para

visualização o Flasho Javao Real Playero Quick Timeo Windows Media Player

• Proporciona experiências ricas para o Usuário• Possibilita enriquecimento do conteudo Web


Produtos do mercadoA maioria dos Editores HTML atuais dão suporte às incorporações. Alguns mais utilizados/conhecidos:

o Adobe Dreamweaver Em Blogs (blogspot), Fóruns (ArenaTURBO), alguns ambientes sociais (orkut), entre outros, não se pode editar todo o HTML, porém dão suporte a incorporação. Para criação das incorporações:

o Adobe Flasho Apple QuickTimeo Youtubeo Mp3Tube o Google Mapso Slideshare


Como está sendo usada Para tornar os sites mais atrativos, a maioria deles possuem Incorporações. Exemplos: • Site da globo:

o Vídeos das principais notícias (política, esporte, novelas, etc) ao invés de textos.

• Site do restaurante Paladino:o Cardápio em Flash possibilita interatividade e marketing.

• Site da rádio 98FM:o É possível ouvir a rádio ao vivo pela internet através do

Windows Media Player.


Como está sendo usada

Possíveis Problemas:• Muitas incorporações:

o Sites pesados.o Dificultam a navegação.o Requer conexão rápida (usuário).o Muitos plugins.o Muita memória.

• Perda de controle sobre o conteúdoo Conteúdo incorporado pode sair do ar, sem avisoo Links quebradoso Dificuldades para gerenciar grande portais

Ex: Vídeo do YouTube retirado do ar


Padrões e formatos existentes

<embed src="caminho/do/conteudo.ext">o Suporte oficial veio apenas no HTML 5o Suportado pelos grandes navegadores

<object type="tipo_do_objeto"> <param name="nome" value="valor"></param> </object>

o Genérico (Java, Flash, Real Video...) <iframe src="endereco/do/conteudo.htm"></iframe>

o Genérico (abre a página de destino)o Suportado, mas designers não acham legal... ¬¬


Sites de referência técnica• w3schools:

o Para as tags iframe: http://www.w3schools.com/TAGS/tag_iframe.asp

o Para as tags embed: http://www.w3schools.com/tags/html5_embed.asp

o Para as tags object: http://www.w3schools.com/TAGS/tag_object.asp

o Para Incorporação Flash http://www.w3schools.com/flash/flash_inhtml.asp

• Tudo sobre HTML 5.0o http://www.w3.org/TR/html5/


Referência Bibliográfica

Tutorial:• w3schools:

o Possui tutoriais interativos sobre as tags de incorporação. http://www.w3schools.com/tags/

Vídeo Aula:• Como importar vídeo para o Flash CS3 e incorporar a seu

site. o http://mais.uol.com.br/view/brv1zi5h6rmh/como-importar-

video-para-o-flash-cs3-e-incorporar-a-seu-site-04023366CCB15326?types=A&


Referência Bibliográfica

Livro:• Dynamic HTML Weekend Crash Course

o Ensina a montar páginas interativas e dinâmicas, inclusive com incorporação de conteúdo

http://www.amazon.com/Dynamic-Weekend-Crash-Course-CD-ROM/dp/0764548905

Artigo: • LYNCH, Kevin. Video on the Web. 27 novembro 2007.


Perguntas & Respostas

Pergunta número 01:• Autor: Tadeu Rocha - C• Pergunta: Diante dos possíveis problemas apresentados e além da questão da

atratividade, quais poderiam ser as outras vantagens da Incorporação de HTML?

• Resposta: Vantagens sobre a incorporação HTML são inúmeras, pois ela oferece

um leque de possibilidades muito extenso para o ambiente Web. Entrentanto, uma vantagem muito importante está relacionada à possibilidade de agregar conteúdo ao seu site de diversas formas. Desse modo, basta utilizar a imaginação para inventar uma nova função para essa tecnologia.



Pergunta número 02:• Autor: Junio - Grupo J• Pergunta: Como utilizar a incorporação de HTML para maximizar a interação dos

usuários com seus sítios de aplicação social? • Resposta: Existem diversas formas de maximizar a interação dos usuários de sítios de

aplicação social. É possível incorporar um vídeo interessante que se viu no YouTube, ou uma notícia relevante do portal G1, escrever um post sobre ele e oferecer um espaço para que os usuários possam comentar sobre o que foi postado. Isso também pode ser realizado em diversas mídias sociais, como Orkut e Facebook, mas o que limita esse tipo de possibilidade é apenas a imaginação do designer.



Pergunta número 03:• Autor: André Cavatoni - Grupo P• Pergunta: Quais as possibilidades no futuro de tais inclusões? • Resposta: O futuro da incorporação HTML está intimimante relacionado à

adaptação do surgimento de novas mídias e também à forma de como as mídias são divulgadas. Além disso, é provável que as novas versões do HTML sejam capazes de suportar todo tipo de incorporação de informação, desde textos, até filmes lançados recentemente.


Perguntas & RespostasPergunta número 04:• Autor: Romulo - GRUPO Q• Pergunta: O conhecimento e utilização de HTML nas empresas traz algum benefício

com relação a produtividade? • Resposta: A incorporação HTML pode trazer diversos benefícios às empresas,

principalmente no caso em que elas estão inseridas e engajadas com a Web. Uma forma interessante de uma empresa promover aprendizado e produtividade é incorporar vídeos sobre assuntos relevantes ao escopo de trabalho de seus funcionários, em seu próprio website, e depois incentivar seus funcionários a visitar e visualizar esses vídeos. Além disso, os funcionários podem postar perguntas referentes ao tema, para aprender mais sobre o assunto com funcionáirios mais experintes e promover integração na empresa.



Pergunta número 05:• Autor: Thiago - GRUPO C• Pergunta: Qual o impacto da incorporação de HTML quanto ao número de e acessos

em um web site? • Resposta: O impacto dessa técnica sobre os acessos em um website está diretamente

relacionado à qualidade do conteúdo incorporado. Com isso, se o autor do website incorpora algum contéudo que é relativamente nova na internet ou algo muito interessante, certamente seu site aumenta seu número de acessos.



Pergunta número 06:• Autor: Maísa - Grupo D• Pergunta: É possível a construção de websites funcionais apenas com a utilização

dessas incorporções ?• Resposta: Nada impede a construção de sites dessa maneira. O problema é que o site

não teria conteúdo próprio, sendo apenas um agregador de conteúdo gerado por terceiros. Além disso, o uso apenas de incorporações tornaria o site pesado e talvez poluído visualmente, prejudicando a navegação



Pergunta número 07:• Autor: Wagner Lopes - Grupo C• Pergunta: Qual o impacto dessas inclusões no número de acessos aos sites?• Resposta: Isso depende da qualidade e da quantidade de incorporações. Normalmente,

as incorporações de conteúdo de qualidade tornarão o site mais atraente e interativo, certamente aumentando o número de visitas. No entanto, um grande número de incorporações ou a baixa qualidade de incorporações prejudicam a experiência do usuário e certamente reduzirão o número de visitas.



Pergunta número 08:• Autor: Israel - Grupo A• Pergunta: A tag embed, como vocês disseram, já era utilizada há muitos anos nos

grandes navegadores. Por que, então, só recentemente com o HTML 5.0 ela foi incorporada oficialmente?

• Resposta: A página da W3C (http://www.w3schools.com/tags/html5_embed.asp) que regulamenta

os padrões Web diz apenas que a tag é suportada na versão 5 do HTML. Provavelmente isso ocorreu porque antes não existia tanto conteúdo

interativo e incorporações nas páginas. Como os navegadores já suportam a tag e seu uso se tornou tão popular atualmente, a W3C então oficializou seu uso.



Pergunta número 09:• Autor: José Ricardo F. Moura - Grupo K• Pergunta: Como controlar os riscos que existem nas incorporações de conteúdo os

quais não se têm controle (já que até podem sair do ar)?• Resposta: Uma maneira de se fazer isso é você baixar os vídeos que incorpora. No

caso do YouTube, existe um programa para isso chamado YouTube Downloader. Se, por algum motivo, o vídeo for retirado do ar, você pode colocá-lo novamente e atualizar o link da sua página. Certamente esse é um processo trabalhoso e exige alguns cuidados, como o respeito às leis de direitos autorais e às regras do site de hospedagem de vídeos.



Pergunta número 10:• Autor: Eduardo Sama'an - Grupo P• Pergunta: Apesar de existir padronização de HTML, é sabido que ela não é seguida

fielmente por todos os navegadores. A prova disso é que vários sites apresentam resultados distintos (ou chegam até a não funcionar) em navegadores diferentes. As agregações herdam esse problema? Há tentativas de se resolver isso?

• Resposta: A tag <embed>, por exemplo, foi criada pela Netscape há muito tempo e

alguns navegadores construídos baseados nele dão suporte a ela. No entanto, outros como algumas versões do IE não a suportam. Por outro lado, tanta-se uma padronização para incorporações utilizando a tag <object> que realiza as mesmas funções da <embed>, sendo mais geral, e é praticamente suportada por todos os navegadores mais conhecidos e utilizados. (Mais informações em http://www.w3schools.com/tags/tag_object.asp)


Perguntas & RespostasPergunta número 11:• Autor: Breno G. Boueri - Grupo F• Pergunta: Muitas incorporações HTML em um determinado site pode deixá-lo mais

lento?• Resposta: Imagine um site que possua incorporações de vários mapas do Google

Maps, além de diversos vídeos do YouTube, alguns mapas mentais do Mind Maps e algumas apresentações de slide do SlideShare. Todos estes artefatos requerem uma boa banda larga para serem totalmente carregados (existem vídeos do YouTube com 20 minutos e com cerca de 20 MB, por exemplo). Um exemplo prático disso são os blogs dos alunos de nossa turma. A maioria deles possuem um grande número de incorporações que demoram para ser carregadas, consumindo grande parte da banda larga e da memória de nosso computador (pressione CTRL+ALT+DEL em um Windows com o navegador aberto nestes blogs para ver o consumo de memória RAM). Dessa forma, muitas incorporações podem deixar um site mais lento, tanto para o computador (memória) quanto para a conexão banda larga.



Pergunta número 12:• Autor: Vinícius - Grupo O• Pergunta: Qual a prevenção para o uso de um código malicioso no embebed de uma

página?• Resposta: Toda a questão de segurança de acesso aos embebed fica a cargo do seu

navegador. Muitos navegadores perguntam ao usuário "Este site requer o plugin X para carregar tal artefato. Você tem certeza de que deseja instalá-lo/executá-lo?". Dessa forma, o seu browser só irá executar tal código com sua permissão. No caso do Firefox, existem alguns complementos que melhoram este tipo de serviço de proteção à códigos maliciosos. Um exemplo disso é o NoScript. Ele bloqueia alguns scripts (como JavaScript e Flash) e te avisa quando estes scripts forem encontrados. (Download do NoScript http://info.abril.com.br/download/5167.shtml)



Pergunta número 13:• Autor: Juliano Xavier - Grupo D• Pergunta: Quais os riscos na eficiência de um site ao usar incorporações de HTML?• Resposta: Desde que elas sejam utilizadas com bom senso, ou seja, sem que sejam

inseridas aos montes, o site continuará leve e mais atrativo ao usuário. No entanto, incorporar muitos objetos pode fazer com que o seu site se torne muito lento e pesado, pois alguns objetos, como vídeos, requerem uma boa conexão à internet. Isso irá afastar diversos usuários.


Dúvidas?!

Obrigado!

Aplausos!

Technology

Incorporação de HTML