1. Bem-vindo/a à ferramenta Livro

Olá!

Este é um livro sobre a ferramenta livro! Seria um meta-livro? Bom, o que sabemos é que a ferramenta livro é um excelente recurso para apresentar conteúdos, exemplos e reflexões para os alunos. 

Aproveite o potencial desta ferramenta digital e interativa para incluir vídeos, artigos, links para outras páginas, observações, exemplos, cases, links para discussões no fórum, entre outros. 

Nas páginas a seguir você encontra alguns exemplos de como trabalhar com a ferramenta livro e explorar a integração de outros recursos.

A ferramenta livro é muito mais do que um livro

2. Como criar um livro do zero

Para criar um livro siga os seguintes passos:

• Ative a edição da sala no Moodle
• Clique em Adicionar recurso ou atividade no tópico em que deseja inserir o livro
• Escolha a ferramenta Livro e clique em Avançar
• Nas configurações iniciais defina um Nome para o livro
• Recomendamos que na aparência do livro, você escolhe a opção NADA em vez de Numeração
• Clique em Salvar e Mostrar

Você será direcionado(a) para o primeiro capítulo. Agora basta definir um título para a primeira página e inserir o conteúdo. Ao finalizar clique em salvar.

Para adicionar novas páginas, clique no ícone de + disponível no sumário.

3. Trabalhando com textos e imagens

Em primeiro lugar, recomendamos que você elabore textos mais longos em algum editor de textos (ou até no bloco de notas) e apenas depois traga para a ferramenta livro. Isso porque, pode acontecer de você estar escrevendo uma página longa de conteúdo e ficar algumas horas parado na página de edição sem efetivamente navegar pelo Moodle. Quando isso acontece, por questão de segurança, o Moodle faz logoff da sua conta. Se isso acontecer, ao clicar em Salvar, você perderá o que escreveu. Então, para não correr esse risco, escreva fora do Moodle e traga para cá depois.

Garantindo a formação

Se você copiar e colar o texto de um editor de textos como Word ou Libre Office, por exemplo, provavelmente serão carregadas as formatações que você usou: os tamanhos de fonte, o tipo da fonte, as cores, etc. Não é interessante que você traga essas formatações quando elaborar seu livro aqui no Moodle, por alguns motivos:

• O estilo dos textos, títulos, hiperlinks e destaques é definido pelo código fonte da página. Quando você carrega uma formatação diferente da utilizada no Moodle (por exemplo usando a fonte Arial, que não usamos aqui no Moodle), serão criados trechos extras no código fonte da página, deixando-a mais pesada e mais difícil de formatar.
• O estilo visual dos textos e imagens que compõem as páginas aqui do Moodle foram pensados para promover maior acessibilidade, legibilidade e menos cansaço visual na leitura. Lembre-se de que sendo um livro digital, os alunos estudarão na tela. Conforto visual é primordial.

Nesse sentido, recomendamos fortemente que ao trazer um texto de outro local, você use alguma das seguintes alternativas:

• cole o texto no bloco de notas para que ele perca a formatação e depois copie e cole novamente aqui na página do Moodle; ou
• clique no botão "Colar como texto simples" disponível na barra de ferramentas expandida do editor do Moodle; ou
• utilize um atalho do teclado que automaticamente cola o texto sem formatação: CTRL + SHIFT + V (nem sempre funciona).

Formatação de textos

Os textos aqui no Moodle possuem a formatação básica de negrito, itálico, sublinhado e riscado. Quando o texto é colado "sem formatação" ele assume automaticamente o estilo de texto de parágrafo. Veja abaixo os estilos de textos existentes, além do parágrafo padrão:

Título nível 1

Título nível 2

Título nível 3

Título nível 4

Título nível 5

----
Para aplicar qualquer um destes estilos, selecione o texto desejado e escolha o estilo no primeiro menu suspenso da barra de ferramentas da caixa de edição. Normalmente você verá a palavra "Parágrafo" nessa caixa.

Trabalhando com tabelas

Para inserir uma tabela, recomendamos que você utilize a opção pré-definida no recurso inserir template. Escolha a opção tabela e depois clique em inserir. Você verá uma tabela conforme esta:

Fonte: Cerfead/IFSC

Para mudar a configuração da tabela, basta selecionar linhas ou colunas e clicar com botão direito do mouse. Você poderá adicionar ou remover linhas e colunas, além de poder mesclar células quando precisar.  

Imagens

Assim como as tabelas, apesar de o Moodle oferecer um botão para inserir imagens, recomendamos que você utilize as opções criadas pelo IFSC no botão inserir template. Escolha entre os diferentes tamanhos de imagem disponíveis e clique em inserir. Em seguida, para alterar a imagem, clique com botão direito sobre a imagem padrão e depois em inserir/editar imagem. Veja mais detalhes na próxima página. 

