UNIVERSIDADE
REGIONAL DO NOROESTE DO ESTADO DO RIO GRANDE DO SUL |
Como criar seu
“Edublog” |
Blog da Educação |
|
|
03/07/2011 |
Tânia Michel
Pereira
Sandro Giovani P. Viégas
http://www.laboratoriodematematica.org
- http://professorviegas.blogspot.com
|
1. Introdução
Os EDUBLOGS são Weblogs que
possuem objetivo de apresentar conteúdos e fornecer subsídios para que
professores e estudantes possam interagir fora da sala de aula.
Existem diversos páginas
para criação de Blogs ou Sites, como o WordPress[1] e o
Siteonline, nesse
tutorial apresentamos exemplos com o uso do Blogger[2]
que pertence ao Google, por ser mais popular, gratuito e de fácil manipulação.
O Blogger permite a
hospedagem de um número ilimitado de blogs nos servidores do Google, que adotam
o endereço www.blogspot.com Anteriormente,
era possível hospedar os blogs em um servidor próprio do usuário, mas
atualmente, o Blogger deixou de suportar publicação via FTP. Os blogs
hospedados no BlogSpot incluem uma barra de navegação do Blogger, que não pode
ser removida, através de alguma opção da interface do Blogger. Porém, existem
tutoriais explicando como removê-la, através de um hack. Os termos de serviço
do Blogger não especificam se tal ação é uma violação ou não, mas muitos
usuários do serviço optam por fazê-la.
Exemplos de Edublog
disponíveis na web:
http://professorviegas.blogspot.com
http://professoragelci.blogspot.com
http://grupodeapoiointerdisciplinar.blogspot.com
2. Criando
uma conta no Blogger
- Procure o utilizar o
navegador Firefox – Link
para download.
- Abaixo o link da página
inicial do Blogger:
- O ideal é que você tenha
uma conta do Google (Gmail, Orkut, IG), caso não tenha, acesse a página abaixo
para criar sua conta:
VÍDEO-AULA – COMO CRIAR UMA
CONTA NO GMAIL
Página inicial
1ª
Etapa: criando uma conta.
- Preencha todos os campos que são solicitados e clique
no botão Continuar.
2ª
Etapa:
- O
Google utiliza um sistema de segurança que serve para evitar spam, você
cadastra seu telefone celular e recebe um código de verificação.
3ª
Etapa:
- Aparecerá
novamente a tela para verificar a sua conta, preencha o código enviado para o
celular e clique em “Verificar”.
4ª
Etapa:
- Escolha um título para o seu blog (É como seu blog vai
se chamar. Veja, por exemplo, o título do blog: “SEMINÁRIO INTEGRADOR V”);
- Escolha um endereço do blog (URL) (É o nome do seu blog
na internet. A URL do meu blog chama-se http://seminariointegrador-viegas.blogspot.com);
- Clique em “Continuar”.
5ª
Etapa:
- Escolha um dos modelos;
- Clique em “Continuar”;
- Aparecerá uma tela avisando que seu blog está pronto.
Agora é só começar a usar seu blog.
Ø Se ficar com dúvida, você poderá
assistir ao vídeo abaixo que também explica detalhadamente como criar um blog
no Blogger:
http://www.youtube.com/watch?v=IGIdqZbqAy4&feature=related
3.
Começando
a usar o seu blog
3.1.
Postagem
Na aba “postagem” você irá
colocar suas informações gerais, você pode salvar para editar posteriormente ou
publicar diretamente (aba laranja).
Na postagem você pode
inserir textos, links, imagens e vídeos.
3.2 . Textos nas postagens
Exemplo:
- Escreva seu texto
- Formate o texto, escolhendo cores, tipo de fonte,
tamanho e etc.
- Escolhendo a fonte.
3.1.
Inserindo
figuras nas postagens
Exemplo:
- Irão aparecer as opções abaixo:
- Você pode escolher uma imagem disponível no
seu computador, de uma URL ou dos Álbuns do Picasa (caso você já tenha esse
outro serviço do Google).
- Após carregar a imagem, clique sobre ela e
depois em “adicionar selecionadas”.
- Após inserir a imagem ficará assim:
- Você pode visualizar, salvar e se estiver satisfeito
com o resultado “publicar”.
3.2.
Inserindo
vídeo nas postagens
-Da mesma forma que na imagem, na postagem
tem um ícone para inserir vídeos conforme a figura abaixo:
- Após clicar no ícone de vídeo aparecerá a tela abaixo:
- Da mesma forma que você fez para a imagem,
pode buscar um vídeo no seu computador ou no Youtube.
- Se escolher um vídeo do seu computador,
clique em fazer upload, conforme a figura abaixo:
- Outra opção é fazer o upload de um vídeo do
Youtube, conforme abaixo (processo mais rápido).
- Escolha o vídeo de sua preferência.
- Escolha e depois clique em “selecionar”.
4.
Disponibilizando
arquivos no Blog
O Blogger não possui a
função para armazenar arquivos, por isso, precisamos utilizar um site de
hospedagem, existem vários na Web, mas uma sugestão é utilizar o Google
Docs,
por ser do Google que dá suporte ao Blogger.
Abra a página principal do Google
Docs
e crie sua conta assim como foi feito para criar o Blog (caso você ainda não
tenha um e-mail do Gmail).
- Depois de criada a sua conta no Gmail,
inicie a sessão para adicionar os arquivos.
Aparecerá a página onde você irá fazer o
“upload” dos arquivos, ou seja, disponibilizar os arquivos em um “HD virtual”
na internet, onde terá a opção de compartilhar publicamente ou não.
Escolha um ou mais arquivos do seu
computador, selecionando “Fazer Upload” e depois “Arquivos”. Após escolher o
arquivo irá aparecer uma janela solicitando que você confirme o upload, clique
em “iniciar upload”.
Aparecerá o documento em uma página, no canto
superior direito, selecione “compartilhar”.
Selecione a opção “pública na Web” e depois
salve a escolha.
Após salvar, aparecerá uma janela com o link
que você irá disponibilizar em seu Blog para download.
4.1.
Disponibilizando
o link para download dos arquivos em uma postagem.
Na postagem selecione a opção “ Link “ , irá aparecer a opção “Editar
link”, cole o link do arquivo disponibilizado no Google Docs em “Endereço da
Web”.
Após clicar em “Ok”, teremos
o link na postagem, coloque o título e depois “Publicar postagem”.
5.
Adicionando
“Gadgets”[3]
no Blog
- Na aba “Design” escolha a opção “Adicionar
Gadget”.
- O Blogger oferece várias opções de Gadgets,
nesse tutorial vamos mostrar algumas.
5.1.
Gadget
“Páginas”
O Gadget “Páginas” permite que você adicione
várias páginas em seu blog.
-
Clique em “salvar” para confirmar essa opção.
-
Adicionando o Gadget na coluna lateral, as páginas serão disponibilizadas na
forma de link.
Visualização
-
Adicionando o Gadget na parte superior, o menu ficará na forma de “abas”.
-
Para alterar a forma é só arrastar o Gadget para onde desejar.
-
Nas páginas poderão ser adicionadas
informações assim como comentado no item sobre postagens.
5.2.
Gadget
HTML/JavaScript
Esse Gadget tem a função de adicionar novas
funcionalidades ao Blog, como relógio, contador de pessoas online, contador de
visitantes, Banners e etc.
5.2.1.
Código
HTML para adicionar um relógio
Em qualquer provedor de pesquisas que for
digitado “Código HTML para adicionar um relógio” irá aparecer uma infinidade de
opções.
Exemplo: http://www.clocklink.com/
- Escolhendo como exemplo a opção “Digital”,
temos:
-
Escolha um relógio e clique em “View HTML Tag” e depois “Accept”, irá aparecer
uma página para escolher a cor, localização e tamanho do mesmo.
- Tela do código HTML
- Após colar o código e colocar o título,
clique em salvar.
- Clique em visualizar para ver o resultado
final.
Obs:
para que funcione corretamente, o Adobe Flash player [4]
deve estar instalado corretamente em seu computador, caso não tenha, faça o
download no link abaixo:
http://get.adobe.com/br/flashplayer/
5.2.2.
Código
HTML para adicionar um contador de pessoas online
- Exemplo de site com código de contador online:
- http://whos.amung.us/showcase/
- Os procedimentos para adicionar o Gadget são os mesmos
do relógio comentados no item anterior.
Obs:
para que funcione corretamente, o Adobe Flash player [5]
deve estar instalado corretamente em seu computador, caso não tenha, faça o
download no link abaixo:
http://get.adobe.com/br/flashplayer/
5.2.3.
Código HTML para adicionar banner
Um site bem interessante para adicionar
banners personalizados é o http://www.flashvortex.com/banners.php.
- Escolhe o modelo de banner a seu gosto e
clique em CLICK HERE TO
EDIT THIS
, preencha os espaços em branco com textos para o banner e depois clique em
“Generate Animation”, será gerado um código.
- Copie o código e cole no
Gadget conforme o que foi descrito para o relógio online.
- Resultado final.
Obs:
para que funcione corretamente, o Adobe Flash player [6]
deve estar instalado corretamente em seu computador, caso não tenha, faça o
download no link abaixo:
http://get.adobe.com/br/flashplayer/
7. Design do Blog
As
janelas podem ser rearranjadas no blog de acordo com sua preferência, para
isso, selecione a opção “Painel” e depois “Design”.
Após
clicar em “Painel”, aparecerá a opção abaixo.
Após clicar em “Design”, aparecerá a opção
abaixo.
Para
mover os “elementos de página”[7],
clique com o botão esquerdo do mouse em cima do elemento que deseja mover e,
com o botão seguro, arraste o elemento para a nova posição, conforme o exemplo
abaixo:
Visualização do blog antes de mover o
elemento (clique em visualizar blog).
Em design, mova o elemento (solte o
elemento na posição desejada):
Salve a sua escolha antes de visualizar
(clicando em salvar no botão laranja).
Visualização do blog após mover o
elemento (clique em visualizar blog):
8. Divulgando
o seu Blog
O blog só terá utilidade se for visualizado
com frequência, para isso, a divulgação é muito importante.
Algumas sugestões de estratégias
de divulgação e aumento do número de visitantes
- Use sua conta do Gmail para seguir outros
blogs relacionados ao ensino (use o gadget “seguidores”);
- Em todos os documentos (provas, trabalhos,
textos sobre os conteúdos e etc.), coloque o link com endereço do seu blog no
rodapé;
- No primeiro dia de aula em cada turma,
divulgue o endereço;
- Atualize seu blog com frequência;
- Torne seu blog atrativo,
com enquetes (use o gadget “enquetes”), vídeos e imagens, porém, não exceda em
inclusão de banners, pois isso deixa o blog mais “pesado”, ou seja, demora mais
tempo para abrir, o que pode fazer com que as pessoas desistam de acessá-lo;
- Procure responder a todos os comentários
feitos nas postagens.
9.
Atividades
a)
Crie um blog com endereço eletrônico que
contenha seu nome e um título relacionado à Matemática;
b)
Faça uma postagem relacionada a algum
conteúdo de Matemática, que contenha texto, imagem, vídeo e link com arquivo
para download;
Obs.: utilize um vídeo da TV
Escola, disponível no link: http://tvescola.mec.gov.br/index.php?&option=com_zoo&view=item&item_id=5209
c)
Crie ao menos duas páginas extras (além da
principal) com conteúdos de Matemática, que contenham texto, imagem, vídeo e
link com arquivo para download;
Obs.: utilize um vídeo da TV
Escola, disponível no link: http://tvescola.mec.gov.br/index.php?&option=com_zoo&view=item&item_id=5209
d)
Adicione relógio, contador de pessoas online e
um banner para seu blog;
e)
Elabore um plano de aula que contemple
conteúdos de Matemática, salientando como o blog poderia ser utilizado em suas
aulas, o documento deve ser salvo com a seguinte denominação:
blog_nome_sobrenome.doc
ou blog_nome_sobrenome.pdf, onde aparece nome coloque o seu primeiro nome e no
lugar de sobrenome, coloque seu último sobrenome. Exemplo: se o nome for Maria
da Graça dos Santos, então o nome do arquivo deve ser blog_maria_santos.doc ou blog_maria_santos.pdf.
Esse arquivo deverá ser anexado em seu blog, usando um link para download
conforme descrito no item 4 dessa apostila.
Bom trabalho!
[1] WordPress é um sistema de gerenciamento de conteúdo na web, escrito em PHP e executado em MySQL, especialmente para a criação de blogs. WordPress foi criado a partir do já desaparecido b2/cafelog e é hoje, junto com o Movable Type, o mais popular na criação de weblogs.
[2] Blogger, uma palavra criada pela Pyra Labs, é um serviço do Google, que oferece ferramentas para edição e gerenciamento de blogs, semelhantemente ao WordPress.
[3] Gadgets - são uma nova categoria de mini-aplicativos criadas para proporcionar informações e dados úteis, ou para melhorar uma aplicação ou um serviço Windows ou Web. Os exemplos de Gadgets podem ser desde um dispositivo que lhe informe o clima que funciona em seu desktop, em sua homepage ou no seu Blog, um dispositivo RSS que extrai seus feeds favoritos ou a extensão de uma aplicação de negócios que mostra o estado atual de como anda seus negócios.
[4] O Adobe Flash Player (ou Flash Player) é um reprodutor de multimédia e aplicações amplamente distribuído, anteriormente criado e disponibilizado pela Macromedia, mas que agora pertence à Adobe Systems. Está embutido em alguns navegadores e está disponível como um plugin para outros (como Mozilla Firefox, Konqueror, Opera, Safari, Internet Explorer). Cada versão do plugin possui compatibilidade reversa.
[5] O Adobe Flash Player (ou Flash Player) é um reprodutor de multimédia e aplicações amplamente distribuído, anteriormente criado e disponibilizado pela Macromedia, mas que agora pertence à Adobe Systems. Está embutido em alguns navegadores e está disponível como um plugin para outros (como Mozilla Firefox, Konqueror, Opera, Safari, Internet Explorer). Cada versão do plugin possui compatibilidade reversa.
[6] O Adobe Flash Player (ou Flash Player) é um reprodutor de multimédia e aplicações amplamente distribuído, anteriormente criado e disponibilizado pela Macromedia, mas que agora pertence à Adobe Systems. Está embutido em alguns navegadores e está disponível como um plugin para outros (como Mozilla Firefox, Konqueror, Opera, Safari, Internet Explorer). Cada versão do plugin possui compatibilidade reversa.
[7] Elementos de página é onde ficam as funções de gadgets (inserir texto, figura, relógio, postagens e etc..)