Sumárioclickeaprenda.uol.com.br/portal/uploads/blog/Tutorial... · 2014. 9. 9. · Introdução...

1 Tutorial: Blogs no Clickideia

Sumário Introdução .......................................................................................................................................................................................................... 2

Objetivos ............................................................................................................................................................................................................ 2

Instruções para utilização do Tutorial ................................................................................................................................................................. 2

Acesso ao Portal e a Home Blog ........................................................................................................................................................................ 3

Página Inicial da área do Blog .......................................................................................................................................................................... 4

Apresentação da Home Blog .............................................................................................................................................................................. 5

Gerenciador do Blog .......................................................................................................................................................................................... 6

Configurar o Blog ............................................................................................................................................................................................... 6

Adicionar Post .................................................................................................................................................................................................... 8

Barra de Edição de Texto ................................................................................................................................................................................ 10

Adicionar imagem diretamente de uma página da Internet .............................................................................................................................. 12

Como Salvar os Recursos Gráficos (Imagens, Animações e Atividades Interativas) do Portal Clickideia no seu Computador ......... 13

Diferença Entre os Recursos Gráficos do Portal Clickideia ................................................................................................................................. 14

1. Atividade Interativa: .................................................................................................................................................................................... 14

2. Animação: ................................................................................................................................................................................................... 15

3. Imagem: ...................................................................................................................................................................................................... 15

Adicionar imagens armazenadas no computador ............................................................................................................................................. 16

Adicionar Animações e Atividades Interativas .................................................................................................................................................. 22

Adicionar Vídeos da Internet no Blog ............................................................................................................................................................... 27

Adicionar arquivos (Anexos) ........................................................................................................................................................................... 29

Acesso ao seu Blog .......................................................................................................................................................................................... 35

Acesso aos Blogs das Etecs do Centro Paula Souza .......................................................................................................................................... 37

Introdução

Esse tutorial mostrará as funções básicas da ferramenta de Blog do Portal Educacional Clickideia. Ele

foi elaborado pensando em diferentes níveis de usuários que o portal possui, porém é necessário possuir

alguns conhecimentos de Informática e Internet para aproveitar todos os recursos disponíveis. Se, mesmo

com a utilização desse tutorial, houver dúvidas, sintam-se a vontade para postá-las no Fórum (caso seja

durante o período de Formação) ou pelo canal de comunicação Fale Conosco (Disponível na área de Contato

na aba de navegação do Portal).

Objetivos

Esse tutorial visa apresentar as principais funcionalidades da Ferramenta de Criação de Blog no Portal

Clickideia e sua utilização é necessária para completar adequadamente todas as etapas da capacitação

online.

Instruções para utilização do Tutorial

É apresentada a explicação do que deve ser feito passo a passo, seguindo uma ordem numérica.

o É importante a leitura dos textos para compreender o que deve ser feito em cada uma das telas apresentadas

abaixo do texto.

Esse tutorial foi feito utilizando as configurações padrões do Navegador de Internet Mozilla Firefox. A

princípio, há poucas diferenças de navegação utilizando o navegador Internet Explorer ou Google Chrome, o

que não deve modificar a utilização do tutorial. Caso esteja instalado no computador, sugerimos a utilização

do Mozilla Firefox.

Verifique se o Plugin do Flash Player está instalado no seu computador para a navegação adequada no

portal.

o Caso algum dos botões ou recursos apresentados nesse tutorial não esteja visível durante a navegação pelo

portal, verifique se o plugin está instalado ou se a página já está totalmente carregada – a velocidade da

internet pode fazer com que leve mais tempo para carregar todos os objetos da página.


Acesso ao Portal e a Home Blog

1. Fazer Login na Página Inicial do Portal Clickideia para acessar a área do Blog

1. Passar o Cursor do mouse sobre a Aba “BLOG” para abrir a lista de opções;

2. Clicar em “HOME BLOG” para acessar a área do Blog;


Página Inicial da área do Blog


Apresentação da Home Blog

1. Gerenciador: área destinada ao gerenciamento do blog.

2. Top Tags: destaques com as tags mais utilizadas pelos professores em seus posts.

3. Os mais recentes: destaques para os últimos posts publicados.

4. Os mais comentados: destaques para os blogs mais comentados.


Gerenciador do Blog

Configurar o Blog

1. O “GERENCIADOR” do Blog está localizado na parte superior e do lado esquerdo do Blog.

1. Clique em “CONFIGURAÇÕES” para as configurações iniciais do Blog.


1. Definir Título de seu Blog;

2. Escolher o Tema do Blog, que são cores e desenhos de fundo do seu blog;

3. Escolher a disciplina principal do seu Blog;

4. Adicionar outros usuários do portal (alunos e/ou professores) para escreverem postagens no seu Blog

