Produção de tutoriais. Suellem Oliveira

Transcrição

1 Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Produção de tutoriais Suellem Oliveira Jclic Resposta Escrita

2

3 Para a produção deste Tutorial utilizamos o Impress do OpenOffice 3.1 e capturamos telas usando o Ksnapshot. O resultado final foi exportado para PDF, afim de preservar formatação e ser aberto em qualquer Sistema Operacional. Todos os aplicativos utilizados fazem parte da Customização GNU-Linux VRlivre 3.04, preparada pela Equipe de Implementação de Informática Aplicada à Educação da SME-VR.

4 Para abrir o programa JClic Autoria iremos em: Aplicativos Educativo Autoria e Edição JClic Autoria

5 A primeira vez que o JClic e iniciado, mostrará esta tela, perguntando o idioma de sua preferência. Escolha português (pt) e clique em OK.

6 Na próxima tela, deve ser informado ao programa a localização para salvar seus trabalhos. Por padrão o Jclic cria uma pasta na sua Área de trabalho com o nome Jclic e salva seus arquivos neste local. Caso queira salvar seu projeto em outro local, basta informar o caminho desejado na tela abaixo.

7 Após as configurações vamos iniciar um novo projeto. Clique em Ficheiro Novo Projecto

8 Nesta caixa que vemos está sendo perguntado o nome do projeto e sua localização. Esta localização e de suma importância para os próximos passos, então se achar necessário anote. Neste campo coloque o nome do seu projeto Aqui e onde seu projeto está sendo salvo. Está e a localização padrão. Lembrando novamente que você pode salvar seu projeto em qualquer local, basta informar. Nesta caixa temos o botão Procurar, para poder navegar e encontrar sua pasta.

9 Nesta tela ao opções são para os autores do projeto, Nome, Data de criação, etc... Nesta caixa e possível inserir uma descrição para seu projeto Para inserir os autores, clique no sinal de +, como em destaque Nesta caixa e colocado a data da criação do projeto

10 Insira as informações para o preenchimento do autor, após clique em OK

11 Na próxima aba, colocamos todo o material utilizado para nosso projeto. Para isso abra a Biblioteca de Recursos, como mostrado em destaque.

12 Na Biblioteca de Recursos colocamos todo o material do tipo, som, imagem, vídeo, para a construção dos exercícios. Para inserir uma novo recurso clique no local indicado Esta etapa e importante, pois qualquer imagem, video, som, gifs etc, que será utilizado nas suas atividades antes devem ser inseridas aqui.

13 Nesta janela que se abriu vamos procurar onde está nosso recurso. Para navegar nas pastas, clique na seta como mostrado na figura.

14 Após localizado sua pasta, selecione o recurso. Neste exemplo estou inserindo uma imagem. Todo recurso suportado pelo programa aparecerá na aba Files, como em destaque. Selecione e clique em Abrir

15 Após clicar em abrir o programa está perguntado se deseja que ele faça uma cópia de seu recurso e guarde dentro da pasta do seu projeto. Responda SIM, para que o programa possa copiar seus recurso para junto de seus projeto. Evitando assim que eles se percam futuramente. Esta pergunta irá aparecer a cada recurso inserido, se colocar no seu projeto 100 imagens, 100 perguntas apareceram. SEMPRE RESPONDA SIM.

16 Seu recurso aparecerá como mostrado, vamos agora inserir um som, como recurso. Qualquer recurso deve ser inserido aqui. Clique novamente em Adicionar como em destaque. Se quiser conferir os tipos de arquivos suportados, basta clicar na seta destacada em verde e verificar todas as extensões suportadas.

17 Após encontrado clique em Abrir.

18 Novamente responda SIM para a pergunta.

19 Pronto o som foi inserido

20 A próxima aba a Actividades Nesta aba é selecionada a atividade. Para isso clique no ícone Nova Atividade destacado em verde.

21 Nesta tela podemos escolher a atividade desejada. Para todos os itens existe uma breve descrição, basta clicar que a descrição aparecerá ao lado, após escolhida de um nome para a atividade, como mostrado no exemplo e clique em OK.

22 Resposta Escrita Nesta atividade mostraremos as cores escritas em português e o usuário deverá reescreve-las em inglês.

23 Clique em Nova Atividade em azul. Na tela que se abre selecione a atividade Resposta Escrita e coloque o nome cores_ingles, para ficar sugestivo. Clique em OK

24 As abas que apareceram e onde vamos moldar toda a atividade, a primeira e Opções. Aqui podemos colocar uma descrição da atividade. Neste local podemos trocar o aspecto da interface do usuário. Neste local temos as opções de contagem de tempo, acertos e erros.

