1. O documento discute a classificação e estrutura de websites educativos, identificando diferentes tipos de websites como websites pessoais de professores, websites de escolas, e websites de programas educativos.
2. São descritas diferentes estruturas de websites como estruturas por conteúdo, tarefas, e usuário, bem como estruturas em rede, sequencial, matricial e hierárquica.
3. As questões da navegação, acessibilidade, qualidade da informação e usabilidade em websites são abordadas, com diretrizes para tornar websites
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...GovBR
Palestra ministrada por Thiago Prado de Campos (UTFPR) sobre o Guia de Administração de sítios e a Cartilha de Codificação do e-PWG (Padrões Web em Governo Eletrônico). Evento: 13º Edição da Conferência sobre Portais Corporativos, 28 de abril, 2011.
This study intends to present an evaluation of usability and accessibility, which required the creation of a multimedia prototype named F.R.e.e. – Prisoner’s Training in e-Learning, related specifically to training their “Job Search Techniques”, under the project (e-Pris) e-Learning in Prisons. While assessing the usability of the multimedia prototype, by those replacement users mentioned above, we have verified that learning to use the prototype, executing all tasks efficiently and with satisfaction was easy. The prototype has proved to be also somewhat prone to errors. Nevertheless, we have not properly assessed the memorizing skills’ parameter, related to the ease of remembering the prototype’s functionalities. The evaluation of the accessibility has allowed us to make further improvements to the use of the prototype, not just for the users with special needs, but to all the users.
Padrões em Governo Eletrônico - Cartilha de Codificação e Guia de Administraç...GovBR
Palestra ministrada por Thiago Prado de Campos (UTFPR) sobre o Guia de Administração de sítios e a Cartilha de Codificação do e-PWG (Padrões Web em Governo Eletrônico). Evento: 13º Edição da Conferência sobre Portais Corporativos, 28 de abril, 2011.
This study intends to present an evaluation of usability and accessibility, which required the creation of a multimedia prototype named F.R.e.e. – Prisoner’s Training in e-Learning, related specifically to training their “Job Search Techniques”, under the project (e-Pris) e-Learning in Prisons. While assessing the usability of the multimedia prototype, by those replacement users mentioned above, we have verified that learning to use the prototype, executing all tasks efficiently and with satisfaction was easy. The prototype has proved to be also somewhat prone to errors. Nevertheless, we have not properly assessed the memorizing skills’ parameter, related to the ease of remembering the prototype’s functionalities. The evaluation of the accessibility has allowed us to make further improvements to the use of the prototype, not just for the users with special needs, but to all the users.
IAS: Como o Instituto Ayrton Senna organizou a seleção de sua plataforma LMSD2L Barry
IAS: Como o Instituto Ayrton Senna organizou a seleção de sua plataforma LMS
Maricy Fucuchima Abreu.
2019 Conexão D2L: São Paulo Edition
7 y 8 de maio, 2019
Evento Conexão D2L é uma oportunidade de se conectar com colegas do mercado e funcionários da D2L. Neste evento, a D2L traz um programa de inovação e boas práticas no uso da plataforma Brightspace, apresentado por palestrantes de primeira linha e pelas instituições que usam o sistema.
Palestra André Coimbra - Centro DigitalAndre Coimbra
Nessa palestra André Coimbra compartilhou conhecimentos sobre o mundo da Web, conectando diversos temas relacionados com desenvolvimento de sites, potencial da rede, comportamento das pessoas na internet, otimização para sistemas de buscas (SEO), técnica da cauda longa, tendencias das redes sociais e o poder do Storytelling.
Desenvolvimento de interface gráfica para web, utilizando a Metodologia Projeto E. Projeto desenvolvido durante o 3º ano de graduação em Design - Habilitação em Programação Visual, na disciplina Webdesign.
Apresentação sobre acessibilidade na web. As principais barreiras e soluções básicas para tornar sites e apps
acessíveis e universais.
Referências, exemplos e pessoas:
Marcelo Sales:
http://acessibilida.de
Valter Junior - NVDA e Windows 10:
https://goo.gl/djFWYQ
Exemplos de descrição de imagem:
https://codepen.io/msales78/project/full/ZBaoeY/
Exemplo - vídeo com audiodescrição:
https://goo.gl/cgwFFG
Exemplo - vídeo com LIBRAS:
https://goo.gl/WyCHMl
W3C - Diretrizes WCAG 2.0:
https://goo.gl/3XJ3Oo
Siga!
Reinaldo Ferraz W3C: @reinaldoferraz
Talita Pagani: @talitapagani
Marcelo Sales: @msales
Iguale Comunicação de acessibilidade: @iguale
Rogério Chiavegatti: @chiavegatti
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
QuILL - Module 3:
Criação de recursos de qualidade para o Ensino das Línguas Baseados em Tecnologias Digitais
Como criar recursos simples de ensino e aprendizagem usando software livre
Creation of Quality Digital
Technology-Based Language Teaching Sources
2. How to create simple e-learning based teaching and learning resources using free software
The teacher that use a digital technology, built a citizen
IAS: Como o Instituto Ayrton Senna organizou a seleção de sua plataforma LMSD2L Barry
IAS: Como o Instituto Ayrton Senna organizou a seleção de sua plataforma LMS
Maricy Fucuchima Abreu.
2019 Conexão D2L: São Paulo Edition
7 y 8 de maio, 2019
Evento Conexão D2L é uma oportunidade de se conectar com colegas do mercado e funcionários da D2L. Neste evento, a D2L traz um programa de inovação e boas práticas no uso da plataforma Brightspace, apresentado por palestrantes de primeira linha e pelas instituições que usam o sistema.
Palestra André Coimbra - Centro DigitalAndre Coimbra
Nessa palestra André Coimbra compartilhou conhecimentos sobre o mundo da Web, conectando diversos temas relacionados com desenvolvimento de sites, potencial da rede, comportamento das pessoas na internet, otimização para sistemas de buscas (SEO), técnica da cauda longa, tendencias das redes sociais e o poder do Storytelling.
Desenvolvimento de interface gráfica para web, utilizando a Metodologia Projeto E. Projeto desenvolvido durante o 3º ano de graduação em Design - Habilitação em Programação Visual, na disciplina Webdesign.
Apresentação sobre acessibilidade na web. As principais barreiras e soluções básicas para tornar sites e apps
acessíveis e universais.
Referências, exemplos e pessoas:
Marcelo Sales:
http://acessibilida.de
Valter Junior - NVDA e Windows 10:
https://goo.gl/djFWYQ
Exemplos de descrição de imagem:
https://codepen.io/msales78/project/full/ZBaoeY/
Exemplo - vídeo com audiodescrição:
https://goo.gl/cgwFFG
Exemplo - vídeo com LIBRAS:
https://goo.gl/WyCHMl
W3C - Diretrizes WCAG 2.0:
https://goo.gl/3XJ3Oo
Siga!
Reinaldo Ferraz W3C: @reinaldoferraz
Talita Pagani: @talitapagani
Marcelo Sales: @msales
Iguale Comunicação de acessibilidade: @iguale
Rogério Chiavegatti: @chiavegatti
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
QuILL - Module 3:
Criação de recursos de qualidade para o Ensino das Línguas Baseados em Tecnologias Digitais
Como criar recursos simples de ensino e aprendizagem usando software livre
Creation of Quality Digital
Technology-Based Language Teaching Sources
2. How to create simple e-learning based teaching and learning resources using free software
The teacher that use a digital technology, built a citizen
Ar paper 800-innovation with augmented reality to erasmus studentsVitor Gonçalves
State of the art:
- Virtual Reality (VR)
- Augmented Reality (AR)
- Mix Reality (MR)
VR and AR apps
Example with Metaverse Studio
Example with Metaverse AR
Globalisation and the increasing use of technology
have greatly influenced how people work and interact
socially.
In today’s world being able to search for information
from various sources is essential to a person’s success.
The better and stronger an education a person has the
more qualified and prepared they are to evaluate
information and act on it.
Transição digital, Tecnologias digitais e Cidadania Digital.
A Caixa de Pandora Digital: os desafios e os riscos.
Iniciativas para minimizar o cyberbullying.
Competências de leitura e escrita (storyjumper, padlet, etc).
A realidade virtual e aumentada (do Google Translate ao MetaverseStudio)
Avaliação formativa baseada em questionários (google e microsoft forms).
Contributo da aula invertida e gamificação.
Avaliação formativa baseada em jogos (kahoot, Socrative, Quizizz, nearpod).
Plataformas de gestão de aprendizagem e de comunicação e colaboração (MS Teams, Google Classroom, Flipgrid, Moodle, entre outras)
Reflexão sobre a Taxonomia de Bloom
Articulação curricular
Wednesday 23, 14:30 – 15:45. Virtual room 2
Chair: TBA
(F) Contributions of the SocialNEET project to the development of skills for active life
Um trabalho de Juliana Costa, Arlinda Semedo, Sofia Bergano e Vitor Gonçalves
O bullying é um importante tópico de estudo na vida das crianças e dos jovens, principalmente na última década.
Os MOOC - Massive Open Online Courses – podem ser importantes para perceber que tipo de formação existe.
Para tal, a revisão sistemática da literatura (RSL) foi a metodologia mais adequada para uma investigação qualitativa que pretendeu dar resposta às questões de investigação.
proposta curricular para educação de jovens e adultos- Língua portuguesa- anos finais do ensino fundamental (6º ao 9º ano). Planejamento de unidades letivas para professores da EJA da disciplina língua portuguesa- pode ser trabalhado nos dois segmentos - proposta para trabalhar com alunos da EJA com a disciplina língua portuguesa.Sugestão de proposta curricular da disciplina português para turmas de educação de jovens e adultos - ensino fundamental. A proposta curricular da EJa lingua portuguesa traz sugestões para professores dos anos finais (6º ao 9º ano), sabendo que essa modalidade deve ser trabalhada com metodologias diversificadas para que o aluno não desista de estudar.
Caderno de Resumos XVIII ENPFil UFU, IX EPGFil UFU E VII EPFEM.pdfenpfilosofiaufu
Caderno de Resumos XVIII Encontro de Pesquisa em Filosofia da UFU, IX Encontro de Pós-Graduação em Filosofia da UFU e VII Encontro de Pesquisa em Filosofia no Ensino Médio
Sistema de Bibliotecas UCS - Chronica do emperador Clarimundo, donde os reis ...Biblioteca UCS
A biblioteca abriga, em seu acervo de coleções especiais o terceiro volume da obra editada em Lisboa, em 1843. Sua exibe
detalhes dourados e vermelhos. A obra narra um romance de cavalaria, relatando a
vida e façanhas do cavaleiro Clarimundo,
que se torna Rei da Hungria e Imperador
de Constantinopla.
LIVRO MPARADIDATICO SOBRE BULLYING PARA TRABALHAR COM ALUNOS EM SALA DE AULA OU LEITURA EXTRA CLASSE, COM FOCO NUM PROBLEMA CRUCIAL E QUE ESTÁ TÃO PRESENTE NAS ESCOLAS BRASILEIRAS. OS ALUNOS PODEM LER EM SALA DE AULA. MATERIAL EXCELENTE PARA SER ADOTADO NAS ESCOLAS
Atividades de Inglês e Espanhol para Imprimir - AlfabetinhoMateusTavares54
Quer aprender inglês e espanhol de um jeito divertido? Aqui você encontra atividades legais para imprimir e usar. É só imprimir e começar a brincar enquanto aprende!
PowerPoint Newton gostava de Ler - Saber em Gel.pdf
sites-boas-praticas
1. 1
Mestrado em TICMestrado em TIC –– Educação e FormaçãoEducação e Formação
2010/20112010/2011
Páginas Web
Boas Práticas
Vitor Barrigão Gonçalves
Escola Superior de Educação
Instituto Politécnico de Bragança
vg@ipb.pt | Gab. 2.47 | Tel. 273330650 | http://www.vgportal.ipb.pt | http://www.easy-learning.ipb.pt
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Classificação funcional dos Websites educativos:
• Websites pessoais de professores ou alunos
bb--BoaspráticaBoasprática
• Websites de escolas e de associações de pais, professores ou alunos
• Websites de instituições educativas
• Websites de programas e projectos educativos
• Websites de software e outros recursos educativos
• Websites culturais e comerciais educativos
• Websites lúdico-didácticos
• Websites de entretenimento
PáginasWebPáginasWeb
• Websites de ensino e formação a distância
• Websites de apoio à formação ou aprendizagem
• Motores de busca e directórios
• Redes telemáticas educativas
• Portais e Websites ou canais temáticos
• Portais educativos2
2. 2
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Classificação dos Websites por estrutura:
Podem ser identificadas as seguintes formas de organização da informação
bb--BoaspráticaBoasprática
• por conteúdos
Exemplo: Anos > Disciplinas > Temas > Conteúdos;
• por tarefas
Exemplo: publicar/consultar informação, comprar/vender produtos;
Podem ser identificadas as seguintes formas de organização da informação
nos Websites:
PáginasWebPáginasWeb
• por utilizador
Exemplo: surfistas, esporádicos e novatos ou assíduos e experientes.
3
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Classificação dos Websites por estrutura:
• Estrutura em Rede ou em Malha• Estrutura Sequencial ou Linear
bb--BoaspráticaBoasprática
• Estrutura Matricial ou em Matriz• Estrutura Radial ou em Estrela
PáginasWebPáginasWeb
• Estrutura Híbrida ou Composta• Estrutura Hierárquica ou em Árvore
4
3. 3
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Comparação das estruturas de Websites:
REDENavegação
Dinâmica
bb--BoaspráticaBoasprática
HIBRIDA
HIERÁRQUICA
RADIAL
MATRIZ
PáginasWebPáginasWeb
Estrutura
Imprevisível
Estrutura
Previsível
Navegação
Monótona
SEQUENCIAL
5
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Navegação: Corresponde ao acto de activar sucessivamente ligações
em páginas Web.
A navegação deve ser fácil e intuitiva Para tal:
bb--BoaspráticaBoasprática
Em suma,
• Profundidade dos menus: até 3.º nível da hierarquia (regra dos três cliques)
• Amplitude dos menus: até 32 opções por página
• Posição dos menus: consistência e uniformidade; Lei de Fitts (topo e esquerda)
• Indicadores de contexto: logotipo e título, tipos de ligações
• Metáforas
A navegação deve ser fácil e intuitiva. Para tal:
PáginasWebPáginasWeb
- para facilitar a aprendizagem do Website
- para evitar que o utilizador se sinta confuso e perdido
os mecanismos de apoio à navegação devem responder às questões:
Onde estou?
De onde venho?
Para onde vou?
? ? ?
6
4. 4
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Projecto
Estrutura de Frames
bb--BoaspráticaBoasprática
Menu Principal
undários
PáginasWebPáginasWeb
Área de Informação
e
respectivos submenus
MenusSecu
7
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Onde estou?
- Relativamente à estrutura local do Website
Relativamente a todas as outras páginas do Website
? ??
bb--BoaspráticaBoasprática
a)
c)
b)
- Relativamente a todas as outras páginas do Website
PáginasWebPáginasWeb
)
8
5. 5
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
De onde venho? e Para onde vou? ou Para onde posso ir?
ligações de publicidade
? ??
bb--BoaspráticaBoasprática
a)
b)
c)
Ligações
geraisLigações
locais
Ligações de
subscrição
PáginasWebPáginasWeb
b)
Ligações
estruturais
Ligações
para o
exterior
subscrição
9
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Acessibilidade
Tipicamente, os Websites são construídos para serem navegados com o rato
Consequentemente
bb--BoaspráticaBoasprática
- Prioridade 1
Tópicos que têm de ser cumpridos sob pena de o conteúdo não ficar
acessível a um ou mais grupos de utilizadores. A satisfação deste tipo
de tópicos é importante para garantir a acessibilidade essencial.
P i id d 2
Consequentemente,
Pessoas com deficiências vão deparar-se com barreiras difíceis de ultrapassar.
Directrizes de acessibilidade (W3C, 1998):
PáginasWebPáginasWeb
- Prioridade 2
Tópicos que devem ser cumpridos de forma a facilitar o acesso à
informação. A satisfação destes tópicos favorecerá a remoção de
barreiras significativas.
- Prioridade 3
Tópicos que podem ser cumpridos com vista a melhorar a
acessibilidade. Este tipo de tópicos permitirão melhorar
significativamente o acesso aos conteúdos Web.10
6. 6
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Acessibilidade
Linhas mestras para melhorar a acessibilidade (W3C):
bb--BoaspráticaBoasprática
1. Providenciar alternativas equivalentes a conteúdos audiovisuais;
2. Não depender da cor;
3. Utilizar código e folhas de estilo apropriadas;
4. Tornar clara a linguagem;
5. Criar tabelas cuja informação se mantém compreensível após retirar formatos;
6. Evitar problemas na funcionalidade da página ao usar novas tecnologias;
7. Garantir o controlo de conteúdos dependentes de temporização (áudio, vídeo);
8. Assegurar a acessibilidade directa para interfaces embebidos;
PáginasWebPáginasWeb
9. Garantir a acessibilidade independentemente do tipo de dispositivo usado;
10. Usar uma tecnologia apenas quando a sua utilização estiver generalizada;
11. Usar tecnologias e recomendações do W3C;
12. Providenciar informação de contexto e de orientação com vista a atenuar a
complexidade;
13. Providenciar mecanismos de navegação claros (consistência nas barras de
navegação);
14. Certificar-se de que os documentos são claros e simples.
11
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Qualidade da Informação
bb--BoaspráticaBoasprática
• Autoria:
publicação de informações acerca da instituição e do autor do conteúdo.
• Acuidade:
correcção, precisão, fidelidade ou exactidão do conteúdo.
• Actualidade:
indicação da data de criação e/ou actualização do conteúdo.
PáginasWebPáginasWeb
• Abrangência:
percepção da cobertura inerente à estrutura e organização do conteúdo.
• Objectividade:
identificação clara do objectivo principal e nível de detalhe do conteúdo.
12
7. 7
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Usabilidade
Não existe um método, receita ou veredicto de um profissional da área de
bb--BoaspráticaBoasprática
p
projecto que nos garanta totalmente que um Website é ou não usável…
Contudo,
alguns problemas podem ser antecipados através da:
- avaliação heurística;
- avaliação baseada em revisões;
- avaliação baseada em modelos;
- entre outros métodos de avaliação da usabilidade.
PáginasWebPáginasWeb
Independentemente do método, a avaliação será sempre centrada no utilizador
13
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Usabilidade
Avaliação Heurística (Jakob Nielsen):
bb--BoaspráticaBoasprática
1. Visibilidade do estado do sistema (feedback)
2. Correspondência entre o sistema em foco e o mundo real (linguagem)
3. Controlo e liberdade do utilizador (saídas de emergência)
4. Consistência e padrões (normas, convenções e standards)
5. Prevenção de erros (mais vale prevenir do que remediar com mensagens de erro)
ç ( )
PáginasWebPáginasWeb
6. Reconhecimento em vez de lembrança (menus e opções importantes visíveis)
7. Flexibilidade e eficiência (utilizadores novatos // utilizadores experientes)
8. Estética do layout e design minimalistas (grau de importância da informação)
9. Apoio no reconhecimento, diagnóstico e correcção de erros do utilizador
10. Ajuda e documentação (SOS utilizador de forma directa e sucinta)
14
8. 8
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Estrutura e Qualidade dos SIWs
Usabilidade
Grau de risco das limitações de usabilidade
bb--BoaspráticaBoasprática
ç
Categorias de limitações de usabilidade:
1. Limitações da linguagem
2. Limitações do layout e gráficos
3. Limitações da arquitectura da informação
4. Limitações da interface
PáginasWebPáginasWeb
5. Limitações genéricas
Categorias de limitações de usabilidade:
1. Riscos elevados
2. Riscos médios
3. Riscos mínimos
15
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Web 2.0
• Tecnologias Web 2.0 (Blogs, Wikis, redes sociais…)
https://www.blogger.com
bb--BoaspráticaBoasprática
http://www.flickr.comhttp://www.wikipedia.org
PáginasWebPáginasWeb
16
http://groups.google.pt/
9. 9
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
• WebQuests (Aventuras na Web)
metodologia de pesquisa orientada, voltada para o processo educativo, em
que os recursos utilizados provêm da Internet
Outras tecnologias educativas
bb--BoaspráticaBoasprática
que os recursos utilizados provêm da Internet.
Bernie Dodge, da Universidade de São Diego, 1995 (http://webquest.sdsu.edu/)
Uma WebQuest tem a seguinte estrutura: Introdução
Tarefa
Processo
Recursos
http://www.webquest.futuro.usp.br
Exemplo 1
http://recursos.cnice.mec.es/media/publicidad/media_webquest/inicio.htm
Exemplo 2
http://www.ied.ufla.br/laboratorio/dupla26/webquest1.html
PáginasWebPáginasWeb
17
Orientações
Avaliação
Conclusão
Créditos
http://comunidade.ese.ipb.pt/phpwebquest
Exemplo 3
http://www.clubedoprofessor.com.br/webquest/AventuraemFormacao.htm
Exemplo 4
http://www.minerva.uevora.pt/subm03_3.htm#webquests
Exemplo 5 – Webquest acerca de Webquests
http://www.minerva.uevora.pt/publicar/wq_webquest/
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
• WebQuests (Aventuras na Web)
Teorias de aprendizagem: cognitivistas e construtivistas
Outras tecnologias educativas
bb--BoaspráticaBoasprática
Duração: curto (2 a 3 aulas) ou médio/longo prazo (1 semana a 1 mês)
Vantagem: estratégia motivadora; colaboração; controlo do copiar/colar
Limitações: Favorece a dispersão; falta de conteúdos em língua portuguesa
Os Formadores são a chave:
⌧ Enquadramento da Webquest na planificação
PáginasWebPáginasWeb
18
q q p ç
⌧ Imaginação e criatividade dos autores
⌧ Construção e publicação da Webquest
⌧ Exploração em contexto curricular (aplicação didáctica) com Net
⌧ Exploração em contexto curricular (aplicação didáctica) sem Net
10. 10
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
São representações mentais da realidade, isto é, representações das
estruturas cognitivas que cada indivíduo gerou da realidade
Mapas Mentais e Mapas de Conceitos
Outras tecnologias educativas
bb--BoaspráticaBoasprática
estruturas cognitivas que cada indivíduo gerou da realidade.
PáginasWebPáginasWeb
19
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Características de um Mapa Mental:
Formado por tópicos ligados através de linhas;
Outras tecnologias educativas
bb--BoaspráticaBoasprática
Cada tópico pode conter texto, ilustração ou ambos;
Organização hierárquica ou em árvore onde a raiz corresponde ao
tópico principal; os ramos aos sub-tópicos e as folhas aos tópicos sem
sub-tópicos;
Os tópicos formam níveis com graus crescentes de detalhe e
especificidade, normalmente mostrados no mapa através da
formatação: da raiz para as folhas, as linhas vão ficando mais finas e
as fontes menores
PáginasWebPáginasWeb
as fontes menores.
Gratuitas: InteliMap, FreeMind e MindMan Personal;
Comerciais: MindManager, MindGenius, MindMapper e Visual Mind.
Ferramentas para produção de Mapas Mentais:
20
11. 11
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Mapa Mental editado com Intelimap:
Outras tecnologias educativas
bb--BoaspráticaBoaspráticaPáginasWebPáginasWeb
http://www.intelimap.com.br/download/download.asp
21
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Características de um Mapa de Conceitos:
Modelo hierárquico para conceitos, onde os conceitos mais gerais e
inclusivos aparecem no topo e por baixo destes os que são cada vez
Outras tecnologias educativas
bb--BoaspráticaBoasprática
inclusivos aparecem no topo e, por baixo destes, os que são cada vez
mais específicos;
Conjunto de proposições (dois ou mais conceitos ligados através de
uma relação que cria uma unidade semântica designam-se proposição);
Formado por nós (conceitos) ligados através de arcos ou setas
(relações);
Gráfico onde os conceitos são substantivos e as relações são verbos.
PáginasWebPáginasWeb
Gratuitas: CmapTools, Compendium e VUE (Visual Understanding Environment);
Comerciais: SMART Ideas, Semantica, Logotron e Axon Idea Processor.
Ferramentas para produção de Mapas de Conceitos:
22
12. 12
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Mapa de Conceitos editado com Cmaptools:
Outras tecnologias educativas
bb--BoaspráticaBoaspráticaPáginasWebPáginasWeb
http://cmap.ihmc.us/
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Hotpotatoes ou Quizfaber:
Outras tecnologias educativas
bb--BoaspráticaBoaspráticaPáginasWebPáginasWeb
https://comunidade.ese.ipb.pt/hotpotatoes/ http://www.vgportal.ipb.pt/carlos/testesdigitais/testes_digitais.htm
http://www.lucagalli.net/en/http://hotpot.uvic.ca/
13. 13
Desenvolvimento de Produtos MultimédiaDesenvolvimento de Produtos Multimédia
asas
Trabalho
Crie um Website com actividades educativas:Crie um Website com actividades educativas:
Use uma estrutura não linear
Mí i 5 á i W b (1 4)
bb--BoaspráticaBoasprática
Mínimo = 5 páginas Web (1 + 4)
Máximo = 15 páginas Web
Numa das páginas disponibilize o mapa do site (por exemplo através
de um mapa mental com hiperligações).
Uma das actividades a realizar deverá incluir uma Webquest e uma
tarefa em hotpotatoes ou quizfaber.
PáginasWebPáginasWeb
Pelo menos uma das páginas deve apresentar um conteúdo externo:
localização do google maps e/ou vídeo do youtube, etc.
O menu deve incluir pelo menos a ligação a um serviço externo:
álbum de fotografias, blog, podcast, social bookmark, wiki, etc.
Não esqueça de seguir as principais regras ou boas práticas de concepção de
páginas Web.25