SlideShare uma empresa Scribd logo
1 de 25
JClic
Criando Atividades no Jclic
Quebra-cabeça duplo
1. Abra o programa Jclic Author 
2. Clique no Menu Ficheiro  Novo Projeto: (aparece uma janela para introdução do
nome do projeto).
3. Escreva o nome do Projeto: Projeto 1
Nota: O programa por defeito cria uma pasta para esse projeto.
Quebra-cabeça duplo
4. Em seguida clique em Ok. Aparecerá a tela abaixo:

5. Clique no sinal + e na janela que aparecerá preencha os dados solicitados.
Quebra-cabeça duplo
1. Clique no separador Actividades

2. Depois no ícone nova actividade

3. Escolha a atividade que pretende realizar
neste caso, quebra-cabeça duplo

4. Dê o nome de Quebra-cabeça 1

5. Clique em OK
Quebra-cabeça duplo
Aparecerá uma caixa com as seguintes ações:
Quebra-cabeça duplo
6. Na janela das opções, e no campo interface do usuário, escolha a camada
@orange.xml
Quebra-cabeça duplo
7. Clique no separador Janela:
Espaço destinado à formatação do aspecto da janela principal e da janela do jogo

8. Clique no botão
cor de fundo
Quebra-cabeça duplo
Surgirá uma janela com quatro separadores: SWATCHES, HSB, RGB e OPACIDADE
a. SWATCHES
–
permite
escolher uma das cores da
gama.
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.
d. OPACIDADE – permite
aplicar opacidade a uma
determinada cor.
Quebra-cabeça duplo
Surgirá também as opção gradiente para o fundo da janela principal

Ou escolher como fundo uma imagem inteira.
Quebra-cabeça duplo
9. Formatação da Janela do Jogo

As opções da janela do jogo são muito semelhantes à da janela principal exceto a
inserção da imagem que não permite. Podemos ainda definir a “borda” e a
“posição” da janela do jogo.
Quebra-cabeça duplo
10. Mensagem da atividade:
Clique no separador Mensagens. Ao clicar, aparecerá a seguinte tela:
Quebra-cabeça duplo
Para inserir uma mensagem na atividade, clique na caixa de seleção Mensagem inicial e,
na barra escura logo abaixo, dê dois cliques e surgirá a caixa de diálogo “conteúdo da
célula”.

Proceda da mesma forma nas caixas de seleção mensagem final e mensagem de erro.
Quebra-cabeça duplo
Para formatar o estilo da caixa de mensagem clique no botão

Formate a gosto.
Quebra-cabeça duplo
11. Conteúdos do Quebra-cabeça
Clique no separador Biblioteca de Recursos
Em seguida no ícone
para inserir uma imagem ou um objeto multimídia à
biblioteca. Escolha o ficheiro que pretende adicionar e clique em abrir.
12. Retorne ao separador Actividades e em seguida clique no separador Painel.

Aparecerá a seguinte janela:
Quebra-cabeça duplo
Clique no botão Imagem para selecionar o objeto de multimídia.

Aparecerá a tela.

Selecione o objeto de multimídia.

Clique em OK.
Quebra-cabeça duplo
Para definir o recorte retangular para uma forma mais atrativa, clique no
botão:

Para definir o nº de linhas e colunas
Para determinar o tamanho das células
Quebra-cabeça duplo

13. Não esqueça de
gravar
clicando
em
ficheiro.
14. Para vermos o
aspecto
da
nossa
atividade, clicamos
na
seta verde.
Quebra-cabeça duplo
O botão estilo permite alterar os seguintes aspectos:

• Cor de fundo
• Aplicar gradiente ou transparente
• Tipo e tamanho de letra
• Cor do texto
• Cor alternativa
• Margem interna
• Sombra e alterar a cor dessa sombra
• cor da borda e respectiva espessura
• cor e estado inativo
Quebra-cabeça duplo
Para mudar a distribuição das peças do quebra-cabeça e da imagem, clique no
separador distribuição:
Aparece uma barra que
permite modificar a
distribuição.

