Want to create interactive content? It’s easy in Genially!

Get started free

Manual v.4.140322

José Freire

Created on March 14, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Essential Learning Unit

Akihabara Learning Unit

Genial learning unit

History Learning Unit

Primary Unit Plan

Vibrant Learning Unit

Art learning unit

Transcript

01

Manual genially? v.4.140322

José Freire

O que é o genially?

Genially é uma plataforma totalmente online que permite a criação de conteúdos.

É uma ferramenta gratuita.

Existe uma versão paga, que oferece algumas funcionalidades (criação de pastas e subpastas, possibilidade de trabalhar offline, guardar em pdf ou outros ...)

O que é o genially?

A versão gratuita é, no entanto, mais do que suficiente.

Genially permite criar conteúdos interativos e visuais bastante atrativos. Possui uma variedade de templates (modelos), totalmente editáveis, para que possamos utilizá-los, por isso não é necessário começar do zero.

Existem três pontos-chave para um conteúdo pedagógico relevante:

Memorizável

Motivador

Clarificador

Com o Genially conseguimos rapidamente criar este tipo de conteúdos!

Como podemos criar um recurso?

através De um modelo da plataforma (Template)

Através da reutilização de um recurso

através de uma criação em branco

02

O que podemos criar

O que podemos criar com o Genially?

Infográficos

Newsletter

Visitas de Estudo Virtuais

Apresentações

Jogos de Fuga

Celebração de Efemérides

Gamificação

Imagem Interativa

Criação de Cursos

Vídeos

Página na Internet

Criação de Aventuras

Cartazes e Folhetos

Quizes

Portfólios e Currículos

Fonte - https://ditchthattextbook.com/genially/

03

Criar conta

Criar Conta

Entre em https://genial.ly/

Clique em !

Será direcionado para a página: Crie a sua Conta! É grátis!

Criar conta

Selecione a plataforma com que pretende iniciar a sessão. Também pode usar uma conta de correio eletrónico.

Muito bem! Chegou à sua área de trabalho!

04

Área de trabalho

Apresentar

Título do trabalho

Partilhar

Modo Pré-visualização

Menu Esquerdo

Menu Canto direito

Adicionar colaboradores

Área de Trabalho (Modo Edição)

Menu direito

Ajuda

Páginas

Menu Inferior

Menu Esquerdo

1 - Inserir Texto

2 - Inserir Imagem

3 - Recursos - Ícones, Formas e Gráficos

4 -Elementos interativos - Botões, Marcadores, Redes Sociais, Números e Área invisível

5 - Smartblocks

6 - Inserir - Áudio, Vídeo e Outros

7 - Fundo das apresentações

8 - Páginas

Menu canto direito

Preferências

Publicar e partilhar

Visualizar trabalho

Adicionar colaborador

Menu lado direito

Definição da dimensão das apresentações, transições e navegação

O mesmo trabalho em modo Standard (Apresentação), vídeo e Microsite

Microsite

Vídeo

Standard (Apresentação)

Botão de navegação

Menu lado direito

Definição da dimensão das apresentações, transições e navegação

Canva - Define o tamanho, a proporção e o tipo de trabalho que pretende efetuar.

Transitions - Define como é feita a transição de slides em modo de apresentação.

Navigation - Indica se o seu trabalho é uma apresentação normal, tipo PowerPoint, Standart, um vídeo ou um Microsite

Nota - Ative o modo Microsite quando elaborar um desafio ou quizz. A navegação terá de ser criada manualmente.

Menu inferior

1 - Adicionar página

2 - Apagar página

3 - Aumentar e diminuir o tamanho da página

4 - Mudar de página

5 - Definição da dimensão da Área de Trabalho

6 - Modo de navegação - Normal, Vídeo e Site

7 - Esquema de cores da apresentação

05

Insert text Inserir texto

3 - Irá surgir na Área de Edição o tipo de texto selecionado

1 - Clique em

Título 1

2 - Escolha o formato, tamanho e tipo de texto

4 - Edite o texto

Formação Genail.ly

