Incorporação de HTML
- 1. Incorporações da HTML Grupo B Anderson Rocha Tavares Eloízio Cesar Drummond Salgado Victor J. de C. dos G. di Salles e Ferreira UNIVERSIDADE FEDERAL DE MINAS GERAIS DEPARTAMENTO DE CIÊNCIA DA COMPUTAÇÃO APLICAÇÕES DE SOFTWARE SOCIAL {arocha, eloizio, josue}@dcc.ufmg.br
- 2. INCORPORAÇÕES DA HTML Tópicos O que é? Conceitos básicos Produtos do mercado Como está sendo usada Padrões e formatos existentes Sites de referência técnica Referência Bibliográfica (Textos, vídeos, slides) Perguntas & Respostas <embed> <object> <iframe>
- 3. O que é? Inclusão de código para multimídia Áudio, vídeo, animações, conteúdo interativo Normalmente, necessita-se de plugins para visualização Flash Java Real Player Quick Time Windows Media Player Proporciona experiências ricas para o Usuário Possibilita enriquecimento do conteudo Web <embed> <object> <iframe>
- 4. Produtos do mercado A maioria dos Editores HTML atuais dão suporte às incorporações. Alguns mais utilizados/conhecidos: 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: Adobe Flash Apple QuickTime Youtube Mp3Tube Google Maps Slideshare <embed> <object> <iframe>
- 5. Como está sendo usada Para tornar os sites mais atrativos, a maioria deles possuem Incorporações. Exemplos: Site da globo : Vídeos das principais notícias (política, esporte, novelas, etc) ao invés de textos. Site do restaurante Paladino : Cardápio em Flash possibilita interatividade e marketing. Site da rádio 98FM : É possível ouvir a rádio ao vivo pela internet através do Windows Media Player. <embed> <object> <iframe>
- 6. Como está sendo usada Possíveis Problemas: Muitas incorporações: Sites pesados. Dificultam a navegação. Requer conexão rápida (usuário). Muitos plugins. Muita memória. Perda de controle sobre o conteúdo Conteúdo incorporado pode sair do ar, sem aviso Links quebrados Dificuldades para gerenciar grande portais Ex: Vídeo do YouTube retirado do ar <embed> <object> <iframe>
- 7. Padrões e formatos existentes <embed src="caminho/do/conteudo.ext"> Suporte oficial veio apenas no HTML 5 Suportado pelos grandes navegadores <object type="tipo_do_objeto"> <param name="nome" value="valor"></param> </object> Genérico (Java, Flash, Real Video...) <iframe src="endereco/do/conteudo.htm"></iframe> Genérico (abre a página de destino) Suportado, mas designers não acham legal... ¬¬ <embed> <object> <iframe>
- 8. Sites de referência técnica w3schools : Para as tags iframe : http://www.w3schools.com/TAGS/tag_iframe.asp Para as tags embed : http://www.w3schools.com/tags/html5_embed.asp Para as tags object : http://www.w3schools.com/TAGS/tag_object.asp Para Incorporação Flash http://www.w3schools.com/flash/flash_inhtml.asp Tudo sobre HTML 5.0 http://www.w3.org/TR/html5/ <embed> <object> <iframe>
- 9. Referência Bibliográfica Tutorial: w3schools: 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 . 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>
- 10. Referência Bibliográfica Livro: Dynamic HTML Weekend Crash Course 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>
- 11. 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 in corporaçã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>
- 12. 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>
- 13. 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>
- 14. Perguntas & Respostas Pergunta 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>
- 15. 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>
- 16. 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>
- 17. 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>
- 18. 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>
- 19. 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>
- 20. 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>
- 21. Perguntas & Respostas Pergunta 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>
- 22. 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>
- 23. 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>
- 24. Dúvidas?!