Atividades da Semana 5

período: de 21/05/2007 à 28/05/2007

1 - Atividade Individual

Durante a semana passada, vocês acompanharam o trabalho de quatro de suas colegas (proa17/20). Analisaram os seus blogs, comentaram, sugeriram, dialogaram com elas. Estas quatro colegas foram as que se seguiam ao seu nome nos Blogs da Turma, lista onde estavam os blogs de todas que cumpriram na íntegra a atividade proa17/1, até o lançamento da proa17/20. Apresentaram, também um relatório inicial sobre esta atividade.

Atividade proa17/21

Nesta semana, vocês prosseguirão nesta tarefa e, no final da semana, deverão postar no seu blog um relatório final sobre esta atividade (proa17/21). Neste relatório deverão descrever os blogs visitados, relatar o que observaram/avaliaram em cada um deles, quais os seus comentários e sugestões, considerando o visual do blog, as alterações no modelo, ferramentas acrescentadas; as postagens, o texto, uso de imagens e outros recursos, correção das atividades postadas, etc. Justifique, explique, argumente as suas considerações, observações, sugestões.

2 - Atividade proa17/17 (em Grupo)

Até o dia 24/05/2007 postem, no blog colaborativo, uma versão inicial do trabalho do grupo, trazendo tudo que já construíram até o momento. Esta versão deve seguir os itens e formato (diretrizes) previstos para a versão final, mesmo que alguns itens ainda estejam inacabados ou por construir.

Dados de identificação, nome completo dos participantes do grupo (que efetivamente estão participando da construção do trabalho);
Introdução;
Desenvolvimento: descrição da ferramenta/ambiente/aplicativo, breve história, características, finalidades, possibilidades de uso; teoria que sustenta o uso da ferramenta/ambiente/aplicativo; tutorial; propostas de usos, exemplos, projetos;
Conclusões.

3 - Atividade proa17/18 (individual)

Visitar os blogs colaborativos dos demais grupos e conhecer e analisar o trabalho que está sendo realizado. Use o espaço dos comentários para comentar, criticar, propor, contribuir. Registre as suas observações/contribuições. A lista dos blogs de todos os grupos está na barra lateral do blog da disciplina, na lista de links Grupos.

Depois do dia 24/05, e até o final da 5ª semana, acessem novamente os blogs dos demais grupos e leiam a sua versão inicial do trabalho. Usem o espaço dos comentários para continuar contribuindo avaliando, sugerindo, discutindo o conteúdo do trabalho. Poste, no seu blog, até o final desta semana (28/5) um relatório destas visitas, pontuando o que observou em cada pré-trabalho analisado. Não basta descrever e dizer a sua opinião, justifique as suas argumentações.

4 - Atividade proa17/22

Escolha pelo menos uma das atividades abaixo para fazer no seu blog de testes (se quiser pode fazer, também, no seu blog da disciplina). Depois de realizar a atividade, poste* no seu blog um breve relato sobre ela. Como sempre, compartilhe o que fez, suas dificuldades, suas descobertas, suas dúvidas.

* esta postagem deverá ser feita usando a possibilidade de postar por correio eletrônico (email). Na atividade proa17/7, vocês verificaram a configuração (definições) do blog de vocês. No item . Email do tutorial, vocês determinaram um endereço de email para postagem por email. Quem se esqueceu deste endereço entre no seu blog, em Definições/Email e verifique. É o segundo endereço, abaixo do qual tem um quadrinho marcado publicar. Para postar por email, escreva a postagem numa mensagem do seu cliente de correio eletrônico (programa/página de onde lês/envias email). O que estiver no corpo da mensagem é a postagem; o que estiver no campo Assunto é o título. (imagens não são publicadas, pelo menos até onde consegui testar)

Atividades Opcionais

No seu blog de testes:

a) recuperar uma postagem

b) editores de blog - Write to My Blog

c) compartilhe as suas apresentações

