Escolar Documentos
Profissional Documentos
Cultura Documentos
Educacionais
JClic
Verso 0.1.22
Autoria de Atividades Educacionais
Volume 1
Softwares Livres
Educacionais
JClic
Verso 0.1.22
Autoria de Atividades Educacionais
Volume 1
JClic
Verso 0.1.22
Autoria de Atividades Educacionais
Volume 1
CURITIBA
SEED-PR
2010
Apresentao
A Diretoria de Tecnologia Educacional (Ditec), da Secretaria de Estado da Educao do Paran, viabiliza aes que
possibilitam no apenas o acesso operacional aos equipamentos existentes na escola, mas tambm a pesquisa, a produo e a veiculao de contedos educacionais de forma
compatvel com os avanos tecnolgicos.
Nossa proposta consiste na integrao e articulao das
mdias com o mundo moderno por meio de aes desenvolvidas pela TV Paulo Freire, pelo Multimeios e pelo Portal
Dia-a-dia Educao. Alm do acesso tecnologia, entendemos que necessria a orientao para o seu uso. Essa a tarefa da equipe dos assessores da Coordenao Regional de
Tecnologia na Educao (CRTE) presente nos Ncleos Regionais de Educao e que atende aos professores das escolas
da Rede Pblica.
Para complementar a ao de produo e disponibilizao de materiais didticos de apoio ao uso de tecnologia, o Multimeios elaborou um kit contendo uma coleo
de tutoriais, tanto em meio impresso como digital, dos
softwares educacionais instalados no Paran Digital para ser
distribudo aos usurios dos laboratrios. Dentro desse kit,
encontra-se o presente Tutorial, que traz orientaes quanto utilizao do software JClic, a fim de auxiliar voc, professor, na elaborao de atividades pedaggicas.
Elizabete dos Santos
Diretora de Tecnologia Educacional
Eziquiel Menta
Coordenador de Multimeios
Sumrio
1 Introduo................................................... 8
2 CONHEA O JCLIC............................................. 9
2.1 O Que O Jclic?...............................................................9
2.1.1 Aplicativos do Jclic........................................................10
2.1.2 Atividades demonstrativas e novidades do Jclic.........11
2.1.3 Tipos de atividades........................................................13
2.2 Como Funciona O Jclic Player.................................16
2.3 O Jclic Author..............................................................22
2.3.1 Projeto / Projecto...........................................................23
2.3.2 Midiateca.......................................................................26
2.3.3 Atividades / Actividades................................................28
2.3.3.1 Aba Opes.................................................................30
2.3.3.2 Aba Janela..................................................................32
2.3.3.3 Aba Mensagens..........................................................34
2.3.3.4 Aba Painel...................................................................36
3 COMO UTILIZAR O JCLIC AUTHOR I................. 39
3.1 Associaes Simples (Simple Association).............39
3.2 Associao Complexa (Complex Association)....41
3.3 Jogo Da Memria (Memory Game).........................42
3.4 Explorador (Explore Activity)................................45
3.5 Identificar Clulas (Identify Cells)........................46
3.6 Gerao Automtica De Contedos.....................47
3.6.1 Arith...............................................................................47
3.6.2 Tagreplace.....................................................................49
3.7 TELA DE INFORMAO (INFORMATION SCREEN)..........50
4 COMO UTILIZAR O JCLIC AUTHOR II.................52
4.1 Quebra-Cabeas (Puzzle)............................................52
4.1.1 Quebra-cabeas duplo ................................................55
4.1.2 Quebra-cabeas de troca .............................................56
4.1.3 Quebra-cabeas com lacuna ........................................56
4.1.4 Gerador de formas........................................................57
1 Introduo
Durante o desenvolvimento de uma pesquisa sobre o
JClic um software de autoria de uso livre, destinado a criar
recursos de aplicaes didticas e interativas, percebeu-se
que havia pouca informao sobre esse programa em lngua portuguesa (do Brasil). Muitas informaes foram extradas do stio oficial do software ZonaClic, disponvel em
http://clic.xtec.net/es/index.htm, em espanhol, traduzidas
e utilizadas para melhor compreenso do funcionamento
do programa. medida que essas tradues ocorreram,
foram compartilhadas entre os usurios do stio Escola Br,
disponvel em http://www.escolabr.com/virtual/wiki/index.
php?title=Categoria:JClic>.
Durante a pesquisa, pensou-se na possibilidade de disponibilizar o software JClic nos laboratrios do Paran Digital
(PRD) para fins didticos. E para subsidiar a utilizao desse
software, criou-se este tutorial.
O principal objetivo deste primeiro volume conhecer o programa JClic e as possibilidades de se trabalhar
aspectos procedimentais de praticamente todas as reas
e disciplinas do currculo, desde a Educao Infantil at o
Nvel Superior.
No segundo volume, voc ter a oportunidade de criar
atividades de diversos tipos com o JClic author, integrar,
nessas atividades, recursos multimdia de diversos formatos,
programar sequncias de atividades organizadas em projetos e publicar na Internet os materiais criados no JClic.
JClic v. 1
2 CONHEA O JCLIC
10
JClic v. 1
Para utilizar o JClic e criar novas atividades no h necessidade de saber programar em Java ou escrever documentos XML, da mesma forma que para utilizar Clic 3.0 no era
necessrio ter conhecimento em linguagem C++. Mas necessrio ter instalada em seu computador a verso 1.3.1 ou
superior da mquina virtual Java, assim como um certificado
digital e diversos complementos. Na primeira vez que se visita uma web que contm um applet JClic1, temos que comprovar a existncia desses componentes e, em caso negativo,
redirecionar a navegao para uma pgina de onde possam
ser descarregadas.
2.1.2 Atividades demonstrativas e novidades do Jclic
Uma maneira simples de conhecer o JClic examinando as
atividades de exemplo (Demo). Na ZonaClic (http://clic.xtec.
net/es/index.htm) existem conexes que permitem mostrar
atividades num applet ou ento baixar e instal-las em seu
computador. Uma vez descarregadas, para iniciar o JClic, nas
atividades de exemplo, clique no cone Demo.
1 As aplicaes Java que se encontram dentro de uma pgina web chamam-se applets (miniaplicaes de Java).
11
A primeira opo apresenta exemplos dos diferentes tipos de atividades, permite visualizar e entender os diferentes exerccios que podem ser feitos com o programa.
A segunda opo mostra exemplos de possibilidades que
no eram oferecidas no Clic 3.0, mas que esto disponveis
no JClic:
Uso de JPG, PNG, GIFS animados e filmes Flash Os
tipos de arquivos que podiam ser feitos com Clic 3.0 eram
muito limitados, ao contrrio do JClic, onde as possibilidades so muito mais amplas, podendo ser usados muitos
elementos multimdia, como arquivos de som e vdeo em
diferentes formatos.
Geradores de formas Todos os quebra-cabeas (puzzles)
das atividades Clic eram formados por peas retangulares.
Com JClic as peas podem ter diferentes formas, como polgonos, elipses, etc.
Contornos grficos de usurio O JClic permite o uso
de diversos contornos de usurio, que atuam como peles (ambientes visuais) ou disfarces do programa. Os
contornos de usurio consistem num desenho grfico das
janelas, botes e contadores, sendo um documento XML
que descreve o seu comportamento e distribuio na tela.
Cada projeto JClic (ou cada atividade dentro de um projeto) pode utilizar um contorno diferente.
Sons de eventos O programa leva alguns sons quando
baixado, que so ativados com determinadas aes (como
acertos e erros). Esses sons podem ser mudados, ativados
ou desativados em cada atividade ou projeto.
Alm disso, temos ainda outras novidades sobre as atividades, como:
possibilidade de estabelecer um tempo mximo para a resoluo da atividade;
atividades que permitem um nmero mximo de tentativas;
forar a resoluo dos elementos de uma atividade numa
ordem determinada;
12
JClic v. 1
13
Tipos
Descrio
Associao
complexa
(Complex
association)
Jogo de memria
(Memory games)
Tela de informao
(Information screen)
duplo
(Double puzzle)
Quebracabeas
(Puzzle)
de troca
(Exchange puzzle)
14
Num texto fazem-se desaparecer determinadas partes (letras, palavras, sinais de pontua(Text: Complete text) o, frases) e o usurio deve complet-lo.
Preencher
lacunas
Texto (Text)
Ordenar
elementos
(Text: Order
elements)
Resposta escrita
(Written answer)
Palavras cruzadas
(Crosswords)
Cata-palavras
(Word search)
Identificar
elementos
(Text: Identify
elements)
JClic v. 1
Completar
texto
15
JClic v. 1
com som
sem som
Ambiente visual (ou pele) a moldura na qual aparecem as atividades. Existem diversas peles para escolher,
que se diferenciam no desenho, na cor, no aspecto e na
situao dos botes e contadores. A pele do JClic pode
ser definida pelo usurio, mas se a atividade j tiver uma
pele definida, esta no ser mudada.
17
Barra de menus est sempre na parte superior da janela principal, permitindo acesso s diferentes funes
para utilizar as atividades e para configurar o programa.
18
JClic v. 1
Em Segurana, podemos adicionar uma senha (palavra-chave) para proteger a configurao estabelecida e as
Bibliotecas de projetos que se tenham criado.
Na aba Multimdia, podemos configurar o sistema multimdia e ativar ou desativar os sons de eventos.
20
JClic v. 1
Na aba Bibliotecas, podemos criar, apagar ou editar Bibliotecas de projectos. As bibliotecas so os armazns onde se guardam os projetos de atividades JClic. As bibliotecas podem ser
organizadas em pastas, nas quais se encontram os botes que
permitiram funcionar os projetos.
22
no boto
JClic v. 1
Sequncias nela temos a ferramenta para criar e modificar sequncias de atividades. Aqui determinamos a
ordem em que sero apresentadas as atividades e como
iro se comportar os botes dessas atividades.
Na Barra de menus do JClic author, acessamos a opo
de abrir e guardar arquivos, funes de edio e acesso s
diversas abas.
No menu Ferramentas, acessamos as opes de configurao do programa e as utilidades que permitem criar
pginas web e instaladores de projetos, funes que sero
detalhadas no captulo 5 deste manual.
JClic v. 1
conveniente dedicar um espao para completar esse
campo, j que a informao que escrevemos ser de grande
ajuda para termos uma ideia dos objetivos e do contedo
das atividades. A descrio aparecer tambm aos alunos
que realizarem as atividades, em uma das abas da janela
que aparece ao ativar o boto JClic.
b) Criao Contm as caixas nas quais sero introduzidos os nomes e outros dados do(s) autor(es), instituio (centro) e as datas de criao e modificao.
2.3.2 Midiateca
Midiateca o espao onde sero armazenados e administrados todos os recursos de multimdias que sero utilizados na elaborao dos projetos.
Na janela principal da Midiateca aparecem miniaturas
das imagens e GIFS animados, sendo que o restante dos recursos aparecem representados por um cone especfico para
cada tipo de recurso.
JClic v. 1
Na parte superior da janela, encontramos informao sobre as propriedades dos recursos, como o tipo de arquivo, o
nome e em qual atividade est sendo utilizado, assim como
os botes para mudar o nome ou o arquivo por outro, e extrair e atualizar o arquivo selecionado.
Informao sobre
um dos arquivos,
oferecida na
Midiateca.
27
28
JClic v. 1
No lado esquerdo da janela do JClic author existe uma coluna onde podemos ver a lista de todas as atividades do projeto. nesse lugar que selecionamos a atividade que queremos modificar uma vez que esteja criada. Essa aba contm
uma srie de botes e quatro itens com as ferramentas para
a criao e/ou modificao de atividades.
Botes
Adiciona uma nova atividade para o projeto.
Testa o funcionamento da atividade selecionada abrindo uma
janela similar do JClic. Essa janela tem que ser fechada para se
poder continuar trabalhando com o JClic author.
Move a atividade selecionada para cima ou para baixo na lista de
atividades.
Copia a atividade selecionada.
Recorta a atividade selecionada.
Cola a atividade selecionada.
Exclui a atividade selecionada.
Copia para outras atividades alguns atributos da atividade atual,
abrindo uma janela que permite selecionar quais deles se quer copiar
ou em qual atividade do projeto sero inseridos esses atributos.
Abas
Contm as ferramentas para configurar diversas opes da atividade, como ttulo, autor, ambiente visual, botes...
Contm as ferramentas para estabelecer o aspecto, tamanho e
posio da janela onde se desenvolve a atividade.
Estabelece o contedo e a forma das mensagens da atividade.
29
Informes
Permite decidir se queremos ou no que os resultados da
atividade sejam includos nos informes de usurio. Convm deixar essa caixa desmarcada naquelas atividades
que sejam s informativas ou que tenham algum tipo de
contedo irrelevante frente avaliao global do projeto.
30
JClic v. 1
Interface de usurio
Contm a caixa para definir o ambiente visual para a
atividade efetiva com a qual se est trabalhando esse
ambiente prevalecer por cima do que foi definido na
criao do projeto (no caso em que tenhamos definido algum) e a caixa para assinalar sons de evento diferentes
dos que se utilizam por padro.
Gerador de contedo
Permite utilizar, nas atividades, geradores automticos de
contedo, que so programas auxiliares encarregados de
definir o contedo que a atividade mostrar na exibio
no JClic player. Existem dois tipos de geradores: o Arith,
que se encarrega de dotar a atividade com operaes de
clculo mental geradas ao acaso a partir de alguns determinados critrios, fixados no momento de desenhar a
atividade; e o TagReplace, que um mdulo experimental (novo) que permite vincular os textos das atividades a
arquivos ou a fontes externas.
Esse tema ser visto com mais detalhes no texto Gerao
Automtica de Contedos, no segundo captulo deste
manual.
C
ontadores
Mostra ou esconde os contadores de tempo, intentos
(tentativas) ou acertos. Tambm estabelece um tempo
mximo para resolver a atividade e um nmero mximo
de tentativas permitidas.
31
Botes
Permite mostrar ou esconder, nas atividades, os botes de
ajuda e de informao. Alm disso, possvel estabelecer
qual ser o contedo da ajuda e o tipo de informao
apresentada.
C
omportamento
Determina o nmero de vezes que sero misturadas as peas da atividade.
32
JClic v. 1
Tanto uma como a outra possuem algumas caractersticas
que podem ser modificadas na aba Janela. Essa aba a mesma para todas as atividades.
Janela principal em uma nova atividade as duas janelas so de cor cinza.
33
34
JClic v. 1
Mensagem inicial aparece quando a atividade habitualmente informa o que tem que ser feito;
Mensagem final aparece somente quando a atividade
foi resolvida;
Mensagem de erro pode aparecer nas atividades com
tempo limitado ou quando excede o nmero de tentativas.
Essas mensagens podem ter texto, imagens, sons, animaes ou uma combinao desses recursos. Na aba Mensagens
da atividade (igual para todos os tipos de atividades), iremos
estabelecer quais mensagens e contedos aparecero.
35
Essa janela aparece quando clicamos sobre qualquer caixa, tanto a de mensagens quanto a de painis, e contm
as ferramentas para introduzir texto e determinar seu estilo (tipo de letra, tamanho, cor, sombra, etc.), escolher uma
imagem, estabelecer uma cor ou gradiente de fundo ou determinar um contedo ativo.
2.3.3.4 Aba Painel
A ltima aba das atividades , exceto nas atividades de texto, a aba Painel. Essa aba contm a atividade propriamente
dita com as ferramentas necessrias para sua criao.
Diferentemente das abas anteriores, ela no a mesma
em todas as atividades, oferecendo opes em cada uma das
atividades.
As atividades de texto so um caso parte, pois quando
criamos uma atividade desse tipo, em vez da aba Painel,
encontramos a aba Texto. Todas as referncias sobre esse
assunto voc encontrar no terceiro captulo deste manual.
Uma atividade pode ter uma ou duas grelhas (ou grades),
dependendo do tipo criado.
Tipo
Associao
simples
complexa
Jogo da memria
Explorador
Identificar clulas
Tela de informao
Quebra-cabea
Quebra-cabea
36
Nmero de grelhas
duplo (Double
Puzzle)
de lacuna
(Hole puzzle)
Palavras cruzadas
Cata-palavras
JClic v. 1
Resposta escrita
Na maioria das atividades, a grelha est dividida em caixas (ou clulas). Cada caixa independente das outras, tem
seu prprio contedo e suas prprias caractersticas (cor, estilo, etc.)
38
JClic v. 1
39
JClic v. 1
JClic v. 1
43
44
JClic v. 1
45
Se a resposta estiver correta, o contedo da caixa desaparece ou ento surge um contedo alternativo.
Ao editar uma atividade de identificao, podemos
assinalar os quadros que renem as condies desejadas,
clicando na aba Relaes.
46
JClic v. 1
Para criar um gerador automtico de contedos, necessrio saber programar em Java, mas isso no o objetivo
deste manual.
3.6.1 Arith
O Arith permite criar atividades com operaes de clculo
mental que so geradas, ao acaso, a partir de determinados
critrios fixados no momento de desenhar atividade. Essa opo pode ser selecionada clicando na cascata que surge, na
opo Gerador de contedo da aba Opes das Atividades. Como o Arith gera um tipo de contedo elaborado para
emparelhar ou ordenar quadros do painel, nem todas as atividades possuiro essa opo visvel. Essa opo s ser visvel
nas atividades que trabalham com quadros nos painis:
Associao simples
Associao complexa
Identificar clulas
Explorador
Jogo de memria
Resposta escrita
47
Escolhemos uma ou vrias operaes aritmticas bsicas (primeiro operando, segundo operando, operao e
resultado).
Incgnita
JClic v. 1
Operaes
sem levar
Ordenao
3.6.2 Tagreplace
O TagReplace um mdulo experimental de gerao automtica de contedos que permite vincular os textos das atividades a arquivos ou fontes de dados externas.
Ele uma ferramenta muito til para atividade em que
existe a necessidade de traduo para diferentes idiomas ou
projeto que tenha atividades muito similares. Nesse caso,
somente mudamos os contedos das caixas, ou seja, mantemos o aspecto original da atividade, modificando o arquivo
externo, onde se encontra o contedo da atividade, salvando-o com outro nome.
Para utilizar o arquivo externo muito simples; necessitase apenas do Bloco de notas (Windows) ou qualquer programa similar que possa guardar em modo texto (no Linux
tem-se o Gedit ou o Emacs). Os editores de texto como o
Writer da OpenOffice tambm permite guardar arquivos em
formato de texto. Esse arquivo consistir em uma lista que
associa a cada item genrico um contedo ou item concreto.
49
50
JClic v. 1
Podemos criar uma Tela de Informao que esteja vinculada a diversos projetos, como se fosse a capa de um livro,
inclusive com crditos, e na sequncia, uma outra, em que o
usurio possa escolher a sequncia de atividades que deseja
realizar. Para isso, na criao da sequncia de atividades, a
ltima atividade ser ligada com a tela inicial, para que assim o usurio possa escolher outra sequncia ao terminar a
realizao de uma delas.
51
Mais frente, possvel mudar o tipo, se for conveniente, na aba Opes da atividade. Seja qual for a modalidade
escolhida, as opes do Painel sero as mesmas.
52
JClic v. 1
O contedo do quebra-cabea pode ser grfico ou textual, ou uma combinao dos dois. O contedo grfico ser
escolhido no boto Imagem e o contedo textual ser inserido diretamente dentro de cada caixa (quadro) no painel.
A distribuio das grelhas s varia na modalidade duplo,
uma vez que na de troca e na de lacuna s h uma grelha.
Na modalidade duplo existem quatro opes de distribuio das grelhas. A Grelha A corresponde sempre s peas
que esto desordenadas e a Grelha B corresponde ao local
onde elas sero organizadas. No entanto, quando estamos
no JClic author, ainda que mudemos a opo, veremos apenas
uma grelha. Portanto, temos que testar a atividade na janela de testes para ver o efeito das diferentes posies na aba
Distribuio.
53
JClic v. 1
Percebe-se, aqui, que os quatro quadros dos extremos
possuem exatamente o mesmo contedo: a cor de fundo
da imagem. Se a imagem ou a quantidade de filas e colunas
no for mudada, ser muito difcil que o programa d por
resolvida a resoluo do quebra-cabea, uma vez que as peas podem estar misturadas entre si e aparentemente no
haja nenhuma diferena.
Tambm importante trabalhar a imagem com um editor grfico para que tenha as dimenses apropriadas. Se a
imagem for muito grande, podemos recortar a parte que
interessa ou diminu-la para um tamanho adequado.
4.1.1 Quebra-cabeas duplo
Esse tipo de quebra-cabea apresenta dois painis na tela:
num deles, as peas esto desordenadas, e no outro existe
um espao para as peas serem levadas e ordenadas. No
importa a ordem em que sero colocadas as peas no espao,
desde que ao final a informao do quebra-cabea esteja ordenada corretamente.
Para mover as peas, temos que clicar sobre ela com o
boto esquerdo do mouse e arrast-la ao lugar em que ir
encaixar.
55
JClic v. 1
57
Recorte
U
tilizando a opo Recorte, as formas das peas so definidas com o Gerador de formas, podendo escolher no
menu Seleo do tipo de gerador de formas do painel um dos cinco tipos de encaixes.
boto
JClic v. 1
Nos encaixes curvos, retangulares ou triangulares, podemos ajustar a forma das peas ativando a janela Propriedades do gerador de formas com o
.
60