i-jclic

8/14/2019 I-JClic

http://slidepdf.com/reader/full/i-jclic 1/25

Jclic

CC CRIE – CAPAG Santo André

Manual para criar actividades com o Jclic

Versão 1.0

Milena Jorge

Manual de Luís Vives

Traduzido e ad ap tado por

Milena Jorge

[email protected]

mailto:[email protected]

mailto:[email protected]

8/14/2019 I-JClic


Jclic



Índice

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

• O que é o Jc lic …………………………………………………………………………… 3

• Dow nloa d e insta laç ão do p rog rama ……………………………………………… 3

• Ob jec tivos do p rog ram a Júlio ………………………………………………………… 3

PROJECTO N.º 1

Criaç ão de um novo projec to ……………………………………………………………….. 4

• Criaç ão de um puzzle dup lo ………………………………………………………….. 5

• Ac tividade p rop osta n.º 1 ……………………………………………………………… 14

• Criaç ão d e um puzzle de interc âm bio com c onteúd o textual ……………….. 15

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

• Ac tividade p rop osta n.º 2 ……………………………………………………………… 19

• Criaç ão de um puzzle dup lo c om rec ortes ………………………………………... 19

• Troc ar o tipo de ac tividade criada ………………………………………………….. 21

• Criaç ão de um jog o de memó ria ……………………………………………………. 22

Milena Jorge

8/14/2019 I-JClic


Jclic



INTRODUÇÃO

O QUE É O JCLIC

JClic é um programa para a criação, realização e avaliação de actividadeseducacionais multimédia, desenvolvido na plataforma Java. É uma aplicação em

softw are livre b asea da e m Sta ndars abertos que func iona m e m d iferentes sistem as

op erac iona is: Windo ws, Linux e M ac OS.

JClic é formad o p or um c onjunto d e a plic aç ões informá tic as que servem p ara 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 tivida des c om uma determinad a sequênc ia, que indic am a orde m e m q ue 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

ac tivida des d idác tica s pa ra seus a lunos.

DOWNLOAD E INSTALAÇÃO DO PROGRAMA

A instalação do Jclic é m uito fá c il graç as à tec nologia Java Web Sta rt. Pode fazer o

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

OBJECTIVOS DO PROGRAMA JCLIC

Utilizar a s ap lic aç õe s JClic em red e ou na Internet

Utiliza r JClic e m vá rios sistemas operat ivos

Ma nter a c om pa tibilida de c om a versão a nterior

Aume nta r o intercâ mb io dos dados e a p lic aç õe s entre as d iversas esc olas de vá rios

países

Melhorar o funcionamento do programa com sugestões dos utilizadores

Novidades:

- Uso d e g rá fic os gif; jpg e p ng

- Uso de rec ursos multimé d ia no formato:

- Som : wa v; mp 3; au ; a if - vídeo : avi; mp eg ; mo v

- Flash 2.0 e g ifs anima dos - Ficheiros midi

- Sons de evento s c onfiguráveis pa ra c ad a ac tivida de

- Melhorame nto do a spec to visua l, pe rmitindo inserir fundos

Milena Jorge

http://www.livre.escolabr.com/projetos/jclic/jclic/java.htm

http://www.livre.escolabr.com/projetos/jclic/clic3/index.htm

http://clic.xtec.net/

http://clic.xtec.net/

http://www.livre.escolabr.com/projetos/jclic/clic3/index.htm

http://www.livre.escolabr.com/projetos/jclic/jclic/java.htm

8/14/2019 I-JClic


Jclic



PROJECTO N.º 1

CRIAÇÃO DE UM NOVO PROJECTO

1. Abra o program a:

2. Clique no Menu Arquivo -> Novo Projecto : (aparece uma janela para

introd uçã o d o nome do projec to.)

3. Esc reva o nom e d o p rojecto : Projecto1. NOTA: O programa po r de feito cria uma pa sta p ara esse projecto .

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

Milena Jorge

8/14/2019 I-JClic


Jclic



CRIAÇÃO DE UM PUZZLE DUPLO

1. Clique no sep arad or actividades e d ep ois no íc one nova ac tividad e

2. Esc olha a ac tividade q ue p rete nd e realizar, neste c aso Double Puzzle.

3. Dê o nome d e Puzzle1 à ac tividad e

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

5Milena Jorge

8/14/2019 I-JClic


Jclic



4. Na janela das opções, e no campo interface do usuário , escolha a camada

@orage.xm l

5. Clique no sep arad or Janela:

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

6Milena Jorge

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

da s co res da ga ma .

Nota: Se quiser fazer uma escolha

mais personalizada tem outras

opções:

8/14/2019 I-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

8/14/2019 I-JClic


Jclic



d) OPACIDADE:

