Wiki-Quellcode von Zertifikate

Version 462.1 von Carina Enke am 12.01.2021

Zeige letzte Bearbeiter
1 {{sv-translation language="de"}}
2 {{layout}}
3 {{layout-section ac:type="single"}}
4 {{layout-cell}}
5 \\
6
7 (% class="auto-cursor-target" %)
8
9 {{/layout-cell}}
10 {{/layout-section}}
11
12 {{layout-section ac:type="two_right_sidebar"}}
13 {{layout-cell}}
14 (% class="wiki-content" %)
15 (((
16 [[image:attach:medal.png]]Zusätzlich zu den [[Leistungsnachweisen >>doc:Performance Results]]können für einen Kurs oder einzelne Kursbausteine Zertifikatsdateien erzeugt werden. Diese kann der Nutzer über einen Link im Leistungsnachweis des Kurses als PDF-Datei herunterladen und ausdrucken.
17 )))
18
19 (% class="wiki-content" %)
20 (((
21 Über verschiedene Konfigurationsmöglichkeiten können Sie das Aussehen des Zertifikates beeinflussen und die Ansicht bzw. den Ausdruck beschränken.
22
23 {{info}}
24 Ein Zertifikat wird für einen bestandenen Kurs oder Kursbaustein erteilt. Eine Anleitung zur Konfiguration des Bestanden-Status finden Sie im Bereich [[Bewertung konfigurieren>>doc:Bewertung||anchor="assessment-config"]].
25
26 Ein Zertifikat ist nur sichtbar, wenn Leistungsnachweise für den Kurs konfiguriert wurden. Eine Anleitung, wie Sie Leistungsnachweise für einen Kurs konfigurieren können, beschreibt der Bereich [[doc:Performance Results]].
27 {{/info}}
28
29 (% class="auto-cursor-target" %)
30
31
32 {{display reference="Hinweis Video verfuegbar"/}}
33 )))
34 {{/layout-cell}}
35
36 {{layout-cell}}
37 {{scroll-ignore}}
38 {{panel title="Inhalt"}}
39
40
41 {{toc/}}
42
43 **Verwandte Themen**
44 [[doc:Performance Results]]
45 {{/panel}}
46 {{/scroll-ignore}}
47 {{/layout-cell}}
48 {{/layout-section}}
49
50 {{layout-section ac:type="single"}}
51 {{layout-cell}}
52 == Zertifikate anbieten ==
53
54 Um ein Zertifikat automatisch zu generieren und dem Lernenden anzeigen zu lassen, gehen Sie wie folgt vor:
55
56 1. Öffnen Sie den Kurseditor und navigieren Sie zum gewünschten Kursbaustein. Für ein Zertifikat über den gesamten Kurs ist dies der oberste Kursknoten.
57 1. Wechseln Sie im gewählten Baustein in den Tab **Bewertung**.
58 1. Aktivieren Sie die Option **Zertifikate verwenden.**
59 \\[[image:attach:Kurseditor-Zertifikate verwenden_de.png]]
60 \\
61 1. Wählen Sie in der Auswahlliste **Vorlage für Zertifikate** die gewünschte Vorlage für das Zertifikat aus. Neben der Beispielvorlage können Sie auch individuell erstellte Vorlagen verwenden.  Individuell erstellte Vorlagen werden in der Auswahlliste zuerst angezeigt.
62 1. Wenn Sie die Option** Zertifikate nur für Betreuer anzeigen **aktivieren, können die PDF-Dateien der Zertifikate nur noch durch Verantwortliche über das Bewertungswerkzeug aufgerufen werden. Ein einfacher Nutzer hat keinen Zugang zu diesem Bereich und kann das eigene Zertifikat somit nicht ansehen, ausdrucken oder herunterladen.
63 \\
64
65 {{info icon="false"}}
66 Beachten Sie bitte, dass die im Schritt 4 eingestellte Vorlage erstmals für alle Zertifikate verwendet wird, die nach der Publikation dieser Änderung neu erworben werden. Ein neues Zertifikat erhält ein Nutzer allerdings auch bei einer Verbesserung des ursprünglichen Ergebnisses. Auf bereits vorhandene Zertifikate wirkt sich die Vorlage zunächst nicht aus. Dies gilt auch, wenn Sie die Vorlage austauschen. Eine neue Vorlage wird erst bei einem neuen Zertifikat verwendet.
67 {{/info}}
68
69 == Individuelle Zertifikatsvorlagen verwenden**
70 ** ==
71
72 Individuelle Kursvorlagen müssen im Ablageordner des Kurses hinterlegt und mit dem betreffenden Kursbaustein verknüpft werden. Öffnen Sie zunächst den Kurs und wechseln Sie in den Kurseditor. Dort wählen Sie im Bereich Editorwerkzeuge den Eintrag Ablageordner. Entscheiden Sie sich entsprechend Ihrer Zertifikatsvorlage für einen der folgenden Wege:
73
74 * (((
75 Eine oder mehrere Zertifikatsdateien mit einem **beliebigem Namen**:
76
77 1.
78
79 Erstellen Sie zunächst im Kursablageordner einen neuen **Ordner mit dem genauen Titel**// certificate_templates//.
80
81 1.
82
83 Kopieren Sie alle HTML-Vorlagen, sowie alle in diesen Vorlagen referenzierten Bilder und CSS-Dateien in den Ordner //certificate_templates//.
84
85 1.
86
87 Schließen Sie den Ablageordner.
88
89 {{info title="Tipp"}}
90 Nutzen Sie zum Testen der Funktion folgende **Beispielvorlagendatei**: [[attach:certificate_templates.zip]].
91
92 Laden Sie diese Datei im Kurseditor in den Ablageordner und entzippen Sie hier die Datei. Schauen Sie sich im Ordner //certificate_templates// die enthaltenen Beispiele an und ändern diese bei Bedarf ab. Die enthaltenen Zertifikatesvorlagen stehen anschließend im Kurseditor im Bewertungstab des Kurses oder Kursbausteins im Abschnitt **Zertifikate verwenden** zur Verfügung.
93 {{/info}}
94 )))
95
96 * (((
97 Eine einzelne Vorlage mit dem **vorgeschriebenen Dateinamen **certificatetemplate.html (bitte alles in Kleinbuchstaben schreiben)
98
99 1.
100
101 Laden Sie die HTML-Datei mit diesem festgelegten Dateinamen in den Kursablageordner oder den zugeordneten Ressourcenordner des Kurses hoch.
102
103 1.
104
105 Alle in der Vorlage referenzierten Bilder und CSS-Dateien müssen ebenfalls in den Kursablageordner / Ressourcenordner kopiert werden.
106
107 1. Schließen Sie den Ablageordner.
108 )))
109
110 Wählen Sie nun bei der Konfiguration des Kursbausteins im Tab **Bewertung **genau diese Vorlage in der Liste **Vorlage für Zertifikate** aus.
111
112 === Platzhalter ===
113
114 Bei der Erstellung der Zertifikatsvorlage können verschiedene Platzhalter in der HTML-Datei, abhängig von der Konfiguration der Lernplattform, verwendet werden. Diese werden dann im Zertifikat des jeweiligen Nutzers mit den entsprechenden Daten des Kurses oder Nutzers gefüllt.
115
116 Eine solche Zertifikatsvorlage können Sie mit dem integrierten HTML-Editor bspw. direkt im Kursablageordner erstellen und gestalten. Wenn Sie eine Zertifikatsvorlage mit einem externen Editor erstellt und hochgeladen haben, warnt das System vor möglichen Informationsverlusten, falls Sie die Datei mit dem integrieren Editor bearbeiten wollen.
117
118 {{note title="Kursbaustein-ID"}}
119 Für einige Platzhalter benötigen Sie die individuelle Kursbaustein-ID. Diese finden Sie im Kurseditor zum betreffenden Kursbaustein, im Tab Titel und Beschreibung als Zahlenkombination rechts unten (z.B. Id: 94862470524389). Tragen Sie nur die Zahlenkombination anstelle der in der Tabelle mit: ~#~## angegebenen Zeichen ein (z.B. %%MARK:94862470524457%%).
120 {{/note}}
121
122 (% class="wrapped" style="text-align: left;" %)
123 |(((
124 %%COURSE_TITLE%%
125 )))|(((
126 Name des Kurses für den das Zertifikat ausgestellt wird.
127 )))
128 |(% colspan="1" %)(% colspan="1" %)
129 (((
130 %%COURSENODE_TITLE%%
131 )))|(% colspan="1" %)(% colspan="1" %)
132 (((
133 Titel des Kursbausteins zu dem das Zertifikat erstellt wird
134 )))
135 |(% colspan="1" %)(% colspan="1" %)
136 (((
137 %%CERTIFICATE_DATE%%
138 )))|(% colspan="1" %)(% colspan="1" %)
139 (((
140 (% class="content-wrapper" %)
141 (((
142 Datum, zu welchem der Leistungsnachweis erfüllt wurde. Die Formatierung des Platzhalters orientiert sich an der gewählten Sprache des Nutzers. Sie kann aber mit folgenden Optionen angepasst werden:
143
144 {{expand title="Verfügbare Formatoptionen anzeigen ..."}}
145 Standard: %%CERTIFICATE_DATE%%
146
147 LONG DE: %%CERTIFICATE_DATE_LONG:LANG=de%%
148
149 SHORT DE: %%CERTIFICATE_DATE_SHORT:LANG=de%%
150
151 MEDIUM DE: %%CERTIFICATE_DATE_MEDIUM:LANG=de%%
152
153 FULL DE: %%CERTIFICATE_DATE_FULL:LANG=de%%
154
155 LONG EN: %%CERTIFICATE_DATE_LONG:LANG=en%%
156
157 SHORT EN: %%CERTIFICATE_DATE_SHORT:LANG=en%%
158
159 MEDIUM EN: %%CERTIFICATE_DATE_MEDIUM:LANG=en%%
160
161 FULL EN: %%CERTIFICATE_DATE_FULL:LANG=en%%
162 {{/expand}}
163 )))
164 )))
165 |(% colspan="1" %)(% colspan="1" %)
166 (((
167 %%GRADE%%
168 )))|(% colspan="1" %)(% colspan="1" %)
169 (((
170 Ausgabe des Prädikates einer Note
171 )))
172 |(% colspan="1" %)(% colspan="1" %)
173 (((
174 %%MARK%%
175 )))|(% colspan="1" %)(% colspan="1" %)
176 (((
177 Note des gesamten Kurses
178 )))
179 |(((
180 %%MARK:~#~##%%
181 )))|(((
182 Note des Kursbausteins mit der ID ~#~## (dieser muss bewertbar sein)
183 )))
184 |(% colspan="1" %)(% colspan="1" %)
185 (((
186 %%ROOT_NODE_SHORT_TITLE%%
187 )))|(% colspan="1" %)(% colspan="1" %)
188 (((
189 Kurzer Titel aus dem Kurs-Root-Knoten
190 )))
191 |(% colspan="1" %)(% colspan="1" %)
192 (((
193 %%ROOT_NODE_TITLE%%
194 )))|(% colspan="1" %)(% colspan="1" %)
195 (((
196 Titel aus dem Kurs-Root-Knoten
197 )))
198 |(((
199 %%METADATA:moduleduration%%
200 )))|(((
201 Kurs-Metadatum: Dauer des Modules
202 )))
203 |(((
204 %%METADATA:moduleects%%
205 )))|(((
206 Kurs-Metadatum: ECTS
207 )))
208 |(((
209 %%METADATA:moduleexam%%
210 )))|(((
211 Kurs-Metadatum: Prüfungen
212 )))
213 |(((
214 %%METADATA:modulelevel%%
215 )))|(((
216 Kurs-Metadatum: Niveau
217 )))
218 |(((
219 %%METADATA:modulelink%%
220 )))|(((
221 Kurs-Metadatum: Link zum Modul
222 )))
223 |(((
224 %%METADATA:modulemethods%%
225 )))|(((
226 Kurs-Metadatum: Lehr-/Lernformen
227 )))
228 |(((
229 %%METADATA:modulename%%
230 )))|(((
231 Kurs-Metadatum: Name des Moduls
232 )))
233 |(((
234 %%METADATA:modulenumber%%
235 )))|(((
236 Kurs-Metadatum: Modulnummer
237 )))
238 |(((
239 %%METADATA:moduleresponsible%%
240 )))|(((
241 Kurs-Metadatum: Verantwortlicher der Weiterbildung
242 )))
243 |(((
244 %%METADATA:moduleversion%%
245 )))|(((
246 Kurs-Metadatum: Version
247 )))
248 |(((
249 %%METADATA:moduleworkloadpresence%%
250 )))|(((
251 Kurs-Metadatum: Präsenzzeit
252 )))
253 |(((
254 %%METADATA:moduleworkloadprivate%%
255 )))|(((
256 Kurs-Metadatum: Selbststudienzeit
257 )))
258 |(((
259 %%METADATA:moduleworkloadtotal%%
260 )))|(((
261 Kurs-Metadatum: Gesamtworkload
262 )))
263 |(((
264 %%PASSED%%
265 )))|(((
266 Gibt "Bestanden" bzw "Passed" im Zertifikat aus, je nach Nutzersprache zum Zeitpunkt des Bestehens
267 )))
268 |(% colspan="1" %)(% colspan="1" %)
269 (((
270 %%PROPERTY:birthDay%%
271 )))|(% colspan="1" %)(% colspan="1" %)
272 (((
273 (% class="content-wrapper" %)
274 (((
275 Geburtsdatum mit folgenden Optionen:
276
277 (% style="list-style-type: square;" %)
278 * Darstellungsstil für das Datum
279 * (((
280 Festlegung zum Sprachformat
281
282 {{expand title="Verfügbare Formatoptionen anzeigen..."}}
283 {{{Standard: %%PROPERTY:birthDay%%
284 LONG DE: %%PROPERTY:birthDay_LONG:LANG=de%%
285 SHORT DE: %%PROPERTY:birthDay_SHORT:LANG=de%%
286 MEDIUM DE: %%PROPERTY:birthDay_MEDIUM:LANG=de%%
287 FULL DE: %%PROPERTY:birthDay_FULL:LANG=de%%
288 LONG EN: %%PROPERTY:birthDay_LONG:LANG=en%%
289 SHORT EN: %%PROPERTY:birthDay_SHORT:LANG=en%%
290 MEDIUM EN: %%PROPERTY:birthDay_MEDIUM:LANG=en%%
291 FULL EN: %%PROPERTY:birthDay_FULL:LANG=en%%}}}
292 {{/expand}}
293 )))
294 )))
295 )))
296 |(((
297 %%PROPERTY:email%%
298 )))|(((
299 E-Mail-Adresse
300 )))
301 |(((
302 %%PROPERTY:firstName%%
303 )))|(((
304 Vorname
305 )))
306 |(((
307 %%PROPERTY:institutionalName%%
308 )))|(((
309 Institution
310 )))
311 |(((
312 %%PROPERTY:lastName%%
313 )))|(((
314 Nachname
315 )))
316 |(((
317 %%PROPERTY:orgUnit%%
318 )))|(((
319 Organisationseinheit
320 )))
321 |(% colspan="1" %)(% colspan="1" %)
322 (((
323 %%SALUTATION:LANG=de%%
324 )))|(% colspan="1" %)(% colspan="1" %)
325 (((
326 Anrede (deutsch)
327 )))
328 |(% colspan="1" %)(% colspan="1" %)
329 (((
330 %%SALUTATION:LANG=en%%
331 )))|(% colspan="1" %)(% colspan="1" %)
332 (((
333 Anrede (englisch)
334 )))
335 |(((
336 %%SCORE%%
337 )))|(((
338 Punkte des gesamten Kurses
339 )))
340 |(((
341 %%SCORE:~#~##%%
342 )))|(((
343 Punkte des Kursbausteins mit der ID ~#~## (dieser muss bewertbar sein)
344 )))
345 |(% colspan="1" %)(% colspan="1" %)
346 (((
347 %%OUTCOME:[Variablenname]:~#~##%%
348 )))|(% colspan="1" %)(% colspan="1" %)
349 (((
350 (% class="content-wrapper" %)
351 (((
352 Ausgabewert eines Onyx-Tests
353
354 {{expand title="Weitere Informationen zur Nutzung dieses Platzhalters ..."}}
355 Dieser Platzhalter ist nutzbar für alle im Bereich eines Kursbausteins Test im Tab Test konfigurieren>"Ausgabevariablen dieser Ressource" angezeigten Variablen, wie bspw. MAXSCORE, PASS_SCORE, SCORE, PASS, Individuelle Test- und Sektionsvariablen vom Typ Text oder Numerisch.
356
357 [[image:attach:Kurseditor - Ausgabevariablen_de.png]]
358
359 Die Angabe der Kursbaustein-ID imPlatzhalter ist immer dann zwingend notwendig, wenn das Zertifikat Ausgabewerte zu einem anderen Kursbaustein enthalten soll. Dies ist beispielsweise der Fall, wenn das Zertifikat zu einem Kursbaustein Struktur erstellt wird und dabei Ausgabewerte zu einem Kursbaustein Test abgerufen werden sollen. Wird das Zertifikat dirket zum Kursbaustein Test erstell von dem die Nutzerwerte angezeigt werden sollen ist die Angabe in der Form %%OUTCOME:[Variablenname]%% ausreichend.
360 {{/expand}}
361 )))
362 )))
363 |(((
364 %%SEMESTER%%
365 )))|(((
366 Semester
367 )))
368 |(((
369 %%USERNAME%%
370 )))|(((
371 Vor- und Nachname der Person die das Zertifikat für den Leistungsnachweis erhält.
372 )))
373 |(((
374 %%VALIDTO_DATE%%
375 )))|(((
376 Ablaufdatum des Zertifikats (systemabhängig verfügbares Metadatum)
377 )))
378 |=(((
379 (% class="tablesorter-header-inner" %)
380 (((
381 Platzhalter
382 )))
383 )))|=(((
384 (% class="tablesorter-header-inner" %)
385 (((
386 Wert
387 )))
388 )))
389
390 === Beispiele ===
391
392 \\
393
394 {{panel bgColor="#dddddd"}}
395 {{expand title="HTML-Code Beispiel anzeigen ..."}}
396 {{code language="xml"}}
397 <body>
398 <div id="center">
399 <!-- header-logo -->
400 <div id="header">
401 <div id="logo"></div>
402 </div>
403
404 <!-- content-part-->
405 <div id="content">
406 <h1>Zertifikat</h1>
407 <h2>%%USERNAME%%</h2>
408 <div>hat am</div>
409 <h3>%%CERTIFICATE_DATE%%</h3>
410 <div>den Kurs</div>
411 <h2>%%COURSE_TITLE%%</h2>
412 <div>erfolgreich absolviert.</div>
413 </div>
414
415 <!-- signature line -->
416 <div id="signature">
417 <h3>Dieses Zertifikat wurde automatisch von der Lernplattform erstellt.</h3>
418 </div>
419 <div class="clearfloat"></div>
420
421 <!-- footer-logo -->
422 <div id="footer">
423 </div>
424
425 </div>
426 </body>
427
428 {{/code}}
429 {{/expand}}
430 {{/panel}}
431
432 {{panel bgColor="#dddddd"}}
433 {{expand title="CSS-Beispiel anzeigen ..."}}
434 {{code language="css"}}
435 body {font-family: Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 0;}
436 h1 {color: #888; font-size: 4em; margin-bottom: 80px;}
437 h2 {font-size: 2em; padding-bottom: 0px; margin-top: 40px; margin-bottom: 40px;}
438 h3 {font-size: 1.6em;}
439 .floaterright {float: right;}
440 .clearfloat {clear: both;}
441 #center {margin: 0 auto; width: 900px;}
442 #header {height: 152px;background: url(certificate_header.png) no-repeat #eee; box-shadow: 0 4px 4px -2px #AAAAAA;}
443 #content {height: 900px; margin-top: 100px;}
444 #content div, #signature span {font-size: 1.6em;}
445 #content div, #content h1, #content h2, #content h3 {text-align: center;}
446 #signature {text-align: left; margin-left: 20px;}
447 #signature h3 {font-weight: normal; font-size: 1.3em; margin-bottom: 5px; margin-top: 5px;}
448 #signature span {font-size: 1em;}
449 #footer {margin-top: 35px; height: 50px; background: url(certificate_footer.png) no-repeat #eee;}
450 {{/code}}
451 {{/expand}}
452 {{/panel}}
453 {{/layout-cell}}
454 {{/layout-section}}
455 {{/layout}}
456 {{/sv-translation}}
457
458 {{sv-translation language="en"}}
459 {{layout}}
460 {{layout-section ac:type="two_right_sidebar"}}
461 {{layout-cell}}
462 [[image:attach:medal.png]]In addition to the generation of [[Performance results>>url:https://www.bps-system.de/help/display/LMSintern/.Performance+results+v3.1||shape="rect"]], it is also possible to create certificate files for a whole course or individual course elements. Those files can be downloaded as PDF files via a link in the performance results section of the course and printed by the user.
463
464 Using several configuration options, you can influence the design of the certificate and limit the view or the print.
465
466 {{info}}
467 A certificate is issued for a passed course or course element. Instructions on how to configure the passed-status can be found in the section [[Configure assessment>>url:https://www.bps-system.de/help/display/LMSintern/.Bewertung+v3.0#id-.Bewertungv3.0-assessment-config||shape="rect"]].
468
469 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 in the section [[doc:Performance Results]].
470 {{/info}}
471
472 (% class="auto-cursor-target" %)
473
474
475 {{display reference="Hinweis Video verfuegbar"/}}
476 {{/layout-cell}}
477
478 {{layout-cell}}
479 {{scroll-ignore}}
480 {{panel title="Content"}}
481
482
483 {{toc minLevel="2"/}}
484
485 **Related topics**
486
487 * [[doc:Performance Results]]
488 {{/panel}}
489 {{/scroll-ignore}}
490 {{/layout-cell}}
491 {{/layout-section}}
492
493 {{layout-section ac:type="single"}}
494 {{layout-cell}}
495 \\
496 {{/layout-cell}}
497 {{/layout-section}}
498
499 {{layout-section ac:type="single"}}
500 {{layout-cell}}
501 == Offer certificates ==
502
503 To automatically generate a certificate and display it to the learner, proceed as follows:
504
505 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.
506 1. In the selected element, switch to the tab **//Assessment//**.
507 1. Enable the option **//Use certificates//**.
508 **//\\[[image:attach:Kurseditor-Zertifikate verwenden_en.png]]//**
509 **//\\//**
510 1. Choose the desired certificate template from the selection list **//Template for certificates//**. 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: rgb(0,0,255);" %)
511 1. If you activate the option **//Display certificates only for tutors, //**the PDF files of the certificates will only be accessible via the assessment tool. A simple user has no access to this area and can thus not view, print, or download their certificate.
512 \\
513
514 {{info}}
515 Please note that the template, which was chosen in step 4, is used for all certificates that are newly acquired after the publication of this modification. However, users will also receive a new certificate if they improve on their original result. The template will not affect existing certificates. This also applies if you exchange the template. It will only be used for new certificates.
516 {{/info}}
517
518 == Use individual certificate templates ==
519
520 Individual course templates must be saved to the storage folder of the course and linked to the respective course element. First open the course and switch to the course editor. Then select the entry //**Storage folder**// from the editor tools menu. Choose one of the following options according to your certificate template:
521
522 * One or more certificate files with **any name**:
523
524 1. First, create a new folder in the course storage folder **with the exact title** //certificate_templates//.
525 1. Second, copy all HTML templates as well as images and CSS files referenced in these templates to the folder //certificate_templates//.
526 1. (((
527 Third, close the storage folder.
528
529 {{info title="Tip"}}
530 Use the following **example template file** to test the function: (% style="color: rgb(0,0,255);" %)[[attach:certificate_templates.zip]].
531
532 (% 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 folder //certificate_templates// and edit them if necessary. The certificate templates will then be available under **//Use certificates//** in the **//Assessment// **tab of the course or course element.
533 {{/info}}
534 )))
535
536 * A single template with the **specified file name **//certificatetemplate.html //(all letters in lowercase):
537
538 1. Upload the HTML file with the specified file name to the course storage folder or the assigned resource folder of the course.
539 1. All images and CSS files referenced in the template must also be copied to the course storage folder / resource folder as well.
540 1. Close the storage folder.
541
542 When configuring the course element in the tab **//Assessment//**, select exactly this template from the list **//Template for certificates//**.
543
544 === Placeholder ===
545
546 When preparing the certificate template, you can use different placeholders in the HTML file depending on the configuration of the learning platform. In the certificate of the respective user, the placeholders will then be filled with the corresponding data of the course or user.
547
548 Such a certificate template can, for example, directly be created and designed in the course storage folder using the built-in HTML editor. If you have created and uploaded a certificate template with an external editor, the system will warn against possible loss of information when editing the template with the integrated editor.
549
550 {{note title="Course element ID"}}
551 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 in the tab **//Title and description//** in the form of a number combination in the bottom right corner (e.g. ID: 94862470524389). Just replace the number combination with the one in the table using: ~#~## indicated signs (e.g.: %%MARK:94862470524457%%).
552 {{/note}}
553
554 (% class="wrapped" %)
555 |=(((
556 Placeholder
557 )))|=(((
558 Value
559 )))
560 |(% colspan="1" %)(% colspan="1" %)
561 (((
562 %%COURSE_TITLE%%
563 )))|(% colspan="1" %)(% colspan="1" %)
564 (((
565 Title of the course for which the certificate is issued
566 )))
567 |(% colspan="1" %)(% colspan="1" %)
568 (((
569 (% style="color: rgb(23,43,77);" %)%%COURSENODE_TITLE%%
570 )))|(% colspan="1" %)(% colspan="1" %)
571 (((
572 Title of the course element for which the certificate is issued
573 )))
574 |(((
575 %%CERTIFICATE_DATE%%
576
577 \\
578
579 \\
580 )))|(((
581 (% class="content-wrapper" %)
582 (((
583 Date on which the performance results were achieved. The formatting of the placeholder is based on the language selected by the user. It can be adjusted with the following options:
584
585 {{expand title="Display all available format options ..."}}
586 {{{Standard: %%CERTIFICATE_DATE%%
587 LONG DE: %%CERTIFICATE_DATE_LONG:LANG=de%%
588 SHORT DE: %%CERTIFICATE_DATE_SHORT:LANG=de%%
589 MEDIUM DE: %%CERTIFICATE_DATE_MEDIUM:LANG=de%%
590 FULL DE: %%CERTIFICATE_DATE_FULL:LANG=de%%
591 LONG EN: %%CERTIFICATE_DATE_LONG:LANG=en%%
592 SHORT EN: %%CERTIFICATE_DATE_SHORT:LANG=en%%
593 MEDIUM EN: %%CERTIFICATE_DATE_MEDIUM:LANG=en%%
594 FULL EN: %%CERTIFICATE_DATE_FULL:LANG=en%%}}}
595 {{/expand}}
596 )))
597 )))
598 |(% colspan="1" %)(% colspan="1" %)
599 (((
600 (% style="color: rgb(23,43,77);" %)%%GRADE%%
601 )))|(% colspan="1" %)(% colspan="1" %)
602 (((
603 Display of grades as text
604 )))
605 |(% colspan="1" %)(% colspan="1" %)
606 (((
607 %%MARK%%
608 )))|(% colspan="1" %)(% colspan="1" %)
609 (((
610 Mark for the entire course
611 )))
612 |(% colspan="1" %)(% colspan="1" %)
613 (((
614 %%MARK:~#~##%%
615 )))|(% colspan="1" %)(% colspan="1" %)
616 (((
617 Mark for the course element with the ID ~#~## (the course must be assessable)
618 )))
619 |(% colspan="1" %)(% colspan="1" %)
620 (((
621 %%ROOT_NODE_SHORT_TITLE%%
622 )))|(% colspan="1" %)(% colspan="1" %)
623 (((
624 Short title from the course root node
625 )))
626 |(% colspan="1" %)(% colspan="1" %)
627 (((
628 %%ROOT_NODE_TITLE%%
629 )))|(% colspan="1" %)(% colspan="1" %)
630 (((
631 Title from the course root node
632 )))
633 |(% colspan="1" %)(% colspan="1" %)
634 (((
635 %%METADATA:moduleduration%%
636 )))|(% colspan="1" %)(% colspan="1" %)
637 (((
638 (% class="TableParagraph" %)
639 Course metadata: Duration of the module
640 )))
641 |(% colspan="1" %)(% colspan="1" %)
642 (((
643 %%METADATA:moduleects%%
644 )))|(% colspan="1" %)(% colspan="1" %)
645 (((
646 Course metadata: ECTS
647 )))
648 |(% colspan="1" %)(% colspan="1" %)
649 (((
650 %%METADATA:moduleexam%%
651 )))|(% colspan="1" %)(% colspan="1" %)
652 (((
653 Course metadata: Exams
654 )))
655 |(% colspan="1" %)(% colspan="1" %)
656 (((
657 %%METADATA:modulelevel%%
658 )))|(% colspan="1" %)(% colspan="1" %)
659 (((
660 Course metadata: Level
661 )))
662 |(% colspan="1" %)(% colspan="1" %)
663 (((
664 %%METADATA:modulelink%%
665 )))|(% colspan="1" %)(% colspan="1" %)
666 (((
667 Course metadata: Link to the module
668 )))
669 |(% colspan="1" %)(% colspan="1" %)
670 (((
671 %%METADATA:modulemethods%%
672 )))|(% colspan="1" %)(% colspan="1" %)
673 (((
674 Course metadata: Teaching and learning methods
675 )))
676 |(% colspan="1" %)(% colspan="1" %)
677 (((
678 %%METADATA:modulename%%
679 )))|(% colspan="1" %)(% colspan="1" %)
680 (((
681 Course metadata: Name of the module
682 )))
683 |(% colspan="1" %)(% colspan="1" %)
684 (((
685 %%METADATA:modulenumber%%
686 )))|(% colspan="1" %)(% colspan="1" %)
687 (((
688 Course metadata: Module number
689 )))
690 |(% colspan="1" %)(% colspan="1" %)
691 (((
692 %%METADATA:moduleresponsible%%
693 )))|(% colspan="1" %)(% colspan="1" %)
694 (((
695 Course metadata: Person responsible for further education
696 )))
697 |(% colspan="1" %)(% colspan="1" %)
698 (((
699 %%METADATA:moduleversion%%
700 )))|(% colspan="1" %)(% colspan="1" %)
701 (((
702 Course metadata: Version
703 )))
704 |(% colspan="1" %)(% colspan="1" %)
705 (((
706 %%METADATA:moduleworkloadpresence%%
707 )))|(% colspan="1" %)(% colspan="1" %)
708 (((
709 Course metadata: Attendance time
710 )))
711 |(% colspan="1" %)(% colspan="1" %)
712 (((
713 %%METADATA:moduleworkloadprivate%%
714 )))|(% colspan="1" %)(% colspan="1" %)
715 (((
716 Course metadata: Private study time
717 )))
718 |(% colspan="1" %)(% colspan="1" %)
719 (((
720 %%METADATA:moduleworkloadtotal%%
721 )))|(% colspan="1" %)(% colspan="1" %)
722 (((
723 Course metadata: Total workload
724 )))
725 |(% colspan="1" %)(% colspan="1" %)
726 (((
727 %%PASSED%%
728 )))|(% colspan="1" %)(% colspan="1" %)
729 (((
730 Displays "Bestanden" or "Passed" in the certificate, depending on the configured user language at the time of passing
731 )))
732 |(% colspan="1" %)(% colspan="1" %)
733 (((
734 %%PROPERTY:birthDay%%
735 )))|(% colspan="1" %)(% colspan="1" %)
736 (((
737 (% class="content-wrapper" %)
738 (((
739 (% class="TableParagraph" %)
740 Date of birth with the following options:
741
742 * Display style for the date
743 * (((
744 Setting the language
745
746 {{expand title="Display all available format options ..."}}
747 {{{Standard: %%PROPERTY:birthDay%%
748 LONG DE: %%PROPERTY:birthDay_LONG:LANG=de%%
749 SHORT DE: %%PROPERTY:birthDay_SHORT:LANG=de%%
750 MEDIUM DE: %%PROPERTY:birthDay_MEDIUM:LANG=de%%
751 FULL DE: %%PROPERTY:birthDay_FULL:LANG=de%%
752 LONG EN: %%PROPERTY:birthDay_LONG:LANG=en%%
753 SHORT EN: %%PROPERTY:birthDay_SHORT:LANG=en%%
754 MEDIUM EN: %%PROPERTY:birthDay_MEDIUM:LANG=en%%
755 FULL EN: %%PROPERTY:birthDay_FULL:LANG=en%%}}}
756 {{/expand}}
757 )))
758 )))
759 )))
760 |(% colspan="1" %)(% colspan="1" %)
761 (((
762 %%PROPERTY:email%%
763 )))|(% colspan="1" %)(% colspan="1" %)
764 (((
765 Email address
766 )))
767 |(% colspan="1" %)(% colspan="1" %)
768 (((
769 %%PROPERTY:firstName%%
770 )))|(% colspan="1" %)(% colspan="1" %)
771 (((
772 First name
773 )))
774 |(% colspan="1" %)(% colspan="1" %)
775 (((
776 %%PROPERTY:institutionalName%%
777 )))|(% colspan="1" %)(% colspan="1" %)
778 (((
779 Institution
780 )))
781 |(% colspan="1" %)(% colspan="1" %)
782 (((
783 %%PROPERTY:lastName%%
784 )))|(% colspan="1" %)(% colspan="1" %)
785 (((
786 Last name
787 )))
788 |(% colspan="1" %)(% colspan="1" %)
789 (((
790 %%PROPERTY:orgUnit%%
791 )))|(% colspan="1" %)(% colspan="1" %)
792 (((
793 Organisation unit
794 )))
795 |(% colspan="1" %)(% colspan="1" %)
796 (((
797 %%SALUTATION:LANG=de%%
798 )))|(% colspan="1" %)(% colspan="1" %)
799 (((
800 Salutation (German)
801 )))
802 |(% colspan="1" %)(% colspan="1" %)
803 (((
804 %%SALUTATION:LANG=en%%
805 )))|(% colspan="1" %)(% colspan="1" %)
806 (((
807 Salutation (English)
808 )))
809 |(% colspan="1" %)(% colspan="1" %)
810 (((
811 %%SCORE%%
812 )))|(% colspan="1" %)(% colspan="1" %)
813 (((
814 Score for the entire course
815 )))
816 |(% colspan="1" %)(% colspan="1" %)
817 (((
818 %%SCORE:~#~##%%
819 )))|(% colspan="1" %)(% colspan="1" %)
820 (((
821 Score for the course element with the ID ~#~## (the course must be assessable)
822 )))
823 |(% colspan="1" %)(% colspan="1" %)
824 (((
825 (% style="color: rgb(23,43,77);" %)%%OUTCOME:[variable name]:~#~##%%
826 )))|(% colspan="1" %)(% colspan="1" %)
827 (((
828 (% class="content-wrapper" %)
829 (((
830 Output value of an ONYX test
831
832 {{expand title="Learn more about how to use this placeholder ..."}}
833 This placeholder can be used for all variables displayed in the area of a test course element in 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.
834
835 [[image:attach:Kurseditor - Ausgabevariablen_en.png]]
836
837 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, the specification in the form of %%OUTCOME:[variable name]%% will be sufficient.
838 {{/expand}}
839 )))
840 )))
841 |(% colspan="1" %)(% colspan="1" %)
842 (((
843 (% style="letter-spacing: 0.0px;" %)%%SEMESTER%%
844 )))|(% colspan="1" %)(% colspan="1" %)
845 (((
846 Semester
847 )))
848 |(% colspan="1" %)(% colspan="1" %)
849 (((
850 %%USERNAME%%
851 )))|(% colspan="1" %)(% colspan="1" %)
852 (((
853 First and last name of the person who obtains the certificate as proof of performance.
854 )))
855 |(% colspan="1" %)(% colspan="1" %)
856 (((
857 %%VALIDTO_DATE%%
858 )))|(% colspan="1" %)(% colspan="1" %)
859 (((
860 Expiration date of the certificate (system-dependent metadata)
861 )))
862
863 === Examples ===
864
865 {{panel bgColor="#dddddd"}}
866 {{expand title="Display HTML code example ..."}}
867 {{code language="xml"}}
868 <body>
869 <div id="center">
870 <!-- header-logo -->
871 <div id="header">
872 <div id="logo"></div>
873 </div>
874
875 <!-- content-part-->
876 <div id="content">
877 <h1>Zertifikat</h1>
878 <h2>%%USERNAME%%</h2>
879 <div>hat am</div>
880 <h3>%%CERTIFICATE_DATE%%</h3>
881 <div>den Kurs</div>
882 <h2>%%COURSE_TITLE%%</h2>
883 <div>erfolgreich absolviert.</div>
884 </div>
885
886 <!-- signature line -->
887 <div id="signature">
888 <h3>Dieses Zertifikat wurde automatisch von der Lernplattform erstellt.</h3>
889 </div>
890 <div class="clearfloat"></div>
891
892 <!-- footer-logo -->
893 <div id="footer">
894 </div>
895
896 </div>
897 </body>
898
899 {{/code}}
900 {{/expand}}
901 {{/panel}}
902
903 {{panel bgColor="#dddddd"}}
904 {{expand title="Display CSS example ..."}}
905 {{code language="css"}}
906 body {font-family: Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 0;}
907 h1 {color: #888; font-size: 4em; margin-bottom: 80px;}
908 h2 {font-size: 2em; padding-bottom: 0px; margin-top: 40px; margin-bottom: 40px;}
909 h3 {font-size: 1.6em;}
910 .floaterright {float: right;}
911 .clearfloat {clear: both;}
912 #center {margin: 0 auto; width: 900px;}
913 #header {height: 152px;background: url(certificate_header.png) no-repeat #eee; box-shadow: 0 4px 4px -2px #AAAAAA;}
914 #content {height: 900px; margin-top: 100px;}
915 #content div, #signature span {font-size: 1.6em;}
916 #content div, #content h1, #content h2, #content h3 {text-align: center;}
917 #signature {text-align: left; margin-left: 20px;}
918 #signature h3 {font-weight: normal; font-size: 1.3em; margin-bottom: 5px; margin-top: 5px;}
919 #signature span {font-size: 1em;}
920 #footer {margin-top: 35px; height: 50px; background: url(certificate_footer.png) no-repeat #eee;}
921 {{/code}}
922 {{/expand}}
923 {{/panel}}
924 {{/layout-cell}}
925 {{/layout-section}}
926 {{/layout}}
927 {{/sv-translation}}