Clip / Blog - no bloglines

Como usar as possibilidades do bloglines de Clipar e Blogar as postagens que estamos lendo.

No bloglines, quando estiveres visualizando um blog na janela da direita, no rodapé de cada postagem aparece o seguinte:

• Publicado em: .......
• Atualizado .........
• Enviar por E-mail
• Criar clip/blog

Clicando em Criar Clip/Blog, você poderá:

a) postar o link daquela postagem no blog do bloglines acrescido de seus comentários:

Clique em Clip/Blog, vai abrir uma janela com o link da postagem (URL: ...). Acrescente seus comentários e/ou copie e cole parte da postagem. Formate usando as ferramentas da barra superior. Clique em Publicar em Blog. Esta postagem vai aparecer publicada em http://www.bloglines.com/blog/seunomedeusuario/ e você pode vê-la, também, clicando na aba Blog do seu bloglines.

b) guardar o link daquela postagem com seus comentários numa pasta de clippings*:

Clique em Clip/Blog, vai abrir uma janela com o link da postagem (URL: ...). Acrescente seus comentários e/ou cole parte da postagem que deseja guardar. Formate usando as ferramentas da barra supeiror. Selecione a Pasta de Clippings na caixa de texto (podes criar pastas de clippings por assunto, clicando em nova pasta). Você poderá acessar os seus textos guardados, clicando na aba Clippings do seu bloglines. Estes recortes de texto, comentários e observações estarão acessíveis somente para você. É muito útil para classificar e guardar aquilo que lhe interessa para futura leitura/consulta.

Esta ferramenta poderá ser bastante útil na observação dos blogs das colegas, atividades da semana 4 e 5. Poderão ser classificadas e guardadas referências e seus comentários sobre os blogs observados. Poderá, também, ser feita uma classificação usando o nome da colega.

*clipping é um termo usado pelo jornalismo para designar trechos de notícias / textos relativos à um tema.

Foto dos meus clippings:


* clique na imagem para ver em tamanho maior

Na barra da esquerda as minhas pastas de clippings. Uma delas está aberta exibindo os textos guardados. Um deles está selecionado e exibido na janela da direita.

Atividades da Semana 4

Período: de 14/05/2007 à 21/05/2007.

Oi Pesso@l!

Chegou a hora de começar a voar um pouco sozinhas, construindo as próprias asas. Nesta semana, começaremos atividades que se estenderão por mais tempo que as das semanas anteriores.

. :: Atividades em grupo

• semana 4: proa17/13, 14, 15, 16;
• semana 5: proa17/17;
• semana 6: proa17/18/19.

Início: dia 14/05

A turma será dividida em grupos e nestes grupos as atividades serão executadas. Cada grupo deverá estudar um determinado ambiente, ferramenta ou aplicativo. O resultado desta atividade será compartilhado com todos os colegas, ampliando assim a abrangência dos ambientes/aplicativos/ferramentas estudados nesta disciplina.

O trabalho final deve incluir (diretrizes):
Dados de identificação, nome completo dos participantes do grupo (que efetivamente participaram da construção do trabalho);
Introdução;
Desenvolvimento: descrição da ferramenta/ambiente/aplicativo, breve história, características, finalidades, possibilidades de uso; teoria que sustenta o uso da ferramenta/ambiente/aplicativo; tutorial; propostas de usos, exemplos, projetos;
Conclusões.

Para saber qual o seu grupo e o aplicativo/ferramenta/ambiente a ser estudado, siga o seguinte link:

http://docs.google.com/Doc?id=afns5phht7d_41d4ms8j

Na semana 4:
Para cada grupo as atividades são as seguintes:

1 - atividade proa17/13 >> Fazer contato com as colegas de grupo por meio dos comentários de seus blogs ou por email. A primeira participante listada no grupo (ver tabela) deverá criar um blog colaborativo que abrigará o trabalho do grupo.