Permite aplicar opacidade

a uma d eterminad a c or.

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

a) Ao c lica r no b otão gradiente a pa rec e a seguinte janela:

Permitindo escolher:

- Cor inic ial

- Cor fina l

- Ciclos (n.º de vezes

que se repete o

gradiente)

- Orienta ç ão

Milena Jorge

8/14/2019 I-JClic


Jclic



8.3. Tam bé m p od e esco lher c om o fundo uma ima ge m inteira ou em mo saico .

FORMATAÇÃO DA JANELA DO JOGO

As op ç ões da jane la do jog o são muito sem elhante s à da jane la principa l (excep to a

inserçã o d a imag em, que nã o p ermite). Pod emo s ainda d efinir a “ bo rda ” e a po siç ão

da janela do jogo.

Para vermos o a spe c to d a janela d a nossa ac tivida de , clic am os no seg uinte b otã o:

Milena Jorge

8/14/2019 I-JClic


Jclic



9 – Mensagens da ac tivida de :

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 c aso, Mensag em Inicial. Apa rec e a seg uinte ca ixa d e diálogo :

Milena Jorge

8/14/2019 I-JClic


Jclic



9.2.1. Para formata r o estilo d a c aixa d a m ensag em c lique no b otã o:

Forma te a seu go sto.

10 - Co nteúd os do Puzzle

10.1. Clique no sep arad or Midiateca ,

e de seguida no ícone para inserir uma imag em ou um objecto mult imédia à

bibliotec a. Esc olha o fic heiro q ue p retend e a dicionar e c lique em ab rir.

10.2 - Clique no sep arad or Painel, pa ra traba lha r os c onte údos do Puzzle.

Apa rec e a seg uinte jane la:

Milena Jorge11

8/14/2019 I-JClic


Jclic



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

Milena Jorge

10.4. Para definir o recorte rectangular para uma forma mais atractiva, clique no

seguinte bo tão :

Visua lize a ac tivid ade Puzzle.

a) Para definir o n.º de linha s e c olunas

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

8/14/2019 I-JClic


Jclic



c ) O botão estilo , é semelhante ao das outras actividades, permite alterar os

seg uintes aspec tos:

- Cor de fundo

- Aplicar um gradiente ou simplesmente ficar transparente (ficando como fundo aima ge m da jane la p rincipa l)

Milena Jorge13

8/14/2019 I-JClic


8/14/2019 I-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 ac tivida de).

3. Dê o no me de Puzzle2 à ac tivida de .

4. No separador Opções, escolha para a interface do utilizador a camada

@orange.xm l

5. No separador janela -> janela principa l , esc olha um grad iente e pa ra a janela

do jogo transparente.

6. No sep arad or Mensagens, defina p ara mensag em:

a. Inicial: “O rde na o seg uinte texto”

b. Final: “ Muito be m! 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 ima ge m a ba ixo:

Milena Jorge

8/14/2019 I-JClic


Jclic



8. Guarde a ac tivida de (Arquivo - > Guardar)

9. Visua lize a ac tividade rea lizada , a través do íc one . Deverá apa rec er uma

ima ge m seme lhante :

Milena Jorge16

8/14/2019 I-JClic


Jclic



CRIAÇÃO DE UM PUZZLE DE INTERCÂMBIO COM UMA IMAGEM

1. Abra o projecto1.jclic

2. Insira outra a c tivida de , pa ra tal, clique no sep arad or actividades e d e seg uida

no bo tão (ad ic iona r nova ac tivida de ). Esc olha a ac tivida de do tipo Hole

Puzzle

3. Dê o nome d e Puzzle3 à ac tividad e.

4. Abra o sepa rad or Mediateca e incorpore a s ima ge ns na p asta do projec to.

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 p rincipal e p ara a janela d o jogo vamo s ac tivar a o pç ão transparente.


a . Inicial: “ Coloc a as peç as no map a!”

b . Final: “Bravo! Parabéns!”

Formata ç ão da s mensag ens:

Cor do fund o: Preto

Co r da s letras: Branc o

8. No sep arad or Painel, de fina a estrutura d o p uzzle c om 3 linhas e 3 c olunas.

9. Clique no botão Imagem e aparecerá a caixa dos objectos de multimédia,

esc olha a ima ge m p ara o puzzle.

10. No sep arad or gerad or de forma

17Milena Jorge

8/14/2019 I-JClic


Jclic



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

11. Clique no botã o p ara ac ederà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á te r uma jane la c om o seg uinte a spe c to:

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

Milena Jorge

8/14/2019 I-JClic


Jclic



ACTIVIDADE PROPOSTA N.º2

Abra o projecto1.jclic.zip

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

• Ca ma da pa ra a interfac e de utilizad or: @simples.xm l