Execute a atividade, clicando no botão verde.
Criando Atividades no Jclic
Quebra-cabeça duplo com Texto
1. Abra o projeto anterior (projeto 1.jclic).

2. Insira uma nova atividade, para tal, clique no separador Actividades e em
seguida no botão
(adicionar nova atividade).
3. Dê nome de quebra-cabeça duplo com texto à atividade.
4. No separador Opções, escolha 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!
Quebra-cabeça duplo com Texto
7.

Agora, clique no primeiro quadrado e comece a digitar o princípio da frase na
janela que abre, passe para o quadrado seguinte e dê continuidade à frase,
repita este processo até o final dos quadrados, tal como se visualiza na imagem
abaixo:
Quebra-cabeça duplo com Texto
8. Guarde a atividade (Arquivo  Guardar)
9. Visualize a atividade realizada através do ícone
imagem semelhante:

. Deverá aparecer uma
Obrigado!
Marilia Frizzera Dias

Fonte: Manual de Luis Vives – Traduzido e adaptado por Milena Jorge
Manual do Jclic – Secretaria de Educação do Estado do Paraná
Uma ferramenta interativa para criar recursos educativos digitais - Fernanda Ledesma

Mais conteúdo relacionado

Destaque (19)

Software Java Clic
Software Java ClicSoftware Java Clic
Software Java Clic
 
Nyenyai Moyana1
Nyenyai Moyana1Nyenyai Moyana1
Nyenyai Moyana1
 
7 convertendo o projeto jclic
7  convertendo o projeto jclic7  convertendo o projeto jclic
7 convertendo o projeto jclic
 
Poligonos jclic
Poligonos jclicPoligonos jclic
Poligonos jclic
 
5 como organizar e compartilhar jclic1
5 como organizar e compartilhar jclic15 como organizar e compartilhar jclic1
5 como organizar e compartilhar jclic1
 
Publica Jclic N O V O
Publica  Jclic  N O V OPublica  Jclic  N O V O
Publica Jclic N O V O
 
3 oficina jclic jogo de memória
3 oficina jclic jogo de memória3 oficina jclic jogo de memória
3 oficina jclic jogo de memória
 
Tutorial edilim
Tutorial edilimTutorial edilim
Tutorial edilim
 
Jclic2010 uva
Jclic2010 uvaJclic2010 uva
Jclic2010 uva
 
4 oficina jclic caça-palavras
4 oficina jclic caça-palavras4 oficina jclic caça-palavras
4 oficina jclic caça-palavras
 
Plano de aula_jclic
Plano de aula_jclicPlano de aula_jclic
Plano de aula_jclic
 
Guia Instalacao Jclicmoodle
Guia Instalacao JclicmoodleGuia Instalacao Jclicmoodle
Guia Instalacao Jclicmoodle
 
Jclic
JclicJclic
Jclic
 
Objetos de Aprendizagem e Software de Autoria
Objetos de Aprendizagem e Software de AutoriaObjetos de Aprendizagem e Software de Autoria
Objetos de Aprendizagem e Software de Autoria
 
Edilim tutorial completo
Edilim  tutorial completoEdilim  tutorial completo
Edilim tutorial completo
 
Jclic Author Tutorial
Jclic Author TutorialJclic Author Tutorial
Jclic Author Tutorial
 
Era uma vez...click
Era uma vez...clickEra uma vez...click
Era uma vez...click
 
Tutorial de actividades de Jclic
Tutorial de actividades de JclicTutorial de actividades de Jclic
Tutorial de actividades de Jclic
 
Apostila gêneros textuais 4º ano
Apostila gêneros textuais  4º anoApostila gêneros textuais  4º ano
Apostila gêneros textuais 4º ano
 

Semelhante a 2 oficina jclic quebra-cabeça