Todos as participantes do grupo deverão ser cadastradas como membros do blog e marcadas como admin (administradoras). Para cadastrar no blog: entre nas Definições (Configurações) do Blog, em Permissões, clique em Adicionar Autores, digite os endereços de email (separados por ,), clique em convite. Após os colegas aceitarem o convite, entre novamente em permissões e clique em convidado, ao lado de cada nome, para mudar para admin.

Usem este blog para tudo o que for referente às tarefas desta atividade (diário de bordo, coleta de material, propostas/construção de texto, postagem de idéias, avisos, contato), bem como, para a postagem do trabalho final. Divulguem o endereço deste blog colaborativo até o dia 20/05/2007, nos comentários desta postagem. A manutenção, postagem e construção do blog é responsabilidade de todas, apenas a criação inicial compete às alunas designadas para isso.

As postagens de atividade deverão trazer o seu número correspondente. (proa 17/13, proa 17/14, ...)

2 - atividade proa17/14 - Durante a semana 4, no blog colaborativo: usando o blog como suporte, pesquisem sobre o aplicativo/ambiente/ferramenta designado para o seu grupo. Estudem seu funcionamento, formas de uso, aplicações. Postem os resultados de suas pesquisas no blog. Façam sínteses, discutam. Usem o espaço dos comentários e o blog para discussão, críticas, sugestões e para ir construindo o trabalho.

3 - atividade proa17/15 - Ao final da semana 4 (até 22/05) postem um relatório geral do grupo sobre as atividades da semana no blog colaborativo.

4 - atividade proa17/16 - Ao final da semana 4 (até 22/05) postem um relatório geral individual sobre as atividades da semana no seu blog.

5 - Cadastrem-se no ambiente/aplicativo/ferramenta, se for o caso, e testem suas possibilidades. Se houver página de usuário, divulguem-nas no blog colaborativo.

6 - Procurem verificar que teorias da educação podem dar suporte ao uso pedagógico do aplicativo/ambiente/ferramenta.

7- Elaborem um tutorial que ensine a usar o aplicativo/ambiente/ferramenta. (como, por exemplo: os tutoriais desta disciplina que ensinam como usar o bloglines)

8- Proponham formas de uso do aplicatio/ambiente/ferramenta, pesquisem (proponham) exemplos e projetos.

9 - atividade proa17/17 - Até o dia 24/05/2007 postem uma versão inicial do trabalho, trazendo tudo que já construíram até o momento.

(esta atividade em grupo continuará nas semanas 5 e 6)


.:: Atividades Individuais

• semana 4: proa17/20;
• semana 5: proa17/21

Nesta atividade, vamos seguir aperfeiçoando o uso do bloglines.

1 - Durante as semanas 4 e 5 cada cursista deverá acompanhar, usando o bloglines, os blogs das quatro (4) colegas seguintes ao seu nome na lista de Blogs da Turma, que está na barra lateral do blog da disciplina (as últimas acompanham as colegas do início da lista). Por exemplo: a aluna Rosecler deverá acompanhar e analisar os blogs das colegas Margarete, Eloisa, Alcione e Márcia; a aluna Margarete acomapanhará Eloisa, Alcione, Márcia e Eliane.

2 - atividade proa17/20 - Durante a semana 4: ler, analisar, comentar os blogs das quatro colegas que lhe seguem na lista Blogs da Turma, fazer contato com as autoras e, ao final da semana, apresentar um relatório preliminar, que deverá ser postado no seu blog individual. Deve observar: visual do blog, as alterações no modelo, ferramentas acrescentadas; as postagens, o texto, uso de imagens e outros recursos, correção das atividades postadas, etc. Nos seus comentários nos blogs, considere os pontos positivos (justifique), os itens que devem melhorar (justifique), sugestões, etc. No relatório preliminar: identifique os blogs e as autoras (link), poste a análise feita para cada blog considerando o que foi observado e comentado.

(esta atividade individual continuará na semanas 5)

