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 Quebra cabeça com Recorte

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 Quebra Cabeça com recortes Utilizando a atividade de Quebra-Cabeça de Duplo, vamos completar o tangram com as partes que estão faltando.

23 Clique em Nova Atividade em azul. Na tela que se abre selecione a atividade Quebra-Cabeça Duplo e coloque o nome quebra_cabeca_recorte, 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. Para esta atividade coloque a cor Branco na Cor de Fundo. 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)

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

35 Vamos organizar as Grelhas, para nosso trabalho. Nesta atividade de quebra cabeça só temos Grelha A. 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

36 Clique no ícone Imagem (em azul) na tela aberta selecione a imagem, que você já inseriu na Biblioteca.

37 Ficará como mostrado abaixo. Agora na opções de Encaixe (em azul), coloque Recorte.

38 Agora clique no ícone mostrado em verde.

39 Nesta área contorne algumas partes do tangram. Clicando na ferramenta (em azul). Clique e selecione alguma parte. No exemplo selecionei o quadrado em destaque. Para cada parte selecionada no lado direito da tela em verde, existe um número 0, que é a meu primeiro recorte, ao fazer outras aparecerá 1, 2,3..

40 Repare criei mais um recorte, em vermelho, agora além do 0 também tenho o número 1. Faça quantos quiser após clique em Ok.

41 Voltando para a tela principal, vamos trocar a cor de fundo. Para isso clique no ícone Estilo (em verde). Na tela Estilo aberta, troque a cor de fundo (em vermelho) e a cor do estado inactivo (em azul) para branco.

42 Pronto agora vamos testar a atividade, Para isso clique no ícone Play (em verde).

43 Agora é só exercitar... Use a criatividade e abuse das figuras.

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