Certificates

Last modified by Carina Enke on 23.07.2024

medal.png In addition to the Performance results, certificate files can be generated for a course or individual course elements. The user can download these files as a PDF via a link in the performance results section of the course and print them out.

You can use various configuration options to influence the design of the certificate and limit the view or print.

A certificate is issued for a passed course or course element. Instructions on how to configure the passing status can be found on the Assessment help page.

A certificate is only visible if performance results have been configured for the course. Instructions on how to configure performance results for a course can be found on the Performance Results help page.

A supplementary Video is available for this function.

Offer certificates

To generate a certificate automatically and display it to the learner, proceed as follows:

  1. Open the course editor and navigate to the desired course element. To receive a certificate for the entire course, go to the top course node.
  2. In the selected element, switch to the Assessment tab.
  3. Activate the Use certificates option.

    Kurseditor-Zertifikate verwenden_en.png
     
  4. Choose the desired certificate template from the Template for certificates selection list. Apart from the example template, you can also use individually created templates. The latter will appear at the top of the selection list. 
  5. If you activate the Display certificates only for tutors option, the PDF files of the certificates will only be accessible by tutors via the assessment tool. A simple user does not have access to this area and can thus not view, print, or download their certificate.
     

Please note that the template set in step 4 will be used for the first time for certificates that have been newly acquired after the publication of this change. However, users will also receive a new certificate if they improve on their original result. The template does not affect existing certificates. This also applies to replacing the template. A new template will only be used for a new certificate.

Use individual certificate templates

Individual course templates must be saved to the storage folder of the course and linked to the relevant course element. First open the course and switch to the course editor. Then select the Storage folder entry from the Editor tools menu. Choose one of the following options according to your certificate template:

  • One or more certificate files with any name:
  1. First create a new folder with the exact title certificate_templates in the course storage folder.
  2. Copy all HTML templates as well as all images and CSS files referenced in these templates to the certificate_templates folder.
  3. Close the storage folder.

    Tip

    Use the following example template file to test the function: certificate_templates.zip.

    Upload this file to the storage folder in the course editor and unzip it. Take a look at the examples included in the certificate_templates folder and edit them if necessary. All included certificate templates will then be available under the Use certificates section in the Assessment tab of the course or course element.

  • A single template with the mandatory file name certificatetemplate.html (all letters in lowercase):
  1. Upload the HTML file with this specific file name to the course storage folder or the assigned resource folder of the course.
  2. All images and CSS files referenced in the template must also be copied to the course storage folder / resource folder.
  3. Close the storage folder.

When configuring the course element in the Assessment tab, select exactly this template from the Template for certificates list.

Placeholder

When creating the certificate template, you can use different placeholders in the HTML file, depending on the configuration of the learning platform. These are then filled in the certificate of the respective user with the corresponding data of the course or user.

You can create and design such a certificate template with the integrated HTML editor e. g. directly in the course storage folder. If you create and upload a certificate template with an external editor, the system will warn you of possible information loss when trying to edit the template with the integrated editor.

Course element ID

