Manual H5P Moodle

Base

O Que é H5P?

H5P é um framework de conteúdo interativo gratuito e de código aberto, que permite criar, compartilhar e reutilizar conteúdos interativos diretamente em navegadores web. Pense nele como uma caixa de ferramentas que te permite transformar materiais estáticos em experiências dinâmicas e engajadoras para o seu público.

Ele é amplamente utilizado em plataformas de aprendizagem (LMS) como Moodle, Canvas, Blackboard, e pode ser integrado em sites WordPress, Drupal, e muitos outros.

Por que usar H5P?

Como o H5P Funciona?

O H5P funciona de forma bastante intuitiva. Você escolhe um tipo de conteúdo H5P (como um Livro Interativo ou uma Questão de Múltipla Escolha), preenche os campos com seu próprio texto, imagens e vídeos, configura as opções de acordo com suas necessidades e salva.

Depois de criado, o conteúdo H5P pode ser embutido (embedded) facilmente em uma página web, uma atividade de curso em uma plataforma LMS ou até mesmo compartilhado como um arquivo autônomo. Ele é exibido diretamente no navegador, sem a necessidade de plugins ou softwares adicionais.

Como Criar Conteúdos H5P: Exemplos Práticos

Agora que você entende o que é o H5P e como ele funciona, vamos para a parte mais empolgante: a criação! Para cada um dos conteúdos H5P que você selecionou, você encontrará uma descrição, para que serve e um guia passo a passo simplificado para a criação.

Antes de começar a criar, veja como é simples adicionar um conteúdo H5P como uma atividade no Moodle:

[AQUI ENTRARIA O VÍDEO TUTORIAL: Como adicionar um conteúdo H5P como atividade no Moodle]

Depois de entender como o H5P se integra ao Moodle, você estará pronto para mergulhar nos diferentes tipos de conteúdo.

1. Interactive Book (Livro Interativo)

Para que serve?

Organizar uma grande quantidade de conteúdo em capítulos e subcapítulos navegáveis, permitindo a incorporação de outros tipos de H5P. É ideal para criar módulos de curso completos, manuais ou e-books interativos.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Interactive Book" no editor H5P.
  2. Título: Dê um título ao seu livro (ex: "Guia Completo de H5P").
  3. Adicionar Páginas/Capítulos:
    • Clique em "Add Page" para criar novas páginas.
    • Use a estrutura de tópicos à esquerda para organizar em capítulos e subcapítulos, arrastando e soltando para reordenar.
  4. Conteúdo da Página: Em cada página, você pode adicionar:
    • Texto: Digite seu conteúdo textual.
    • Imagens/Vídeos: Insira mídias para enriquecer a página.
    • Outros H5P: O grande diferencial! Você pode inserir outros tipos de H5P (como um "Interactive Video" ou "Multiple Choice") diretamente nas páginas do livro, clicando no botão "Add H5P" e selecionando o tipo desejado.
  5. Configurações: Explore as opções de comportamento, como permitir a impressão do livro ou controlar a navegação.
  6. Salvar: Salve seu Livro Interativo.

2. Course Presentation (Slides)

Para que serve?

Criar apresentações de slides dinâmicas e interativas. Diferente de um PowerPoint estático, você pode adicionar perguntas, vídeos e outros elementos interativos diretamente nos slides, transformando a apresentação em uma atividade de aprendizagem ativa.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Course Presentation".
  2. Título: Dê um título à sua apresentação.
  3. Adicionar Slides: Clique em "Add slide" para criar novos slides.
  4. Conteúdo do Slide: Em cada slide, use os ícones na barra superior para adicionar:
    • Texto: Caixas de texto para seu conteúdo.
    • Imagens: Adicione elementos visuais.
    • Vídeos/Áudios: Insira mídias.
    • Formas: Linhas, retângulos, etc.
    • Atividades Interativas: Clique nos ícones de "Question" (ex: True/False, Multiple Choice, Fill in the Blanks) e arraste para o slide para adicionar uma pergunta.
  5. Configurações de Interação: Para as atividades, defina as respostas corretas e o feedback.
  6. Resumo (opcional): No último slide, você pode configurar um "Summary" que revisa os pontos principais ou as respostas dadas.
  7. Salvar: Salve sua Apresentação de Curso.

3. Interactive Video (Vídeo Interativo)

Para que serve?

Transformar vídeos passivos em experiências de aprendizado ativas, adicionando pontos de interação (perguntas, informações, navegação) ao longo da linha do tempo do vídeo.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Interactive Video".
  2. Título: Dê um título ao seu vídeo interativo.
  3. Passo 1: Upload de Vídeo:
    • Faça o upload de um vídeo do seu computador ou cole um link de vídeo (YouTube, Vimeo, etc.).
  4. Passo 2: Adicionar Interações:
    • Na linha do tempo abaixo do vídeo, clique no botão "Add interaction".
    • Arraste o cursor do vídeo para o ponto onde deseja adicionar a interação.
    • Escolha o tipo de interação (ex: True/False Question, Multiple Choice Question, Text, Table, etc.).
    • Configure a interação (texto, pergunta, opções de resposta, feedback).
    • Defina a duração da interação na tela (se deve aparecer por um tempo ou pausar o vídeo).
  5. Passo 3: Sumário (opcional): Configure um resumo das perguntas e pontuações no final do vídeo.
  6. Salvar: Salve seu Vídeo Interativo.

4. True or False Question (Questão de Verdadeiro ou Falso)

Para que serve?

