Professional Documents
Culture Documents
Belém - Pará
2010
Essa oficina vem somar-se aos esforços do Núcleo de Informática Educativa-NIED, no
sentido de oportunizar aos professores de Sala de Informática de escolas da rede pública
municipal de Belém, uma formação permanentemente atualizada para o uso das Tecnologias da
Informaçao e Comunicação-TIC e dos recursos disponibilizados nas Salas de Informática, com
vistas a contribuir na melhoria dos indicadores de desempenho dos estudantes da rede pública
paraense.
Objetivos:
Metodologia:
A oficina será desenvolvida na modalidade presencial, porém está reservada uma parte a
distância. Essa parte não tem exigência de cumprimento de carga horária, e será atendida por um
blogcolaborativo criado para esse fim. Os participantes deverão postar nesse blog uma análise
de um blog visitado por eles e deverão fazer uma postagem divulgando seu blog. Também
poderão usar o blog colaborativo para apresentar suas dúvidas, apresentar soluções de
problemas encontrados e solucionados no seu blog, divulgar pesquisas e descobertas que
possam contribuir com outros blogueiros.
Caso a escola já possua um blog, o professor será orientado para ser um dos
responsáveis pelo blog da escola, ao mesmo tempo que deverá criar o seu, particular, ou de sua
turma/turno. Será estimulada a troca de experiências e conhecimento entre os participantes
quanto a criação, publicação, manutenção e configuração do Blog da escola, e cada blog deverá
ter links para os demais.
Avaliação:
A avaliação da oficina será realizada através da observação da produção individual dos
participantes, postadas no blog que criarem. Deverão publicar pelo menos 3 postagem (uma para
2
cada dia de oficina). Também levaremos em consideração sua participação e contribuições no
blog colaborativo da oficina.
Operacionalização
Momento Atividade
Apresentação do grupo e do plano da oficina.
3
TUTORIAL SOBRE O BLOGGER
1. - O QUE É BLOG? 1
Blog é uma abreviação de weblog, qualquer registro freqüente de informações pode ser
considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das pessoas tem
utilizado blogs como diários pessoais, porém um blog pode ter qualquer tipo de conteúdo e ser utilizado
para diversos fins. Uma das vantagens das ferramentas de blog é permitir que os usuários publiquem
seu conteúdo sem a necessidade de saber como são construídas páginas na internet, ou seja, sem
conhecimento técnico especializado. Quem já possui um site pode aproveitar uma ferramenta de blog
para atualizar seu conteúdo de maneira rápida e descomplicada, em qualquer lugar da internet basta
digitar seu login e senha, escrever o que quer publicar e clicar num botão. Experimente, agora, essa
nova forma de se expressar.
Um URL é a localização de arquivo na Web. O URL que você selecionar será usado pelos
visitantes, ou por você mesmo, para acessar o seu blog. Durante o processo de criação do blog, será
pedido que você selecione um URL para o seu blog.
Como há um grande número de blogs do BlogSpot, você precisará ser criativo e possivelmente
tentar nomes diferentes antes de encontrar um que esteja disponível. Outra coisa importante há se
observar na URL é que os hifens ( - ) são os únicos caracteres não-alfanumérico permitidos. Não são
permitidos espaços, nem os caracteres de sublinhado ou qualquer outro caractere especial. Não
utilize os caracteres [, ], _, +, &. Apesar de serem aceitos em alguns sistemas no momento do cadastro,
eles podem não funcionar nos browsers de alguns usuários.
O Blogger é uma ferramenta online do Google que permite a publicação instantânea de páginas
na web. O Blogger oferece uma maneira de automatizar (e agilizar bastante) o processo de publicação
de blogs sem a necessidade de escrever código ou se preocupar com a instalação de qualquer tipo de
software de servidor ou scripts. E ainda por cima permite o controle total da aparência e localização do
seu blog.
Falando mais claramente, em vez de codificar manualmente as postagens do seu blog e fazer
upload freqüente da versão mais recente da sua página, você faz postagens em seu blog simplesmente
enviando seu arquivo (texto, fotos, imagens etc) no site do Blogger, e assim os resultados são exibidos
imediatamente no seu site, com o seu design.
Atenção: Visite outros blogs para ter idéias e buscar inspiração para incrementar o seu.
Blog do NIED-http://niedbelem.blogspot.com
Blog do NTE- http://ntebelempa.blogspot.com
Blog do Prof. Franz- http://esteblogminharua.blogspot.com
Tecnologias&Educação- http://vanessanogueira.wordpress.com/
Eu Não Entendo Biologia- http://biologiaquepariu.blogspot.com
//Echo $Me- http://www.gutierrez.pro.br
Educa Já- http://educaja.com.br
4
O PC e a Criança- http://melhorart.blogspot.com
Blogando com Alma- http://blosque.com
Coletânea de blogs de professores – http://edublogosfera.blogspot.com
Recomendamos que conheça outros blogs antes de criar o seu. Para isso, visite os endereços
citados acima e observe bem os os estilos, as propostas e elementos que compõem os blogs visitados.
Isso irá ajudá-lo a configurar seu blog e dar-lhe identidade, personalidade. Aliás, tome cuidado para não
criar um blog com o nome de outro que já exista. Você pode ser confundido com outra pessoa.
O Blogger é um serviço do Google, portanto, se você ainda não tem uma conta, primeiramente,
é recomendável criar uma conta no GMAIL. Entre no Google e clique em Gmail. Na janela que se abre
clique no botão Inscrever-se em Gmail (veja figura 1). Se já tem conta no Google, vá direto ao endereço
do Blogger (http://www.blogger.com) e clique no botão Criar um Blog (figura 2)
Fig. 1
Fig. 2
Ao entrar no Blogger (veja figura 2), insira seu login e senha (os que você criou ao se inscrever no
Gmail). Depois, siga os passos para criar seu blog e fazer a primeira postagem.
5
Uma vez que você tenha preenchido as informações presentes nessa janela, clique no botão-
seta “Continuar”. Irá aparecer uma nova janela (figura a seguir), onde você deverá escolher a aparência
do seu blog. Observe os modelos disponíveis e escolha aquele que melhor se adequar aos seus
propósitos, considerando o layout da página, cor de fundo, fonte, disposição da postagem etc (clique
sobre um deles para visualizar em tela cheia).
Feita sua escolha, clique em “Continuar”. Isso fará aparecer a tela seguinte, indicando que seu
blog está pronto! , mas ainda não acabou! Até aqui você estava apenas criando o espaço do seu blog
na web. A partir desse ponto é que você irá começar realmente a postar suas informações, comentários,
textos, fotos, imagens, vídeos etc.
Clique na seta “Começar a usar o blog” para iniciar esse trabalho prazeroso.
Sugiro que a 1ª postagem seja uma “Apresentação” de seu blog. Diga o que pretende com o
blog, o que as pessoas vão encontrar nele etc.
Você inicia a postagem pelo Editor de Postagem, conforme mostra a tela a seguir.
OBS: Não copie textos ou imagens de outros blogs sem indicar a autoria
Caso queira continuar trabalhando no material a ser postado noutro momento, clique em
SALVAR AGORA. Esse recurso CRIA UM RASCUNHO que pode ser editado mais tarde.
Caso tenha acabado de fazer uma postagem e queira visualizar como ficou
no seu blog, clique em Visualizar blog (imagem ao lado). Caso queira apenas
visualizar a postagem antes de publicar, clique no botão Visualizar, no editor de
postagem.
5. Postando figuras
Uma vez postado o texto é hora de ilustrar com uma figura, uma foto, desenho etc. Você pode
publicar imagens e fotos obtidas na Web ou suas próprias, mas CUIDADO ao usar imagens da Internet,
elas podem ter direitos autorais.
Na janela que se abre localize as imagens desejadas no disco rígido. Se preferir buscar
imagens na Web, informe o URL da imagem que já esteja on-line e ela será inserida na sua postagem.
Também pode inserir imagens do seu álbum no Picassa.
Note que ao inserir uma imagem, aparecerá uma barra (imagem abaixo) com algumas opções
de posicionamento da imagem na postagem. As opções esquerda, centro e direita determinarão como
o texto da postagem fluirá ao redor das imagens.
Sempre que usar uma imagem ou texto da Internet não esqueça de citar a fonte!
7
Note que também há opção de tamanho, que permite ampliar ou reduzir as imagens dentro
desta área de postagem (a imagem é enviada em seu tamanho completo; essa opção apenas determina
a escala no corpo do post) e de incluir legenda.
!
6. Conhecendo as abas do Blogger
7. Incrementando o Blog
Atenção: Visitar outros blogs ajuda a ter idéias para incrementar o seu
Incremente o blog melhorando o layout, tornando-o mais atraente e dinâmico. Mas o que conta
num blog não é só a aparência. Não adianta ter um belo blog se você só publica abobrinhas. O
conteúdo do blog conta muito. Escreva bem e corretamente, procure ser original em suas postagens,
seja claro nas suas reflexões, pense sempre em quem vai ler seu texto, escolha com cuidado a
ilustração da postagem.
Você pode inserir elementos de página como um slideshow, gifs animados, promover uma
enquête com seus leitores, criar sua lista de sites ou blogs preferidos, inserir selos, inserir contador de
visita, nuvem de tags, seguidores, box de recados e um monte de outros adereços.
8
Gadgets são pequenos programinhas dentro de outros programas. Em bloguês é tudo aquilo que
você insere na barra lateral do blog para executar uma determinada tarefa. Ao final tem um glossário dos
termos do Bloguês.
Clique na guia ou aba Design. Aparecerá a figura abaixo, que apresenta o modelo de layout de
um blog, com o cabeçalho do blog, a área de postagem e alguns elementos de página já inseridos. Se
souber HTML clique em Editar HTML (fica mais fácil promover alterações no layout). Lembre-se:
Sempre que fizer uma alteração, salve (botão SALVAR) e visualize o blog. Se não gostar, clique em
“Limpar edições”, e tente novamente.
Layout é a estrutura, o esqueleto do blog, enquanto o Template é a cara. Clique na aba Design
para acessar as ferramentas de formatação e edição do layout. Se souber HTML clique em Editar
HTML. Mas cuidado ao alterar o script em HTML! Você poderá trocar de modelo, mas antes é
recomendável que você salve o modelo atual.
Outro recurso muito útil para personalizar o blog é formatar as fontes e cores de seu modelo.
Estando na aba Design, clique em Designer do Modelo. Surgirá uma janela semelhante a esta figura:
Escolha na lista a esquerda (Modelos, Plano de Fundo, Layout, Avançado), onde quer fazer
alterações. Faça suas alterações e confira imediatamente na parte de baixo. Experimente!
Você pode querer usar outros modelos de Layout diferentes dos que estão disponíveis no
Blogspot. Há sites que ensinam a fazer isso, mas basta digitar no GOOGLE o que deseja para encontrar
uma variedade muito grande de opções. Veja alguns nos endereços:
• http://templatesparablogspot.blogspot.com
• http://templatesparanovoblogger.blogspot.com
Mas atenção, repito! Antes de fazer qualquer alteração diretamente no código HTML do seu
Blog, convém fazer backup, ou seja, uma cópia de segurança completa. Há alguns riscos nessa
operação. Por exemplo, você pode perder o conteúdo ou perder alguns links e gadgets de seu blog.
Faça o Backup do template do seu blog para restaurá-lo em caso de problemas.
9
Recomendo que você crie um BLOG DE TESTES e tentar importar seu conteúdo pra ele e
checar o funcionamento. Experimente nele tudo que quiser alterar ou introduzir no seu blog.
No Blogspot, por exemplo, se você acessar a área de configurações do blog ele te dá 3 opções
logo de início (importar, exportar, excluir blog). O link "exportar" promete te entregar um backup
completo do seu blog para download que você pode transferir para outro lugar depois.
Se utilizas o Wordpress, o cuidado deve ser um pouco maior, pois a ferramenta é mais flexível e
os códigos que pegamos na internet para ele podem causar danos ao blog sim. Portanto, é
recomendável procurar fontes confiáveis de templates e plugins antes de baixar coisas para o
wordpress.
Para testar a aparência de blogs/sites um ótimo recurso é o Browsershots, que verifica em "n"
navegadores. Veja no endereço http://browsershots.org/
9. Restauração do Backup
Para fazer a restauração do backup baixado anteriormente, vá para a aba Design e clique em
Editar HTML. Depois é só usar a caixa de formulário localizada logo abaixo do link Baixar modelo
completo:
Restauração: Clique em Arquivo para localizar o backup salvo no seu computador, depois em
Fazer upload e seu template será restaurado automaticamente!
Ao entrar com seu login e senha, aparecerá a janela “Painel”, onde você pode fazer novas
postagens, alterar definições editar perfil ou criar um blog. E se você tiver mais de um blog, aparecerá
aqui.
11. Divulgação
Uma vez feito o Blog, agora é a vez de divulgar. De nada adianta ter feito todo esse trabalho se
você não vai mostrar para os outros. Por isso, mande e-mails para seus amigos convidando-os para
visitar seu blog, entre no seu Orkut ou em grupos de discussão sobre o tema e convide-os a visitarem
seu Blog, visite outros blogs e deixe um comentário numa postagem, certamente o blogueiro visitado irá
retribuir.
Você tem seus blogs favoritos e desejar acompanhar as postagens sem ter que toda vez entrar
no blog para saber se está atualizado?
Então torne-se um seguidor do blog e revele para seu autor que você o considera um dos seus
preferidos adicionando-o a sua lista de favoritos. Ele irá receber essa informação diretamente no blog,
através do Gadget “Seguidores”. E quando alguém se tornar um seguidor de seu blog, você também
saberá.
10
Alguns sistemas de Blog: www.wordpress.com; www.blig.ig.com.br (ferramenta do iG);
www.popblog.com; www.blog-se.com.br (blog de Jornalistas); www.blogger.com.br (da
Globo.com); www.criarumblog.com; www.blogsblog.com.br
GLOSSÁRIO DO BLOGUẼS
Adsense - Programa de exibição de anúncios que geram renda quando clicados. É muito popular e está
presente na maioria dos blogs.
Banner - espaço publicitário inserido no blog
Blogger ou Blogueiro – autor do blog. Um serviço que oferece ferramentas para indivíduos publicarem
textos na Internet.
Blogroll – lista de links para outros blogs ou sites disposta na lateral do blog.
Blogosfera - Entende-se por Blogosfera toda a comunidade de blogs na internet. O conjunto de quem
faz, de quem disponibiliza e de quem lê Blogs é a Blogosfera.
Comentários – ferramenta para os visitantes deixarem seus comentários sobre o que o autor escreveu.
Del.icio.us (Social Bookmarks) – serviço que disponibiliza uma lista on-line de links escolhidos e
comentados pelos usuários cadastrados.
FEED (Site Feed) – link para um endereço da internet, ou URL, que apresenta a página em formato
RSS. Sites com esta opção podem ser lidos por aplicativos instalados no computador do usuário que,
conectado à internet, recebe a notificação de que houve alguma atualização nos sites de seu interesse.
O link para o endereço também pode estar identificado como RSS, XML ou ATOM.
Flog ou Fotolog – tipo de blog no qual o elemento principal é a fotografia.
Gadget - chama-se também de gadget algum pequeno software, pequeno módulo, ferramenta ou
serviço que pode ser agregado a um ambiente maior.
HTML – abreviatura de Hypertext Markup Language. Linguagem de programação de páginas na WEB.
Licença Creative Commons – É uma organização sem fins lucrativos que oferece um sistema flexível
de licenças que permite aos autores definir como desejam distribuir e compartilhar suas obras na
Internet.
Meme - é para a memória o análogo do gene na genética, a sua unidade mínima. É considerado como
uma unidade de informação que se multiplica entre locais onde a informação é armazenada. O termo
usado pelos blogueiros para definir quando um autor tem seu texto copiado e continuado em outros
blogs. Geralmente, se usa memes para aprofundar um tema ou simplesmente aumentar o acesso aos
sites.
Metablog – ato de publicar posts sobre blogs.
Moblog (Mobile blog) – blog ou área de um blog onde são publicados pequenos textos, sons ou
imagens através do celular.
Paraquedista - Aquele que chega ao blog via buscadores, principalmente o Google. Eles entram e saem
das páginas rapidamente, clicando em links que venham a se assemelhar à sua busca inicial.
Permalink (Permanent Link) – link de acesso direto a um texto. Evita a necessidade da busca entre
diversos arquivos.
Pingback - uma funcionalidade usada para notificar um blog ou website de que foi linkado por outro
blog.
Plungins ou Plug-in - são mini-programas que adicionam funções a outros softwares ou serviços
online.
Podcast – arquivos de áudio, geralmente MP3. UM podcast pode ser entendido como uma rádio virtual.
Post – nome dado a cada publicação de texto ou imagem feita pelo autor, com título, data, hora etc.
RSS (Really Simple Syndication) – formato de página que pode ser lido por programas especiais
(agregadores) a fim de identificar atualizações em sites cadastrados.
SEO - É uma técnica utilizada para posicionar sites e blogues nos primeiros resultados das pesquisas
por termos nos buscadores.
Tagboard - mural onde os visitantes podem deixar recados e comentário
Template - É o modelo, o layout do blog. Um template (ou "modelo de documento") é um documento
sem conteúdo, com apenas a apresentação visual (apenas cabeçalhos por exemplo) e instruções sobre
onde e qual tipo de conteúdo deve entrar a cada parcela da apresentação - por exemplo conteúdos que
podem aparecer no início e conteúdos que só podem aparecer no final.
URL - abreviatura de Uniform Resource Locator, ou seja, o endereço de uma página na WEB
Widget - São os brinquedinhos dos blogueiros. Coisinhas que a gente coloca na barra lateral. Esse é
um termo sem tradução que designa componentes de interface gráfica com o usuário (GUI). Qualquer
item de uma interface gráfica é chamada de widget, por exemplo: janelas, botões, menus e itens de
menus, ícones, barras de rolagem, etc.
11
WordPress - é o software para blogar mais popular da Internet. Foi criado pela companhia WordPress.
Essa companhia de software pertence ao Yahoo. Tem mais funcionalidades do que o blogger e o
número de templates e de plugins é muito maior, contudo o Blogger é mais prático e mais fácil de usar.
A - Contador de visitas
- acessar o site: www.freeweblogger.com/styles
- clicar sobre o estilo desejado e preencher o formulário com os dados cadastrais:
• e-mail (usado no blog, gmail, por exemplo.) Marcar a caixa I agree - clicar no Submit
• copiar o código html fornecido pelo serviço e colar no seu blog (Adicionar um gadget).
B - Caixabox (caixa de recados)
- acessar o site (em inglês): www.cbox.ws. Clicar na guia Sign up e escolher a opção Basic (free)
- preencher o cadastro. Clicar em Creat my Box e em Continue.
- Entrar com a senha cadastrada para exibir o código HTML.
- Copiar o código HTML fornecido pelo serviço e colar na área (Adicionar um gadget).
C - Mapa com contadores e registro dos visitantes
- acessar o site: www.geovisite.com/pt/directory/
- escolher o estilo entre: Geomap, Geocounter, etc e clicar em Inscrição
- preencher o cadastro e salvar
- copiar o código HTML, fornecido pelo serviço e clicar em Adicionar um gadget - HTML/Java script
D – Slideshow (crie e coloque uma apresentação de slides no blog)
- acessar o site: http://www.slide.com/ e clique no botão Registre-se. Preencha o que se pede.
- Clique no botão Criar e Criar um slideshow.
- clique no botão Procure e selecione as imagens que deseja
- em Customizar seu projeto escolha um estilo para seu slideshow e veja a exibição
- veja abaixo as miniaturas das imagens adicionadas. Insira um pequeno texto de identificação nelas.
- clique em Salvar (para obter o código HTML). Você irá para o segundo passo, onde deverá se
cadastrar. Preencha os campos com as informações solicitadas e clique em Salvar.
- copiar o código HTML fornecido pelo serviço e cole na postagem ou na barra lateral (Adicionar um
gadget) opção HTML/Java script.
E – Como colocar um relógio no seu blog?
- Vá ao endereço http://www.relojesflash.com/ escolha o modelo de relógio e clique sobre ele.
- copiar o código HTML fornecido pelo serviço e cole no seu blog (Adicionar um gadget).
F - Colocar um calendário no blog
- entre no site: http://www.free-blog-content.com e clique sobre o calendário desejado.
- copie o código HTML fornecido pelo serviço e cole no seu blog (Adicionar um gadget).
G - Animação
- entre no site: http://www.glitter-graphic.com e escolha uma animação.
- copie o código HTML fornecido pelo serviço e cole no seu blog (Adicionar um gadget).
H - Tradutor
- vá à URL http://www.dicasblogger.com.br/2009/04/translator-widget-tradutor-para-blogs.html
e siga as instruções para adicionar um tradutor em seu blog.
Ou vá no endereço http://www.criarblog.info/tradutor-para-blog-google-translator-gadget/
e também siga as instruções para inserir um gadget do Google Tradutor.
I - Inserir vídeos do YouTube em uma postagem.
A primeira coisa a fazer é encontrar o vídeo no Youtube.
Acesse o vídeo desejado. Note que logo abaixo da
janela de vídeo tem uns botões. Clique sobre
“Incorporar”(1) (veja as Setas 1 e 2 na figura ao
lado).
− Irá aparecer uma caixa mais abaixo (2). Copie o
código que está dentro da caixa "Incorporar"
(Embed) e cole-o na sua postagem.
− Na caixa de postagens do seu blog escolha a
opção "Editar Html" (aba ao lado de "Escrever"). 2
− Nessa aba é possível editar seu texto diretamente 1
com códigos.
12