Wiki-Quellcode von Zertifikate
Version 793.1 von Carina Enke am 26.09.2018
Zeige letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
1 | {{sv-translation language="de"}} | ||
2 | {{layout}} | ||
3 | {{layout-section ac:type="single"}} | ||
4 | {{layout-cell}} | ||
5 | |||
6 | |||
7 | (% class="removedPlaceholderWrapper" %) | ||
8 | |||
9 | |||
10 | \\ | ||
11 | {{/layout-cell}} | ||
12 | {{/layout-section}} | ||
13 | |||
14 | {{layout-section ac:type="two_right_sidebar"}} | ||
15 | {{layout-cell}} | ||
16 | (% class="wiki-content" %) | ||
17 | ((( | ||
18 | [[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. | ||
19 | ))) | ||
20 | |||
21 | (% class="wiki-content" %) | ||
22 | ((( | ||
23 | Über verschiedene Konfigurationsmöglichkeiten können Sie das Aussehen des Zertifikates beeinflussen und die Ansicht bzw. den Ausdruck beschränken. | ||
24 | |||
25 | {{info}} | ||
26 | 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"]]. | ||
27 | |||
28 | 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]]. | ||
29 | {{/info}} | ||
30 | ))) | ||
31 | {{/layout-cell}} | ||
32 | |||
33 | {{layout-cell}} | ||
34 | {{scroll-ignore}} | ||
35 | {{panel title="Inhalt"}} | ||
36 | |||
37 | |||
38 | {{toc/}} | ||
39 | |||
40 | **Verwandte Themen** | ||
41 | [[doc:Performance Results]] | ||
42 | {{/panel}} | ||
43 | {{/scroll-ignore}} | ||
44 | {{/layout-cell}} | ||
45 | {{/layout-section}} | ||
46 | |||
47 | {{layout-section ac:type="single"}} | ||
48 | {{layout-cell}} | ||
49 | == Zertifikate anbieten == | ||
50 | |||
51 | Um ein Zertifikat automatisch zu generieren und dem Lernenden anzeigen zu lassen, gehen Sie wie folgt vor: | ||
52 | |||
53 | 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. | ||
54 | 1. Wechseln Sie im gewählten Baustein in den Tab //**Bewertung**//. | ||
55 | 1. Aktivieren Sie die Option //**Zertifikate verwenden.**// | ||
56 | \\[[image:attach:Kurseditor-Zertifikate verwenden_de.png]] | ||
57 | \\ | ||
58 | 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. | ||
59 | 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. | ||
60 | \\ | ||
61 | |||
62 | {{info icon="false"}} | ||
63 | 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. | ||
64 | {{/info}} | ||
65 | |||
66 | == Individuelle Zertifikatsvorlagen verwenden** | ||
67 | ** == | ||
68 | |||
69 | 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: | ||
70 | |||
71 | * ((( | ||
72 | Eine Datei mit **beliebigem Namen**: | ||
73 | |||
74 | 1. | ||
75 | |||
76 | Erstellen Sie zunächst im Kursablageordner einen neuen Ordner mit dem genauen Titel //certificate_templates//. | ||
77 | |||
78 | 1. | ||
79 | |||
80 | Kopieren Sie alle HTML-Vorlagen, sowie alle in diesen Vorlagen referenzierten Bilder und CSS-Dateien in den Ordner //certificate_templates//. | ||
81 | |||
82 | 1. | ||
83 | |||
84 | Schließen Sie den Ablageordner. | ||
85 | ))) | ||
86 | * ((( | ||
87 | Eine einzelne Vorlage mit dem **vorgeschriebenen Dateinamen **//certificatetemplate.html// (bitte alles in Kleinbuchstaben schreiben) | ||
88 | |||
89 | 1. | ||
90 | |||
91 | Laden Sie die HTML-Datei mit diesem festgelegten Dateinamen in den Kursablageordner oder den zugeordneten Ressourcenordner des Kurses hoch. | ||
92 | |||
93 | 1. | ||
94 | |||
95 | Alle in der Vorlage referenzierten Bilder und CSS-Dateien müssen ebenfalls in den Kursablageordner / Ressourcenordner kopiert werden. | ||
96 | |||
97 | 1. Schließen Sie den Ablageordner. | ||
98 | ))) | ||
99 | |||
100 | Wählen Sie nun bei der Konfiguration des Kursbausteins im Tab **//Bewertung// **genau diese Vorlage in der Liste //**Vorlage für Zertifikate**// aus. | ||
101 | |||
102 | === Platzhalter === | ||
103 | |||
104 | 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. | ||
105 | |||
106 | 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. | ||
107 | |||
108 | {{note title="Kursbaustein-ID"}} | ||
109 | 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%%). | ||
110 | {{/note}} | ||
111 | |||
112 | (% style="text-align: left;" %) | ||
113 | |((( | ||
114 | %%COURSE_TITLE%% | ||
115 | )))|((( | ||
116 | Name des Kurses für den das Zertifikat ausgestellt wird. | ||
117 | ))) | ||
118 | |(% colspan="1" %)(% colspan="1" %) | ||
119 | ((( | ||
120 | %%CERTIFICATE_DATE%% | ||
121 | )))|(% colspan="1" %)(% colspan="1" %) | ||
122 | ((( | ||
123 | 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: | ||
124 | |||
125 | {{expand title="Verfügbare Formatoptionen anzeigen ..."}} | ||
126 | Standard: %%CERTIFICATE_DATE%% | ||
127 | |||
128 | LONG DE: %%CERTIFICATE_DATE_LONG:LANG=de%% | ||
129 | |||
130 | SHORT DE: %%CERTIFICATE_DATE_SHORT:LANG=de%% | ||
131 | |||
132 | MEDIUM DE: %%CERTIFICATE_DATE_MEDIUM:LANG=de%% | ||
133 | |||
134 | FULL DE: %%CERTIFICATE_DATE_FULL:LANG=de%% | ||
135 | |||
136 | LONG EN: %%CERTIFICATE_DATE_LONG:LANG=en%% | ||
137 | |||
138 | SHORT EN: %%CERTIFICATE_DATE_SHORT:LANG=en%% | ||
139 | |||
140 | MEDIUM EN: %%CERTIFICATE_DATE_MEDIUM:LANG=en%% | ||
141 | |||
142 | FULL EN: %%CERTIFICATE_DATE_FULL:LANG=en%% | ||
143 | {{/expand}} | ||
144 | ))) | ||
145 | |(% colspan="1" %)(% colspan="1" %) | ||
146 | ((( | ||
147 | %%MARK%% | ||
148 | )))|(% colspan="1" %)(% colspan="1" %) | ||
149 | ((( | ||
150 | Note des gesamten Kurses | ||
151 | ))) | ||
152 | |((( | ||
153 | %%MARK:~#~##%% | ||
154 | )))|((( | ||
155 | Note des Kursbausteins mit der ID ~#~## (dieser muss bewertbar sein) | ||
156 | ))) | ||
157 | |(% colspan="1" %)(% colspan="1" %) | ||
158 | ((( | ||
159 | %%ROOT_NODE_SHORT_TITLE%% | ||
160 | )))|(% colspan="1" %)(% colspan="1" %) | ||
161 | ((( | ||
162 | Kurzer Titel aus dem Kurs-Root-Knoten | ||
163 | ))) | ||
164 | |(% colspan="1" %)(% colspan="1" %) | ||
165 | ((( | ||
166 | %%ROOT_NODE_TITLE%% | ||
167 | )))|(% colspan="1" %)(% colspan="1" %) | ||
168 | ((( | ||
169 | Titel aus dem Kurs-Root-Knoten | ||
170 | ))) | ||
171 | |((( | ||
172 | %%METADATA:moduleduration%% | ||
173 | )))|((( | ||
174 | Kurs-Metadatum: Dauer des Modules | ||
175 | ))) | ||
176 | |((( | ||
177 | %%METADATA:moduleects%% | ||
178 | )))|((( | ||
179 | Kurs-Metadatum: ECTS | ||
180 | ))) | ||
181 | |((( | ||
182 | %%METADATA:moduleexam%% | ||
183 | )))|((( | ||
184 | Kurs-Metadatum: Prüfungen | ||
185 | ))) | ||
186 | |((( | ||
187 | %%METADATA:modulelevel%% | ||
188 | )))|((( | ||
189 | Kurs-Metadatum: Niveau | ||
190 | ))) | ||
191 | |((( | ||
192 | %%METADATA:modulelink%% | ||
193 | )))|((( | ||
194 | Kurs-Metadatum: Link zum Modul | ||
195 | ))) | ||
196 | |((( | ||
197 | %%METADATA:modulemethods%% | ||
198 | )))|((( | ||
199 | Kurs-Metadatum: Lehr-/Lernformen | ||
200 | ))) | ||
201 | |((( | ||
202 | %%METADATA:modulename%% | ||
203 | )))|((( | ||
204 | Kurs-Metadatum: Name des Moduls | ||
205 | ))) | ||
206 | |((( | ||
207 | %%METADATA:modulenumber%% | ||
208 | )))|((( | ||
209 | Kurs-Metadatum: Modulnummer | ||
210 | ))) | ||
211 | |((( | ||
212 | %%METADATA:moduleresponsible%% | ||
213 | )))|((( | ||
214 | Kurs-Metadatum: Verantwortlicher der Weiterbildung | ||
215 | ))) | ||
216 | |((( | ||
217 | %%METADATA:moduleversion%% | ||
218 | )))|((( | ||
219 | Kurs-Metadatum: Version | ||
220 | ))) | ||
221 | |((( | ||
222 | %%METADATA:moduleworkloadpresence%% | ||
223 | )))|((( | ||
224 | Kurs-Metadatum: Präsenzzeit | ||
225 | ))) | ||
226 | |((( | ||
227 | %%METADATA:moduleworkloadprivate%% | ||
228 | )))|((( | ||
229 | Kurs-Metadatum: Selbststudienzeit | ||
230 | ))) | ||
231 | |((( | ||
232 | %%METADATA:moduleworkloadtotal%% | ||
233 | )))|((( | ||
234 | Kurs-Metadatum: Gesamtworkload | ||
235 | ))) | ||
236 | |((( | ||
237 | %%PASSED%% | ||
238 | )))|((( | ||
239 | bestanden / nicht bestanden | ||
240 | ))) | ||
241 | |(% colspan="1" %)(% colspan="1" %) | ||
242 | ((( | ||
243 | %%PROPERTY:birthDay%% | ||
244 | )))|(% colspan="1" %)(% colspan="1" %) | ||
245 | ((( | ||
246 | Geburtsdatum mit folgenden Optionen: | ||
247 | |||
248 | (% style="list-style-type: square;" %) | ||
249 | * Darstellungsstil für das Datum | ||
250 | * ((( | ||
251 | Festlegung zum Sprachformat | ||
252 | |||
253 | {{expand title="Verfügbare Formatoptionen anzeigen..."}} | ||
254 | {{{Standard: %%PROPERTY:birthDay%% | ||
255 | LONG DE: %%PROPERTY:birthDay_LONG:LANG=de%% | ||
256 | SHORT DE: %%PROPERTY:birthDay_SHORT:LANG=de%% | ||
257 | MEDIUM DE: %%PROPERTY:birthDay_MEDIUM:LANG=de%% | ||
258 | FULL DE: %%PROPERTY:birthDay_FULL:LANG=de%% | ||
259 | LONG EN: %%PROPERTY:birthDay_LONG:LANG=en%% | ||
260 | SHORT EN: %%PROPERTY:birthDay_SHORT:LANG=en%% | ||
261 | MEDIUM EN: %%PROPERTY:birthDay_MEDIUM:LANG=en%% | ||
262 | FULL EN: %%PROPERTY:birthDay_FULL:LANG=en%%}}} | ||
263 | {{/expand}} | ||
264 | ))) | ||
265 | ))) | ||
266 | |((( | ||
267 | %%PROPERTY:email%% | ||
268 | )))|((( | ||
269 | E-Mail-Adresse | ||
270 | ))) | ||
271 | |((( | ||
272 | %%PROPERTY:firstName%% | ||
273 | )))|((( | ||
274 | Vorname | ||
275 | ))) | ||
276 | |((( | ||
277 | %%PROPERTY:institutionalName%% | ||
278 | )))|((( | ||
279 | Institution | ||
280 | ))) | ||
281 | |((( | ||
282 | %%PROPERTY:lastName%% | ||
283 | )))|((( | ||
284 | Nachname | ||
285 | ))) | ||
286 | |((( | ||
287 | %%PROPERTY:orgUnit%% | ||
288 | )))|((( | ||
289 | Organisationseinheit | ||
290 | ))) | ||
291 | |((( | ||
292 | %%SCORE%% | ||
293 | )))|((( | ||
294 | Punkte des gesamten Kurses | ||
295 | ))) | ||
296 | |((( | ||
297 | %%SCORE:~#~##%% | ||
298 | )))|((( | ||
299 | Punkte des Kursbausteins mit der ID ~#~## (dieser muss bewertbar sein) | ||
300 | ))) | ||
301 | |((( | ||
302 | %%SEMESTER%% | ||
303 | )))|((( | ||
304 | Semester | ||
305 | ))) | ||
306 | |((( | ||
307 | %%USERNAME%% | ||
308 | )))|((( | ||
309 | Vor- und Nachname der Person die das Zertifikat für den Leistungsnachweis erhält. | ||
310 | ))) | ||
311 | |((( | ||
312 | %%VALIDTO_DATE%% | ||
313 | )))|((( | ||
314 | Ablaufdatum des Zertifikats (systemabhängig verfügbares Metadatum) | ||
315 | ))) | ||
316 | |=((( | ||
317 | (% class="tablesorter-header-inner" %) | ||
318 | ((( | ||
319 | Platzhalter | ||
320 | ))) | ||
321 | )))|=((( | ||
322 | (% class="tablesorter-header-inner" %) | ||
323 | ((( | ||
324 | Wert | ||
325 | ))) | ||
326 | ))) | ||
327 | |||
328 | === Beispiele === | ||
329 | |||
330 | {{panel bgColor="#dddddd"}} | ||
331 | {{expand title="HTML-Code Beispiel anzeigen ..."}} | ||
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="CSS-Beispiel anzeigen ..."}} | ||
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}} | ||
389 | |||
390 | |||
391 | |||
392 | |||
393 | |||
394 | |||
395 | {{/layout-cell}} | ||
396 | {{/layout-section}} | ||
397 | {{/layout}} | ||
398 | {{/sv-translation}} | ||
399 | |||
400 | {{sv-translation language="en"}} | ||
401 | {{layout}} | ||
402 | {{layout-section ac:type="two_right_sidebar"}} | ||
403 | {{layout-cell}} | ||
404 | [[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. | ||
405 | |||
406 | By means of several configuration options, you can influence the design of the certificate and limit the view or the print. | ||
407 | |||
408 | {{info}} | ||
409 | A certificate is issued for a passed course or courses 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"]]. | ||
410 | |||
411 | A certificate is only visible if performance results have been configured for the course. Instructions on how to configure performance results for a course are given in the section [[doc:Performance Results]]. | ||
412 | {{/info}} | ||
413 | {{/layout-cell}} | ||
414 | |||
415 | {{layout-cell}} | ||
416 | {{scroll-ignore}} | ||
417 | {{panel title="Content"}} | ||
418 | |||
419 | |||
420 | {{toc/}} | ||
421 | |||
422 | **Related topics** | ||
423 | |||
424 | [[doc:Performance Results]] | ||
425 | {{/panel}} | ||
426 | {{/scroll-ignore}} | ||
427 | {{/layout-cell}} | ||
428 | {{/layout-section}} | ||
429 | |||
430 | {{layout-section ac:type="single"}} | ||
431 | {{layout-cell}} | ||
432 | == Offer certificates == | ||
433 | |||
434 | To generate a certificate automatically and display it to the learner, proceed as follows: | ||
435 | |||
436 | 1. Open the course editor and navigate to the desired course element. To receive a certificate of the entire course, go to the top course node on the left-hand side. | ||
437 | 1. In the selected element, go to the tab **//Assessment//**. | ||
438 | 1. Activate the option **//Use certificates.//** | ||
439 | **//\\[[image:attach:Kurseditor-Zertifikate verwenden_en.png]]//** | ||
440 | **//\\//** | ||
441 | 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);" %) | ||
442 | 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. | ||
443 | \\ | ||
444 | |||
445 | {{info}} | ||
446 | 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. The user also receives a new certificate if they improve on their original result. The template does not affect already existing certificates. This also applies if you exchange the template. The chosen template will only be used for new certificates. | ||
447 | {{/info}} | ||
448 | |||
449 | == Use individual certificate templates == | ||
450 | |||
451 | Individual course templates need to be saved in the storage folder of the course and linked to the respective course element. Open the course and go to the course editor. Select the storage folder in the section editor tools. Choose one of the following ways according to your certificate template: | ||
452 | |||
453 | * A file with **any name**: | ||
454 | |||
455 | 1. First, create a new folder in the course storage folder with the exact title //certificate_templates//. | ||
456 | 1. Second, copy all HTML templates as well as all images and CSS files referenced in these templates to the folder //certificate_templates//. | ||
457 | 1. Third, close the storage folder. | ||
458 | |||
459 | * A single template with the **specified file name **//certificatetemplate.html //(all letters in lowercase): | ||
460 | |||
461 | 1. Upload the HTML file with the specified file name to the course storage folder or to the assigned resource folder of the course. | ||
462 | 1. All referenced images and CSS files in the template need to be copied to the course storage folder / resource folder as well. | ||
463 | 1. Close the storage folder. | ||
464 | |||
465 | When configuring the course element in the tab **//Assessment//**, select exactly this template from the list **//Template for certificates//**. | ||
466 | |||
467 | === Placeholder === | ||
468 | |||
469 | During the preparation of 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 are then filled with the corresponding data of the course or of the user. | ||
470 | |||
471 | Such a certificate template can, for example, directly be created and designed in the course storage folder via 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. | ||
472 | |||
473 | {{note title="Course element ID"}} | ||
474 | For some of the placeholders, you 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%%). | ||
475 | {{/note}} | ||
476 | |||
477 | |=((( | ||
478 | Placeholder | ||
479 | )))|=((( | ||
480 | Value | ||
481 | ))) | ||
482 | |(% colspan="1" %)(% colspan="1" %) | ||
483 | ((( | ||
484 | %%COURSE_TITLE%% | ||
485 | )))|(% colspan="1" %)(% colspan="1" %) | ||
486 | ((( | ||
487 | Title of the course for which the certificate is issued | ||
488 | ))) | ||
489 | |((( | ||
490 | %%CERTIFICATE_DATE%% | ||
491 | |||
492 | |||
493 | |||
494 | |||
495 | )))|((( | ||
496 | Date on which the performance result was achieved. The formatting of the placeholder is oriented towards the selected language of the user. The language can also be set manually. | ||
497 | |||
498 | Options: | ||
499 | |||
500 | * Display style for the date | ||
501 | * ((( | ||
502 | Setting the language | ||
503 | |||
504 | {{expand title="Display all available format options ..."}} | ||
505 | {{{Standard: %%CERTIFICATE_DATE%% | ||
506 | LONG DE: %%CERTIFICATE_DATE_LONG:LANG=de%% | ||
507 | SHORT DE: %%CERTIFICATE_DATE_SHORT:LANG=de%% | ||
508 | MEDIUM DE: %%CERTIFICATE_DATE_MEDIUM:LANG=de%% | ||
509 | FULL DE: %%CERTIFICATE_DATE_FULL:LANG=de%% | ||
510 | LONG EN: %%CERTIFICATE_DATE_LONG:LANG=en%% | ||
511 | SHORT EN: %%CERTIFICATE_DATE_SHORT:LANG=en%% | ||
512 | MEDIUM EN: %%CERTIFICATE_DATE_MEDIUM:LANG=en%% | ||
513 | FULL EN: %%CERTIFICATE_DATE_FULL:LANG=en%%}}} | ||
514 | {{/expand}} | ||
515 | ))) | ||
516 | ))) | ||
517 | |(% colspan="1" %)(% colspan="1" %) | ||
518 | ((( | ||
519 | %%MARK%% | ||
520 | )))|(% colspan="1" %)(% colspan="1" %) | ||
521 | ((( | ||
522 | Mark for the entire course | ||
523 | ))) | ||
524 | |(% colspan="1" %)(% colspan="1" %) | ||
525 | ((( | ||
526 | %%MARK:~#~##%% | ||
527 | )))|(% colspan="1" %)(% colspan="1" %) | ||
528 | ((( | ||
529 | Mark for the course element with the ID ~#~## (the course must be assessable) | ||
530 | ))) | ||
531 | |(% colspan="1" %)(% colspan="1" %) | ||
532 | ((( | ||
533 | %%ROOT_NODE_SHORT_TITLE%% | ||
534 | )))|(% colspan="1" %)(% colspan="1" %) | ||
535 | ((( | ||
536 | Short title from the course root node | ||
537 | ))) | ||
538 | |(% colspan="1" %)(% colspan="1" %) | ||
539 | ((( | ||
540 | %%ROOT_NODE_TITLE%% | ||
541 | )))|(% colspan="1" %)(% colspan="1" %) | ||
542 | ((( | ||
543 | Title from the course root node | ||
544 | ))) | ||
545 | |(% colspan="1" %)(% colspan="1" %) | ||
546 | ((( | ||
547 | %%METADATA:moduleduration%% | ||
548 | )))|(% colspan="1" %)(% colspan="1" %) | ||
549 | ((( | ||
550 | (% class="TableParagraph" %) | ||
551 | Course metadata: Duration of the module | ||
552 | ))) | ||
553 | |(% colspan="1" %)(% colspan="1" %) | ||
554 | ((( | ||
555 | %%METADATA:moduleects%% | ||
556 | )))|(% colspan="1" %)(% colspan="1" %) | ||
557 | ((( | ||
558 | Course metadata: ECTS | ||
559 | ))) | ||
560 | |(% colspan="1" %)(% colspan="1" %) | ||
561 | ((( | ||
562 | %%METADATA:moduleexam%% | ||
563 | )))|(% colspan="1" %)(% colspan="1" %) | ||
564 | ((( | ||
565 | Course metadata: Exams | ||
566 | ))) | ||
567 | |(% colspan="1" %)(% colspan="1" %) | ||
568 | ((( | ||
569 | %%METADATA:modulelevel%% | ||
570 | )))|(% colspan="1" %)(% colspan="1" %) | ||
571 | ((( | ||
572 | Course metadata: Level | ||
573 | ))) | ||
574 | |(% colspan="1" %)(% colspan="1" %) | ||
575 | ((( | ||
576 | %%METADATA:modulelink%% | ||
577 | )))|(% colspan="1" %)(% colspan="1" %) | ||
578 | ((( | ||
579 | Course metadata: Link to the module | ||
580 | ))) | ||
581 | |(% colspan="1" %)(% colspan="1" %) | ||
582 | ((( | ||
583 | %%METADATA:modulemethods%% | ||
584 | )))|(% colspan="1" %)(% colspan="1" %) | ||
585 | ((( | ||
586 | Course metadata: Teaching and learning methods | ||
587 | ))) | ||
588 | |(% colspan="1" %)(% colspan="1" %) | ||
589 | ((( | ||
590 | %%METADATA:modulename%% | ||
591 | )))|(% colspan="1" %)(% colspan="1" %) | ||
592 | ((( | ||
593 | Course metadata: Name of the module | ||
594 | ))) | ||
595 | |(% colspan="1" %)(% colspan="1" %) | ||
596 | ((( | ||
597 | %%METADATA:modulenumber%% | ||
598 | )))|(% colspan="1" %)(% colspan="1" %) | ||
599 | ((( | ||
600 | Course metadata: Module number | ||
601 | ))) | ||
602 | |(% colspan="1" %)(% colspan="1" %) | ||
603 | ((( | ||
604 | %%METADATA:moduleresponsible%% | ||
605 | )))|(% colspan="1" %)(% colspan="1" %) | ||
606 | ((( | ||
607 | Course metadata: Person responsible for further education | ||
608 | ))) | ||
609 | |(% colspan="1" %)(% colspan="1" %) | ||
610 | ((( | ||
611 | %%METADATA:moduleversion%% | ||
612 | )))|(% colspan="1" %)(% colspan="1" %) | ||
613 | ((( | ||
614 | Course metadata: Version | ||
615 | ))) | ||
616 | |(% colspan="1" %)(% colspan="1" %) | ||
617 | ((( | ||
618 | %%METADATA:moduleworkloadpresence%% | ||
619 | )))|(% colspan="1" %)(% colspan="1" %) | ||
620 | ((( | ||
621 | Course metadata: Attendance time | ||
622 | ))) | ||
623 | |(% colspan="1" %)(% colspan="1" %) | ||
624 | ((( | ||
625 | %%METADATA:moduleworkloadprivate%% | ||
626 | )))|(% colspan="1" %)(% colspan="1" %) | ||
627 | ((( | ||
628 | Course metadata: Private study time | ||
629 | ))) | ||
630 | |(% colspan="1" %)(% colspan="1" %) | ||
631 | ((( | ||
632 | %%METADATA:moduleworkloadtotal%% | ||
633 | )))|(% colspan="1" %)(% colspan="1" %) | ||
634 | ((( | ||
635 | Course metadata: Total workload | ||
636 | ))) | ||
637 | |(% colspan="1" %)(% colspan="1" %) | ||
638 | ((( | ||
639 | %%PASSED%% | ||
640 | )))|(% colspan="1" %)(% colspan="1" %) | ||
641 | ((( | ||
642 | Passed / failed | ||
643 | ))) | ||
644 | |(% colspan="1" %)(% colspan="1" %) | ||
645 | ((( | ||
646 | %%PROPERTY:birthDay%% | ||
647 | )))|(% colspan="1" %)(% colspan="1" %) | ||
648 | ((( | ||
649 | (% class="TableParagraph" %) | ||
650 | Birthday with the following options: | ||
651 | |||
652 | * Display style for the date | ||
653 | * ((( | ||
654 | Setting the language | ||
655 | |||
656 | {{expand title="Display all available format options ..."}} | ||
657 | {{{Standard: %%PROPERTY:birthDay%% | ||
658 | LONG DE: %%PROPERTY:birthDay_LONG:LANG=de%% | ||
659 | SHORT DE: %%PROPERTY:birthDay_SHORT:LANG=de%% | ||
660 | MEDIUM DE: %%PROPERTY:birthDay_MEDIUM:LANG=de%% | ||
661 | FULL DE: %%PROPERTY:birthDay_FULL:LANG=de%% | ||
662 | LONG EN: %%PROPERTY:birthDay_LONG:LANG=en%% | ||
663 | SHORT EN: %%PROPERTY:birthDay_SHORT:LANG=en%% | ||
664 | MEDIUM EN: %%PROPERTY:birthDay_MEDIUM:LANG=en%% | ||
665 | FULL EN: %%PROPERTY:birthDay_FULL:LANG=en%%}}} | ||
666 | {{/expand}} | ||
667 | ))) | ||
668 | ))) | ||
669 | |(% colspan="1" %)(% colspan="1" %) | ||
670 | ((( | ||
671 | %%PROPERTY:email%% | ||
672 | )))|(% colspan="1" %)(% colspan="1" %) | ||
673 | ((( | ||
674 | Email address | ||
675 | ))) | ||
676 | |(% colspan="1" %)(% colspan="1" %) | ||
677 | ((( | ||
678 | %%PROPERTY:firstName%% | ||
679 | )))|(% colspan="1" %)(% colspan="1" %) | ||
680 | ((( | ||
681 | First name | ||
682 | ))) | ||
683 | |(% colspan="1" %)(% colspan="1" %) | ||
684 | ((( | ||
685 | %%PROPERTY:institutionalName%% | ||
686 | )))|(% colspan="1" %)(% colspan="1" %) | ||
687 | ((( | ||
688 | Institution | ||
689 | ))) | ||
690 | |(% colspan="1" %)(% colspan="1" %) | ||
691 | ((( | ||
692 | %%PROPERTY:lastName%% | ||
693 | )))|(% colspan="1" %)(% colspan="1" %) | ||
694 | ((( | ||
695 | Last name | ||
696 | ))) | ||
697 | |(% colspan="1" %)(% colspan="1" %) | ||
698 | ((( | ||
699 | %%PROPERTY:orgUnit%% | ||
700 | )))|(% colspan="1" %)(% colspan="1" %) | ||
701 | ((( | ||
702 | Organisation unit | ||
703 | ))) | ||
704 | |(% colspan="1" %)(% colspan="1" %) | ||
705 | ((( | ||
706 | %%SCORE%% | ||
707 | )))|(% colspan="1" %)(% colspan="1" %) | ||
708 | ((( | ||
709 | Score for the entire course | ||
710 | ))) | ||
711 | |(% colspan="1" %)(% colspan="1" %) | ||
712 | ((( | ||
713 | %%SCORE:~#~##%% | ||
714 | )))|(% colspan="1" %)(% colspan="1" %) | ||
715 | ((( | ||
716 | Score for the course element with the ID ~#~## (the course must be assessable) | ||
717 | ))) | ||
718 | |(% colspan="1" %)(% colspan="1" %) | ||
719 | ((( | ||
720 | %%SEMESTER%% | ||
721 | )))|(% colspan="1" %)(% colspan="1" %) | ||
722 | ((( | ||
723 | Semester | ||
724 | ))) | ||
725 | |(% colspan="1" %)(% colspan="1" %) | ||
726 | ((( | ||
727 | %%USERNAME%% | ||
728 | )))|(% colspan="1" %)(% colspan="1" %) | ||
729 | ((( | ||
730 | First and last name of the person who obtains the certificate as proof of performance. | ||
731 | ))) | ||
732 | |(% colspan="1" %)(% colspan="1" %) | ||
733 | ((( | ||
734 | %%VALIDTO_DATE%% | ||
735 | )))|(% colspan="1" %)(% colspan="1" %) | ||
736 | ((( | ||
737 | Expiration date of the certificate (system-dependent available meta date) | ||
738 | ))) | ||
739 | |||
740 | === Examples === | ||
741 | |||
742 | {{panel bgColor="#dddddd"}} | ||
743 | {{expand title="Display HTML code example ..."}} | ||
744 | {{code language="xml"}} | ||
745 | <body> | ||
746 | <div id="center"> | ||
747 | <!-- header-logo --> | ||
748 | <div id="header"> | ||
749 | <div id="logo"></div> | ||
750 | </div> | ||
751 | |||
752 | <!-- content-part--> | ||
753 | <div id="content"> | ||
754 | <h1>Zertifikat</h1> | ||
755 | <h2>%%USERNAME%%</h2> | ||
756 | <div>hat am</div> | ||
757 | <h3>%%CERTIFICATE_DATE%%</h3> | ||
758 | <div>den Kurs</div> | ||
759 | <h2>%%COURSE_TITLE%%</h2> | ||
760 | <div>erfolgreich absolviert.</div> | ||
761 | </div> | ||
762 | |||
763 | <!-- signature line --> | ||
764 | <div id="signature"> | ||
765 | <h3>Dieses Zertifikat wurde automatisch von der Lernplattform erstellt.</h3> | ||
766 | </div> | ||
767 | <div class="clearfloat"></div> | ||
768 | |||
769 | <!-- footer-logo --> | ||
770 | <div id="footer"> | ||
771 | </div> | ||
772 | |||
773 | </div> | ||
774 | </body> | ||
775 | |||
776 | {{/code}} | ||
777 | {{/expand}} | ||
778 | {{/panel}} | ||
779 | |||
780 | {{panel bgColor="#dddddd"}} | ||
781 | {{expand title="Display CSS example ..."}} | ||
782 | {{code language="css"}} | ||
783 | body {font-family: Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 0;} | ||
784 | h1 {color: #888; font-size: 4em; margin-bottom: 80px;} | ||
785 | h2 {font-size: 2em; padding-bottom: 0px; margin-top: 40px; margin-bottom: 40px;} | ||
786 | h3 {font-size: 1.6em;} | ||
787 | .floaterright {float: right;} | ||
788 | .clearfloat {clear: both;} | ||
789 | #center {margin: 0 auto; width: 900px;} | ||
790 | #header {height: 152px;background: url(certificate_header.png) no-repeat #eee; box-shadow: 0 4px 4px -2px #AAAAAA;} | ||
791 | #content {height: 900px; margin-top: 100px;} | ||
792 | #content div, #signature span {font-size: 1.6em;} | ||
793 | #content div, #content h1, #content h2, #content h3 {text-align: center;} | ||
794 | #signature {text-align: left; margin-left: 20px;} | ||
795 | #signature h3 {font-weight: normal; font-size: 1.3em; margin-bottom: 5px; margin-top: 5px;} | ||
796 | #signature span {font-size: 1em;} | ||
797 | #footer {margin-top: 35px; height: 50px; background: url(certificate_footer.png) no-repeat #eee;} | ||
798 | {{/code}} | ||
799 | {{/expand}} | ||
800 | {{/panel}} | ||
801 | {{/layout-cell}} | ||
802 | {{/layout-section}} | ||
803 | {{/layout}} | ||
804 | {{/sv-translation}} |