25 Mais recursos da aba Opções Este a um Gerador de conteúdo automático. Esta área e sobre os Botões que podem ou não aparecer na sua atividade. Botão Ajuda e Botão Informação

26 Vamos para a próxima aba. Clique em Janela destacada em azul.

27 Nesta aba vamos dar cor a nossa atividade, a Janela Principal e a parte externa do jogo, Janela do Jogo e onde a atividade será executada. Janela Principal (em azul) Janela do Jogo (em vermelho)

28 Clicando na caixa Cor do Fundo (em azul), podemos trocar a cor da parte externa, escolha uma cor e clique em OK.

29 Vamos fazer o mesmo com a Cor do Fundo da Janela no Jogo. Agora a atividade será mais atrativa. Clique na aba Mensagem em azul.

30 Nesta aba vamos colocar as informações para o usuário. Aqui coloque o que será mostrado ao iniciar a atividade Aqui coloque o que será mostrado ao finalizar a atividade com Êxito. Aqui coloque o que será mostrado ao finalizar a atividade errado. Para ativar as mensagens e preciso marcar a caixa correspondente, como mostrado em destaque.

31 Marque a caixa e clique na área cinza claro. Coloque o texto na tela que será aberta, como o modelo. Clique na interrogação para descobrir de quem e o som? Podemos fazer alterações de cores no texto, tamanho e etc. Para isso clique no botão Estilo, como destacado

32 Usem a criatividade para colorir e alegrar sua atividade da melhor forma possível. Para alterar qualquer item na Janela aberta, basta clicar no ícone da cor. Exemplo: Cor do Texto, clique na cor (em azul) para abrir a caixa de cores após escolha a cor desejada. Clique na interrogação para descobrir de quem e o som? Clique na interrogação para descobrir de quem e o som?

33 O texto apresentado e exemplo, cada atividade requer uma mensagem específica. Próxima aba Painel (em azul) Clique na interrogação para descobrir de quem e o som?

34 Na aba Painel e onde a atividade e realmente moldada.

35 Vamos organizar as Grelhas, para nosso trabalho. Nesta atividade de associação temos Grelha A e Grelha B. Para aumentar ou diminuir a quantidade de linhas Para aumentar ou diminuir o tamanho horizontal das linhas ou colunas Para aumentar ou diminuir a quantidade de colunas Para aumentar ou diminuir o tamanho vertical das linhas ou colunas Essas alterações podem serem feitas tanto na Grelha A como na Grelha B. Repare que nas abas existem Grelha A(em rosa), que é onde estamos alterando e Grelha B (em amarelo), que veremos nas próximas telas.

36 Agora que já sabemos como aumentar ou diminuir as Grelhas, deixaremos a Grelha A com as seguintes configurações em destaque: Linhas: 5 (vermelho) Colunas: 2 (azul) Tam. Horizontal: 150 (verde) Tam. Vertical: 90 (preto) Com essas configurações a Grelha A ficará como a mostrada no exemplo.

37 A Grelha B pode ter as mesmas configurações Linhas: 5 (vermelho) Colunas: 1 (azul) Tam. Horizontal: 150 (verde) Tam. Vertical: 90 (preto) Com essas configurações a Grelha B ficará como a mostrada no exemplo.

38 Clique no 1º quadrado da Grelha A, na caixa Conteúdo, no campo Texto (em azul) coloque os nomes das cores em português. Repita esse passo até completar todos os quadrados.

39 Ainda com a caixa Conteúdo aberta, modifique a cor do fundo de cada quadrado para ficar mais atraente.

40 Agora já terminei a Grelha A, na Grelha B, coloque as cores em inglês. Mesmo processo, clique no 1º quadrado e no campo Texto escreva a cor. Da forma como for escrita será a forma como o usuário deverá escrever, então atenção neste momento.

41 Clique no ícone Estilo (em azul), para realçar as cores. Na caixa que se abre, altere a cor de fundo (em verde), o estado inactivo (em preto). Agora com a Grelha B Ainda dentro da caixa Estilo, nas opções da fonte, coloque negrito, aumente o tamanho para melhor visualização.

42 Na aba Relações(em azul), vamos associar as cores em português com as cores em inglês. Para isso clique na cor em português, aparecerá uma seta solte a seta na cor em inglês correspondente. Como mostra a ilustração abaixo.

43 Parece confuso, mas fazendo um a um, ficará tudo correto. Vamos testar. Para executar a atividade clique no ícone Play em verde

44 Bom está e a atividade sendo executada, bom exercício.

45 Créditos Local: Laboratório da SME/VR Realização: Coordenação de IAESMEVR Autor: Suellem Oliveira Outubro de 2009