(coloque o login do usuário para adicioná-lo).

5. Clique para abrir as opções de definição da participação do escritor adicional no seu blog.

6. Clique para concluir a adição do escritor adicional do blog

7. Única opção disponível: Todos os usuários do Centro Paula Souza podem visualizar seu blog.

8. Clique para Salvar as Configurações iniciais do seu Blog.


Adicionar Post

1. Clique para adicionar um novo post em seu blog

Página de Postagem


1. Adicionar o Título do seu Post;

2. Área de Edição de Postagem – escrever e/ou colar textos, inserir imagens, vídeos, etc.


Barra de Edição de Texto

Texto em Negrito

Texto em Itálico Texto Sublinhado Texto Riscado

Texto Alinhado à Esquerda

Texto Centralizado Texto Alinhado à Direita

Texto Justificado

Escolher a fonte Definir o tipo de parágrafo Tamanho da fonte

Inserir Marcadores no Texto

Inserir Numeração no Texto

Diminuir/Aumentar Recuo

Desfazer/Refazer ações

Inserir/Remover Hyperlink

Criar âncora

Inserir Imagem da Internet Limpar Código Incorreto

Ajuda

Editar Código Fonte

Abrir Gerenciador de Imagens

Abrir Gerenciador de Arquivos

Abrir Gerenciador Multimídia (Vídeos e Atividades Interativas)

Inserir Separador Horizontal

Remover Formatação do Texto

Alterar Guias/Elementos Invisíveis

Texto Inferior/Superior à Linha

Inserir Caracteres Especiais


1. Definir o modo de formatação do texto.

2. Inserir em qual Categoria sua postagem será catalogado no Portal. Em geral, define-se um assunto mais

amplo.

3. Definir os termos mais específicos dentro da Categoria.

4. Configurar se será possível comentar suas postagens e de que modo;

5. Clique, caso queira, pré-visualizar como ficará seu post no Blog;

6. Clique para salvar e publicar seu post


Adicionar imagem diretamente de uma página da Internet

1. Clique no Ícone de Inserir/Editar Imagem

1. Cole o endereço da internet onde está a imagem.

2. Apenas clique em um dos campos de Dimensão que ele irá preencher automaticamente o tamanho

original da imagem. (Caso não apareça automaticamente um valor, verifique se o endereço da imagem

está correto.)

3. Clique no botão Inserir para ver a imagem na área de edição de texto.


Como Salvar os Recursos Gráficos (Imagens, Animações e Atividades

Interativas) do Portal Clickideia no seu Computador

1. Visite uma página de conteúdo dentro das disciplinas ou qualquer outro ambiente do portal que possua

recursos gráficos e clique na seta para baixo que fica ao lado do mesmo.

1. Selecione a opção “Download” para salvar o arquivo em seu computador;

2. Clique em Ok para prosseguir.


1. Selecionar o local onde você quer salvar o arquivo

2. Definir o nome do arquivo

3. Clique em “Salvar” para prosseguir com o download do arquivo.

Diferença Entre os Recursos Gráficos do Portal Clickideia

1. Atividade Interativa: Atividade na qual o usuário deve clicar em diferentes partes do recurso, realizando

atividades ou informando respostas às questões propostas.

Clique na imagem para visualizar o recurso no portal (necessário estar logado)


2. Animação: clicando nas setas abaixo da imagem é possível ver a mudanças nas imagens.

Clique na imagem para visualizar o recurso no portal (necessário estar logado) 3. Imagem: recurso estático que ilustra o conteúdo utilizando desenhos,fotografias, etc. Clique na imagem para visualizar o recurso no portal (necessário estar logado)


Adicionar imagens armazenadas no computador

1. Clique para abrir o Gerenciador de Imagens

1. Clique para criar uma nova pasta – facilita a organização das imagens que você pretende inserir no seu

blog dividindo por assunto, disciplina, etc.


1. Defina um nome para a pasta

2. Clique em OK para criá-la.

1. Clique na pasta recém criada para inserir arquivos de imagem dentro.


1. Dentro da pasta, clique no primeiro ícone “Carregar Arquivo”.

1. Clique em “Selecionar Arquivo” na nova janela que abriu.


1. Entre na pasta onde estão as imagens que você quer carregar;

2. Selecione o arquivo de imagem;

3. Clique no botão “Abrir”;

1. Verifique se aparece corretamente o caminho no qual sua imagem está salva em seu computador.

2. Clique em “Salvar”.


1. Após salvar, você visualizará a imagem que você carregou.

2. Clique no botão “Imagens” para voltar à pasta que você criou.

1. Clique na miniatura da imagem que você deseja inserir


1. Insira uma descrição para a imagem

2. Insira um título para a imagem

