I-JClic

Manual para criar actividades com o Jclic

Jclic

Versão 1.0

Ma nua l de Luís Vives Traduzido raduzido e ad ap tado por Milena Jorge

[email protected]

Milena Jorge

CC CRIE – CAPAG Santo André

Jclic


Índice

Introdução………………………………………………………………………………………… 3 •

O q ue é o Jc Jc lic lic ……………………… …………………………………… ………………………… ………………………… ………………………… …………… 3

•

Dow nloa d e insta insta laç ã o d o p rog ram a ………… ……………… ………… ………… ………… ………… ………… ………… ……

•

Ob jec tivo s d o p rog ram a Júlio Júlio ……………… ……………………… ……………… ……………… ……………… ……………… ………… … 3

3

PROJECTO N.º 1

Cria Cria ç ã o de um no vo p rojec to ………… ……………… ………… ………… ………… ………… ………… ………… ………… ………… ………… …….. .. 4 •

Criaç ã o d e um puz pu zzle d up lo ……………… ……………………… ……………… ……………… ……………… ……………… ………….. ….. 5

•

Ac tivida tivid a d e p rop o sta n.º 1 ……………… ……………………… ……………… ……………… ……………… ……………… ……………… ……… 14

•

Cri Criaç ão d e um puzz puzzle de inter intercc âm bio com c onteúd o textual textual ………… ……………… …….. ..

•

Cria Cria ç ã o de um pu zzle de intercâ intercâ mb io co m uma ima ima ge m ……… …………… ………… ………. …... 17

•

Ac tivida tivid a d e p rop o sta n.º 2 ……………… ……………………… ……………… ……………… ……………… ……………… ……………… ……… 19

•

Cria Cria ç ã o de um pu zzle d up lo c om rec orte s ………… ……………… ………… ………… ………… ………… ………. …... .. 19

•

Troc a r o tip tip o de ac tivid tivid a d e cria cria d a ……… …………… ………… ………… ………… ………… ………… ………… ………… …….. .. 21

•

Cria Cria ç ã o de um jog jog o de me mó ria ria ……… …………… ………… ………… ………… ………… ………… ………… ………… ………. …. 22

15

Milena Jorge Jorge


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 softw a re livr livree b a sea d a e m Sta Sta nd a rs a b ertos q ue func iona m e m d iferentes sistem a s op era c iona is: Windo Windo ws, ws, Linux Linux e M a c OS. OS. JClic é formad o p or um c onjunto onjunto d e a plic plic aç ões informá nformá tic tic as que servem p ara realiz realizar diversos tipos de actividades educacionais: quebra-cabelas, associações, exercícios com texto, palavras cruzadas, etc. Um projecto é formado por um conjunto de ac tivi tivida da des c om uma determinad determinad a sequênc ia, que indic indic am a orde orde m e m q ue irirã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 a c tivida tivida d es d id á c tica s p a ra seus a lunos. unos. DOWNLOAD E INSTALAÇÃO DO PROGRAMA A instalação do Jclic é m uito uito fá c il graç graç as à tec nologia Java Web Sta rt Pode fazer o .

d o w n l o a d do

p rograma , ab rindo a pá gina gina http://clic.xtec.net.

OBJECTIVOS DO PROGRAMA JCLIC 

Utili tilizar a s a p lic a ç õe s JClic Clic em red e ou na Internet



Utiliz tiliza r JClic JClic e m v á rio rio s siste iste m a s o p e rativos rat ivos



Ma nter a c om pa tibil tibiliida de c om a versão versão a nteri nterior



Aume nta r o intercâ mb io do s d a d os e a p lic lic aç õe s entre a s d iversa versa s esc esc olas d e vá rios países



Melhorar o funcionamento do programa com sugestões dos utilizadores Novidades: - Us Uso d e g rá fic fic os gif; jpg jpg e p ng - Us Uso d e rec urs ursos multimé multimé d ia no forma to: - So m : wa v; mp 3; au ; a if

- vídeo: vídeo : avi; mp eg ; mo v

- Flash lash 2.0 e g ifs a nima d os

- Fich eiros m idi

- Sons Sons de evento s c onfiguráveis onfiguráveis pa ra c ad a ac tivi tivida da de - Melhorame nto d o a sp ec to vis visua l, pe rmitind mitind o inseri inserirr fund fund os

