Como personalizar os certificados dos cursos?

Este artigo apresenta o processo básico de personalização de certificados dos cursos e indica os campos do certificado que a entidade pode alterar.

Guia passo a passo:

  1.  Aceder a STUDIO > Curso > “Configurações” > "Configurações Avançadas":

2. Configure o campo "Configurações para certificados Web/HTML":

Use o mecanismo de pesquisa (Ctrl+F) do seu browser para encontrar rapidamente o campo a preencher.

3. Personalize o certificado de conclusão do curso, alterando as frases:

Configurações base recomendadas para os certificados Web/HTML - atenção que a última linha não deve terminar com ,
{ "document_title": "CERTIFICADO", "certificate_description": "Certifica-se que ", "accomplishment_copy_description_full": " concluiu o curso ", "accomplishment_copy_course_description": ".", "add_course_image_left_panel": "True", "add_course_name_left_panel": "True", "add_organization_logo_to_header": "True" }

Opcionalmente, pode personalizar o certificado, trocando por exemplo os textos apresentados; adicionando logótipos de parceiros e/ou trocando a imagem de fundo.

De seguida, é apresentado uma lista exaustiva dos parâmetros de configuração, uma breve descrição e objetivo destes parâmetros com uma ilustração visual do posicionamento dos elementos mais importantes no certificado, assim como um exemplo de um certificado pré-preenchido:

Nome do parâmetro

Descrição / Objetivo

Exemplo

Nome do parâmetro

Descrição / Objetivo

Exemplo

document_title

Título do documento.

CERTIFICADO

certificate_description

Primeira parte do texto principal do certificado.

Certifica-se que

accomplishment_copy_description_full

Terceira parte do texto principal do certificado logo após o nome da pessoa e antes do nome do curso.

, concluiu o curso

accomplishment_copy_course_description

Quinta parte do texto principal do certificado logo após o nome do curso.

, com uma duração estimada de X horas.

location

Ao adicionar este campo é adicionado uma localização e respectiva data de emissão do certificado, logo após o texto principal do certificado e antes das assinaturas. Caso seja adicionado o valor “Lisboa” será colocado no certificado do texto algo semelhante a: “Lisboa, 20 de Novembro de 2020”.

Lisboa

add_course_image_left_panel

Mostrar a imagem de curso na lateral esquerda do certificado, por omissão mostra a imagem.

True

add_course_name_left_panel

Mostrar o nome do curso na lateral esquerda do certificado, por omissão mostra o nome.

True

add_organization_logo_to_header

Mostrar a imagem da entidade na parte superior do certificado, por omissão mostra a imagem.

False

accomplishment_copy_course_name

Nome do curso a apresentar nos certificados.

Introdução à Gestão

full_course_image_url

Parâmetro que permite substituir a imagem do curso no painel lateral esquerdo do certificado .

https://lms.nau.edu.pt/asset-v1:UNorteX+VidEdu101+2020_T4+type@asset+block@ferramentas.png

organization_logo_url

Parâmetro que permite substituir a imagem da organização (ex. da universidade ou consórcio) no topo do certificado. Caso seja necessário mostrar mais do que um logótipo, sugere-se que se crie uma nova imagem agregadora dos mesmos .

https://lms.nau.edu.pt/asset-v1:UNorteX+VidEdu101+2020_T4+type@asset+block@unortex_logo.png

organization_logo_max_height

organization_logo_max_width

Parâmetros que permitem alterar a altura ou o comprimento da imagem da organização. Os valores por omissão são 1.5 cm de altura e 13 cm de comprimento.

1.5cm

13cm

footer_additional_logo

Permite adicionar uma imagem após as assinaturas e sobre os logótipos dos financiadores da plataforma NAU, para por exemplo adicionar logótipos de parceiros que tenham contribuído para a realização do curso. Por omissão a imagem é apresentada no máximo com 2.7 cm de altura e 18 cm de comprimento .

https://lms.nau.edu.pt/asset-v1:UNorteX+VidEdu101+2020_T4+type@asset+block@additional_logos.png

certificate_background

Este campo permite trocar a imagem de fundo do certificado. Por omissão é inserido esta imagem no fundo dos mesmos, mas a mesma poderá ser trocada por outra imagem. A mesma deverá ser carregada como conteúdo do curso. Mais informações consultar a página Como configurar a imagem de fundo dos Certificados?

https://lms.nau.edu.pt/asset-v1:UNorteX+VidEdu101+2020_T4+type@asset+block@certificate_background_unortex.png

certificate_side_message

Este campo permite adicionar texto na lateral esquerda por baixo da imagem do curso.

<p>Formadores: </p><ul><li>Formador 1</li><li>Formador 2</li><li>Formador 3</li></ul>

footer_information_color

Cor HTML do texto da data de emissão, do id (hash) do certificado e do texto adicional que são apresentados no painel lateral esquerdo. Por omissão são apresentados a branco.

black

certificate_side_message_color

footer_information_date_title_color

footer_information_date_value_color

footer_information_id_title_color

footer_information_id_value_color

O mesmo que o campo anterior, mas permite especificar uma cor diferente em cada um dos campos em separado.

green

red

#cc0099

#ffff00

supplement

Lista de informação adicional suplementar a ser adicionada em novas páginas do certificado. Pode ser usado para complementar a informação descritiva do curso. O parâmetro é composto por uma lista de informação complementar. Cada informação complementar será colocada numa página própria. É possível um qualquer número de páginas, configurando o texto que se pretende mostrar em cada uma.

Poderá ser usado HTML limpo sem tags especiais, ou seja, deverá ser usado apenas por exemplo: h2, h3, h4, p, ul, ol, li

[ "<h2>Suplemento ao diploma</h2><p>Texto exemplificativo do suplemento ao diploma que será colocado na 2ª página do certificado.</p>", "<h2>Objetivos</h2><p>Texto exemplificativo do suplemento ao diploma que será colocado na 3ª página do certificado.</p>" ]

A imagem seguinte apresenta o posicionamento de alguns dos campos descritos na tabela:

 

Configurações para certificados Web/HTML - atenção que a última linha não deve terminar com ,

{ "document_title": "CERTIFICADO", "certificate_description": "Certifica-se que ", "accomplishment_copy_description_full": " concluiu o curso ", "accomplishment_copy_course_description": " com uma duração estimada de X horas.", "certificate_background": "https://lms.nau.edu.pt/asset-v1:UNorteX+VidEdu101+2020_T4+type@asset+block@certificate_background_unortex.png", "location": "Lisboa", "add_course_image_left_panel": "True", "add_course_name_left_panel": "True", "add_organization_logo_to_header": "False" }

Alguns dos campos de texto apresentados permitem pequenas personalizações ao nível do HTML, como a colocação do texto a negrito incluíndo <b> </b> ou itálico com <i> </i>.

Exemplo de Certificado

Consulte o exemplo apresentado abaixo para uma visão mais concreta da estrutura do certificado.

4. Copie o novo modelo Web/HTML em formato JSON e substitua a informação do campo "Configurações para certificados Web/HTML";

5. Clique no botão “Guardar Alterações”, na barra de rodapé, para efetivar as alterações:

 

Páginas Relacionadas