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:
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 |
---|---|---|
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. Como carregar uma imagem para ser usada nos Certificados | 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. Como carregar uma imagem para ser usada nos Certificados | 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. Como carregar uma imagem para ser usada nos Certificados | 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? | |
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 |
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