terça-feira, 23 de outubro de 2007

Para os mais curiosos ainda

Querem saber como eu postei o código HTML aí de baixo sem fazer uma meleca no post?
É simples.
Basta substituir todos os sinais < > do código.
O < é substituido por & lt; e o > por & gt; (tudo junto tá gente? eu separei que é para poder aparecer no post).
Na publicação da postagem esses dois comandos são substituídos pelos símbolos e o código HTML aparece puro.
Na postagem aí embaixo eu substitui em um e não no outro. Assim, um código apareceu puro e o outro com o visual do plugin.
A dica também vale para scripts de Java.

Para os curiosos

Para quem ficou curioso e quer saber qual o código HTML do plugin de áudio, aí vai.

<P ALIGN="CENTER"><BGSOUND SRC="musica.mid" ( ou wav ou mp3 ou outro formato de áudio)><EMBED SRC="musica.mid" (também qualquer formato) WIDTH="140" HEIGHT="25" AUTOSTART="TRUE" CONTROLS="SMALLCONSOLE" VOLUME="60"OOP="FALSE"></EMBED></P>

Mas o resultado, a meu ver, é um plugin muito tosco, igual a esse aí de baixo:



O resultado do Divshare é, na minha opinião, mais bonito. A facilidade de postar também é maior, depois que os arquivos já foram transferidos para a internet. Sem falar que o plugin do Divshare tem um controle de volume.

Bônus track

Depois de ensinar como colocar música no blog, no post aí de baixo, dou aqui uma outra dica sobre áudio.
Se vocês quiserem, é possível colocar uma música de fundo no blog. Eu particularmente acho irritante porque não tem como o internauta desligar o fundo musical. Só se ele desligar o auto falante do computador.
O pobre fica condenado a ouvir a mesma musiquinha enquanto estiver navegando pelo blog de vocês.
Como cada cabeça é uma sentença, vocês podem experimentar. Vai que vocês gostam e até fica bacana...
A dica é a seguinte:
Vá até a área modelo e entrem em editar HTML.
Procurem logo no começo do código onde está <head>
Vejam o exemplo do template do meu blog.
Está lá pela oitava linha a partir da cabeça do código

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> logo em seguida a esse ponto vocês acrescentam o código <bgsoud src = "ENDEREÇO URL DA MÚSICA" loop = "0"></head>

Está criada a música de fundo.
Só um detalhe, esse "0" aí do código é zero e não a letra o, ok?







Música no Blog

Eu pensei em colocar neste post um código HTML de um plug in, mas depois descobri uma forma muito mais interessante - e mais fácil também - de colocar áudio no blog.
Primeiro, vocês precisam se cadastrar no site Divshare . Esse é um site muito interessante que possibilita o armazenamento, na internet, de vídeos, fotos, áudios, documentos e quaisquer outros arquivos que vocês tenham guardado no computador.
Com isso vocês podem compartilhar os arquivos salvos no Divshare com amigos ou postá-los nos seus blogs ou sites com simplicidade. Além de permitir a vocês acessá-los de qualquer lugar e não mais só do computador de casa.
Bom, mas voltando ao que interessa. Feito o cadastro, vocês precisam ter os áudios salvos em um arquivo nos seus computadores. Acho que não preciso ensiná-los a fazer isso, não é?
Os áudios podem estar em qualquer formato (mid,mp3,wav,etc...).
O passo seguinte é fazer o login no Divshare e, em seguida, clicar na área upload files.
Aí vai abrir uma janela pedindo para vocês procurarem o arquivo. O procedimento é o mesmo de quem vai anexar um texto a uma mensagem.
Encontrado e selecionado o arquivo é só fazer o upload.
Quando o upload estiver concluído, o próprio Divshare cria e informa, em uma área à direita da tela, o endereço URL, o endereço para fórum ( caso vocês queiram criar um fórum sobre o vídeo, áudio, etc...) e o código Embed.
Ficou fácil agora, não é?
Com o código, é só fazer como eu ensinei no caso dos vídeos: Copiar e colar no post em HTML.
Vai ficar como esse teste aí embaixo.

Um pouco de música

Essa é uma música da Turquia, chamada Istanbul Kasimayi, e executada por Nur Asim.

Deu para sacar que eu gosto de World Music, né?


sexta-feira, 19 de outubro de 2007