5 - Altere a cor, tamanho, tipo de letra e formatação neste menu

Formação Genail.ly

Cor, tipo de letra, formatação e alinhamento de texto.

6 -

Tipos e Formas de Texto

06

Insert Image Inserir imagens

3 - Clique na imagem

1 - Clique em

2 - Escolha a origem da imagem:

  • Computador;
  • Cutouts;
  • Pixbay;
  • Giphy;
  • Carregar do Google Drive ou Dropobox;
  • Através de um URL da internet.

4- Pode alterar a dimensão e a posição da imagem.

07

Edição de Imagens

Edição de imagem

Arraste o texto Drag para esta janela.

Put in order*Coloca por camadas os objetos na área de edição.

Lock*Bloqueia qualquer objeto na área de edição.

Position*Coloca os objetos em locais pré-definidos

OpacityTorna os objetos mais ou menos opacos.

Edit ImagePermite rodar, ampliar e cortar a imagem.

MasksColoca molduras em redor das imagens.

Drag*Permite mover, arrastar, um objeto no Genially.

* - Esta opção é aplicável a qualquer objeto, para além de imagens.

Edição de imagem na área de trabalho.

O Genially permite a edição de uma imagem na área de trabalho.

4 - Selecione, arrastando as marcas azuis, selecionando a parte da imagem que pretende usar. 5- Agora pode usar, ampliar e rodar a a parte da imagem selecionada.

1 - Selecione uma imagem; 2 - Selecione edit image; 3- Na imagem surgirá esta moldura:

Edição de imagem fora do Genially.

https://cleanup.pictures/

https://www.remove.bg/

Permite apagar apenas alguns elementos de uma imagem.
Permite retirar o fundo de uma imagem.

Base Dados de Imagens, Vídeos e Ícones gratuitos

08

Resources Recursos

3 - Clique sobre o elemento.

1 - Clique em

2 - Escolha a origem do recurso:

  • Icons - Ícones
  • Shapes - Formas;
  • Graphs & Charts - Gráficos e Tabelas;
  • Lines and arrows - Linhas e Setas;
  • Ilustrations - Ilustrações;
  • Scenes - Cenas;
  • Maps - Mapas;
  • Silhouettes - Silhuetas-

4 - Edite o recurso. Pode alterar a cor e a dimensão.

09

Interactive elements Elementos interativos

3 - Clique sobre o elemento.

1 - Clique em

Home

2 - Escolha a origem dos elementos interativos:

  • Buttons -Botões;
  • Button with text - Botões com texto;
  • Markers - Marcadores;
  • Social networks - Redes Sociais;
  • Numbers and letters - Números e letras;
  • Interactive questions.

4 - Edite o recurso. Pode alterar o texto, a cor e a dimensão.

Início

Novidade!

5 - Interactive questions é um novidade no Genially. Permite criar questões de resposta múltipla, com feedback. Veja este exemplo!

6 - Invisible area, área interativa, permite dar interatividade numa área do seu trabalho.

Veja estes recursos. Pode copiar para sua área e editar, estão reutilizáveies . Dois modos de usar esta funcionalidade.

10

Smartblocks

Smarblocks - São modelos de dados, tabelas, gráficos, diagramas e de galerias de imagens que pode usar de imediato nas suas criações.

3 - Clique sobre o elemento.

01

Title here

Title here

You can write a description here

02

Title here

Title here

You can write a description here

03

Title here

Title here

You can write a description here

04

Title here

1 - Clique em

4 - Edite o recurso. Pode apagar, alterar o texto, a cor e dimensão.

2 - Escolha o modelo de Smartblocks:

  • Data/Table/Graph;
  • Diagrams;
  • Galleries/Images;
  • Full size.

Um

Dois

Três

Quatro

  • 1000
  • 150
  • 10
  • 6000

11

insert Inserir

Title here

1 - Clique em

Title here

2 - Escolha o elemento que pretende inserir no Genially:

  • Audio - Áudio;
  • Video - Vídeo;
  • Others - Outros.

12

Background elementos de fundo

1 - Clique em