Milena Jorge Jorge



Jclic

PROJECTO N.º 1 CRIAÇÃ CRIAÇ Ã O DE UM NOVO NO VO PRO JECT JECTO O 1. Abra Abra o program program a:

2. Clique no Menu Arquivo -> Novo Projecto: Projecto : (aparece uma janela para introd ntrod uçã o d o nome do projec projec to.) 3. Esc reva o nom e d o p rojecto : Projecto1. cria uma pa sta p ara ess esse projecto . NOTA: O programa po r de feito cria

4. De seg seg uida uida c lique em ac eitar e a pa rec e a seg uinte uinte janela: janela:

Milena Jorge Jorge


Jclic


CRIAÇÃO DE UM PUZZLE DUPLO 1. Clique Clique no sep sep arad or actividades e d ep ois no íc íc one nova ac tivi tividad dad e 2. Esc olha a a c tivid tivid a d e q ue p rete nd e realiz realizar, neste neste c a so Double Puzzle. Puzzle . 3. Dê o nome d e Puzzle1 à ac tivi tividad dad e

Apa rec e uma c aixa aixa c om a s seg uintes uintes op ç ões da jane la:

Milena Jorge Jorge


5


Jclic

4. Na janela das opções, opções, e no campo interface do usuário, usuário , escolha a camada @ora g e.xm l 5. Clique Clique no sep sep arad or Janela: Janela :

Espa ço desti destinad nad o à forma forma taç ão do aspec aspec to d a janela principal principa l e d a janela janela d o jogo: jogo :

8.1. Clique no botão

Cor de fundo

e surge uma janela com quatro separadores:

SWATCHES, HSB, RGB e OPACIDADE. a ) SWAT WA TC HE HES S: Permite escolher uma da s co res da ga ma . Nota: Se quiser fazer uma escolha mais

personalizada

tem

outras

opções:

Milena Jorge


6


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 Jorge


Jclic


d ) OPAC OPACIDADE IDADE:: Permite aplicar opacidade a uma d etermin eterminad ad a c or. or.

8.2. Tam bé m p od e esc esc olher um grad iente p ara o fundo d a janela p rincipa l:

a ) Ao c lica r no no b otão gradiente gradiente a pa rec e a seguinte eguinte janela: janela: Permitindo escolher: - Cor inic inic ial - Cor fina fina l - Ciclos (n.º de vezes que

se

repete

o

gradiente) - Ori Orienta ç ão

Milena Jorge Jorge


Jclic


8.3. Tam bé m p od e esco esco lher c om o fundo uma ima ge m inteir inteiraa ou em mo saico . FO RMA TAÇ ÃO DA JANEL JANELA DO JOGO

As op ç ões da jane la do jog o são são muito sem sem elhante elhante s à da jane la principa principa l (excep (excep to a inserçã nserçã o d a imag em, que nã o p ermite). ermite). Pod Pod emo s ainda d efini efinirr a “ bo rda ” e a po siç ão da janela do jogo. Para vermos o a spe c to d a janela d a noss nossa ac tivi tivida da de , cli clic am os no seg seg uinte uinte b otã o:

Milena Jorge Jorge



Jclic

9 – Mensagens da ac tivida tivida de :

9.1. Clique no separador Mensagens. 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 neste c a so, Mensag Mensag em Inicial Inicial.. Apa rec e a seg seg uinte uinte ca ixa d e diálogo :

Milena Jorge Jorge


Jclic


9.2.1. 9.2.1. Para Para formata r o esti estillo d a c aixa aixa d a m ensag ensag em c lique no b otã o: Forma te a seu go sto.

10 - Co nteúd os do Puzz uzzle 10.1. Clique Clique no sep sep arad or Midiateca , e de segui seguida da no ícone ícone

para ins inser eriir uma imag imag em ou um objecto objecto multi multimédia média à

bibliotec bibliotec a. Es Esc olha o fic fic heiro heiro q ue p retend e a dicionar e c lique em ab rir. 10.2 - Clique Clique no sep sep arad or Painel, Painel , pa ra trab a lha r os c onte úd os d o Puzz uzzle.