inserindo imagens no seu blog

:: Na postagem:

Use a ferramenta Adicionar Imagem presente na barra da janela de postagem.
Para acrescentar um link à imagem, clique nela (vão aparecer linhas em volta) e use a opção Link da barra da janela de postagem.

:: Em outro lugar do blog, use uma das seguintes alternativas:

Alternativa 1:

Faça o login usando seu nome de usuário e senha e, no Painel do Blogger, localize o seu blog e clique em Layout para abrir a janela de edição do Modelo de seu blog. Clique em adicionar elemento de página na seção onde deseja colocar a imagem. Na janela que abrir localize adicionar imagem e clique em adicionar ao blog.

Na janela que abrir preencha os campos:

. Título: título da imagem; por exemplo " minha foto"
. Caption: nome que vai aparecer quando as pessoas passarem o mouse sobre a imagem.
. Na seção Imagem escolha uma das alternativas:

.. Imagem do seu computador: localize o arquivo de imagem
.. Imagem da Web: coloque no quadro o endereço completo da image; ex: http://www.meusite.com/vivi.jpg

. Deixe marcado o quadrinho "reduzir para ajustar "
. Clique em salvar alterações.

A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.
Finalize clicando em SALVAR .

Alternativa 2:

Esta segunda alternativa atende, por exemplo, a quem quer adicionar um link para o webnote por meio de uma imagem colocada na barra lateral do blog.

Faça o login usando seu nome de usuário e senha e, no Painel do Blogger, localize o seu blog e clique em Layout para abrir a janela de edição do Modelo de seu blog. Clique em adicionar elemento de página na seção onde deseja colocar a imagem. Na janela que abrir localize adicionar html/javascript e clique em adicionar ao blog.

Na janela que a brir, preencha:

. Título: título da imagem; por exemplo " minha foto".
. Cole no quadro maior o seguinte código:

<img src="http://www.end.com.br/vivi.jpg" title="imagem" border="0" width="250">

onde os itens em vermelho serão substituídos pelos dados da sua imagem:

• http://www.end.com.br/vivi.jpg - substitua pelo endereço completo da sua imagem.
• imagem - substitua pelo título da sua imagem (opcional)
• 0 - substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)
• 250 - substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o width="250"

Clique em salvar alterações.

A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.
Finalize clicando em SALVAR .

Caso queira que a imagem aponte para um determinado link, o código será:

<a href="link"><img src="http://www.end.com.br/vivi.jpg" title="imagem" border="0" width="250"></a>

• link - substitua pelo endereço para o qual você quer que a imagem leve ao ser clicada.
• http://www.end.com.br/vivi.jpg - substitua pelo endereço completo da sua imagem.
• imagem - substitua pelo título da sua imagem (opcional)
• 0 - substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)
• 250 - substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o width="250"

Clique em salvar alterações.


Recursos:

Ajuda do Blogger- imagens

bloglines - personalizando os seus feeds

1 - Entre no no bloglines, clique em iniciar sessão, coloque seu nome de usuário (email) e senha e clique em iniciar sessão. Clique em Feeds.

2 - Na aba Feeds, clique em Editar.


* clique na imagem para ler as anotações feitas (abre em outra janela).

• Clique uma vez para selecionar uma pasta ou blog. No segundo clique, é possível editar o nome do feed ver figura acima.
• Clique duas vezes seguidas para abrir a janela de Edição da Assinatura, na qual podem ser editados diversos itens da assinatura de um determinado blog. Feitas as alterações, clique em salvar alterações.
  
• Selecionado o blog ou pasta, arraste-o, segurando o botão esquerdo do mouse, para mudar de posição.
• Selecionado o blog ou pasta, use a caixa Escolher Ação para determinar o que será feito com o blog ou pasta e, depois, clique em Enviar.
• Terminada a Edição, clique em Terminado, para voltar à lista de Feeds.
• New Folder adiciona uma nova pasta ao bloglines.
• Trash deleta o feed ou pasta selecionada.
  