2 - Escolha a origem dos seus fundos:

  • Imagem do seu computador;
  • Por URL;
  • Color;
  • Library;
  • Pixbay.

Exemplo de um fundo animado do Genially.

1- Clique em Reutlizar 2- Esta coleção de fundos irá ser copiada para a sua área de trabalho. 3- Como inserir um fundo desta coleção num trabalho? a) Selecione Adicionar Página, Minhas criações e selecione estee trabalho; b) Selecione a imagem pretendida. DICA- Antes de selecionar o fundo, faça uma pré-visualização na coleção.

Exemplo de um fundo animado fora do Genially.

Modo Grelha (Grade)

Modo Lista

1 - Clique em

2 - Navegue entre as páginas do seu trabalho em forma de List (lista), ou em Grade (Grelha).3- Para adicionar uma nova página clique em:

4-Adicionar página

4.1 - Pode adicionar uma página de um dos slides do Template (modelo) que está a usar. Selecione a página e clique em ADD, no canto inferior esquerdo; 4.2 - Pode adicionar uma págima em branco, Blank. 4.3- Pode adicionar uma página de um outro template do Genially.

4- Adicionar Página

Title here

4.3.1.1 - Neste exemplo escolhemos da categoria gamificação o template Bricks Quiz. 4.3.1.2 - Selecione a(s) página(s) que quer introduzir na sua apresentação. Nota- Não se esqueça de clicar em ADD quando terminar.

Title here

4- Adicionar Página

4.4 - Pode, ainda, adicionar páginas de uma das suas criações. 4.4.1 - Selecione o Genially e depois escolha a(s) página(s) que pretende importar para o seu trabalho. Nota - Não se esqueça de clicar em ADD quando terminar.

Title here

Title here

Inserir Passwords entre Páginas

Inserir Páginas de Modelos e de Criações Suas

2 - Irá surgir uma janela semelhante a estas.

Title here

1 - Clique em

Title here

1- Permite a importação de uma, ou mais páginas, do modelo, Template, que está a usar.

2- Permite a importação de uma, ou mais páginas, de um outro modelo, Template, existente na plataforma.

3- Permite a importação de uma, ou mais páginas, de uma criação sua do Genially.

Criar e editar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Editor de Texto
    • Inserir Imagens!

Editor de Texto

Imagem

Criar e editar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Recursos
    • Elemntos interativos

Recursos

Elementos interativos

Criar e editar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Resources
    • Interactive elements

Recursos

Elementos interativos

Criar e editar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Resources
    • Interactive elements

Recursos

Elementos interativos

Criar e editar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Fundo

Fundo

Criar e editar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Pages (Páginas)

Nova página

Criar e editar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Publicar

Criar, editar e publicar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Publicar

1 - Antes de publicar, clique no botão para sair do modo edição e visualizar o seu trabalho. 2 - Se pretender adicionar um ou mais colaboradores ao seu trabalho, clique em 3 - Para obter a ligação com que fará a partilha na Internet, clique em Apresentar. 4-

Criar, editar e publicar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Publicar

5 - Irá surgir um ecrã semelhante a este:

Criar, editar e publicar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Publicar

5 - Selecione as opções de publicação:

  • Publico na Internet - O seu trabalho estará disponível para todos os utilizadores com o endereço web.
  • Reutilizável - O seu recurso pode ser copiado para a área de edição de qualquer utilizador e pode ser alterado e modificado.
  • Título - Pode alterar o título do seu trabalho
  • Descrição - Pode fazer um pequeno resumo do seu Genial.ly
Nota - As opções Privado e Protecão com Senha integram a versão paga do Genially.

Criar, editar e publicar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Publicar

6 - Irá surgir um novo ecrã, com as seguintes opções;

Criar, editar e publicar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Publicar

7 - Selecione as opções de publicação:

  • Present - Abre a apresentação/trabalho numa nova janela em ecrã completo.
  • Share - Partilha a sua criação através de uma ligação, url, nas redes sociais, por email e por código.
  • Download - Permite descarregar o seu trabalho em formato de HTML, JPG e PDF.
Nota - Apenas na versão paga.

