Como criar seu “Edublog”



|UNIVERSIDADE REGIONAL DO NOROESTE DO ESTADO DO RIO GRANDE DO SUL |

|Como criar seu “Edublog” |

|Blog da Educação |

| |

| |

|03/07/2011 |

Sandro Giovani P. Viégas

| - |

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 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:









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:

CRIAR UMA CONTA NO GMAIL

VÍDEO-AULA – COMO CRIAR UMA CONTA NO GMAIL

Página inicial

[pic]

1ª Etapa: criando uma conta.

- Preencha todos os campos que são solicitados e clique no botão Continuar.

[pic]

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.

[pic]

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 );

- Clique em “Continuar”.

[pic]

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.

[pic]

[pic]

➢ Se ficar com dúvida, você poderá assistir ao vídeo abaixo que também explica detalhadamente como criar um blog no Blogger:



3. Começando a usar o seu blog

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.

[pic]

2. . Textos nas postagens

Exemplo:

- Escreva seu texto

[pic]

- Formate o texto, escolhendo cores, tipo de fonte, tamanho e etc.

[pic]

- Escolhendo a fonte.

[pic]

1. Inserindo figuras nas postagens

Exemplo:

[pic]

- Irão aparecer as opções abaixo:

[pic]

- 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”.

[pic]

- Após inserir a imagem ficará assim:

[pic]

- Você pode visualizar, salvar e se estiver satisfeito com o resultado “publicar”.

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:

[pic]

- Após clicar no ícone de vídeo aparecerá a tela abaixo:

[pic]

- 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:

[pic]

[pic]

- Outra opção é fazer o upload de um vídeo do Youtube, conforme abaixo (processo mais rápido).

[pic]

- Escolha o vídeo de sua preferência.

[pic]

- Escolha e depois clique em “selecionar”.

3. 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).

[pic]

- Depois de criada a sua conta no Gmail, inicie a sessão para adicionar os arquivos.

[pic]

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.

[pic]

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”.

[pic]

Aparecerá o documento em uma página, no canto superior direito, selecione “compartilhar”.

[pic]

Selecione a opção “pública na Web” e depois salve a escolha.

[pic]

Após salvar, aparecerá uma janela com o link que você irá disponibilizar em seu Blog para download.

[pic]

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”.

[pic]

Após clicar em “Ok”, teremos o link na postagem, coloque o título e depois “Publicar postagem”.

[pic]

4. Adicionando “Gadgets”[3] no Blog

- Na aba “Design” escolha a opção “Adicionar Gadget”.

[pic]

- O Blogger oferece várias opções de Gadgets, nesse tutorial vamos mostrar algumas.

1. Gadget “Páginas”

O Gadget “Páginas” permite que você adicione várias páginas em seu blog.

[pic]

- Clique em “salvar” para confirmar essa opção.

- Adicionando o Gadget na coluna lateral, as páginas serão disponibilizadas na forma de link.

[pic]

Visualização

[pic]

- Adicionando o Gadget na parte superior, o menu ficará na forma de “abas”.

[pic]

- 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.

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.

[pic]

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:

[pic]

- Escolhendo como exemplo a opção “Digital”, temos:

[pic]

- 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.

[pic]

- Tela do código HTML

[pic]

- Após colar o código e colocar o título, clique em salvar.

[pic]

- Clique em visualizar para ver o resultado final.

[pic]

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:



2. Código HTML para adicionar um contador de pessoas online

- Exemplo de site com código de contador online:

-

[pic]

- 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:



5.2.3. Código HTML para adicionar banner

Um site bem interessante para adicionar banners personalizados é o .

[pic]

- 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.

[pic]

- Copie o código e cole no Gadget conforme o que foi descrito para o relógio online.

[pic]

- Resultado final.

[pic]

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:



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”.

[pic]

Após clicar em “Painel”, aparecerá a opção abaixo.

[pic]

Após clicar em “Design”, aparecerá a opção abaixo.

[pic]

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:

[pic]

Visualização do blog antes de mover o elemento (clique em visualizar blog).

[pic]

Em design, mova o elemento (solte o elemento na posição desejada):

[pic]

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):

[pic]

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:

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:

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..)

-----------------------

Tânia Michel Pereira

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download