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

Transcrição

1 1 Tutorial: Blogs no Clickideia 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.

2 2 Tutorial: Blogs no Clickideia 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;

3 3 Tutorial: Blogs no Clickideia Página Inicial da área do Blog

4 4 Tutorial: Blogs no Clickideia 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.

5 5 Tutorial: Blogs no Clickideia 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.

6 6 Tutorial: Blogs no Clickideia 1. Definir o Nome da sua postagem; 2. Escolher o Tema do Blog, que são cores e desenhos de fundo do seu blog. 3. 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). 4. Clique para abrir as opções de definição da participação do escritor adicional no seu blog. 5. Definir a maneira que o outro escritor pode participar do 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.

7 7 Tutorial: Blogs no Clickideia Adicionar Post 1. Clique para adicionar um novo post em seu blog Página de Postagem

8 8 Tutorial: Blogs no Clickideia 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.

9 9 Tutorial: Blogs no Clickideia 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 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) Escolher a fonte Definir o tipo de parágrafo Tamanho da fonte Inserir Marcadores no Texto Inserir Numeração no Texto Inserir Separador Horizontal Remover Formatação do Texto Alterar Guias/Elementos Invisíveis Texto Inferior/Superior à Linha Inserir Caracteres Especiais Diminuir/Aumentar Recuo

10 10 Tutorial: Blogs no Clickideia 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

11 11 Tutorial: Blogs no Clickideia Adicionar imagem 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.

12 12 Tutorial: Blogs no Clickideia 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.

13 13 Tutorial: Blogs no Clickideia 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)

14 14 Tutorial: Blogs no Clickideia 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)

15 15 Tutorial: Blogs no Clickideia Adicionar imagens do 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.

16 16 Tutorial: Blogs no Clickideia 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.

17 17 Tutorial: Blogs no Clickideia 1. Dentro da pasta, clique no primeiro ícone Carregar Arquivo. 1. Clique em Selecionar Arquivo na nova janela que abriu.

18 18 Tutorial: Blogs no Clickideia 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.

19 19 Tutorial: Blogs no Clickideia 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

20 20 Tutorial: Blogs no Clickideia 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

21 21 Tutorial: Blogs no Clickideia Adicionar arquivos (Anexos) 1. Clique no botão de Gerenciamento de Arquivos 1. Clique em Carregar Arquivo

22 22 Tutorial: Blogs no Clickideia 1. Clique em Selecionar Arquivo Selecione a Pasta com o Arquivo que você deseja anexar em seu blog 2. Selecione o Arquivo 3. Clique em Abrir para prosseguir

23 23 Tutorial: Blogs no Clickideia 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.

24 24 Tutorial: Blogs no Clickideia 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

25 25 Tutorial: Blogs no Clickideia 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

26 26 Tutorial: Blogs no Clickideia 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.

27 27 Tutorial: Blogs no Clickideia Adicionar Animações e Atividades Interativas 1. Clique em Inserir/ Editar Mídia Incorporada 1. Clique no botão para abrir o gerenciador de arquivos

28 28 Tutorial: Blogs no Clickideia 1. Clique em Carregar Arquivo 1. Clique em Selecionar arquivo...

29 29 Tutorial: Blogs no Clickideia 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.

30 30 Tutorial: Blogs no Clickideia 1. Marque o quadrado ao lado do nome do arquivo 2. Clique no botão para prosseguir 1. Clique em Inserir para que o recurso apareça no Editor de texto do blog.

31 31 Tutorial: Blogs no Clickideia 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.

32 32 Tutorial: Blogs no Clickideia 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

33 33 Tutorial: Blogs no Clickideia 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

34 34 Tutorial: Blogs no Clickideia 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.

35 35 Tutorial: Blogs no Clickideia 1. Para que os outros usuários acessem se blog, você deve passar o número deles e pedirem 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.

36 36 Tutorial: Blogs no Clickideia 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.