Apa rec e a seg uinte uinte jane jane la:

Milena Jorge


11

Jclic


10.3 - Cli Clique no botã o Imagem, Imagem , pa ra selecc selecc iona r o ob jec to d e multiméd multiméd ia.

10.4. Para definir o recorte rectangular para uma forma mais atractiva, clique no seguinte bo tão : Vis Visua liz lize a a c tivid tivid a d e Puzz uzzle.

a ) Pa ra d efinir efinir o n.º de linha s e c olunas

b ) Para d eterminar eterminar o ta ma nho d as c élulas élulas

Milena Jorge



Jclic

c ) O botão estilo, estilo , é semelhante ao das outras actividades, permite alterar os seg uintes a sp ec to s:

- Cor de fundo - Aplicar um gradiente ou simplesmente ficar transparente (ficando como fundo a ima ge m da jane la p rincipa l) Milena Jorge


13

Jclic


- Tipo e ta ma nho d e letra letra - Cor do t exto - Co r alterna alterna tiva - Marge m interna (esp (esp a ç o q ue d ista e ntre ntre a s b orda s d a s c élulas élulas e o te xto) - Som Som b ra e a lterar a c or de ssa me sma som bra - Cor da b orda e respe respe c tiva esp esp ess essura ura - Cor de e stad o inac tivo tivo (Cor util utilizad a qua ndo a c élula élula está está inac tiva) tiva) 10.5. Para m uda r a d istri tribuiçã o d as pe ç as do puzz puzzle e da ima ge m, clique clique no sep sep arad or Distribuição:

Aparece

uma

barra

que

permite

modificar a distribuição:

10.6. Exec ute a a c tivi tivida da de , c lic and o no seg seg uinte uinte bo tão 10.7. Guarde a ac tivi tivida da de , rec orr orrendo ao menu Arquivo -> Guarda r. ACTIVIDADE PROPOSTA N.º 1 

Ab ra o projec to1.jc to1.jc lic lic .zi .zip



Crie um puzzle doble com as seguintes características:



•

Limitar o núme ro d e tent at iva s

•

Utili tilize p a ra rec orte a forma tria tria ngular

•

3 *3: Distribuição: BA

•

Borda orda co m c or branc branc a

•

Jane la p rincipa l c om g rad iente de c ores

Guarde Guarde a ac tivi tividad dad e c om o nome d e Pratica1. Pratica1. Milena Jorge



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 d e seguida no botã o

(adicionar (adicionar

nova ac tivi tivida da de). 3. Dê o no me de Puzz uzzle2 à ac tivi tivida da de . 4. No separador Opções, escolha para a interface do utilizador a camada @ora ng e.xm l 5. No separador janela separador janela -> j -> janela anela principa principa l , esc esc olha um grad iente e pa ra a janela do jogo transparente. 6. No sep sep arad or Mensagens, defina defina p ara mensag mensag em: a . Inicial: Inicial: “O rde na o seg seg uinte uinte texto” b . Final: “ Muito Muito be m! Parab Parab éns!” é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 vis visualiz ualiza na ima ge m a b a ixo:

Milena Jorge Jorge



Jclic

8. Guarde a ac tivi tivida da de (Arqui (Arquivo vo - > Guardar) Guardar) 9. Vis Visua lize ize a a c tivid tivid a d e rea liza d a , a trav trav és d o íc one

. Deverá a pa rec er uma

ima ge m seme seme lhante :

Milena Jorge


16

Jclic


CRIAÇÃO DE UM PUZZLE DE INTERCÂMBIO COM UMA IMAGEM 1. Abra Abra o projecto1.jclic 2. Insi nsira outra a c tivi tivida da de , pa ra tal, clique clique no sep arad or actividades e d e seg seg uida uida no bo tão

(ad ic iona r nova ac tivi tivida da de ). Esc olha a ac tivi tivida da de do tipo tipo Hole

Puzzle 3. Dê o nome d e Puzzle3 à ac tivi tividad dad e. 4. Abra o sepa rad or Mediateca e incorpore a s ima ge ns na p asta asta do projec projec to. 5. No separador Opções efectue a descrição da actividade e na interface do utilizador escolha a c a m a d a: a : @default.xml; e na área de contadores: active o contador de tentativas para 15 vezes. Ainda no separador opções, opções, active o botão Ajuda. 6. Clique no separador Janela: Janela : vamos colocar uma imagem de fundo para a janela p rincipal e p ara a janela d o jogo vamo s ac tivar tivar a o pç ão transparente. 7. No sep sep arad or Mensagens, defina defina p ara mensag mensag em: a . Inicial: “ Coloc Coloc a as peç as no map a!” b . Final: “Bravo! Parabéns!” Formata ç ão da s mensag mensag ens: ens: Co r d o fund o: Pr Preto Co r da s letras: letras: Branc Branc o 8. No sep sep arad or Painel, de fina fina a estr estrutura utura d o p uzz uzzle c om 3 lilinha s e 3 c olunas. olunas. 9. Clique no botão Imagem e aparecerá a caixa dos objectos de multimédia, esc esc olha a ima ge m p ara o puzz puzzle. 10. No sep sep arad or gerad gerad or de forma

Milena Jorge Jorge


17


Jclic

Esc olha olha a op ç ão Jig with rec tangular unions (enca ixe c om união recta ngular). ngular).