3. Escolha o alinhamento da imagem em relação ao texto

4. Clique em OK para inserir a imagem no Editor de Texto do seu Blog.

1. A imagem que você selecionou aparecerá no Editor de Texto do Blog


Adicionar Animações e Atividades Interativas

1. Clique em “Inserir/ Editar Mídia Incorporada”

1. Clique em “Procurar...” para abrir o “Gerenciador de Arquivos”.


1. Clique em “Carregar Arquivo...”

1. Clique em “Selecionar arquivo”;


1. Selecione a pasta com a Atividade Interativa/ Animação desejada

2. Verifique que esses arquivos são do tipo “Shockwave Flash”

3. Selecione o Arquivo

4. Clique em “Abrir” para prosseguir.

1. Clique em Salvar.


1. Marque o quadrado ao lado do nome do arquivo

2. Clique no botão “Inserir” para prosseguir. 1. Clique em “Inserir” para que o recurso apareça no Editor de texto do blog


Será mostrado a localização e tamanho do recurso no seu post

1. Você pode alterar o tamanho clicando nos quadrados nas laterais e cantos do recurso para redefinir seu

tamanho.


Adicionar Vídeos da Internet no Blog

Caso queria utilizar algum vídeo disponível no site Youtube, é necessário:

1. Entrar no vídeo que você deseja inserir e copiar o link diretamente da Barra de Endereço do navegador.

1. Clique em “Inserir/ Editar Mídia Incorporada”


1. Cole na área “Arquivo/URL” o link do vídeo copiado do Youtube.

2. Apenas clique em um dos campos da área “Dimensões” para que autocomplete os espaços com o

tamanho padrão do vídeo.

a. Caso não apareça um valor automático, verifique se o link do vídeo está correto

3. Se o link estiver correto, será mostrada no espaço de “Previsão” uma imagem do vídeo.

4. Clique em “Inserir” para prosseguir.


Adicionar arquivos (Anexos)

1. Clique no botão de “Gerenciamento de Arquivos”

1. Clique em “Carregar Arquivo”


1. Clique em “Selecionar Arquivo...” 1. Selecione a Pasta com o Arquivo que você deseja anexar em seu blog

2. Selecione o Arquivo

3. Clique em “Abrir” para prosseguir


1. Verifique se o nome do arquivo está correto.

2. Clique em “Salvar” para prosseguir.

1. Clique no Quadro ao lado do nome do arquivo para selecioná-lo.

2. Clique no botão para inserir o arquivo.


1. Insira o texto que você gostaria que levasse ao arquivo que você anexou ao blog

2. Clique em OK para inserir o arquivo.

1. Veja que o que você escrever no passo anterior em “Descrição” vai aparecer no editor de texto como um

link para o arquivo anexado

.


32 Moderar os comentários do seu Blog

1. Volte ao Gerenciador do Blog e clique na opção “Moderação de Comentários” 1. Para verificar se há novos comentários, clique em “Fila de Moderação”


1. Aqui você pode verificar se há comentários novos feitos no seu blog. Você pode clicar no Assunto dos

comentários para fazer a leitura dos mesmo.

2. Selecione os comentários que você irá moderar

3. Selecione uma das opções (Publicar ou Apagar Comentário)

4. Clique no botão “Atualizar” para prosseguir


Acesso ao seu Blog

1. Na Home do Blog, passe o mouse sobre a aba “Blog” e em seguida clique em “MEU BLOG” 1. Para divulgar seu blog para outros usuários do portal, você deve copiar o seu número de identificação,

que está localizado na Barra de Endereço, sendo os últimos números a sua identificação.

2. Você pode também escrever um novo post, diretamente do seu blog

3. E você visualiza também o nome dos posts que você criou, caso queira que outro usuário localize uma

postagem específica sua.


1. Para que os outros usuários acessem se blog, você deve passar o número dele e pedir que o insiram

no espaço que aparece na aba “Blog” na página inicial.

Também é possível pesquisar assuntos dentro do blog. Caso queira saber se outro usuário criou alguma

postagem sobre determinado assunto, basta localizar a área de busca e colocar o termo que você procura e

ele retornará os possíveis resultados pesquisados.


Acesso aos Blogs das Etecs do Centro Paula Souza

1. Você também pode acessar os Blogs de outras Etec participantes do projeto. Na home Blog, clique em

“Blogs por Etec”.

1. Selecione uma Etec para visualizar os Blogs disponíveis na respectiva unidade escolar do Centro

Paula Souza.

Sumárioclickeaprenda.uol.com.br/portal/uploads/blog/Tutorial... · 2014. 9. 9. · Introdução...

Documents

Transcript of Sumárioclickeaprenda.uol.com.br/portal/uploads/blog/Tutorial... · 2014. 9. 9. · Introdução...