Janela de Edição de um Feed:


*clique na imagem para ler as anotações feitas (abre em outra janela).

Outra forma de personalizar um feed:

Selecione o blog e use os comandos do lado direito, na faixa azul.
(saiba mais clicando na figura abaixo)


* clique na imagem para ler as anotações feitas (abre em outra janela).

Blogroll

Este é um de nossos desafios opcionais.

Usando o bloglines é possível colocar um blogroll (uma lista de links) no seu blog. A diferença é que esta lista mostrará uma de suas pastas (ou todas as pastas de seu bloglines) e se atualizará sempre que você adicionar um blog àquela pasta.

1 - Para criar este blogroll, entre no no bloglines, clique em iniciar sessão, coloque seu nome de usuário (email) e senha e clique em iniciar sessão. Clique em Feeds

2 - Na barra da esquerda do bloglines, bem no final, clique no link Compartilhar. vai aparecer uma janela como esta:



3 - Se você fez a última parte da atividade proa17/5, seu nome de usário vai aparecer na janela (como o "su" acima). Se não aparecer, faça a última parte da atividade proa17/5 e depois retorne.

No segundo campo, você indica a pasta de links que quer mostrar. Se deixar em branco, vai mostrar todas as tuas subscrições públicas (blogs adicionados).

No terceiro campo, indique a forma como deseja que abra a janela quando alguém clicar num link do seu blogroll:

• deixe em branco: se quiser que abra na mesma janela
• digite: _blank , se desejar que abra numa nova janela.

Clique em Gerar HTML.

Vai ser gerado um código com a seguinte aparência:




Onde os itens em vermelho mostram o seu nome de usuário e a pasta, se você escolheu mostrar uma determinada pasta.

4 - Copie o código gerado para colocar no seu blog.

5 - Entre no blogger, faça o login e entre no Modelo de seu blog. Clique em Elemantos da página e depois em adicionar elemento de página na barra lateral do blog.

6 - Escolha a opção HTML / Javascript e clique em adicionar ao blog.

7 - vai aparecer uma janela assim:



Onde em título você colocará o título de seu blogroll (lista de links). No campo maior, cole o código copiado no item 4 desta atividade. Cuide para que esteja completo. Finalize clicando em salvar alterações.

8 - Voltando aos Elementos da Página, localize o seu blogroll e arraste-o para a posição desejada (se estiver deslocado). Termine clicando em SALVAR.

Sempre que você adicionar um blog ao seu bloglines ele automaticamente aparecerá no blogroll de seu blog. Um exemplo de blogroll construído desta forma é o que está no blog da disciplina, Blogs da Turma.

proa17/11 - Fontes & Cores

Você adora o formato do seu blog, MENOS o verde enjôo do fundo da página. Está na hora de trocar :) Ensaie alterando as cores e as fontes do seu blog de testes.

1 - entre no Modelo (Layout) do seu blog de testes e clique na aba Fontes e Cores. Vai aparecer:


*clique na imagem para ver as anotações.

No lado esquerdo você seleciona o item que deseja alterar. Nas listas de cores, à direita, escolhe a cor desejada. Com as seguintes opções:

• cores do seu blog - caso queira repetir alguma
• cores que combinam com as cores do seu blog - uma sugestão de cores.
• mais cores - ampliando as opções de escolha
• editar código - para especificar uma determinada cor a partir de uma tabela de cores.

2 - Mude a cor do título das postagens. No exemplo, a cor foi mudada de marrom para verde.


*clique na imagem para ver as anotações.

Depois de escolher a nova cor, clique em salvar alterações.

3 - escolha um outro item à esquerda e altere a fonte do texto.

Navegação:

• atividades da semana 3
• proa17/8
• proa17/9
• proa17/10
• proa17/11
• proa17/12
• desafio opcional - blogroll