Apostila de programação visual netbeans
Apostila de programação visual   netbeansApostila de programação visual   netbeans
Apostila de programação visual netbeansPaulo Carvalho
 
Apostil ade programação visual netbeans
Apostil ade programação visual   netbeansApostil ade programação visual   netbeans
Apostil ade programação visual netbeansPaulo Carvalho
 
Apresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECApresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECJoão Leal
 
Guia rapido total cross studio
Guia rapido total cross studioGuia rapido total cross studio
Guia rapido total cross studioRafael Din
 
Manual zelio soft 2.2
Manual zelio soft 2.2Manual zelio soft 2.2
Manual zelio soft 2.2Luiz Fernando
 
Execução do projeto de aprendizagem
Execução do projeto de aprendizagemExecução do projeto de aprendizagem
Execução do projeto de aprendizagemcmar2012
 
Photoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoPhotoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoMilena Capraro
 
Powerpoint - Ficha 1 e 2
Powerpoint - Ficha 1 e 2 Powerpoint - Ficha 1 e 2
Powerpoint - Ficha 1 e 2 filipereira
 
Exercícios imagem
Exercícios imagemExercícios imagem
Exercícios imagemJoão Leal
 
1.a pratica circuitos lógicos com fpga
1.a pratica circuitos lógicos com fpga1.a pratica circuitos lógicos com fpga
1.a pratica circuitos lógicos com fpgaLeonardo Borges
 
Exercícios Photoshop 2
Exercícios Photoshop 2Exercícios Photoshop 2
Exercícios Photoshop 2João Leal
 
Ficha de-trabalho-word-2-periodo parte3
Ficha de-trabalho-word-2-periodo parte3Ficha de-trabalho-word-2-periodo parte3
Ficha de-trabalho-word-2-periodo parte3Hilário Santos Russo
 
Photoshop CS6 Smoke Effect
Photoshop CS6 Smoke EffectPhotoshop CS6 Smoke Effect
Photoshop CS6 Smoke EffectGiovana Becker
 

Semelhante a 2 oficina jclic quebra-cabeça (20)

Trabalho
TrabalhoTrabalho
Trabalho
 
Apostila de programação visual netbeans
Apostila de programação visual   netbeansApostila de programação visual   netbeans
Apostila de programação visual netbeans
 
Apostil ade programação visual netbeans
Apostil ade programação visual   netbeansApostil ade programação visual   netbeans
Apostil ade programação visual netbeans
 
Apresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECApresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISEC
 
3 oficina jclic jogo de memória
3 oficina jclic jogo de memória3 oficina jclic jogo de memória
3 oficina jclic jogo de memória
 
Guia rapido total cross studio
Guia rapido total cross studioGuia rapido total cross studio
Guia rapido total cross studio
 
Manual zelio soft 2.2
Manual zelio soft 2.2Manual zelio soft 2.2
Manual zelio soft 2.2
 
Execução do projeto de aprendizagem
Execução do projeto de aprendizagemExecução do projeto de aprendizagem
Execução do projeto de aprendizagem
 
Ficha2
Ficha2Ficha2
Ficha2
 
Photoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoPhotoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outono
 
Mini curso de cabri géomètre ii
Mini curso de cabri géomètre iiMini curso de cabri géomètre ii
Mini curso de cabri géomètre ii
 
Powerpoint - Ficha 1 e 2
Powerpoint - Ficha 1 e 2 Powerpoint - Ficha 1 e 2
Powerpoint - Ficha 1 e 2
 
Exercícios imagem
Exercícios imagemExercícios imagem
Exercícios imagem
 
1.a pratica circuitos lógicos com fpga
1.a pratica circuitos lógicos com fpga1.a pratica circuitos lógicos com fpga
1.a pratica circuitos lógicos com fpga
 
Exercícios Photoshop 2
Exercícios Photoshop 2Exercícios Photoshop 2
Exercícios Photoshop 2
 