Criar, editar e publicar o meu primeiro Genial.ly

  • Ferramentas Básicas:
    • Publicar

8 - Uma das opções de publicação, em ...Others, pode partilhar, de imediato, via Google Classroom e Teams, com os seus alunos, o trabalho realizado.

16

Edição Básica II Inserir áudio, Vídeo e outros

Inserir Áudio

Como pode inserir audio nos seus trabalhos?

1 - Diretamente do seu computador com a opção arrastar e largar.Nota - Esta opção é paga, mas iremos mostar uma solução.

2 - Gravar o som diretamente através do navegador do seu computador.

3 - Através de uma ligação URL de um ficheiro Mp3.

Como inserir audio através de uma ligação URL de um ficheiro Mp3?

1 - Procure na internet um site com música gratuita sem direitos de autor. Pode usar este: https://www.auboutdufil.com/

2 - Selecione a música e clique em descarregar.

3 - Neste site irá aparecer uma pagina com a ligação da música, copie a ligação: https://ia801800.us.archive.org/18/items/dia-yiannopoulou-zero-project-last-dance/DiaYiannopoulou-ZeroProject-LastDance.mp3

4 - Cole a ligação em

5 - Irá surgir um novo ícone abaixo do URL

6 - Arraste o ícone para a área de trabalho, pode fazê-lo para fora da zona de edição.

7 - No canto direito, quando clicar sobre esse ícone , irá aparecer este menu.

8 - Ative as opções de acordo com a sua preferência.

9 - No canto direito, quando clicar sobre esse ícone , irá aparecer este menu.

8 - Para a música tocar de forma contínua, durante a apresentação do Genial.ly, ative a opção Background audio.

Nota - Na formação avançada de Genial.ly iremos usar extensões que tornam este processo mais fácil.

Inserir Vídeo

Opção Settings do vídeo

1 - Para ativar as definições de visionamento clique no vídeo;2- Irão aparecer os ícones abaixo;3 Clique em 4- Irá surgir um ecrã semelhante ao da esquerda. Ative as opções que pretende:

  • Autoplay - Quando aberta a página o vídeo inicia a reprodução.
  • Loop - Reprodução em modo de repetição.
  • Mute - Reprodução sem som.
  • Hide playback bar - Esconde a barra de controlo do vídeo.
  • Star playing from - Permite apenas reproduzir o vídeo a partir de um determinado ponto.

Inserir Others