Avaliar rapidamente a compreensão de afirmações simples, onde a resposta é "Verdadeiro" ou "Falso".

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "True/False Question".
  2. Título (opcional): Dê um título à questão.
  3. Questão: Digite a afirmação que o usuário deverá julgar.
  4. Resposta Correta: Selecione se a afirmação é "True" (Verdadeiro) ou "False" (Falso).
  5. Feedback (opcional): Adicione feedback para respostas corretas e incorretas.
  6. Salvar: Salve sua Questão de Verdadeiro ou Falso.

5. Multiple Choice Question (Questão de Múltipla Escolha)

Para que serve?

Avaliar o conhecimento do usuário através de opções, onde pode haver uma ou mais respostas corretas.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Multiple Choice".
  2. Título (opcional): Dê um título à questão.
  3. Questão: Digite o enunciado da pergunta.
  4. Opções de Resposta:
    • Para cada opção, digite o texto.
    • Marque a caixa "Correct" se a opção for uma resposta correta. Você pode ter mais de uma resposta correta se desejar.
    • Adicione feedback individual para cada opção, se quiser.
  5. Comportamento da Questão: Configure se as opções devem ser embaralhadas, se múltiplas escolhas são permitidas, e o feedback geral.
  6. Salvar: Salve sua Questão de Múltipla Escolha.

6. Single Choice Question (Questão de Uma Escolha)

Para que serve?

Similar à múltipla escolha, mas garante que apenas uma única resposta seja a correta. Ideal para cenários onde a precisão de uma única opção é fundamental.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Single Choice Set" (ou "Single Choice Question" dependendo da versão/plataforma).
  2. Título (opcional): Dê um título à questão.
  3. Questão: Digite o enunciado da pergunta.
  4. Opções de Resposta:
    • Para cada opção, digite o texto.
    • Marque apenas uma opção como "Correct Answer".
  5. Feedback (opcional): Adicione feedback.
  6. Salvar: Salve sua Questão de Uma Escolha.

7. Accordion (Acordeão)

Para que serve?

Organizar conteúdo em seções recolhíveis (como abas que se expandem e contraem). Isso economiza espaço na tela e permite que o usuário expanda apenas o que é relevante, sendo ótimo para FAQs, glossários ou informações adicionais.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Accordion".
  2. Título (opcional): Dê um título ao acordeão.
  3. Adicionar Painel: Clique em "Add panel".
  4. Título do Painel: Digite o título da seção (ex: "O que é H5P?").
  5. Conteúdo do Painel: Digite o texto ou adicione imagens/vídeos que aparecerão quando o painel for expandido.
  6. Repetir: Adicione quantos painéis forem necessários.
  7. Salvar: Salve seu Acordeão.

8. Fill in the Blanks (Preencha os Espaços Vazios)

Para que serve?

Testar o conhecimento de termos específicos ou a capacidade de completar frases. O usuário precisa digitar a palavra correta para preencher um espaço vazio.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Fill in the Blanks".
  2. Título (opcional): Dê um título à atividade.
  3. Texto: Digite a frase ou parágrafo que terá os espaços vazios.
    • Para criar um espaço vazio, coloque a palavra correta entre asteriscos (*). Ex: "O Brasil é um país da *América do Sul*."
    • Você pode adicionar múltiplas palavras corretas para um mesmo espaço separando-as com uma barra (/). Ex: "A capital da França é *Paris/cidade-luz*."
  4. Configurações: Ajuste opções como distinção entre maiúsculas/minúsculas (case sensitivity) e o feedback.
  5. Salvar: Salve sua atividade de Preencher os Espaços Vazios.

9. Drag the Words (Arraste as Palavras)

Para que serve?

Associar palavras a espaços específicos em um texto ou frase, de forma interativa. O usuário arrasta as palavras de um banco para os locais corretos.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Drag the Words".
  2. Título (opcional): Dê um título à atividade.
  3. Texto: Digite a frase ou parágrafo.
    • Para designar uma palavra como arrastável, coloque-a entre asteriscos (*). Ex: "O *sol* é uma *estrela*." As palavras dentro dos asteriscos se tornarão arrastáveis.
  4. Feedback (opcional): Configure o feedback para respostas corretas e incorretas.
  5. Salvar: Salve sua atividade de Arrastar as Palavras.

10. Drag and Drop (Arraste e Solte)

Para que serve?

Criar atividades de associação visual, onde o usuário arrasta imagens ou textos para zonas de destino específicas. É extremamente versátil para categorização, rotulagem de diagramas, etc.

Como criar:

  1. Escolha o tipo de conteúdo: Selecione "Drag and Drop".
  2. Título (opcional): Dê um título à atividade.
  3. Passo 1: Definir Cenário:
    • Fundo: Carregue uma imagem de fundo para sua atividade (opcional, mas recomendado).
  4. Passo 2: Adicionar Elementos:
    • Zonas de Arrastar (Drop Zones): Clique em "Add drop zone" para criar as áreas onde os elementos serão soltos. Defina o texto ou imagem da zona, e se ela deve ser um alvo para elementos específicos.
    • Elementos Arrastáveis (Draggable elements): Clique em "Add draggable text" ou "Add draggable image".
      • Para texto: Digite o texto a ser arrastado.
      • Para imagem: Carregue a imagem.
      • Associação: Para cada elemento arrastável, marque a(s) zona(s) de arrastar correta(s) à qual ele pertence.
  5. Configurações: Ajuste o feedback, o comportamento de pontuação, etc.
  6. Salvar: Salve sua atividade de Arrastar e Soltar.

Dicas Essenciais para o Sucesso com H5P

Com essas informações e guias, você está pronto para começar a criar conteúdos H5P incríveis e transformar suas experiências de ensino e aprendizagem!