Ficha de-trabalho-word-2-periodo parte3
Ficha de-trabalho-word-2-periodo parte3Ficha de-trabalho-word-2-periodo parte3
Ficha de-trabalho-word-2-periodo parte3
 
Photoshop CS6 Smoke Effect
Photoshop CS6 Smoke EffectPhotoshop CS6 Smoke Effect
Photoshop CS6 Smoke Effect
 
Tutorial Slides
Tutorial  SlidesTutorial  Slides
Tutorial Slides
 
moodle
moodlemoodle
moodle
 
A U L
A  U  LA  U  L
A U L
 

Mais de Marilia Frizzera Dias

Projeto eeefm hermann berger atitude sustentável 2013
Projeto eeefm hermann berger  atitude sustentável 2013Projeto eeefm hermann berger  atitude sustentável 2013
Projeto eeefm hermann berger atitude sustentável 2013Marilia Frizzera Dias
 
Projeto eeefm luiz jouffroy cultura im foco
Projeto eeefm luiz jouffroy cultura im focoProjeto eeefm luiz jouffroy cultura im foco
Projeto eeefm luiz jouffroy cultura im focoMarilia Frizzera Dias
 
Projeto eeefm luis jouffroy bincando e aprendendo
Projeto eeefm luis jouffroy bincando e aprendendoProjeto eeefm luis jouffroy bincando e aprendendo
Projeto eeefm luis jouffroy bincando e aprendendoMarilia Frizzera Dias
 
Ferramentas de autoria formas de utilização no processo ensino aprendizagem
Ferramentas de autoria formas de utilização no processo ensino aprendizagemFerramentas de autoria formas de utilização no processo ensino aprendizagem
Ferramentas de autoria formas de utilização no processo ensino aprendizagemMarilia Frizzera Dias
 
Apresentação inicial aluno integrado
Apresentação inicial aluno integradoApresentação inicial aluno integrado
Apresentação inicial aluno integradoMarilia Frizzera Dias
 
Tutorial ambiente colaborativo de aprendizagem epro info
Tutorial ambiente colaborativo de aprendizagem epro infoTutorial ambiente colaborativo de aprendizagem epro info
Tutorial ambiente colaborativo de aprendizagem epro infoMarilia Frizzera Dias
 
Como fazer uma história em quadrinhos
Como fazer uma história em quadrinhosComo fazer uma história em quadrinhos
Como fazer uma história em quadrinhosMarilia Frizzera Dias
 
I mostra regional de projetos nte afonso cláudio
I mostra regional de projetos nte afonso cláudioI mostra regional de projetos nte afonso cláudio
I mostra regional de projetos nte afonso cláudioMarilia Frizzera Dias
 
I Mostra Regional de Projetos Integrados ao Currículo
I Mostra Regional de Projetos Integrados ao CurrículoI Mostra Regional de Projetos Integrados ao Currículo
I Mostra Regional de Projetos Integrados ao CurrículoMarilia Frizzera Dias
 

Mais de Marilia Frizzera Dias (20)

Conheça o Espírito Santo
Conheça o Espírito Santo Conheça o Espírito Santo
Conheça o Espírito Santo
 
Oficina tablet-sreac
Oficina tablet-sreacOficina tablet-sreac
Oficina tablet-sreac
 
Tutorial slideshare
Tutorial slideshareTutorial slideshare
Tutorial slideshare
 
Alto Rio Possmozer
Alto Rio PossmozerAlto Rio Possmozer
Alto Rio Possmozer
 
Projeto eeefm hermann berger atitude sustentável 2013
Projeto eeefm hermann berger  atitude sustentável 2013Projeto eeefm hermann berger  atitude sustentável 2013
Projeto eeefm hermann berger atitude sustentável 2013
 
Projeto eeefm maria de abreu alvim
Projeto eeefm maria de abreu alvimProjeto eeefm maria de abreu alvim
Projeto eeefm maria de abreu alvim
 
