Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Produção de tutoriais Suellem Oliveira Jclic Associação Complexa
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. www.iaesmevr.org
Para abrir o programa JClic Autoria iremos em: Aplicativos Educativo Autoria e Edição JClic Autoria
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.
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.
Após as configurações vamos iniciar um novo projeto. Clique em Ficheiro Novo Projecto
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.
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
Insira as informações para o preenchimento do autor, após clique em OK
Na próxima aba, colocamos todo o material utilizado para nosso projeto. Para isso abra a Biblioteca de Recursos, como mostrado em destaque.
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.
Nesta janela que se abriu vamos procurar onde está nosso recurso. Para navegar nas pastas, clique na seta como mostrado na figura.
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
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.
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.
Após encontrado clique em Abrir.
Novamente responda SIM para a pergunta.
Pronto o som foi inserido
A próxima aba a Actividades Nesta aba é selecionada a atividade. Para isso clique no ícone Nova Atividade destacado em verde.
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.
Associação Complexa Nesta atividade vamos associar som de animais com sua respectivas imagens.
Clique em Nova Atividade em azul. Na tela que se abre selecione a atividade Associação Complexa e coloque o nome regioes_associacao, para ficar sugestivo. Clique em OK
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.
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
Vamos para a próxima aba. Clique em Janela destacada em azul.
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)
Clicando na caixa Cor do Fundo (em azul), podemos trocar a cor da parte externa, escolha uma cor e clique em OK.
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.
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.
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
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?
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?
Na aba Painel e onde a atividade e realmente moldada.
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.
Agora que já sabemos como aumentar ou diminuir as Grelhas, deixaremos a Grelha A com as seguintes configurações em destaque: Linhas: 7 (vermelho) Colunas: 2 (azul) Tam. Horizontal: 190 (verde) Tam. Vertical: 85 (preto) Com essas configurações a Grelha A ficará como a mostrada no exemplo.
Para ir até a Grelha B, clique no local destacado em Amarelo. Na Grelha B, vamos fazer as seguintes configurações. Agora clique na aba Distribuição (em verde) 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.
Nesta aba é possível localizar melhor as Grelhas, vamos distribuir melhor nossas Grelhas. Coloquei na posição A B Mostrado em azul. Para alterar basta clicar no modo desejado.
Voltando para a Grelha A, começaremos a inserir as imagens dos animais. Para inserir as imagens basta dar um clique dentro de cada quadrado da Grelha, começando pelo 1º. Ao clicar veremos esta caixa. Dê um clique em Imagem (em azul)
A próxima caixa a ser aberta, mostrará todas as imagens contidas na Biblioteca. Clique em uma e dê Ok.
Pronto a imagem já apareceu na Grelha, clique novamente em Ok e repitas esse passo nos outros quadrados.
Todas as imagens adicionadas. Para padronizar as cores de fundo da Grelha A vamos clicar em Estilo (em verde).
Agora toda a Grelha A, tem fundo branco, ficou melhor. Clique em Ok, para fechar a caixa Estilo
Agora vamos inserir o som, na Grelha B, clique no primeiro quadrado e novamente a caixa conteúdo aparecerá. Desta vez vamos inserir Texto, imagem e som. No campo texto (em verde) escreva como mostra. Clique em Imagem (azul) e coloque a interrogação. Veja ao lado Agora de um clique em Estilo (em rosa).
Nesta caixa vamos colocar o texto em negrito e o fundo branco, essas configurações são opções, faça a seu gosto. Após as alterações clique em Ok.
Voltando para a caixa Conteúdo, vamos organizar o texto e a imagem. Repare que no destaque em azul, tanto em Texto como em Imagem existe um direcionador. Para Texto direcione acima Para Imagem direcione abaixo. O resultado e como mostra o exemplo. (em preto)
Na caixa Conteúdo activo, clique na opção Reproduzir Som (em verde). Ao lado onde diz Ficheiro deve apontar para seu som. Clique no local indicado (azul) para navegar achar o som.
Na tela que se abre, vemos todos os sons contidos na Biblioteca. Neste momento você deve colocar o som respectivos ao quadrado da Grelha A, pois essa será a associação que terá o exercício. No exemplo tenho a imagem do cão na Grelha A,então na Grelha B tenho que apontar para o som do cão. Após clique em Ok, até voltar para a Grelha B.
Vamos fazer mais uma associação. Clique no segundo quadrado da Grelha B, a caixa Conteúdo aparecerá. Coloque o Texto e a imagem e clique na Opção Conteúdo activo (em rosa)
Bom clique em Reproduzir Som, em Ficheiro escolha o som desejado, repare que tenho na Grelha A, a imagem de um cavalo então devo colocar na Grelha B, o som do cavalo. Clique em Ok.
Pronto o exercício esta pronto. Todas as vezes que ele for executado a posição das imagens e dos sons será trocada. Por esse motivo temos que colocar o som e as imagens na mesma posição. Para executar a atividade clique no Play destacado.
Esta é a atividade sendo executada. As configurações de cores são pessoais, então abuse da criatividade... Bom Trabalho!
Créditos Local: Laboratório da SME/VR Realização: Coordenação de IAESMEVR Autor: Suellem Oliveira E-mail: suellem.sme@epdvr.com.br Outubro de 2009