Uma das vantagens da utilização do Genial.ly é a incorporação de elementos de fora da plataforma, como:

  • Google Forms
  • Microsoft Forms
  • Wordwall
  • LearningApps
  • Kahoot (Com a ligação de partilha do kahoot, URL, vá a https://www.iframe-generator.com/ e gere o código iframe. Apenas com o código do kahoot não será possível visionar o trabalho.

Inserir Others

Neste exemplo, usámos a plataforma LearningApps, o Jogo do Milionário. Como fizemos? Em LearningApps copiámos o código de incorporação do jogo, iframe, e inserimos no Genial.ly. Esta funcionalidade só funciona com plataformas que forneçam o código de partilha.

Interatividade e Animações

Uma das grandes vantagens da utilização do Genial.ly é poder tornar todos os objetos interativos e animados.Sempre que clicar sobre um objeto, irão surgir 5 icons, serão 6 se for uma imagem. Se estiverem de cor azul, essa função está ativa, se estiver de cor cinzento, a funçao está desativada.

  • - Cadeado - O objeto está fixo e não pode ser editado ou movido.
  • - Mão - Torna o objeto movível na página do Genial.ly
  • - Interatividade - Dá 4 tipos de interatividade aos objetos.
  • - Animação - Permite criar dezenas de animações e transições com imagens, textos, etc
  • - Rodar - O objeto pode ser rodado em qualquer ângulo de 360.º

Interatividade

TOOLTIP- Clicando sobre a imagem irá surgir uma pequena janela informativa sobre esse objeto. A informação deve ser curta e sucinta. Nota - Não se esqueça de clicar em SALVAR para guardar as alterações.

Interatividade

Janela- Clicando sobre a imagem irá surgir uma janela grande informativa sobre esse objeto. Aqui pode adicionar mais conteúdo: imagens, textos, vídeos, etc. Nota - Não se esqueça de clicar em SALVAR para guardar as alterações.

Interatividade

Ira para a página - Com esta função pode criar ligações entre as diferentes páginas do seu Genially. Terá´de a usar obrigatoriamente quando estiver em modo MICROSITE. Nota - Não se esqueça de clicar em SALVAR para guardar as alterações.

Interatividade

Ir para a página - Neste exemplo o utilizador ao clicar sobre o porquinho irá para outra página do seu trabalho. Esta função é muito útil na criação de questionários e de jogos. Nota - Não se esqueça de clicar em SALVAR para guardar as alterações.

Interatividade

LINK- Ao clicar sobre um objeto somos encaminhados para uma página da internet fora do Genially. Podemos selecionar que a página abra em uma nova aba, ou Abrir na mesma aba. Nota - Não se esqueça de clicar em SALVAR para guardar as alterações.

Interatividade

Audio - Esta interatividade não é novidade nehuma, mantém as mesmas restrições, apenas com uma conta premium se pode carregar ficheiros mp3 do computador. Nota - Não se esqueça de clicar em SALVAR para guardar as alterações.

Interatividade

Mostrar - Esta interatividade permite o aparecimento de objetos/contéudo apenas quando são acionados. Clique em 1 e 2.Nota - Não se esqueça de clicar em SALVAR para guardar as alterações.

Animações

Entrada

Neste exemplo, em EFEITO, selecionamos o efeito pretendido, neste caso Focar.Neste menu podemos, ainda, definir Início, quando o porco irá aparecer, neste caso 1,5 segundos após a apresentação começar. Em VELOCIDADE, indicamos a velocidade do efeito. Em DIREÇÂO definimos o tipo de entrada do efeito: da direita, da esquerda, de cima ou de baixo.

Animações

Saída

Com esta opção ativada, o(s) objeto(s) irá(ão) desaparecer da apresentação na altura por si programada. Neste caso aos 2.4 segundos. Assim, defina o EFEITO, em INÍCIO quando será executado o comando e em DIRECÃo o efeito desejado.

Animações

Continuous (Continuamente)

Com esta opção ativada os objetos estarão continuamente, em loop, a executar a mesma ação/movimento. Defina em EFFECT o movimento pretendido. Assim que o fizer, poderá visualizar na área de edição o efeito selecionado.

Animações

Mouse por cima

Com esta opção ativa sempre que passar com o ponteiro do rato, os objetos executarão uma ação animada.Neste caso, sempre que o utilizador passar com o ponteiro do rato o porquinho aumentará de tamanho, Zoom. As opções são muitas e variadas. NOTA - Sempre que tiver uma opção de animação ativa para um objeto, será indicada com um ponto amarelo na zona de animações.

Animações

Ao Clicar

Com esta opção ativa sempre que clicar sobre um objeto, este executará uma ação animada. Neste caso, sempre que o clicar no porquinho, este deslizá para a direita. As opções são muitas e variadas.

Exemplo: Indica a localização do distrito de Beja?

Modo Visualização

Modo Edição

Erro 1 - Mensagem

Erro 2 - Página de erro.

Correto

Recurso com Área invisível

Clique em para o copiar para a sua coleção.

Exemplo: Teclado Numérico com a Área Invisível

Ano da Revolução de Abril, também conhecida pela Revolução dos Cravos?

Resposta - 1974

Exemplo: Teclado Alfabético com a Área Invisível

O que vem a seguir de Viena, Bruxelas, Praga, Copenhaga, Tallin, Helsínquia, Atenas....?

Resposta - AMESTERDÃO

Recursos: Imagens, Vídeos e Ícones na ajuda à criação de materais

Reutilizar Genially

Todos os trabalhos da plataforma Genially são reutilizáveis, desde que sejam autorizados pelo seus criadores. Isto é, podem ser copiados para a sua coleção e editados, como fazer? Todos os recursos Genially que indiquem que são reutilizáveis , podem ser copiados para a sua coleção. Procure na parte inferior dos trabalhos a indicação Reuse This Genially.

Quizzes - Questionários

Criação

Template Genially- Modelo

Quizzes - Questionários

Criação

Template Genially- Modelo

Quizzes - Questionários

Criação

Template Genially- Modelo

Jogos

Criação

Template Genially- Modelo

Jogo de Tabuleiro

Criação

Salas de Fuga/Breakout

Criação

Template Genially- Modelo

O que são salas de Fuga (jogos de fuga)? (Escape Room)

Uma sala de fuga, Jogo de Fuga, é uma experiência de jogo em que o jogador é desafiado a sair de uma sala onde foi trancado.· Para escapar o jogador deve superar uma série de desafios de diferentes tipos, relacionados com as diferentes áreas do saber, que o levarão a encontrar a chave que abre a porta de saída. · BreakOut Edu - Muito semelhante às Escape Rooms, mas mais ligado à abertura de caixas e cofres. https://www.breakoutedu.com/

apenas

Exemplo: Elaboração de um desafio com recursos do Genially

Passe este trabalho para as suas coleções e veja as ferramentas utilizadas.

apenas

Elaboração de um desafio só com recursos do Genially

Ferramentas e técnicas usadas no cadeado:

  • Acontecimento da História de Portugal;
  • Imagem de um teclado de uma caixa multibanco;
  • Área invisível;
  • Elementos interativos.

Ferramentas e técnicas usadas no desafio:

  • Problemas matemáticos;
  • Interatividade e animações;
  • Navegação - Microsite;
  • Imagem do Giphy;
  • Shapes, Lines and arrows;
  • Elementos arrastáveis;
  • Password entre páginas.

apenas

vídeo - Elaboração de um desafio com recursos do Genially

Perfil Social

O Social Profile, Perfil Social, é uma página onde pode partilhar os seus trabalhos, podendo ser reutilizável ou não. Esta página é gerada automaticamente pela plataforma. Como colocar um trabalho no seu Perfil Social:

  1. Clique no canto superior direito do ecrã em
  2. Clique em Preferências;
  3. Abra o separador Privacy;
  4. Ative a opção Show on my Profile.

Social Profile

A ativação, e desativação, do seu Perfil Social é feita no separador o Meu Perfil. É uma maneira fácil de partilhar as suas criações e de ver as criações de outros utilizadores. Na formação de Genially avançado iremos partilhar as páginas de muitos professores espanhóis e franceses.

Inspiração para o seu trabalho

Nas páginas seguintes veja as ligações para se poder inspirar na criação dos seus trabalhos. Poderá procurar na plataforma ou fora da plataforma, como vimos anteriormente. Muitos dos trabalhos que irá encontar fora da plataforma usam extensões. Iremos aprender a usar essas extensões numa próxima formação, Genially avançado.

Dentro da plataforma

Onde pode encontrar recursos?

Na plataforma

Abra o Genial.ly, clique em Inspiration, e abra os trabalhos com o símbolo azul, reutilizável, canto direito superior. Serão de imediato transferidos para a sua área de trabalho e pode começar a editar.

Fora da plataforma

Onde pode encontrar recursos?

Fora da Plataforma

  • Blogue - https://partilhagenial.blogspot.com/
  • Grupos do Facebook -:
    • Enseigner et former avec Genially
    • Teaching with Genially
    • Genially
  • Padelt -https://padlet.com/jusch122/kpsfgcb8xrygm9du
  • https://sandboxeducacion.es/
  • https://scape.enepe.fr/actualites.html
  • https://didactilang.com/category/tutoriales/genially-tutoriales/
  • Twitter
  • https://flipboard.com/@josfreire/genially-36rrt7eez?from=share&utm_source=flipboard&utm_medium=curator_share

Muitos dos trabalhos que vai encontrar estão em língua espanhola ou francesa. No entanto, muitas das vezes são uma ótima base de trabalho e de inspiração para criar novos materiais.

Materais de Ajuda à criação