Projeto eeefm luiz jouffroy cultura im foco
Projeto eeefm luiz jouffroy cultura im focoProjeto eeefm luiz jouffroy cultura im foco
Projeto eeefm luiz jouffroy cultura im foco
 
Projeto eeefm luis jouffroy bincando e aprendendo
Projeto eeefm luis jouffroy bincando e aprendendoProjeto eeefm luis jouffroy bincando e aprendendo
Projeto eeefm luis jouffroy bincando e aprendendo
 
Ferramentas de autoria formas de utilização no processo ensino aprendizagem
Ferramentas de autoria formas de utilização no processo ensino aprendizagemFerramentas de autoria formas de utilização no processo ensino aprendizagem
Ferramentas de autoria formas de utilização no processo ensino aprendizagem
 
Mapas conceituais cópia
Mapas conceituais   cópiaMapas conceituais   cópia
Mapas conceituais cópia
 
Tutorial REDE ES
Tutorial REDE ESTutorial REDE ES
Tutorial REDE ES
 
Apresentação inicial aluno integrado
Apresentação inicial aluno integradoApresentação inicial aluno integrado
Apresentação inicial aluno integrado
 
Oficina conteudos digitais - nteac
Oficina conteudos digitais  - nteac Oficina conteudos digitais  - nteac
Oficina conteudos digitais - nteac
 
Tutorial ambiente colaborativo de aprendizagem epro info
Tutorial ambiente colaborativo de aprendizagem epro infoTutorial ambiente colaborativo de aprendizagem epro info
Tutorial ambiente colaborativo de aprendizagem epro info
 
Como fazer uma história em quadrinhos
Como fazer uma história em quadrinhosComo fazer uma história em quadrinhos
Como fazer uma história em quadrinhos
 
Tutorial HagaQuê
Tutorial HagaQuêTutorial HagaQuê
Tutorial HagaQuê
 
I mostra regional de projetos nte afonso cláudio
I mostra regional de projetos nte afonso cláudioI mostra regional de projetos nte afonso cláudio
I mostra regional de projetos nte afonso cláudio
 
I mostra regional de projetos
I mostra regional de projetosI mostra regional de projetos
I mostra regional de projetos
 
I Mostra Regional de Projetos Integrados ao Currículo
I Mostra Regional de Projetos Integrados ao CurrículoI Mostra Regional de Projetos Integrados ao Currículo
I Mostra Regional de Projetos Integrados ao Currículo
 
Ações NTE Afonso Cláudio 2009
Ações NTE Afonso Cláudio 2009Ações NTE Afonso Cláudio 2009
Ações NTE Afonso Cláudio 2009
 