For some of the placeholders, you will need the individual course element ID. The IDs can be found in the course editor of the respective course element on the Title and description tab in the form of a number combination in the bottom right corner (e. g. ID: 94862470524389). Just replace the signs indicated in the table (###) with the desired number combination (e.g. %%MARK:94862470524457%%).

Placeholder

Value

%%COURSE_TITLE%%

Title of the course for which the certificate is issued.

%%COURSENODE_TITLE%%

Title of the course element for which the certificate is issued.

%%CERTIFICATE_DATE%%

 

The date on which the performance results were achieved. The formatting of the placeholder depends on the language selected by the user. It can be adjusted with the following options:

FormPlaceholderExample
Standard%%CERTIFICATE_DATE%%

Standard (Systemsprache Deutsch): 23.07.2024,

Standard (Systemsprache Englisch): Jul 23, 2024

LONG DE%%CERTIFICATE_DATE_LONG:LANG=de%%23. Juli 2024
SHORT DE%%CERTIFICATE_DATE_SHORT:LANG=de%%23.07.24
MEDIUM DE%%CERTIFICATE_DATE_MEDIUM:LANG=de%%23.07.2024
FULL DE%%CERTIFICATE_DATE_FULL:LANG=de%%Dienstag, 23. Juli 2024
LONG EN%%CERTIFICATE_DATE_LONG:LANG=en%%July 23, 2024
SHORT EN%%CERTIFICATE_DATE_SHORT:LANG=en%%07/23/24
MEDIUM EN%%CERTIFICATE_DATE_MEDIUM:LANG=en%%Jul 23, 2024
FULL EN%%CERTIFICATE_DATE_FULL:LANG=en%%Tuesday, July 23, 2024

%%GRADE%%

Display of grades as text

%%GRADE:###:LANG=de%%

Display of the German grade for the specified course element

%%GRADE:###:LANG=en%%

Display of the English grade for the specified course element

%%MARK%%

Mark for the entire course

%%MARK:###%%

Mark for the course element with the ID ### (the course element must be assessable)

%%ROOT_NODE_SHORT_TITLE%%

Short title from the course root node

%%ROOT_NODE_TITLE%%

Title from the course root node

%%METADATA:moduleduration%%

Course metadata: Duration of the module

%%METADATA:moduleects%%

Course metadata: ECTS

%%METADATA:moduleexam%%

Course metadata: Exams

%%METADATA:modulelevel%%

Course metadata: Level

%%METADATA:modulelink%%

Course metadata: Link to the module

%%METADATA:modulemethods%%

Course metadata: Teaching and learning methods

%%METADATA:modulename%%

Course metadata: Name of the module

%%METADATA:modulenumber%%

Course metadata: Module number

%%METADATA:moduleresponsible%%

Course metadata: Person responsible for further education

%%METADATA:moduleversion%%

Course metadata: Version

%%METADATA:moduleworkloadpresence%%

Course metadata: Attendance time

%%METADATA:moduleworkloadprivate%%

Course metadata: Private study time

%%METADATA:moduleworkloadtotal%%

Course metadata: Total workload

%%PASSED%%

Displays "Passed" in the certificate, depending on the configured user language at the time of passing.

%%PROPERTY:birthDay%%

Date of birth with the following options:

  • Selecting a display style for the date
  • Defining the language format

    Display all available format options ...
    Standard: %%PROPERTY:birthDay%%
    LONG DE: %%PROPERTY:birthDay_LONG:LANG=de%%
    SHORT DE: %%PROPERTY:birthDay_SHORT:LANG=de%%
    MEDIUM DE: %%PROPERTY:birthDay_MEDIUM:LANG=de%%
    FULL DE: %%PROPERTY:birthDay_FULL:LANG=de%%
    LONG EN: %%PROPERTY:birthDay_LONG:LANG=en%%
    SHORT EN: %%PROPERTY:birthDay_SHORT:LANG=en%%
    MEDIUM EN: %%PROPERTY:birthDay_MEDIUM:LANG=en%%
    FULL EN: %%PROPERTY:birthDay_FULL:LANG=en%%

%%PROPERTY:email%%

Email address

%%PROPERTY:firstName%%

First name

%%PROPERTY:institutionalName%%

Institution

%%PROPERTY:institutionalUserIdentifier%%

Matriculation number (system-dependent metadata)

%%PROPERTY:lastName%%

Last name

%%PROPERTY:orgUnit%%

Organisation unit

%%SALUTATION:LANG=de%%

Salutation (German)

%%SALUTATION:LANG=en%%

Salutation (English)

%%SCORE%%

Score for the entire course

%%SCORE:###%%

Score for the course element with the ID ### (the course must be assessable)

%%OUTCOME:[variable name]:###%%

Output value of an ONYX test

Learn more about how to use this placeholder ...

This placeholder can be used for all variables displayed in a test course element on the Test configuration tab>"Output variables of this resource" such as MAXSCORE, PASS_SCORE, SCORE, PASS, as well as for individual test and section variables of the type text or numerical.

Kurseditor - Ausgabevariablen_en.png

If the certificate should contain output values from another course element, the course element ID must be specified in the placeholder. For example, this is the case if the certificate is created for a structure course element and output values are to be retrieved from a test course element. If the certificate is created directly for the test course element for which the user values should be displayed, %%OUTCOME:[variable name]%% will be sufficient as specification.

%%SEMESTER%%

Semester

%%USERNAME%%

First and last name of the person receiving the certificate for their performance results.

Examples

Display HTML example ...
<body>
   <div id="center">
       <!--  header-logo -->
       <div id="header">
           <div id="logo"></div>
       </div>

       <!-- content-part-->
       <div id="content">
           <h1>Zertifikat</h1>
           <h2>%%USERNAME%%</h2>
           <div>hat am</div>
           <h3>%%CERTIFICATE_DATE%%</h3>
           <div>den Kurs</div>
           <h2>%%COURSE_TITLE%%</h2>
           <div>erfolgreich absolviert.</div>
       </div>

       <!-- signature line -->
       <div id="signature">
           <h3>Dieses Zertifikat wurde automatisch von der Lernplattform erstellt.</h3>
       </div>
       <div class="clearfloat"></div>

       <!-- footer-logo -->
       <div id="footer">
       </div>

   </div>
</body>
Display CSS example ...
body {font-family: Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 0;}
h1 {color: #888; font-size: 4em; margin-bottom: 80px;}
h2 {font-size: 2em; padding-bottom: 0px; margin-top: 40px; margin-bottom: 40px;}
h3 {font-size: 1.6em;}
.floaterright {float: right;}
.clearfloat {clear: both;}
#center {margin: 0 auto; width: 900px;}
#header {height: 152px;background: url(certificate_header.png) no-repeat #eee; box-shadow: 0 4px 4px -2px #AAAAAA;}
#content {height: 900px; margin-top: 100px;}
#content div, #signature span {font-size: 1.6em;}
#content div, #content h1, #content h2, #content h3 {text-align: center;}
#signature {text-align: left; margin-left: 20px;}
#signature h3 {font-weight: normal; font-size: 1.3em; margin-bottom: 5px; margin-top: 5px;}
#signature span {font-size: 1em;}
#footer {margin-top: 35px; height: 50px; background: url(certificate_footer.png) no-repeat #eee;}