Wie kann ein Kurs-Teilnehmer seinen Kurs-Fortschritt einsehen?

Ein Kurs-Teilnehmer hat standardmäßig über die Seite "Mein Konto" auf deiner Spreadmind Plattform Zugriff auf seine eingeschriebenen Online Kurse. In dieser Ansicht hat er Kurs-Teilnehmer bereits eine Einsicht in seinen Kurs-Fortschritt. Du hast aber auch die Möglichkeit, diesen Kurs-Fortschritt noch einmal in einer kompakten Übersicht auszugeben. 

Diese Anleitung zeigt dir, was bereits in der Spreadmind Plattform vorhanden ist und wie du einen zusätzlichen Fortschritt sichtbar machen kannst. 

1. Kurs-Fortschritt auf der Kursseite

Standardmäßig wird auf jeder Seite der Kurs-Fortschritt dem Kurs-Teilnehmer über einen Fortschritssbalken angezeigt:

Der Fortschritt wird nur dann protokolliert, wenn ein Teilnehmer den Inhalt eines Kurses (Lektion oder Thema) als abgeschlossen markiert oder einen Test innerhalb eines Kurses absolviert hat. Der Fortschrittsbalken ist auch innerhalb einer Lektion oder eines Themas sichtbar. 

Über diesen Button kann ein Teilnehmer einen Inhalt "als vollständig markieren":

Dieser Kurs-Fortschritt kann auch über die Seite "Mein Konto" eingesehen werden.

2. Kurs-Fortschritt auf der Seite "Mein Konto"

Standardmäßig werden auf dieser Seite alle Kurse angezeigt, in welche der eingeloggte Benutzer eingeschrieben ist. Die Tabelle zeigt eine einfache Übersicht der Kurs-Titel. Links sowie rechts vom Titel wird der Fortschritt eines Kurses visualisiert:

Klickt man rechts auf "Alles ausklappen" oder nur auf eines der blauben Pfeil-Icons, wird der Kurs-Fortschrittsbalken angezeigt sowie auch absolvierte Tests und Test-Versuche:

3. Kurs-Fortschritt über einen Shortcode in einer kompakten Ansicht ausgeben

Du hast die Möglichkeit, einen Shortcode zu verwenden, um eine benutzerdefinierte Fortschrittsanzeige für den eingeloggten Benutzer auszugeben. Dieser Shortcode lautet [ld_course_info] und zeigt dem eingeloggten Benutzer drei Abschnitte an: 

1. Übersicht der Kurse (Titel & Beitragsbild des Kurses), in welche der eingeloggte Benutzer eingeschrieben ist
2. Ausführliche Übersicht über den Fortschritt innerhalb eines Kurses:
   1. Kurs-Status: Noch nicht begonnen, In Arbeit oder Abgeschlossen
   2. X von Y Schritten als erledigt markiert/abgeschlossen
   3. Einschreibungsdatum in den Kurs
3. Ausführliche Übersicht absolvierter Tests:
   1. Titel des Tests und Link zum Test
   2. Erreichte Punktzahl
   3. Link zum Aufrufen der Test-Statistik
   4. Datum der Durchführung
   5. Bewertung (Bestanden oder nicht)

So sieht die Ausgabe für einen eingeloggten Benutzer aus:

Diese Ausgabe kennst du als Admin, wenn du dich im Backend unter der Rubrik "Benutzer" im Bearbeitungsmodus eines Benutzers befindest.

Über den Shortcode werden immer alle drei Abschnitte ausgegeben. Jeder der Abschnitte verfügt über ein paar Parameter, über die du bspw. die Reihenfolge der angezeigten Inhalte festlegen kannst.

3.1 Shortcode Abschnitt 1: Eingeschriebene Kurse

Möchtest du bei diesem Abschnitt die Ansicht ändern, erweiterst du den Shortcode einfach um einen oder mehrere folgende Parameter:

• registered_show_thumbnail – Wert ist entweder "true" (zeigt das Kurs-Vorschaubild) oder "false" (versteckt das Kurs-Vorschaubild)
  Beispiel: [ld_course_info registered_show_thumbnail="true"]