11. C liq u e n o b o t ã o

p ar a ra a c ed ed e r

às propriedades do gerador de forma. Nessa caixa configure a altura e largura dos dentes do puzzle, conforme se visualiza na imag em ao lado . 12. Visualize actividade, clicando no ícone

.

Deverá Deverá te r uma jane la c om o seg seg uinte uinte a spe c to:

13. Guarde a a ctivi ctivida de. (Arquivo (Arquivo -> Guardar)

Milena Jorge Jorge


Jclic


A C TIVIDA IV IDADE DE PR PRO PO STA N.º2 N.º 2 

Abra Abra o projecto1.jclic.zip



Crie Crie um pu zzle d e intercâ mb io d e te xto c om as seg uintes uintes c arac terís terística s: •

Ca ma da pa ra a interfac interfac e de utili utilizad or: @sim p les le s.xm l

•

Limitar o te mp o

•

3 *3 *3 (procur (procuree um texto texto a de quad o)

•

Configuraç Configuraç ão da s jane las: as:

•



Janela principal: fundo gradiente



Janela d o jogo: transparente e sem sem “ borda borda ”.

No sep sep arad or painel e no botão estilo retir etire a b orda orda e ac tive tive a op çã o transparente.

•

Ta ma nho 24 pa ra o texto

CRIAÇÃO DE UM PUZZLE DUPLO (COM RECORTES) 1. Abra Abra o projecto1.jclic 2. Insi nsira outra a c tivi tivida da de , pa ra tal, clique clique no sep arad or actividades e d e seg seg uida uida no botã o

(adicionar (adicionar nova ac tivi tivida da de). Esco lha a ac tivi tivida da de do tipo tipo Double

Puzzle 3. Dê o nome d e Puzzle4 à ac tivi tividad dad e. 4. Abra o sepa rad or Mediateca e insi insira a s ima ge ns p ara a a c tivid tivid a d e. 5. Volte Volte ao sep sep arad or Janela. Janela . 6. No separador Opções efectue a descrição da actividade e na interface do utiliz utilizaa d or esc esc olha a camada : @s @simp le.xml. le.xml. Aind Aind a no sep a ra d or opções, opções, act ive o botão Ajuda. 7. Clique no separador Janela: Janela : vamos colocar uma imagem de fundo para a jane jane la p rinc ipa l e p ara a jane la d o jogo va mos de ixar em b ranc o . 8. No sep sep arad or Mensagens, defina defina p ara mensag mensag em:

Milena Jorge Jorge


Jclic


a . Inicial: Inicial: “A rra rra ste a s forma s p a ra a á rea d o Puz Puzzzle!!” b . Final: “Parabéns! Estupendo!” 9. Abra o separador Painel e clique no botão Imagem – Insira a imagem pretendida pretendida p ara a ac tivi tivida da de . 10. No menu Gerador de forma forma s, esco esco lha a opç ão Cuts (recortes). Repare que o painel da ima ge m já não está está d ividido vidido .

11. Fa ça ç a cl c liq ue ue no no bo bo tã o

q ue ue ap a p ar a re c e à

direita direita d a ima ge m a nteri nterior. Vamo s rec ortar a ima ge m.

a . Selec c ione a ferram ferram enta c írc ulo ulo

- d esenhe esenhe um c írc ulo q ue

coincida coincida c om a forma 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úme ro zero, zero, q ue c orres orrespp ond e a e ste rec orte; d . Faça o mesmo para a forma quadrada utilizando para tal a ferramenta q u a d ra d o

;

e . Para os triângulos, seleccione a ferramenta para desenhar polígonos e ma rqu e o s p onto s nos vértic vértic es d o t riâng ulo ulo Milena Jorge Jorge


Jclic


12. Guarde a ac tivi tivida da de (Arqui (Arquivo vo - > Guardar) Guardar) 13. Vis Visua lize a a c tivid tivid a d e, press pressionand o o b otã o

. No fina fina l de ve ter a lgo

sem elhante elhante à figura figura em ba ixo.

TROCAR O TIPO DE UMA ACTIVIDADE CRIADA 1- Abrimo Abrimo s o p rojec to (Arquivo ( Arquivo -> Ab rir rir projec to -> Projec Projec to1) to1) 2-N Noo sep sep arad or ac tivi tivida da de s, selecc selecc ione a ac tivi tivida da de Puzzle2. Puzzle2 . 3 - No No sep sep arad or opções, mod ifique fique a de scriçã criçã o d o tipo tipo de ac tivi tivida da des e tam bém o tipo tipo pa ra puzzles.ExcangePuzzle. 4 - Algumas vezes pode interessar trocar o tipo de actividades. Por isso, clique neste botão:

5 - Abre-nos uma ja nela c om uma lista d a s a c tivid tivid ad es p oss ossíveis p ara a lterar:

Milena Jorge



Jclic

6 - Tem os que te r em c onta a mensag mensag em d e aviso aviso q ue ap arec e na janela po rque ne m semp re a op çã o funciona funciona bem . 7 - Transforme o puzzle2 num puzzle HolePuzzle e visua visua liz lize o resultad resultad o. CRIAÇÃO DE UM JOGO DE MEMÓRIA A) COM ELEMENTOS IGUAIS 1 – Ab ra 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 (adicionar nova ac tivi tivida da de). Esco lha a ac tivi tivida da de do tipo tipo

MemoryGame (Jogo (Jogo de memó ria) 3 - Dê o nome d e Puzzle5 à ac tivi tivida da de. 4 - Abra o sepa rad or Mediateca e insi insira as ima ima ge ns que pretende pa ra o jog o. 5 - Volte Volte ao sep sep arad or Actividade .

Milena Jorge Jorge



Jclic

6 - No separador Opções efectue a descrição da actividade e na interface do utilizador escolha a camada : orang orang e.xml. e.xml. Ainda Ainda no sep sep arad or opções, opções, ac tive tive o botão Ajuda. 7 - Cli Clique no sep sep arad or Janela pa ra p roc ed er às forma forma taç ões: ões: Janela Principal: Gradiente: Azul (102; 102 e 255) Cic los: los: 4 Orienta Orienta ç ão : 52 52 Ima gem de Fundo : Esc olha uma a seu seu g osto osto e a c tive tive a op ç ão mo saico . Janela do Jogo : Co r: Bra nc o 8-N Noo sep sep arad or Mensagens, Mensagens, de fina fina p ara mensag mensag em : a . Inicial: “ Proc ura a s ima g ens igua is!” is!” b . Final: “ Parab éns! éns! Muito Muito be m!” 9 - Selecc Selecc ione o sep arad or Painel: Painel: Esc olha olha a forma forma rec tang ular ular 2 linhas linhas p or 3 c oluna s Ta ma nho : 100 100 po r 100 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 élul élulas da tab ela.

Milena Jorge Jorge



10 - Vis Visua lize ize a a c tivida tivida d e

Jclic

. No fina fina l d eve ter uma ja ja nela sem elhante à d a figu figu ra

seguinte:

Milena Jorge Jorge


24


Jclic

PROJECTO 1 Ima ge ns da s várias várias ac tivi tivida da de s que c om põ em este este p rojecto :

Milena Jorge Jorge


I-JClic

Recommend Documents