3.1. Exemplos de posicionamento de imagens

Imagem P

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Legenda: Exemplo de foto P

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Imagem M

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Legenda: Exemplo de foto M

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Imagem G

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Legenda: Exemplo de foto G

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Imagem GG

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Legenda: Exemplo de foto GG

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Imagem à direita P

Legenda: Exemplo de foto à direta P

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

Imagem à direita M

Legenda: Exemplo de foto à direta M

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

Imagem à esquerda P

Legenda: Exemplo de foto à esquerda P

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

Imagem à esquerda M

Legenda: Exemplo de foto à esquerda M

Fonte: Foto do dia GoPro - Nicolas Lavilla Calahorra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

Imagem com título sobreposto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed condimentum eros. Curabitur consequat dignissim nunc. Aenean a scelerisque est. Sed blandit auctor tincidunt. Fusce pellentesque iaculis congue. Vestibulum faucibus augue sit amet lectus mollis, vitae vehicula tellus venenatis. Morbi congue erat lacus, nec mollis dolor pretium a. Curabitur nisi tellus, dictum eu justo eu, gravida accumsan arcu. Cras posuere sed massa eu feugiat.

Título bacana

Donec arcu quam, lobortis non felis vitae, vehicula aliquet nisi. Sed turpis odio, tempor ac imperdiet eu, porta vitae arcu. Sed iaculis vitae magna sit amet ultricies. Donec porta vitae neque vel eleifend. In id feugiat enim. Duis molestie egestas lorem, eget ultricies tortor. Sed interdum dapibus lectus. Nam non purus tempor leo porta faucibus.

Nunc sit amet commodo dolor, efficitur cursus felis. Fusce interdum condimentum lorem, tincidunt efficitur turpis sodales ut. Pellentesque lobortis lectus ac lorem ultrices condimentum. Nunc lobortis a elit nec vestibulum. Nam et magna ante. Etiam enim dui, sagittis ac lectus id, pellentesque condimentum quam. Maecenas nec euismod ligula. Aliquam eget metus mollis tellus vulputate bibendum vel et dolor. Cras feugiat, ligula eu tempus imperdiet, libero metus fermentum arcu, sit amet placerat odio nulla ut ante. Integer imperdiet venenatis sapien, et lobortis nibh sollicitudin quis. Suspendisse potenti. Integer nibh nulla, feugiat sed sem a, gravida volutpat massa.

3.2. Recursos de destaque e organização da informação

A seguir são apresentados os recursos de destaque disponíveis no Inserir Template para que você varie a forma de apresentar o conteúdo na página. Para editar, recomendamos manter a primeira letra da esquerda (uma vez que a formatação é herdada do caractere à esquerda). Ao final, apague a primeira letra.

Glossário

Apesar de ser chamada de glossário, você pode usar essa caixa de destaque para diferentes situações. Ela prevê um título e um texto.

Destaque azul e destaque padrão

Ambos funcionam da mesma forma, o que muda é a cor. Você pode usar essas caixas com fundo levemente colorido para destacar alguma informação da página. Mas atenção: destaques em excesso não geram destaque nenhum. Use-os com propósito.

Linhas divisórias

No inserir template você encontra as Divisórias Estilo 1, 2 e 3, apresentadas respectivamente a seguir:

2

3

Utilize as divisórias para separar conteúdos da página quando você perceber que ela está visualmente pesada ou quando os parágrafos não possuem conexão.

Caixa com seta para cima ou para baixo

Estas caixas podem ser utilizadas para destacar alguma informação na página e apontar para algo que veio antes ou que virá logo em seguida. Por exemplo, para dizer: Atenção! Leia o roteiro de estudos disponível abaixo antes de prosseguir.

Caixa com seta para baixo verde

Esta caixa é similar à anterior, mas ela adiciona um espaço em cinza para separar uma informação do restante da página. Dependendo do contexto, ela pode ter a mesma função da caixa glossário, visto que prevê um título e um texto.

Outros recursos

Há outros recursos disponíveis no botão inserir template. No entanto, recomendamos que eles só sejam utilizados se você souber editá-los no código HTML <>, uma vez que será necessário para sua devida configuração. 

3.3. Links convidativos para materiais externos

Os recursos do inserir template para indicar materiais externos prevêem a existência de um link para um arquivo ou url externa. Para editar a parte textual, recomendamos manter a primeira letra da esquerda (visto que a formatação é herdada da esquerda). Quando acabar de inserir o texto, lembre-se de apagar a primeira letra. Para editar o link, selecione o texto que corresponde ao link e clique no ícone de link  na barra de ferramentas.

Leitura complementar

Utilize esse recurso quando quiser indicar algum material extra, para aprofundamento dos estudos, que não faz parte do que seria considerado o conteúdo base da unidade curricular. 