• registered_num – limitiert die Anzahl der Kurse auf einen Blick
  Beispiel: [ld_course_info registered_num="3"] zeigt 3 von X Kurse und fügt unterhalb ein Vor-Zurück-Button ein
• registered_orderby – sortiert die eingeschriebenen Kurse nach ID, Titel oder Datum
  Beispiel: [ld_course_info registered_orderby="ID"]
  Beispiel: [ld_course_info registered_orderby="title"]
  

  Beispiel: [ld_course_info registered_orderby="date"]

• registered_order – kann entweder aufsteigend (ASC) oder absteigend (DESC) sein
  Beispiel: [ld_course_info registered_order="ASC"]

Beispiel, wenn mehrere Parameter verwendet werden: 

• [ld_course_info registered_show_thumbnail="false" registered_order="DESC"]
  

Möchtest du den gesamten Abschnitt 1 ausblenden, musst du lediglich den folgenden CSS-Code kopieren und ihn im Backend deiner Spreadmind Plattform unter "Design" > "Theme Optionen" > Reiter "Allgemeines" am Ende der Seite bei eigenes CSS einfügen:

/* ld_course_info: Abschnitt eingeschriebene Kurse ausblenden */
#ld_course_info #ld_course_info_mycourses_list { display: none; }

3.2 Shortcode Abschnitt 2: Kurs-Fortschritt im Detail

Möchtest du bei diesem Abschnitt die Ansicht ändern, erweiterst du den Shortcode einfach um einen oder mehrere folgende Parameter:

• progress_num – limitiert die Anzahl der Kurse auf einen Blick
  Beispiel: [ld_course_info progress_num="3"] zeigt 3 von X Kurse und fügt unterhalb ein Vor-Zurück-Button ein
• progress_orderby – sortiert die eingeschriebenen Kurse nach ID, Titel oder Datum
  Beispiel: [ld_course_info progress_orderby="ID"]
• progress_order – kann entweder aufsteigend (ASC) oder absteigend (DESC) sein
  Beispiel: [ld_course_info progress_order="ASC"]

• [ld_course_info registered_show_thumbnail="false" registered_order="DESC" progress_num="3" progress_order="DESC"]

Möchtest du den gesamten Abschnitt 2 ausblenden, musst du lediglich den folgenden CSS-Code kopieren und ihn im Backend deiner Spreadmind Plattform unter "Design" > "Theme Optionen" > Reiter "Allgemeines" am Ende der Seite bei eigenes CSS einfügen:

/* ld_course_info: Abschnitt Kurs-Fortschritt im Detail ausblenden */
#ld_course_info #course_progress_details { display: none; }

3.3 Shortcode Abschnitt 3: Absolvierte Tests

Möchtest du bei diesem Abschnitt die Ansicht ändern, erweiterst du den Shortcode einfach um einen oder mehrere folgende Parameter:

• quiz_num – limitiert die Anzahl der absolvierten Tests auf einen Blick
  Beispiel: [ld_course_info quiz_num="3"] zeigt 3 von X Tests und fügt unterhalb ein Vor-Zurück-Button ein
• quiz_orderby – sortiert die Tests nach ID, Titel oder Datum
  Beispiel: [ld_course_info quiz_orderby="ID"]
• quiz_order – kann entweder aufsteigend (ASC) oder absteigend (DESC) sein
  Beispiel: [ld_course_info quiz_order="ASC"]

• [ld_course_info registered_show_thumbnail="false" registered_order="DESC" progress_num="3" progress_order="DESC" quiz_num="2" quiz_order="DESC"]

Möchtest du den gesamten Abschnitt 3 ausblenden, musst du lediglich den folgenden CSS-Code kopieren und ihn im Backend deiner Spreadmind Plattform unter "Design" > "Theme Optionen" > Reiter "Allgemeines" am Ende der Seite bei eigenes CSS einfügen:

/* ld_course_info: Abschnitt absolvierte Tests ausblenden */
#ld_course_info #quiz_progress_details { display: none; }