Incorporação de HTML
-
Upload
grupobass -
Category
Technology
-
view
1.749 -
download
0
Transcript of 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
<embed> <object> <iframe>
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
<embed> <object> <iframe>
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.
<embed> <object> <iframe>
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
<embed> <object> <iframe>
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... ¬¬
<embed> <object> <iframe>
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/
<embed> <object> <iframe>
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&
<embed> <object> <iframe>
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.
<embed> <object> <iframe>
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.
<embed> <object> <iframe>
Perguntas & Respostas
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.
<embed> <object> <iframe>
Perguntas & Respostas
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.
<embed> <object> <iframe>
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.
<embed> <object> <iframe>
Perguntas & Respostas
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.
<embed> <object> <iframe>
Perguntas & Respostas
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
<embed> <object> <iframe>
Perguntas & Respostas
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.
<embed> <object> <iframe>
Perguntas & Respostas
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.
<embed> <object> <iframe>
Perguntas & Respostas
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.
<embed> <object> <iframe>
Perguntas & Respostas
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)
<embed> <object> <iframe>
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.
<embed> <object> <iframe>
Perguntas & Respostas
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)
<embed> <object> <iframe>
Perguntas & Respostas
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.
<embed> <object> <iframe>
Dúvidas?!
Obrigado!
Aplausos!