2 oficina jclic quebra-cabeça

  • 3. Quebra-cabeça duplo 1. Abra o programa Jclic Author  2. Clique no Menu Ficheiro  Novo Projeto: (aparece uma janela para introdução do nome do projeto). 3. Escreva o nome do Projeto: Projeto 1 Nota: O programa por defeito cria uma pasta para esse projeto.
  • 4. Quebra-cabeça duplo 4. Em seguida clique em Ok. Aparecerá a tela abaixo: 5. Clique no sinal + e na janela que aparecerá preencha os dados solicitados.
  • 5. Quebra-cabeça duplo 1. Clique no separador Actividades 2. Depois no ícone nova actividade 3. Escolha a atividade que pretende realizar neste caso, quebra-cabeça duplo 4. Dê o nome de Quebra-cabeça 1 5. Clique em OK
  • 6. Quebra-cabeça duplo Aparecerá uma caixa com as seguintes ações:
  • 7. Quebra-cabeça duplo 6. Na janela das opções, e no campo interface do usuário, escolha a camada @orange.xml
  • 8. Quebra-cabeça duplo 7. Clique no separador Janela: Espaço destinado à formatação do aspecto da janela principal e da janela do jogo 8. Clique no botão cor de fundo
  • 9. Quebra-cabeça duplo Surgirá uma janela com quatro separadores: SWATCHES, HSB, RGB e OPACIDADE a. SWATCHES – permite escolher uma das cores da gama. 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. d. OPACIDADE – permite aplicar opacidade a uma determinada cor.
  • 10. Quebra-cabeça duplo Surgirá também as opção gradiente para o fundo da janela principal Ou escolher como fundo uma imagem inteira.
  • 11. Quebra-cabeça duplo 9. Formatação da Janela do Jogo As opções da janela do jogo são muito semelhantes à da janela principal exceto a inserção da imagem que não permite. Podemos ainda definir a “borda” e a “posição” da janela do jogo.
  • 12. Quebra-cabeça duplo 10. Mensagem da atividade: Clique no separador Mensagens. Ao clicar, aparecerá a seguinte tela:
  • 13. Quebra-cabeça duplo Para inserir uma mensagem na atividade, clique na caixa de seleção Mensagem inicial e, na barra escura logo abaixo, dê dois cliques e surgirá a caixa de diálogo “conteúdo da célula”. Proceda da mesma forma nas caixas de seleção mensagem final e mensagem de erro.
  • 14. Quebra-cabeça duplo Para formatar o estilo da caixa de mensagem clique no botão Formate a gosto.
  • 15. Quebra-cabeça duplo 11. Conteúdos do Quebra-cabeça Clique no separador Biblioteca de Recursos Em seguida no ícone para inserir uma imagem ou um objeto multimídia à biblioteca. Escolha o ficheiro que pretende adicionar e clique em abrir. 12. Retorne ao separador Actividades e em seguida clique no separador Painel. Aparecerá a seguinte janela:
  • 16. Quebra-cabeça duplo Clique no botão Imagem para selecionar o objeto de multimídia. Aparecerá a tela. Selecione o objeto de multimídia. Clique em OK.
  • 17. Quebra-cabeça duplo Para definir o recorte retangular para uma forma mais atrativa, clique no botão: Para definir o nº de linhas e colunas Para determinar o tamanho das células
  • 18. Quebra-cabeça duplo 13. Não esqueça de gravar clicando em ficheiro. 14. Para vermos o aspecto da nossa atividade, clicamos na seta verde.
  • 19. Quebra-cabeça duplo O botão estilo permite alterar os seguintes aspectos: • Cor de fundo • Aplicar gradiente ou transparente • Tipo e tamanho de letra • Cor do texto • Cor alternativa • Margem interna • Sombra e alterar a cor dessa sombra • cor da borda e respectiva espessura • cor e estado inativo
  • 20. Quebra-cabeça duplo Para mudar a distribuição das peças do quebra-cabeça e da imagem, clique no separador distribuição: Aparece uma barra que permite modificar a distribuição. Execute a atividade, clicando no botão verde.
  • 22. Quebra-cabeça duplo com Texto 1. Abra o projeto anterior (projeto 1.jclic). 2. Insira uma nova atividade, para tal, clique no separador Actividades e em seguida no botão (adicionar nova atividade). 3. Dê nome de quebra-cabeça duplo com texto à atividade. 4. No separador Opções, escolha 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!
  • 23. Quebra-cabeça duplo com Texto 7. Agora, clique no primeiro quadrado e comece a digitar o princípio da frase na janela que abre, passe para o quadrado seguinte e dê continuidade à frase, repita este processo até o final dos quadrados, tal como se visualiza na imagem abaixo:
  • 24. Quebra-cabeça duplo com Texto 8. Guarde a atividade (Arquivo  Guardar) 9. Visualize a atividade realizada através do ícone imagem semelhante: . Deverá aparecer uma
  • 25. Obrigado! Marilia Frizzera Dias Fonte: Manual de Luis Vives – Traduzido e adaptado por Milena Jorge Manual do Jclic – Secretaria de Educação do Estado do Paraná Uma ferramenta interativa para criar recursos educativos digitais - Fernanda Ledesma