• Limitar o te mp o

• 3 *3 (procure um texto a de quad o)

• Configuraç ão da s jane las:

Janela principal: fundo gradiente

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

• No sep arad or painel e no botão estilo retire a b orda e ac tive a op çã o

transparente.

• Tama nho 24 pa ra o texto

CRIAÇÃO DE UM PUZZLE DUPLO (COM RECORTES)

1. Abra o projecto1.jclic

2. Insira outra a c tivida de , pa ra tal, clique no sep arad or actividades e d e seg uida

no botã o (adicionar nova ac tivida de). Esco lha a ac tivida de do tipo Double

Puzzle

3. Dê o nome d e Puzzle4 à ac tividad e.

4. Abra o sepa rad or Mediateca e insira a s ima ge ns para a ac tividade.

5. Volte ao sep arad or Janela.

6. No separador Opções efectue a descrição da actividade e na interface do

utilizador esc olha a camada : @simp le.xml. Aind a no sep arador opções, act ive o

botão Ajuda.

7. Clique no separador Janela: vamos colocar uma imagem de fundo para a

jane la p rinc ipa l e p ara a jane la d o jogo va mos de ixar em b ranc o .


Milena Jorge

8/14/2019 I-JClic


Jclic



a. Inicial: “A rraste a s forma s pa ra a á rea d o Puzzle!!”

b. Final: “Parabéns! Estupendo!”

9. Abra o separador Painel e clique no botão Imagem – Insira a imagem

pretendida p ara a ac tivida de .

10. No menu Gerador de forma s, esco lha a opç ão

Cuts (recortes). Repare que o painel da

ima ge m já não está d ividido .

11. Fa ça c liq ue no botã o q ue ap arec e à

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

a. Selec c ione a ferram enta c írc ulo - desenhe um c írc ulo que

coincida c om 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úme ro zero, que c orrespond e a e ste 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

ma rque o s ponto s nos vértic es do t riâng ulo

Milena Jorge

8/14/2019 I-JClic


Jclic



12. Guarde a ac tivida de (Arquivo - > Guardar)

13. Visua lize a ac tividade, pressionand o o botã o . No fina l de ve ter a lgo

sem elhante à figura em ba ixo.

TROCAR O TIPO DE UMA ACTIVIDADE CRIADA

1- Abrimo s o p rojec to (Arquivo -> Ab rir projec to -> Projec to1)

2 - No sep arad or ac tivida de s, selecc ione a ac tivida de Puzzle2.

3 - No sep arad or opções, mod ifique a de scriçã o d o tipo de ac tivida des e tam bém o

tipo pa ra puzzles.ExcangePuzzle.

4 - Algumas vezes pode interessar trocar o tipo de actividades. Por isso, clique neste

botão:

Milena Jorge

5 - Abre-nos uma janela c om uma lista das ac tividad es possíveis para a lterar:

8/14/2019 I-JClic


Jclic



6 - Tem os que te r em c onta a mensag em d e aviso q ue ap arec e na janela po rque ne m

semp re a op çã o funciona bem .

7 - Transforme o puzzle2 num puzzle HolePuzzle e visua lize o 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 nova ac tivida de). Esco lha a ac tivida de do tipo

MemoryGame (Jogo de memó ria)

3 - Dê o nome d e Puzzle5 à ac tivida de.

4 - Abra o sepa rad or Mediateca e insira as ima ge ns que pretende pa ra o jog o.

5 - Volte ao sep arad or Actividade .

Milena Jorge

8/14/2019 I-JClic


Jclic



6 - No separador Opções efectue a descrição da actividade e na interface do

utilizador escolha a camada : orang e.xml. Ainda no sep arad or opções, ac tive o

botão Ajuda.

7 - Clique no sep arad or Janela pa ra p roc ed er às forma taç ões:

Janela Principal:

Gradiente: Azul (102; 102 e 255)

Cic los: 4

Orienta ç ão : 52

Ima gem de Fundo : Esc olha uma a seu g osto e a c tive a op ç ão mo saico .

Janela do Jogo :

Co r: Branc o

8 - No sep arad or Mensagens, de fina p ara mensag em :

a. Inicial: “ Proc ura a s imagens igua is!”

b. Final: “ Parab éns! Muito be m!”

9 - Selecc ione o sep arad or Painel:

Esc olha a forma rec tang ular

2 linhas por 3 c oluna s Tama nho : 100 po r 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 tab ela.

Milena Jorge

8/14/2019 I-JClic


Jclic



10 - Visua lize a ac tivida de . No fina l deve ter uma janela sem elhante à da figu ra

seguinte:

Milena Jorge24

8/14/2019 I-JClic


JclicManual para criar actividades com o Jclic

PROJECTO 1

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

i-jclic

Documents