Terça-feira Dia D

Caros alunos, não faltem à aula de terça-feira.

Nós iremos fazer um exercício em sala muito interessante baseado no texto de João Canavilhas e relacionando o que aprendemos até agora sobre links, e distribuição de textos em camadas.

Também vamos fazer uma avaliação geral de tudo que fizemos até agora. É importante que todos estejam presentes.

Aula de hoje: Convergência

Na aula de hoje falamos sobre convergência de meios na internet.

Como prometi, estou adicionando os links para as infografias que utilizei como exemplo, mas que infelizmente não conseguimos ver no laboratório.

A infografia sobre o parto, do jornal espanhol El Mundo.

The Darkest Day, do MSNBC, sobre o 11 de setembro.

Peça multimídia que compara o 11 de setembro, nos EUA e o 11 de março, na Espanha, também do El Mundo.

Também segue o texto complementar

Infografia Multimídia: um modelo para o webjornalismo - Beatriz Ribas.

Imagens


Para a minha cara aluna marabaense, uma foto do buraco provocado pela extração de minério de ferro, em Carajás.

Essa imagem foi blogada do flickr.
A foto é de Wal André Mutran, irmão da minha queridíssima amiga, a fotógrafa Flavya Mutran.

Imagens de domínio público

A pedidos, estou postando alguns links onde podem encontrar imagens compartilhadas.

O Flickr é uma ferramenta interessante, porque permite postar diretamente para o blog as imagens selecionadas.

Tem a wikicommons, que também é muito interessante.

Também estou colocando um link para um post do Tecno Blog onde o autor lista mais de 100 links onde vocês podem obter imagens gratuitas.

Vídeos no Blog

Gente, realmente adicionar vídeos no novo blog é um pouco diferente, mas é muito mais fácil.

Para adicionar um vídeo do Youtube, procure, na página do vídeo do Youtube, uma área chamada EMBED ou INCORPORAR(fica logo abaixo da janela do vídeo, depois das opções compartilhar, favoritos, etc...).
Essa área tem um código. Basta copiar o código e colar na área editar HTML do post no Blogger.

Vai ficar igual esse aí que eu coloquei.

Vocês podem colocar o vídeo no meio de um post ou abir o post com o vídeo. Vocês escrevem normalmente na área editar HTML (como um post comum) e colam o código no local que vocês acharem mais conveniente.

Por exemplo, podem começar escrevendo, colar o código do vídeo, e depois escrever mais abaixo do vídeo.

Ou abrem a postagem com o vídeo e escrevem os comentários abaixo do código, no mesmo post, como eu fiz.

Adicionando Vídeos



Esse é um vídeo sobre a Ditadura Militar

quarta-feira, 17 de outubro de 2007

label clouds

Label clouds ou nuvem de marcadores ou, ainda, nuvem de tags, é essa forma de mostrar marcadores como a que eu criei aí do lado. Ao invés de usarmos as famosas listas de marcadores, usamos essa estrutura em formato de nuvem, onde as palavras variam de tamanho conforme o número de postagens.

É uma das "frescurinhas da moda nos blogs e sites". Se quiserem copiar, deixo abaixo o endereço do blog da Ariane onde existe um tutorial sobre o assunto.

Lá no blog da Ariane vocês vão encontrar uma série de dicas, templates e códigos para aditivar os blogs pessoais - aliás, cadê eles? -. Tudo muito explicadinho e fácil de executar, mesmo para quem não entende muito de HTML (como é o meu caso também!).
Se eu consegui, vocês conseguirão!
Algumas recomendações:
  • Antes de editarem em HTML a versão do blog de vocês, procurem na própria página a opção salvar o original. Se tudo der errado, vocês não perdem a primeira versão do blog.
  • Para fazer o label cloud é preciso antes colocar marcadores em todos os posts.
  • Os códigos são muito extensos e, para não errarem, façam como eu fiz: copiem e colem os trechos inteiros nos locais indicados.

Templates para novo blog

Boa sorte!

RSS, feeds e que tais

Atendendo a um questionamento feito pelo Bruno Magno, seguem alguns sites que explicam bem o que é RSS.

No Vilago a explicação é mais básica.

já o artigo da Infowester é um pouco mais técnico, mas também muito bom.

Espero que gostem

Leituras complementares

Seguem dois textos muito interessantes sobre comunicação.

