Zum Inhalt springen

Wiki-Quellcode von Zertifikate

Version 408.1 von Carina Enke am 24.08.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 |(% colspan="1" %)(% colspan="1" %)
312 (((
313 %%PROPERTY:institutionalUserIdentifier%%
314 )))|(% colspan="1" %)(% colspan="1" %)
315 (((
316 Matrikelnummer (systemabhängig verfügbares Metadatum)
317 )))
318 |(((
319 %%PROPERTY:lastName%%
320 )))|(((
321 Nachname
322 )))
323 |(((
324 %%PROPERTY:orgUnit%%
325 )))|(((
326 Organisationseinheit
327 )))
328 |(% colspan="1" %)(% colspan="1" %)
329 (((
330 %%SALUTATION:LANG=de%%
331 )))|(% colspan="1" %)(% colspan="1" %)
332 (((
333 Anrede (deutsch)
334 )))
335 |(% colspan="1" %)(% colspan="1" %)
336 (((
337 %%SALUTATION:LANG=en%%
338 )))|(% colspan="1" %)(% colspan="1" %)
339 (((
340 Anrede (englisch)
341 )))
342 |(((
343 %%SCORE%%
344 )))|(((
345 Punkte des gesamten Kurses
346 )))
347 |(((
348 %%SCORE:~#~##%%
349 )))|(((
350 Punkte des Kursbausteins mit der ID ~#~## (dieser muss bewertbar sein)
351 )))
352 |(% colspan="1" %)(% colspan="1" %)
353 (((
354 %%OUTCOME:[Variablenname]:~#~##%%
355 )))|(% colspan="1" %)(% colspan="1" %)
356 (((
357 (% class="content-wrapper" %)
358 (((
359 Ausgabewert eines Onyx-Tests
360
361 {{expand title="Weitere Informationen zur Nutzung dieses Platzhalters ..."}}
362 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.
363
364 [[image:attach:Kurseditor - Ausgabevariablen_de.png]]
365
366 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.
367 {{/expand}}
368 )))
369 )))
370 |(((
371 %%SEMESTER%%
372 )))|(((
373 Semester
374 )))
375 |(((
376 %%USERNAME%%
377 )))|(((
378 Vor- und Nachname der Person die das Zertifikat für den Leistungsnachweis erhält.
379 )))
380 |(((
381 %%VALIDTO_DATE%%
382 )))|(((
383 Ablaufdatum des Zertifikats (systemabhängig verfügbares Metadatum)
384 )))
385 |=(((
386 (% class="tablesorter-header-inner" %)
387 (((
388 Platzhalter
389 )))
390 )))|=(((
391 (% class="tablesorter-header-inner" %)
392 (((
393 Wert
394 )))
395 )))
396
397 === Beispiele ===
398
399 \\
400
401 {{panel bgColor="#dddddd"}}
402 {{expand title="HTML-Code Beispiel anzeigen ..."}}
403 {{code language="xml"}}
404 <body>
405 <div id="center">
406 <!-- header-logo -->
407 <div id="header">
408 <div id="logo"></div>
409 </div>
410
411 <!-- content-part-->
412 <div id="content">
413 <h1>Zertifikat</h1>
414 <h2>%%USERNAME%%</h2>
415 <div>hat am</div>
416 <h3>%%CERTIFICATE_DATE%%</h3>
417 <div>den Kurs</div>
418 <h2>%%COURSE_TITLE%%</h2>
419 <div>erfolgreich absolviert.</div>
420 </div>
421
422 <!-- signature line -->
423 <div id="signature">
424 <h3>Dieses Zertifikat wurde automatisch von der Lernplattform erstellt.</h3>
425 </div>
426 <div class="clearfloat"></div>
427
428 <!-- footer-logo -->
429 <div id="footer">
430 </div>
431
432 </div>
433 </body>
434
435 {{/code}}
436 {{/expand}}
437 {{/panel}}
438
439 {{panel bgColor="#dddddd"}}
440 {{expand title="CSS-Beispiel anzeigen ..."}}
441 {{code language="css"}}
442 body {font-family: Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 0;}
443 h1 {color: #888; font-size: 4em; margin-bottom: 80px;}
444 h2 {font-size: 2em; padding-bottom: 0px; margin-top: 40px; margin-bottom: 40px;}
445 h3 {font-size: 1.6em;}
446 .floaterright {float: right;}
447 .clearfloat {clear: both;}
448 #center {margin: 0 auto; width: 900px;}
449 #header {height: 152px;background: url(certificate_header.png) no-repeat #eee; box-shadow: 0 4px 4px -2px #AAAAAA;}
450 #content {height: 900px; margin-top: 100px;}
451 #content div, #signature span {font-size: 1.6em;}
452 #content div, #content h1, #content h2, #content h3 {text-align: center;}
453 #signature {text-align: left; margin-left: 20px;}
454 #signature h3 {font-weight: normal; font-size: 1.3em; margin-bottom: 5px; margin-top: 5px;}
455 #signature span {font-size: 1em;}
456 #footer {margin-top: 35px; height: 50px; background: url(certificate_footer.png) no-repeat #eee;}
457 {{/code}}
458 {{/expand}}
459 {{/panel}}
460 {{/layout-cell}}
461 {{/layout-section}}
462 {{/layout}}
463 {{/sv-translation}}
464
465 {{sv-translation language="en"}}
466 {{layout}}
467 {{layout-section ac:type="two_right_sidebar"}}
468 {{layout-cell}}
469 [[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.
470
471 Using several configuration options, you can influence the design of the certificate and limit the view or the print.
472
473 {{info}}
474 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"]].
475
476 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]].
477 {{/info}}
478
479 (% class="auto-cursor-target" %)
480
481
482 {{display reference="Hinweis Video verfuegbar"/}}
483 {{/layout-cell}}
484
485 {{layout-cell}}
486 {{scroll-ignore}}
487 {{panel title="Content"}}
488
489
490 {{toc minLevel="2"/}}
491
492 **Related topics**
493
494 * [[doc:Performance Results]]
495 {{/panel}}
496 {{/scroll-ignore}}
497 {{/layout-cell}}
498 {{/layout-section}}
499
500 {{layout-section ac:type="single"}}
501 {{layout-cell}}
502 \\
503 {{/layout-cell}}
504 {{/layout-section}}
505
506 {{layout-section ac:type="single"}}
507 {{layout-cell}}
508 == Offer certificates ==
509
510 To automatically generate a certificate and display it to the learner, proceed as follows:
511
512 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.
513 1. In the selected element, switch to the tab **//Assessment//**.
514 1. Enable the option **//Use certificates//**.
515 **//\\[[image:attach:Kurseditor-Zertifikate verwenden_en.png]]//**
516 **//\\//**
517 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);" %)
518 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.
519 \\
520
521 {{info}}
522 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.
523 {{/info}}
524
525 == Use individual certificate templates ==
526
527 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:
528
529 * One or more certificate files with **any name**:
530
531 1. First, create a new folder in the course storage folder **with the exact title** //certificate_templates//.
532 1. Second, copy all HTML templates as well as images and CSS files referenced in these templates to the folder //certificate_templates//.
533 1. (((
534 Third, close the storage folder.
535
536 {{info title="Tip"}}
537 Use the following **example template file** to test the function: (% style="color: rgb(0,0,255);" %)[[attach:certificate_templates.zip]].
538
539 (% 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.
540 {{/info}}
541 )))
542
543 * A single template with the **specified file name **//certificatetemplate.html //(all letters in lowercase):
544
545 1. Upload the HTML file with the specified file name to the course storage folder or the assigned resource folder of the course.
546 1. All images and CSS files referenced in the template must also be copied to the course storage folder / resource folder as well.
547 1. Close the storage folder.
548
549 When configuring the course element in the tab **//Assessment//**, select exactly this template from the list **//Template for certificates//**.
550
551 === Placeholder ===
552
553 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.
554
555 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.
556
557 {{note title="Course element ID"}}
558 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%%).
559 {{/note}}
560
561 (% class="wrapped" %)
562 |=(((
563 Placeholder
564 )))|=(((
565 Value
566 )))
567 |(% colspan="1" %)(% colspan="1" %)
568 (((
569 %%COURSE_TITLE%%
570 )))|(% colspan="1" %)(% colspan="1" %)
571 (((
572 Title of the course for which the certificate is issued
573 )))
574 |(% colspan="1" %)(% colspan="1" %)
575 (((
576 (% style="color: rgb(23,43,77);" %)%%COURSENODE_TITLE%%
577 )))|(% colspan="1" %)(% colspan="1" %)
578 (((
579 Title of the course element for which the certificate is issued
580 )))
581 |(((
582 %%CERTIFICATE_DATE%%
583
584 \\
585
586 \\
587 )))|(((
588 (% class="content-wrapper" %)
589 (((
590 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:
591
592 {{expand title="Display all available format options ..."}}
593 {{{Standard: %%CERTIFICATE_DATE%%
594 LONG DE: %%CERTIFICATE_DATE_LONG:LANG=de%%
595 SHORT DE: %%CERTIFICATE_DATE_SHORT:LANG=de%%
596 MEDIUM DE: %%CERTIFICATE_DATE_MEDIUM:LANG=de%%
597 FULL DE: %%CERTIFICATE_DATE_FULL:LANG=de%%
598 LONG EN: %%CERTIFICATE_DATE_LONG:LANG=en%%
599 SHORT EN: %%CERTIFICATE_DATE_SHORT:LANG=en%%
600 MEDIUM EN: %%CERTIFICATE_DATE_MEDIUM:LANG=en%%
601 FULL EN: %%CERTIFICATE_DATE_FULL:LANG=en%%}}}
602 {{/expand}}
603 )))
604 )))
605 |(% colspan="1" %)(% colspan="1" %)
606 (((
607 (% style="color: rgb(23,43,77);" %)%%GRADE%%
608 )))|(% colspan="1" %)(% colspan="1" %)
609 (((
610 Display of grades as text
611 )))
612 |(% colspan="1" %)(% colspan="1" %)
613 (((
614 %%MARK%%
615 )))|(% colspan="1" %)(% colspan="1" %)
616 (((
617 Mark for the entire course
618 )))
619 |(% colspan="1" %)(% colspan="1" %)
620 (((
621 %%MARK:~#~##%%
622 )))|(% colspan="1" %)(% colspan="1" %)
623 (((
624 Mark for the course element with the ID ~#~## (the course must be assessable)
625 )))
626 |(% colspan="1" %)(% colspan="1" %)
627 (((
628 %%ROOT_NODE_SHORT_TITLE%%
629 )))|(% colspan="1" %)(% colspan="1" %)
630 (((
631 Short title from the course root node
632 )))
633 |(% colspan="1" %)(% colspan="1" %)
634 (((
635 %%ROOT_NODE_TITLE%%
636 )))|(% colspan="1" %)(% colspan="1" %)
637 (((
638 Title from the course root node
639 )))
640 |(% colspan="1" %)(% colspan="1" %)
641 (((
642 %%METADATA:moduleduration%%
643 )))|(% colspan="1" %)(% colspan="1" %)
644 (((
645 (% class="TableParagraph" %)
646 Course metadata: Duration of the module
647 )))
648 |(% colspan="1" %)(% colspan="1" %)
649 (((
650 %%METADATA:moduleects%%
651 )))|(% colspan="1" %)(% colspan="1" %)
652 (((
653 Course metadata: ECTS
654 )))
655 |(% colspan="1" %)(% colspan="1" %)
656 (((
657 %%METADATA:moduleexam%%
658 )))|(% colspan="1" %)(% colspan="1" %)
659 (((
660 Course metadata: Exams
661 )))
662 |(% colspan="1" %)(% colspan="1" %)
663 (((
664 %%METADATA:modulelevel%%
665 )))|(% colspan="1" %)(% colspan="1" %)
666 (((
667 Course metadata: Level
668 )))
669 |(% colspan="1" %)(% colspan="1" %)
670 (((
671 %%METADATA:modulelink%%
672 )))|(% colspan="1" %)(% colspan="1" %)
673 (((
674 Course metadata: Link to the module
675 )))
676 |(% colspan="1" %)(% colspan="1" %)
677 (((
678 %%METADATA:modulemethods%%
679 )))|(% colspan="1" %)(% colspan="1" %)
680 (((
681 Course metadata: Teaching and learning methods
682 )))
683 |(% colspan="1" %)(% colspan="1" %)
684 (((
685 %%METADATA:modulename%%
686 )))|(% colspan="1" %)(% colspan="1" %)
687 (((
688 Course metadata: Name of the module
689 )))
690 |(% colspan="1" %)(% colspan="1" %)
691 (((
692 %%METADATA:modulenumber%%
693 )))|(% colspan="1" %)(% colspan="1" %)
694 (((
695 Course metadata: Module number
696 )))
697 |(% colspan="1" %)(% colspan="1" %)
698 (((
699 %%METADATA:moduleresponsible%%
700 )))|(% colspan="1" %)(% colspan="1" %)
701 (((
702 Course metadata: Person responsible for further education
703 )))
704 |(% colspan="1" %)(% colspan="1" %)
705 (((
706 %%METADATA:moduleversion%%
707 )))|(% colspan="1" %)(% colspan="1" %)
708 (((
709 Course metadata: Version
710 )))
711 |(% colspan="1" %)(% colspan="1" %)
712 (((
713 %%METADATA:moduleworkloadpresence%%
714 )))|(% colspan="1" %)(% colspan="1" %)
715 (((
716 Course metadata: Attendance time
717 )))
718 |(% colspan="1" %)(% colspan="1" %)
719 (((
720 %%METADATA:moduleworkloadprivate%%
721 )))|(% colspan="1" %)(% colspan="1" %)
722 (((
723 Course metadata: Private study time
724 )))
725 |(% colspan="1" %)(% colspan="1" %)
726 (((
727 %%METADATA:moduleworkloadtotal%%
728 )))|(% colspan="1" %)(% colspan="1" %)
729 (((
730 Course metadata: Total workload
731 )))
732 |(% colspan="1" %)(% colspan="1" %)
733 (((
734 %%PASSED%%
735 )))|(% colspan="1" %)(% colspan="1" %)
736 (((
737 Displays "Bestanden" or "Passed" in the certificate, depending on the configured user language at the time of passing
738 )))
739 |(% colspan="1" %)(% colspan="1" %)
740 (((
741 %%PROPERTY:birthDay%%
742 )))|(% colspan="1" %)(% colspan="1" %)
743 (((
744 (% class="content-wrapper" %)
745 (((
746 (% class="TableParagraph" %)
747 Date of birth with the following options:
748
749 * Display style for the date
750 * (((
751 Setting the language
752
753 {{expand title="Display all available format options ..."}}
754 {{{Standard: %%PROPERTY:birthDay%%
755 LONG DE: %%PROPERTY:birthDay_LONG:LANG=de%%
756 SHORT DE: %%PROPERTY:birthDay_SHORT:LANG=de%%
757 MEDIUM DE: %%PROPERTY:birthDay_MEDIUM:LANG=de%%
758 FULL DE: %%PROPERTY:birthDay_FULL:LANG=de%%
759 LONG EN: %%PROPERTY:birthDay_LONG:LANG=en%%
760 SHORT EN: %%PROPERTY:birthDay_SHORT:LANG=en%%
761 MEDIUM EN: %%PROPERTY:birthDay_MEDIUM:LANG=en%%
762 FULL EN: %%PROPERTY:birthDay_FULL:LANG=en%%}}}
763 {{/expand}}
764 )))
765 )))
766 )))
767 |(% colspan="1" %)(% colspan="1" %)
768 (((
769 %%PROPERTY:email%%
770 )))|(% colspan="1" %)(% colspan="1" %)
771 (((
772 Email address
773 )))
774 |(% colspan="1" %)(% colspan="1" %)
775 (((
776 %%PROPERTY:firstName%%
777 )))|(% colspan="1" %)(% colspan="1" %)
778 (((
779 First name
780 )))
781 |(% colspan="1" %)(% colspan="1" %)
782 (((
783 %%PROPERTY:institutionalName%%
784 )))|(% colspan="1" %)(% colspan="1" %)
785 (((
786 Institution
787 )))
788 |(% colspan="1" %)(% colspan="1" %)
789 (((
790 %%PROPERTY:lastName%%
791 )))|(% colspan="1" %)(% colspan="1" %)
792 (((
793 Last name
794 )))
795 |(% colspan="1" %)(% colspan="1" %)
796 (((
797 %%PROPERTY:orgUnit%%
798 )))|(% colspan="1" %)(% colspan="1" %)
799 (((
800 Organisation unit
801 )))
802 |(% colspan="1" %)(% colspan="1" %)
803 (((
804 %%SALUTATION:LANG=de%%
805 )))|(% colspan="1" %)(% colspan="1" %)
806 (((
807 Salutation (German)
808 )))
809 |(% colspan="1" %)(% colspan="1" %)
810 (((
811 %%SALUTATION:LANG=en%%
812 )))|(% colspan="1" %)(% colspan="1" %)
813 (((
814 Salutation (English)
815 )))
816 |(% colspan="1" %)(% colspan="1" %)
817 (((
818 %%SCORE%%
819 )))|(% colspan="1" %)(% colspan="1" %)
820 (((
821 Score for the entire course
822 )))
823 |(% colspan="1" %)(% colspan="1" %)
824 (((
825 %%SCORE:~#~##%%
826 )))|(% colspan="1" %)(% colspan="1" %)
827 (((
828 Score for the course element with the ID ~#~## (the course must be assessable)
829 )))
830 |(% colspan="1" %)(% colspan="1" %)
831 (((
832 (% style="color: rgb(23,43,77);" %)%%OUTCOME:[variable name]:~#~##%%
833 )))|(% colspan="1" %)(% colspan="1" %)
834 (((
835 (% class="content-wrapper" %)
836 (((
837 Output value of an ONYX test
838
839 {{expand title="Learn more about how to use this placeholder ..."}}
840 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.
841
842 [[image:attach:Kurseditor - Ausgabevariablen_en.png]]
843
844 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.
845 {{/expand}}
846 )))
847 )))
848 |(% colspan="1" %)(% colspan="1" %)
849 (((
850 (% style="letter-spacing: 0.0px;" %)%%SEMESTER%%
851 )))|(% colspan="1" %)(% colspan="1" %)
852 (((
853 Semester
854 )))
855 |(% colspan="1" %)(% colspan="1" %)
856 (((
857 %%USERNAME%%
858 )))|(% colspan="1" %)(% colspan="1" %)
859 (((
860 First and last name of the person who obtains the certificate as proof of performance.
861 )))
862 |(% colspan="1" %)(% colspan="1" %)
863 (((
864 %%VALIDTO_DATE%%
865 )))|(% colspan="1" %)(% colspan="1" %)
866 (((
867 Expiration date of the certificate (system-dependent metadata)
868 )))
869
870 === Examples ===
871
872 {{panel bgColor="#dddddd"}}
873 {{expand title="Display HTML code example ..."}}
874 {{code language="xml"}}
875 <body>
876 <div id="center">
877 <!-- header-logo -->
878 <div id="header">
879 <div id="logo"></div>
880 </div>
881
882 <!-- content-part-->
883 <div id="content">
884 <h1>Zertifikat</h1>
885 <h2>%%USERNAME%%</h2>
886 <div>hat am</div>
887 <h3>%%CERTIFICATE_DATE%%</h3>
888 <div>den Kurs</div>
889 <h2>%%COURSE_TITLE%%</h2>
890 <div>erfolgreich absolviert.</div>
891 </div>
892
893 <!-- signature line -->
894 <div id="signature">
895 <h3>Dieses Zertifikat wurde automatisch von der Lernplattform erstellt.</h3>
896 </div>
897 <div class="clearfloat"></div>
898
899 <!-- footer-logo -->
900 <div id="footer">
901 </div>
902
903 </div>
904 </body>
905
906 {{/code}}
907 {{/expand}}
908 {{/panel}}
909
910 {{panel bgColor="#dddddd"}}
911 {{expand title="Display CSS example ..."}}
912 {{code language="css"}}
913 body {font-family: Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 0;}
914 h1 {color: #888; font-size: 4em; margin-bottom: 80px;}
915 h2 {font-size: 2em; padding-bottom: 0px; margin-top: 40px; margin-bottom: 40px;}
916 h3 {font-size: 1.6em;}
917 .floaterright {float: right;}
918 .clearfloat {clear: both;}
919 #center {margin: 0 auto; width: 900px;}
920 #header {height: 152px;background: url(certificate_header.png) no-repeat #eee; box-shadow: 0 4px 4px -2px #AAAAAA;}
921 #content {height: 900px; margin-top: 100px;}
922 #content div, #signature span {font-size: 1.6em;}
923 #content div, #content h1, #content h2, #content h3 {text-align: center;}
924 #signature {text-align: left; margin-left: 20px;}
925 #signature h3 {font-weight: normal; font-size: 1.3em; margin-bottom: 5px; margin-top: 5px;}
926 #signature span {font-size: 1em;}
927 #footer {margin-top: 35px; height: 50px; background: url(certificate_footer.png) no-repeat #eee;}
928 {{/code}}
929 {{/expand}}
930 {{/panel}}
931 {{/layout-cell}}
932 {{/layout-section}}
933 {{/layout}}
934 {{/sv-translation}}