Skip to Content

Wiki source code of 05 Zertifikate

Last modified by Carina Enke on 09.09.2025
Show last authors
1 [[image:attach:medal.png||data-xwiki-image-style="img-icon"]] In addition to the [[Performance results>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Bewertung.Performance Results.WebHome||shape="rect"]], 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.
2
3 You can use various configuration options to influence the design of the certificate and limit the view or print.
4
5 {{info}}
6 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>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Bewertung.WebHome||shape="rect"]] help page.
7
8 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>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Bewertung.Performance Results.WebHome]] help page.
9 {{/info}}
10
11 (% class="box infomessage" %)
12 (((
13 A [[supplementary Video>>doc:LMS.Benutzerhandbuch OPAL.Erste Schritte.Ergaenzungsvideos.WebHome]] is available for this function.
14 )))
15
16
17 == Offer certificates ==
18
19
20 To generate a certificate automatically and display it to the learner, proceed as follows:
21
22 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.
23 1. In the selected element, switch to the **Assessment **tab.
24 1. Activate the **Use certificates **option.
25 \\**//[[image:attach:Kurseditor-Zertifikate verwenden_en.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]//**
26
27 1. 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.(% style="color:#0000ff" %)
28 1. 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.
29
30
31 {{info}}
32 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.
33 {{/info}}
34
35
36 == Use individual certificate templates ==
37
38
39 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:
40
41 * One or more certificate files with **any name**:
42
43 1. First create a new **folder with the exact title** //certificate_templates //in the course storage folder.
44 1. Copy all HTML templates as well as all images and CSS files referenced in these templates to the //certificate_templates //folder.
45 1. (((
46 Close the storage folder.
47
48 {{info title="Tip"}}
49 Use the following **example template file** to test the function: (% style="color: rgb(0,0,255);" %)[[attach:certificate_templates.zip]].
50
51 (% style="color: rgb(51,51,51);" %)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.
52 {{/info}}
53 )))
54
55 * A single template with the **mandatory file name **//certificatetemplate.html //(all letters in lowercase):
56
57 1. Upload the HTML file with this specific file name to the course storage folder or the assigned resource folder of the course.
58 1. All images and CSS files referenced in the template must also be copied to the course storage folder / resource folder.
59 1. Close the storage folder.
60
61 When configuring the course element in the **Assessment **tab, select exactly this template from the **Template for certificates **list.
62
63
64 === Placeholder ===
65
66
67 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.
68
69 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.
70
71 {{note title="Course element ID"}}
72 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%%).
73 {{/note}}
74
75 (% class="wrapped" %)
76 |=(((
77 Placeholder
78 )))|=(((
79 Value
80 )))
81 |(((
82 %%COURSE_TITLE%%
83 )))|(((
84 Title of the course for which the certificate is issued.
85 )))
86 |(((
87 (% style="color:#172b4d" %)%%COURSENODE_TITLE%%
88 )))|(((
89 Title of the course element for which the certificate is issued.
90 )))
91 |(((
92 %%CERTIFICATE_DATE%%
93
94
95
96 )))|(((
97 (% class="content-wrapper" %)
98 (((
99 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:
100
101
102 |=Form|=Placeholder|=Example
103 |Standard|%%CERTIFICATE_DATE%%|(((
104 Standard (Systemsprache Deutsch): 23.07.2024,
105
106 Standard (Systemsprache Englisch): Jul 23, 2024
107 )))
108 |LONG DE|%%CERTIFICATE_DATE_LONG:LANG=de%%|23. Juli 2024
109 |SHORT DE|%%CERTIFICATE_DATE_SHORT:LANG=de%%|23.07.24
110 |MEDIUM DE|%%CERTIFICATE_DATE_MEDIUM:LANG=de%%|23.07.2024
111 |FULL DE|%%CERTIFICATE_DATE_FULL:LANG=de%%|Dienstag, 23. Juli 2024
112 |LONG EN|%%CERTIFICATE_DATE_LONG:LANG=en%%|July 23, 2024
113 |SHORT EN|%%CERTIFICATE_DATE_SHORT:LANG=en%%|07/23/24
114 |MEDIUM EN|%%CERTIFICATE_DATE_MEDIUM:LANG=en%%|Jul 23, 2024
115 |FULL EN|%%CERTIFICATE_DATE_FULL:LANG=en%%|Tuesday, July 23, 2024
116 )))
117 )))
118 |(((
119 (% style="color:#172b4d" %)%%GRADE%%
120 )))|(((
121 Display of grades as text
122 )))
123 |(((
124 %%GRADE:~#~##:LANG=de%%
125 )))|(((
126 Display of the German grade for the specified course element
127 )))
128 |(((
129 %%GRADE:~#~##:LANG=en%%
130 )))|(((
131 Display of the English grade for the specified course element
132 )))
133 |(((
134 %%MARK%%
135 )))|(((
136 Mark for the entire course
137 )))
138 |(((
139 %%MARK:~#~##%%
140 )))|(((
141 Mark for the course element with the ID ~#~## (the course element must be assessable)
142 )))
143 |(((
144 %%ROOT_NODE_SHORT_TITLE%%
145 )))|(((
146 Short title from the course root node
147 )))
148 |(((
149 %%ROOT_NODE_TITLE%%
150 )))|(((
151 Title from the course root node
152 )))
153 |%%METADATA:coursetype%%|Course metadata: Coursetype
154 |(((
155 %%METADATA:moduleduration%%
156 )))|(((
157 (% class="TableParagraph" %)
158 Course metadata: Duration of the module
159 )))
160 |(((
161 %%METADATA:moduleects%%
162 )))|(((
163 Course metadata: ECTS
164 )))
165 |(((
166 %%METADATA:moduleexam%%
167 )))|(((
168 Course metadata: Exams
169 )))
170 |(((
171 %%METADATA:modulelevel%%
172 )))|(((
173 Course metadata: Level
174 )))
175 |(((
176 %%METADATA:modulelink%%
177 )))|(((
178 Course metadata: Link to the module
179 )))
180 |(((
181 %%METADATA:modulemethods%%
182 )))|(((
183 Course metadata: Teaching and learning methods
184 )))
185 |(((
186 %%METADATA:modulename%%
187 )))|(((
188 Course metadata: Name of the module
189 )))
190 |(((
191 %%METADATA:modulenumber%%
192 )))|(((
193 Course metadata: Module number
194 )))
195 |(((
196 %%METADATA:moduleresponsible%%
197 )))|(((
198 Course metadata: Person responsible for further education
199 )))
200 |(((
201 %%METADATA:moduleversion%%
202 )))|(((
203 Course metadata: Version
204 )))
205 |(((
206 %%METADATA:moduleworkloadpresence%%
207 )))|(((
208 Course metadata: Attendance time
209 )))
210 |(((
211 %%METADATA:moduleworkloadprivate%%
212 )))|(((
213 Course metadata: Private study time
214 )))
215 |(((
216 %%METADATA:moduleworkloadtotal%%
217 )))|(((
218 Course metadata: Total workload
219 )))
220 |(((
221 %%PASSED%%
222 )))|(((
223 Displays "Passed" in the certificate, depending on the configured user language at the time of passing.
224 )))
225 |(((
226 %%PROPERTY:birthDay%%
227 )))|(((
228 (% class="content-wrapper" %)
229 (((
230 (% class="TableParagraph" %)
231 Date of birth with the following options:
232
233 * Selecting a display style for the date
234 * (((
235 Defining the language format
236
237 {{expand title="Display all available format options ..."}}
238 {{{Standard: %%PROPERTY:birthDay%%
239 LONG DE: %%PROPERTY:birthDay_LONG:LANG=de%%
240 SHORT DE: %%PROPERTY:birthDay_SHORT:LANG=de%%
241 MEDIUM DE: %%PROPERTY:birthDay_MEDIUM:LANG=de%%
242 FULL DE: %%PROPERTY:birthDay_FULL:LANG=de%%
243 LONG EN: %%PROPERTY:birthDay_LONG:LANG=en%%
244 SHORT EN: %%PROPERTY:birthDay_SHORT:LANG=en%%
245 MEDIUM EN: %%PROPERTY:birthDay_MEDIUM:LANG=en%%
246 FULL EN: %%PROPERTY:birthDay_FULL:LANG=en%%}}}
247 {{/expand}}
248 )))
249 )))
250 )))
251 |(((
252 %%PROPERTY:email%%
253 )))|(((
254 Email address
255 )))
256 |(((
257 %%PROPERTY:firstName%%
258 )))|(((
259 First name
260 )))
261 |(((
262 %%PROPERTY:institutionalName%%
263 )))|(((
264 Institution
265 )))
266 |(((
267 %%PROPERTY:institutionalUserIdentifier%%
268 )))|(((
269 Matriculation number (system-dependent metadata)
270 )))
271 |(((
272 %%PROPERTY:lastName%%
273 )))|(((
274 Last name
275 )))
276 |(((
277 %%PROPERTY:orgUnit%%
278 )))|(((
279 Organisation unit
280 )))
281 |(((
282 %%SALUTATION:LANG=de%%
283 )))|(((
284 Salutation (German)
285 )))
286 |(((
287 %%SALUTATION:LANG=en%%
288 )))|(((
289 Salutation (English)
290 )))
291 |(((
292 %%SCORE%%
293 )))|(((
294 Score for the entire course
295 )))
296 |(((
297 %%SCORE:~#~##%%
298 )))|(((
299 Score for the course element with the ID ~#~## (the course must be assessable)
300 )))
301 |(((
302 (% style="color:#172b4d" %)%%OUTCOME:[variable name]:~#~##%%
303 )))|(((
304 (% class="content-wrapper" %)
305 (((
306 Output value of an ONYX test
307
308 {{expand title="Learn more about how to use this placeholder ..."}}
309 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.
310
311 [[image:attach:Kurseditor - Ausgabevariablen_en.png]]
312
313 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.
314 {{/expand}}
315 )))
316 )))
317 |(((
318 (% style="letter-spacing:0.0px" %)%%SEMESTER%%
319 )))|(((
320 Semester
321 )))
322 |(((
323 %%USERNAME%%
324 )))|(((
325 First and last name of the person receiving the certificate for their performance results.
326 )))
327
328 === Examples ===
329
330 {{panel bgColor="#dddddd"}}
331 {{expand title="Display HTML example ..."}}
332 {{code language="xml"}}
333 <body>
334 <div id="center">
335 <!-- header-logo -->
336 <div id="header">
337 <div id="logo"></div>
338 </div>
339
340 <!-- content-part-->
341 <div id="content">
342 <h1>Zertifikat</h1>
343 <h2>%%USERNAME%%</h2>
344 <div>hat am</div>
345 <h3>%%CERTIFICATE_DATE%%</h3>
346 <div>den Kurs</div>
347 <h2>%%COURSE_TITLE%%</h2>
348 <div>erfolgreich absolviert.</div>
349 </div>
350
351 <!-- signature line -->
352 <div id="signature">
353 <h3>Dieses Zertifikat wurde automatisch von der Lernplattform erstellt.</h3>
354 </div>
355 <div class="clearfloat"></div>
356
357 <!-- footer-logo -->
358 <div id="footer">
359 </div>
360
361 </div>
362 </body>
363
364 {{/code}}
365 {{/expand}}
366 {{/panel}}
367
368 {{panel bgColor="#dddddd"}}
369 {{expand title="Display CSS example ..."}}
370 {{code language="css"}}
371 body {font-family: Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 0;}
372 h1 {color: #888; font-size: 4em; margin-bottom: 80px;}
373 h2 {font-size: 2em; padding-bottom: 0px; margin-top: 40px; margin-bottom: 40px;}
374 h3 {font-size: 1.6em;}
375 .floaterright {float: right;}
376 .clearfloat {clear: both;}
377 #center {margin: 0 auto; width: 900px;}
378 #header {height: 152px;background: url(certificate_header.png) no-repeat #eee; box-shadow: 0 4px 4px -2px #AAAAAA;}
379 #content {height: 900px; margin-top: 100px;}
380 #content div, #signature span {font-size: 1.6em;}
381 #content div, #content h1, #content h2, #content h3 {text-align: center;}
382 #signature {text-align: left; margin-left: 20px;}
383 #signature h3 {font-weight: normal; font-size: 1.3em; margin-bottom: 5px; margin-top: 5px;}
384 #signature span {font-size: 1em;}
385 #footer {margin-top: 35px; height: 50px; background: url(certificate_footer.png) no-repeat #eee;}
386 {{/code}}
387 {{/expand}}
388 {{/panel}}