O primeiro deles é Modernidade líquida, comunicação concentrada, de Caio Túlio Costa. O texto foi publicado pelo Instituto DNA Brasil e faz uma análise da mídia global, incluindo, é lógico, o Brasil, e aponta cinco tendências nas comunicações para os próximos anos.

O segundo é a Reconfiguração do jornalismo através do modelo open source, de Ana Maria Brambilla. Como vocês já sabem, o jornalismo open source, ou de "fonte aberta", uma das propostas mais radicais dentro do chamado jornalismo cidadão e que tem como um de seus principais exemplos o site wikinews.

Boas leituras!

Voltei! E com muitas tarefas...

Peço desculpas aos meus caros alunos pelo atraso nas postagens neste blog.
Vou regularizar o trabalho a partir de agora.
Quero lembrá-los que temos algumas atividades para serem entregues por vocês até a sexta-feira, 26 de outubro.

Um dos trabalhos é esse:

Selecionem dois blogs que vocês considerarem interessantes e analisem:

O Design – criatividade, cores, é inovador ou não?
A Usabilidade – é fácil de ler e de achar o que procura?
O Texto – é fácil de ler, os hiperlinks funcionam?
Foram empregados recursos de multimídia? Quais? melhorou a informação ou confundiu?
Os relatórios devem ter no mínimo uma pagina e no máximo três.

Mais tarde posto o segundo trabalho.

quinta-feira, 4 de outubro de 2007

Aula de quinta-feira, 4 de outubro

Hoje falamos sobre jornalismo cidadão.

Como prometi, segue o texto de apoio do assunto.

Webjornalismo participativo e a produção aberta de notícias - Alex Primo e Marcelo Träsel

Também tem uma reportagem sobre o tema que retirei da revista Imprensa. Esse texto está disponível na xerox do CLA.

Não esqueçam do trabalho sobre memória para a próxima terça-feira!

Na nossa aula de amanhã voltaremos a falar mais detalhadamente sobre blogs.

Até lá.

terça-feira, 2 de outubro de 2007

Tema polêmico: Ctrl C e Ctrl V na Internet

Como falei na aula de hoje, 2 de outubro, a Europa avança na discussão do direito autoral de conteúdos na web.

Em maio do ano passado, o Parlamento Europeu definiu que cada país deve criar legislações próprias sobre o assunto já a partir deste ano.

A Alemanha é onde o debate avança mais rápido. A revisão das leis alemãs já começou.

Outra discussão que se inicia é quanto ao direito que as empresas que trabalham com webclippings têm de recolher material de sites noticiosos e blogs e depois revendê-los para seus clientes sem pagar nada ao autor do conteúdo original.

Todos esses debates vão esquentar bastante nos próximos anos e nós não podemos deixar de acompanhar qual rumo as coisas tomarão.

No Brasil, recomendo dois sites muito bons:

O primeiro é o site do CBEJI - Centro Brasileiro de Estudos Jurídicos na Internet.

O segundo é o site Webinsider.

memória e pesquisa - Aula do dia 2 de outubro

Como prometido, posto aqui o texto de apoio da aula de hoje, 2 de outubro, sobre memória e pesquisa.

O Ciberespaço como fonte para os jornalistas - Elias Machado.

Hoje também passei um exercício, que repito aqui.

Com base no que estudamos na aula sobre memória e pesquisa, cada aluno deve buscar informações na web para montar um texto sobre o caso Renan Calheiros, no Senado.

A situação fictícia é a seguinte:

Renan Calheiros morreu. No site onde vocês trabalham, a chefia decidiu fazer um especial sobre o senador e vocês ficaram encerregados de escrever o texto sobre a crise no Senado.

Comandos:

O texto deve ter no máximo 2 mil toques.

Deve ser complementado por uma linha do tempo ( ou cronologia) com as principais datas do assunto, desde o início do caso até a votação secreta no Senado.

Como a linha do tempo vai servir de suporte, o texto não deve ser uma simples narração dos fatos.

O texto deve explicar em linhas gerais o que foi a crise e, principalmente, focar nas suas implicações para a biografia de Renan Calheiros e para a política brasileira.

O mais importante é fazer com que o texto explique porque a crise foi tão importante para merecer um destaque na biografia do falecido.

O prazo para entrega é a próxima terça-feira, 9 de outubro.

Bom trabalho!