Manual para criar actividades com o Jclic Jclic Versão 1.0 Manual de Luís Vives Traduzido e adaptado por Milena Jorge [email protected] Milena Jorge CC CRIE – CAPAG Santo André 1 Manual para criar actividades com o Jclic Jclic Índice Introdução………………………………………………………………………………………… 3 • O que é o Jclic …………………………………………………………………………… 3 • Download e instalação do programa ……………………………………………… 3 • Objectivos do programa Júlio ………………………………………………………… 3 PROJECTO N.º 1 Criação de um novo projecto ……………………………………………………………….. 4 • Criação de um puzzle duplo ………………………………………………………….. 5 • Actividade proposta n.º 1 ……………………………………………………………… 14 • Criação de um puzzle de intercâmbio com conteúdo textual ……………….. 15 • Criação de um puzzle de intercâmbio com uma imagem …………………….. 17 • Actividade proposta n.º 2 ……………………………………………………………… 19 • Criação de um puzzle duplo com recortes ………………………………………... 19 • Trocar o tipo de actividade criada ………………………………………………….. 21 • Criação de um jogo de memória ……………………………………………………. 22 Milena Jorge CC CRIE – CAPAG Santo André 2 Manual para criar actividades com o Jclic Jclic INTRODUÇÃO O QUE É O JCLIC JClic é um programa para a criação, realização e avaliação de actividades educacionais multimédia, desenvolvido na plataforma Java. É uma aplicação em software livre baseada em Standars abertos que funcionam em diferentes sistemas operacionais: Windows, Linux e Mac OS. JClic é formado por um conjunto de aplicações informáticas que servem para realizar diversos tipos de actividades educacionais: quebra-cabelas, associações, exercícios com texto, palavras cruzadas, etc. Um projecto é formado por um conjunto de actividades com uma determinada sequência, que indicam a ordem em que irão ser mostradas. O antecessor do JClic é o Clic, uma aplicação que desde 1992 foi utilizada por educadores e educadoras de diversos países como ferramenta de criação de actividades didácticas para seus alunos. DOWNLOAD E INSTALAÇÃO DO PROGRAMA A instalação do Jclic é muito fácil graças à tecnologia Java WebStart. Pode fazer o download do programa, abrindo a página http://clic.xtec.net. OBJECTIVOS DO PROGRAMA JCLIC ¾ Utilizar as aplicações JClic em rede ou na Internet ¾ Utilizar JClic em vários sistemas operativos ¾ Manter a compatibilidade com a versão anterior ¾ Aumentar o intercâmbio dos dados e aplicações entre as diversas escolas de vários países ¾ Melhorar o funcionamento do programa com sugestões dos utilizadores Novidades: - Uso de gráficos gif; jpg e png - Uso de recursos multimédia no formato: - Som: wav; mp3; au; aif - vídeo: avi; mpeg; mov - Flash 2.0 e gifs animados - Ficheiros midi - Sons de eventos configuráveis para cada actividade - Melhoramento do aspecto visual, permitindo inserir fundos Milena Jorge CC CRIE – CAPAG Santo André 3 Manual para criar actividades com o Jclic Jclic PROJECTO N.º 1 CRIAÇÃO DE UM NOVO PROJECTO 1. Abra o programa: 2. Clique no Menu Arquivo -> Novo Projecto: (aparece uma janela para introdução do nome do projecto.) 3. Escreva o nome do projecto: Projecto1. NOTA: O programa por defeito cria uma pasta para esse projecto. 4. De seguida clique em aceitar e aparece a seguinte janela: Milena Jorge CC CRIE – CAPAG Santo André 4 Manual para criar actividades com o Jclic Jclic CRIAÇÃO DE UM PUZZLE DUPLO 1. Clique no separador actividades e depois no ícone nova actividade 2. Escolha a actividade que pretende realizar, neste caso Double Puzzle. 3. Dê o nome de Puzzle1 à actividade Aparece uma caixa com as seguintes opções da janela: Milena Jorge CC CRIE – CAPAG Santo André 5 Manual para criar actividades com o Jclic Jclic 4. Na janela das opções, e no campo interface do usuário, escolha a camada @orage.xml 5. Clique no separador Janela: Espaço destinado à formatação do aspecto da janela principal e da janela do jogo: 8.1. Clique no botão Cor de fundo e surge uma janela com quatro separadores: SWATCHES, HSB, RGB e OPACIDADE. a) SWATCHES: Permite escolher uma das cores da gama. Nota: Se quiser fazer uma escolha mais personalizada tem outras opções: Milena Jorge CC CRIE – CAPAG Santo André 6 Manual para criar actividades com o Jclic Jclic b) HSB: Permite escolher uma cor mais básica, sendo possível escurecer ou clarear essa mesma cor. c) RGB: Permite escolher uma cor com base nos tons vermelhos. Milena Jorge CC CRIE – CAPAG Santo André 7 Manual para criar actividades com o Jclic Jclic d) OPACIDADE: Permite aplicar opacidade a uma determinada cor. 8.2. Também pode escolher um gradiente para o fundo da janela principal: a) Ao clicar no botão gradiente aparece a seguinte janela: Permitindo escolher: - Cor inicial - Cor final - Ciclos (n.º de vezes que se repete o gradiente) - Orientação Milena Jorge CC CRIE – CAPAG Santo André 8 Manual para criar actividades com o Jclic Jclic 8.3. Também pode escolher como fundo uma imagem inteira ou em mosaico. FORMATAÇÃO DA JANELA DO JOGO As opções da janela do jogo são muito semelhantes à da janela principal (excepto a inserção da imagem, que não permite). Podemos ainda definir a “borda” e a posição da janela do jogo. Para vermos o aspecto da janela da nossa actividade, clicamos no seguinte botão: Milena Jorge CC CRIE – CAPAG Santo André 9 Manual para criar actividades com o Jclic Jclic 9 – Mensagens da actividade: 9.1. Clique no separador Mensagens. Ao clicar nesse separador aparece a seguinte janela: 9.2. Para inserir uma mensagem na nossa actividade, clique na caixa de selecção, neste caso, Mensagem Inicial. Aparece a seguinte caixa de diálogo: Milena Jorge CC CRIE – CAPAG Santo André 10 Manual para criar actividades com o Jclic Jclic 9.2.1. Para formatar o estilo da caixa da mensagem clique no botão: Formate a seu gosto. 10 - Conteúdos do Puzzle 10.1. Clique no separador Midiateca , e de seguida no ícone para inserir uma imagem ou um objecto multimédia à biblioteca. Escolha o ficheiro que pretende adicionar e clique em abrir. 10.2 - Clique no separador Painel, para trabalhar os conteúdos do Puzzle. Aparece a seguinte janela: Milena Jorge CC CRIE – CAPAG Santo André 11 Manual para criar actividades com o Jclic Jclic 10.3 - Clique no botão Imagem, para seleccionar o objecto de multimédia. 10.4. Para definir o recorte rectangular para uma forma mais atractiva, clique no seguinte botão: Visualize a actividade Puzzle. a) Para definir o n.º de linhas e colunas b) Para determinar o tamanho das células Milena Jorge CC CRIE – CAPAG Santo André 12 Manual para criar actividades com o Jclic Jclic c) O botão estilo, é semelhante ao das outras actividades, permite alterar os seguintes aspectos: - Cor de fundo - Aplicar um gradiente ou simplesmente ficar transparente (ficando como fundo a imagem da janela principal) Milena Jorge CC CRIE – CAPAG Santo André 13 Manual para criar actividades com o Jclic Jclic - Tipo e tamanho de letra - Cor do texto - Cor alternativa - Margem interna (espaço que dista entre as bordas das células e o texto) - Sombra e alterar a cor dessa mesma sombra - Cor da borda e respectiva espessura - Cor de estado inactivo (Cor utilizada quando a célula está inactiva) 10.5. Para mudar a distribuição das peças do puzzle e da imagem, clique no separador Distribuição: Aparece uma barra que permite modificar a distribuição: 10.6. Execute a actividade, clicando no seguinte botão 10.7. Guarde a actividade, recorrendo ao menu Arquivo -> Guardar. ACTIVIDADE PROPOSTA N.º 1 9 Abra o projecto1.jclic.zip 9 Crie um puzzle doble com as seguintes características: 9 • Limitar o número de tentativas • Utilize para recorte a forma triangular • 3 *3: Distribuição: BA • Borda com cor branca • Janela principal com gradiente de cores Guarde a actividade com o nome de Pratica1. Milena Jorge CC CRIE – CAPAG Santo André 14 Manual para criar actividades com o Jclic Jclic CRIAÇÃO DE UM PUZZLE DE INTERCÂMBIO COM CONTEÚDO TEXTUAL 1. Abra o projecto anterior (projecto1.jclic) 2. Insira uma nova actividade, para tal, clique no separador actividades e de seguida no botão (adicionar nova actividade). 3. Dê o nome de Puzzle2 à actividade. 4. No separador Opções, escolha para a interface do utilizador a camada @orange.xml 5. No separador janela -> janela principal, escolha um gradiente e para a janela do jogo transparente. 6. No separador Mensagens, defina para mensagem: a. Inicial: “Ordena o seguinte texto” b. Final: “Muito bem! Parabéns!” 7. Agora, clique no primeiro quadrado e comece por digitar o princípio da frase, passe para o quadrado seguinte e dê continuidade à frase, repita este processo até ao final dos quadrados digitando toda a frase, tal como se visualiza na imagem abaixo: Milena Jorge CC CRIE – CAPAG Santo André 15 Manual para criar actividades com o Jclic Jclic 8. Guarde a actividade (Arquivo -> Guardar) 9. Visualize a actividade realizada, através do ícone . Deverá aparecer uma imagem semelhante: Milena Jorge CC CRIE – CAPAG Santo André 16 Manual para criar actividades com o Jclic Jclic CRIAÇÃO DE UM PUZZLE DE INTERCÂMBIO COM UMA IMAGEM 1. Abra o projecto1.jclic 2. Insira outra actividade, para tal, clique no separador actividades e de seguida no botão (adicionar nova actividade). Escolha a actividade do tipo Hole Puzzle 3. Dê o nome de Puzzle3 à actividade. 4. Abra o separador Mediateca e incorpore as imagens na pasta do projecto. 5. No separador Opções efectue a descrição da actividade e na interface do utilizador escolha a camada: @default.xml; e na área de contadores: active o contador de tentativas para 15 vezes. Ainda no separador opções, active o botão Ajuda. 6. Clique no separador Janela: vamos colocar uma imagem de fundo para a janela principal e para a janela do jogo vamos activar a opção transparente. 7. No separador Mensagens, defina para mensagem: a. Inicial: “Coloca as peças no mapa!” b. Final: “Bravo! Parabéns!” Formatação das mensagens: ¾ Cor do fundo: Preto ¾ Cor das letras: Branco 8. No separador Painel, defina a estrutura do puzzle com 3 linhas e 3 colunas. 9. Clique no botão Imagem e aparecerá a caixa dos objectos de multimédia, escolha a imagem para o puzzle. 10. No separador gerador de forma Milena Jorge CC CRIE – CAPAG Santo André 17 Manual para criar actividades com o Jclic Jclic Escolha a opção Jig with rectangular unions (encaixe com união rectangular). 11. Clique no botão para aceder às propriedades do gerador de forma. Nessa caixa configure a altura e largura dos dentes do puzzle, conforme se visualiza na imagem ao lado. 12. Visualize actividade, clicando no ícone . Deverá ter uma janela com o seguinte aspecto: 13. Guarde a actividade. (Arquivo -> Guardar) Milena Jorge CC CRIE – CAPAG Santo André 18 Manual para criar actividades com o Jclic Jclic ACTIVIDADE PROPOSTA N.º2 9 Abra o projecto1.jclic.zip 9 Crie um puzzle de intercâmbio de texto com as seguintes características: • Camada para a interface de utilizador: @simples.xml • Limitar o tempo • 3 *3 (procure um texto adequado) • Configuração das janelas: • Janela principal: fundo gradiente Janela do jogo: transparente e sem “borda”. No separador painel e no botão estilo retire a borda e active a opção transparente. • Tamanho 24 para o texto CRIAÇÃO DE UM PUZZLE DUPLO (COM RECORTES) 1. Abra o projecto1.jclic 2. Insira outra actividade, para tal, clique no separador actividades e de seguida no botão (adicionar nova actividade). Escolha a actividade do tipo Double Puzzle 3. Dê o nome de Puzzle4 à actividade. 4. Abra o separador Mediateca e insira as imagens para a actividade. 5. Volte ao separador Janela. 6. No separador Opções efectue a descrição da actividade e na interface do utilizador escolha a camada: @simple.xml. Ainda no separador opções, active o botão Ajuda. 7. Clique no separador Janela: vamos colocar uma imagem de fundo para a janela principal e para a janela do jogo vamos deixar em branco. 8. No separador Mensagens, defina para mensagem: Milena Jorge CC CRIE – CAPAG Santo André 19 Manual para criar actividades com o Jclic Jclic a. Inicial: “Arraste as formas para a área do Puzzle!!” b. Final: “Parabéns! Estupendo!” 9. Abra o separador Painel e clique no botão Imagem – Insira a imagem pretendida para a actividade. 10. No menu Gerador de formas, escolha a opção Cuts (recortes). Repare que o painel da imagem já não está dividido. 11. Faça clique no botão que aparece à direita da imagem anterior. Vamos recortar a imagem. a. Seleccione a ferramenta círculo - desenhe um círculo que coincida com a forma redonda de imagem; b. Uma vez desenhada podemos ajustar (diminuir ou aumentar) a imagem; c. Realizado o primeiro recorte aparece uma coluna no lado direito com o número zero, que corresponde a este recorte; d. Faça o mesmo para a forma quadrada utilizando para tal a ferramenta quadrado ; e. Para os triângulos, seleccione a ferramenta para desenhar polígonos e marque os pontos nos vértices do triângulo Milena Jorge CC CRIE – CAPAG Santo André 20 Manual para criar actividades com o Jclic Jclic 12. Guarde a actividade (Arquivo -> Guardar) . No final deve ter algo 13. Visualize a actividade, pressionando o botão semelhante à figura em baixo. TROCAR O TIPO DE UMA ACTIVIDADE CRIADA 1- Abrimos o projecto (Arquivo -> Abrir projecto -> Projecto1) 2 - No separador actividades, seleccione a actividade Puzzle2. 3 - No separador opções, modifique a descrição do tipo de actividades e também o tipo para puzzles.ExcangePuzzle. 4 - Algumas vezes pode interessar trocar o tipo de actividades. Por isso, clique neste botão: 5 - Abre-nos uma janela com uma lista das actividades possíveis para alterar: Milena Jorge CC CRIE – CAPAG Santo André 21 Manual para criar actividades com o Jclic Jclic 6 - Temos que ter em conta a mensagem de aviso que aparece na janela porque nem sempre a opção funciona bem. 7 - Transforme o puzzle2 num puzzle HolePuzzle e visualize o resultado. CRIAÇÃO DE UM JOGO DE MEMÓRIA A) COM ELEMENTOS IGUAIS 1 – Abra o Projecto1 (Arquivo -> Abrir o arquivo… Projecto1.jclic) 2 - Insira outra actividade, para tal, clique no separador actividades e de seguida no botão (adicionar nova actividade). Escolha a actividade do tipo MemoryGame (Jogo de memória) 3 - Dê o nome de Puzzle5 à actividade. 4 - Abra o separador Mediateca e insira as imagens que pretende para o jogo. 5 - Volte ao separador Actividade. Milena Jorge CC CRIE – CAPAG Santo André 22 Manual para criar actividades com o Jclic Jclic 6 - No separador Opções efectue a descrição da actividade e na interface do utilizador escolha a camada: orange.xml. Ainda no separador opções, active o botão Ajuda. 7 - Clique no separador Janela para proceder às formatações: Janela Principal: ¾ Gradiente: Azul (102; 102 e 255) ¾ Ciclos: 4 ¾ Orientação: 52 ¾ Imagem de Fundo: Escolha uma a seu gosto e active a opção mosaico. Janela do Jogo: ¾ Cor: Branco 8 - No separador Mensagens, defina para mensagem: a. Inicial: “Procura as imagens iguais!” b. Final: “Parabéns! Muito bem!” 9 - Seleccione o separador Painel: ¾ Escolha a forma rectangular ¾ 2 linhas por 3 colunas ¾ Tamanho: 100 por 100 ¾ Clique na primeira célula da tabela e insira uma das imagens que inseriu na caixa dos objectos de multimédia. Repita estes passos para todas as células da tabela. Milena Jorge CC CRIE – CAPAG Santo André 23 Manual para criar actividades com o Jclic 10 - Visualize a actividade Jclic . No final deve ter uma janela semelhante à da figura seguinte: Milena Jorge CC CRIE – CAPAG Santo André 24 Manual para criar actividades com o Jclic Jclic PROJECTO 1 Imagens das várias actividades que compõem este projecto: Milena Jorge CC CRIE – CAPAG Santo André 25
Download