Leitura obrigatória

Utilize esse recurso quando quiser indicar algum material que não pode ser incorporado na página do livro (um artigo em PDF, um post de blog, uma notícia, ou qualquer outro link externo) que seja se leitura obrigatória. 

Na prática

O recurso na prática foi previsto para fazer um link com algum caso real, uma notícia, vídeo ou outro recurso externo acessado via link que permita ao aluno a conexão teoria-prática.

4. Integrando vídeos

Para incorporar um vídeo do youtube, siga os passos a seguir:

• Acesse o vídeo desejado na página do youtube
• Logo abaixo do vídeo, clique em Compartilhar.
• Na janela com opções de compartilhamento clique em Incorporar.
• Copie o código de incorporação apresentado.
• No Moodle, expanda a caixa de edição e procure o botão "Editar código HTML" <>
• Cole o código de incorporação no local desejado e clique em Atualizar.
• Pronto! O vídeo deverá aparecer na página do livro.

5. Direitos autorais

Ao desenvolver os materiais para sua unidade curricular, fique atento(a) ao que preza a Lei de Direitos Autorais (Lei Nº 9.610/1998).

No caso de uso de materiais de terceiros é importante observar se você está citando pequenos trechos ou utilizando pedaços de obra o que pode ferir o direito patrimonial - isto é, de quem detém os direitos de reprodução da obra.  

Legenda: Aspectos dos direitos morais e patrimoniais na preparação de conteúdos para EaD

Fonte: FILATRO (2018)

É preciso analisar caso a caso quando o assunto é utilização de materiais de terceiros. Nem sempre, citar a fonte garante que que você esteja cumprindo a lei. 

E os seus direitos?

Quando se trata dos seus direitos autorais, tudo vai depender do grau de autoria do recurso que você está produzindo. Ela pode ser uma obra autoral ou uma obra derivada de outras, por exemplo. Em todo caso, mesmo que você faça um mash-up de recursos de terceiros disponíveis para uso, mesclados com textos seus, procura-se garantir que o seu nome apareça na ficha técnica como autora do objeto de aprendizagem (no caso o livro digital). Veja nas páginas a seguir um exemplo de ficha técnica e mais detalhes sobre o tipo de licença que o IFSC adota em seus materiais didáticos: a Creative Commons.

5.1. Modelo de ficha técnica

Ficha técnica de primeira versão

A ficha abaixo é utilizada em obras aqui no Moodle que estejam na sua primeira versão, ou seja, que não são derivadas de outras. 

Este trabalho está licenciado com uma Licença Creative Commons - Atribuição-NãoComercial-CompartilhaIgual 4.0 Internacional.

Ficha técnica para versões derivadas

A ficha abaixo é utilizada em obras derivadas de outras. Nesse caso, indica-se a equipe que trabalhou na versão atual. Mantém-se a indicação de quem fez a versão anterior (de onde o livro foi replicado) e a indicação da versão original (a primeira versão). Não é preciso indicar todo o histórico de versões, apenas a versão imediatamente anterior e a versão original. Nas versões anteriores, deve-se inserir o link dos respectivos livros no Moodle. Os alunos não terão acesso às versões anteriores, mas o link é necessário para fins de comparação legal. Caso tenhamos que diferenciar o que é obra do autor original e o que foi adaptado, ao comparar as edições, podemos identificar tais mudanças. Esta indicação atende ao requisito de obras derivadas da licença Creative Commons. Caso a sua obra seja a primeira derivação da original, basta excluir a "versão anterior".

Este trabalho está licenciado com uma Licença Creative Commons - Atribuição-NãoComercial-CompartilhaIgual 4.0 Internacional.

5.2. Tipos de licenciamento Creative Commons

A Coordenadoria de Materiais Didáticos adota as recomendações da Capes e de outros órgãos vinculados ao Ministério da Educação que tratam do uso do conjunto de licenças chamado Creative Commons.

Nossa sugestão é que você utilize a licença Atribuição-NãoComercial-CompartilhaIgual - CC BY-NC-SA. Essa licença permite que outros remixem, adaptem e criem a partir do seu trabalho para fins não comerciais, desde que atribuam a você o devido crédito e que licenciem as novas criações sob termos idênticos. Isto significa que eu posso ampliar e adaptar o material que você produziu para o meu contexto, mas você continuará sendo citado(a) como autor da versão original (lembra da ficha técnica que vimos antes?). O material que eu criar (derivado), por sua vez, deverá manter o mesmo tipo de licença, permitindo que outras pessoas adaptem o que eu criei.

6. Ficha técnica

Este trabalho está licenciado com uma Licença Creative Commons - Atribuição-NãoComercial-CompartilhaIgual 4.0 Internacional.