Skip to main content

Universelles Textfeld

Ein universelles Textfeld hat Ähnlichkeiten zum normalen Textfeld, ist jedoch interaktiver und visuell ansprechender. Mithilfe von Themen- oder Kurs-Teasern kann direkt auf Themen und andere Kurse verlinkt werden.

Eine Aktivität erstellen

  1. Navigieren Sie in den gewünschten Kurs und klicken Sie auf Bearbeiten , um den Bearbeitungsmodus zu aktivieren.Screenshot eines Moodle-Kurses. Im oberen rechten Bereichs eines Moodle-Fensters neben dem Button zum Öffnen der Profilinformationen ist der Button Bearbeiten hervorgehoben und aktiviert gekennzeichnet.
  2. Klicken sie im gewünschten Abschnitt auf Aktivität oder Material anlegen.
    Screenshot eines leeren Kursabschnitts in einem Moodle-Kurs. Im unteren Bereich befindet sich der Button "Aktivität oder Material anlegen".
  3. Wählen Sie die gewünschte Aktivität aus der Liste aus und klicken Sie diese zum Hinzufügen an. Sie können ein Suchfeld nutzen um die Auswahl zu filtern.
    Screenshot des Fensters "Aktivität oder Material anlegen" in Moodle mit einem leeren Suchfeld. Darunter ist der Tab "Alle" ausgewählt. Daneben existieren die Tabs "Aktivitäten", "Arbeitsmaterial" und "Empfohlen". Darunter befinden sich Buttons mit Icons aller in Moodle verfügbaren Aktivitäten sowie dem jeweiligen Namen der Aktivität.

Allgemeine Einstellungen anpassen

  1. Nun öffnen sich die allgemeinen Einstellungen. Sie haben die Möglichkeit, einen Namen, eine Beschreibung für das Textfeld einzugeben und den Textfeldtypen (siehe Abschnitt Textfeldtypen) auszuwählen.

    Screenshot des Bereichs "Allgemein" im Fenster zum Erstellen eines universellen Textfeldes.


  2. Klicken Sie auf Speichern und zum Kurs.

Textfeld-Einstellungen festlegen

  1. Scrollen Sie nach Auswahl des Textfeld-Typen in der Kursübersicht erneut zu dem entsprechenden Kursabschnitt und klicken Sie auf Inhalt ändern.

    Screenshot eines Kursbereiches mit einem leeren universellen Textfeld. Für den Trainer ist der Button "Inhalt ändern" vorhanden.

  2. Ein neues Fenster öffnet sich. Sie können hier den Inhaltstypen im Nachhinein verändern. Bei jedem Textfeld-Typen können Sie zunächst eine Beschreibung für das Textfeld eingeben und auswählen, ob Sie die Beschreibung anzeigen lassen wollen. Danach folgen Typen-spezifische Einstellugnsmöglichkeiten. Bestätigen Sie alle Änderungen immer mit Änderungen speichern.

    Screenshot des Fensters "Inhalt ändern" mit einem Textfeld "Beschreibung" und einer Checkbox "Beschreibung des Textfeldes anzeigen".

Textfeld-Typen

Akkordeon

  1. Mit einem Akkordeon können Sie das Textfeld in mehrere Bereiche aufteilen, von denen zunächst nur die Überschrift sichtbar ist. Durch Klick auf die Überschrift kann der jeweilige Inhalt aufgeklappt werden.

    Screenshot eines Kursbereiches mit einem universellen Textfeld. Es erscheint mit zwei klickbaren Überschriften. Unter einer Überschrift ist ein Text "Testinhalt" ausgeklappt.

  2. Im Fenster Inhalt ändern erhalten Sie zugriff auf den Button Element hinzufügen (1) um neue Abschnitte zu erstellen. Sie können bestehende Abschnitte mit den Buttons im rechten Bereich neben dem Segments-Titel (bspw. Segment-2) verschieben oder löschen. Öffnen Sie die Inhalte des jeweiligen Segmentes über das Pfeilsymbol links neben dem Segments-Titel (3). Vergeben Sie jeweils eine Überschrift (4) und füllen Sie den Abschnitt mit Inhalt (5) (Sie können alle Funktionen des TinyMCE-Texteditors nutzen). Bestätigen Sie wie üblich mit Änderungen speichern.
    Screenshot des Fensters Inhalt ändern. Im oberen Dropdownmenü ist Akkordeon ausgewählt. Im unteren Bereich über Änderungen speichern befindet sich der Button Element hinzufügen (1). Darüber befindet sich der Abschnitt Segment-1 der durch Erstellen einen Elements erstellt wurde. im Rechten bereich neben der Überschrift Segment-1 befinden sich Icon-Buttons zum verschieben und Löschen (2). Der Pfeil links von Segment-1 ist mit (3) markiert. Durch Klick auf den Pfel wurden darunter die Textfelder Überschrift (4) und Inhalt (5) geöffnet.

Karussell

  1. Das Karussell bietet sich an, wenn Sie bspw. Lernschemata einbauen wollen oder Buttons in Ihren Moodle-Kurs einbetten möchten. Im Karussel wird jeweils eine Kachel dargestellt. Durch Klick auf Pfeile an der linken und rechten Seite kann die Kachel umgestellt werden.

    Screenshot eines Kursabschnittes mit einem Karussel. In der Mitte ist das Bild einer Ente zu sehen, links und rechts davon jeweils Pfeile als Buttons.

  2. Im Fenster Inhalt ändern klappen Sie den Abschnitt Karussell auf. Hier können Sie die Automatische Ausführung aktivieren, das Intervall einstellen, in welchem sich die Kacheln abwechseln, aber auch eine feste Höhe, auf die alle Bilder skaliert werden. Wenn alle Bilder die gleiche Größe haben, können Sie auch die Automatische Höhe einstellen.

    Screenshot des Fenster Inhalt bearbeiten. Im oberen Dropdown-Menü ist Karussel ausgewählt. Es erscheint der Bereich "Karussell" mit dem Dropdown-Feld "Intervall (in Sekunden)" und dem Textfeld "Höhe".


  3. Anschließend können Sie die Hintergrundfarbe mit einem Color-Picker aussuchen, oder indem Sie einen Hex-Farbcode eingeben, sowie Einstellungen zur Bildbeschriftung vornehmen.

    Screenshot des Fenster Inhalt bearbeiten. Im oberen Dropdown-Menü ist Karussel ausgewählt. Unter den im letzten Bild erwähnten Feldern erscheint eine Farbbox "Hintergrund" ein Dopdownfeld für Stil der Bildbeschriftung und ein Eingabefeld für die Bildbreite.


  4. Nachdem alle Voreinstellungen getroffen wurden, können Sie die Kacheln mit Inhalt befüllen. Fügen Sie mit dem Button Element hinzufügen (1) eine Kachel hinzu. Sie können die Kachel über Buttons rechts neben dem Titel verschieben oder löschen (2). Klicken Sie dann auf den Abschnitt Kachel-1.
    Beschriften (3) Sie die Kachel. Die Beschriftung ist notwendig, da diese auch angezeigt wird, wenn kein Bild hochgeladen wurde. Die Kacheln können auch als Buttons zum Öffnen von Links genutzt werden, indem Sie eine URL (4) eingeben. Optional können Sie zum Schluss ein Bild (5) hochladen und ein kleineres für Mobilgeräte (6). Wenn Sie kein schmaleres Bild haben, wird das normale Bild angezeigt.
    Screenshot des Fensters Inhalt ändern. Im oberen Dropdownmenü ist Karussel ausgewählt. Im unteren Bereich über Änderungen speichern befindet sich der Button Element hinzufügen (1). Darüber befindet sich der Abschnitt Kachel-1 der durch Erstellen einen Elements erstellt wurde. im Rechten bereich neben der Überschrift Kachel-1 befinden sich Icon-Buttons zum verschieben und Löschen (2). Im Abschnitt Kachel-1 die Textfelder Beschriftung-1 (3) und URL (4) und das Dateiauswahlfeld Bild-1 (5).

  5. Sie können nach diesem Schema beliebig viele Kacheln anklicken. Wenn Sie mehr Kacheln benötigen, können Sie auf Element hinzufügen klicken. Wählen Sie abschließend Änderungen speichern aus.

Eingeklappter Text

  1. Im Fenster Inhalt ändern passen Sie den Inhalt unter Beschreibung an (Sie können alle Funktionen des TinyMCE-Texteditors nutzen) und geben Sie dem Textfeld einen Titel.

    Screenshot des Fensters "Inhalt ändern" im oberen Dropdownmenü ist "Eingeklappter Text" ausgewählt. Unter dem Abschnitt Inhalt ändern folgt der Abschnitt "Eingeklappter Text" mit den Textfeld Titel und dem Dropdownfeld Darstellung. Am Ende der Button "Änderungen speichern".

  2. Wählen Sie anschließend die Darstellung aus. Wenn Sie die eingeklappte Darstellung auswählen, wird nur der Titel angezeigt. Die Beschreibung wird erst bei einem Klick auf den Titel angezeigt. 

    Screenshot eines Kursabschnittes eines Moodle Kurse in dem eine klickbare Überschrift "Eingeklappter Text" und daneben ein nach unten zeigender Pfeld, sowie darunter der Text "Dies ist ein Beispiel" zu lesen ist.

  3. Wenn Sie den Modalen Dialog als Darstellung auswählen, wird ein Dialogfenster bei Klick auf den Titel angezeigt.

    Screenshot eines Moodle Dialog-Fensters mit der Überschrift "Eingeklappter Text mit Dialog", dem Text "Dies ist ein Beispiel" und dem Button "Schließen".

Kurs-Teaser

  1. Mit einem Kurs-Teaser können Sie einen oder mehrere andere Kurse in einer Übersicht verlinken. Der Kurs-Teaser zeigt den Titel des ausgewählten Kurses und ggf. das dazugehörige Bild. Der Kurs kann durch Klick auf den Titel geöffnet werden.

    Screenshot eines Kursabschnittes mit einem Universellen Textfeld in dem sich ein Bild des Logos der Uni Leipzig und ein Link "Testkurs" befinden. Links und recht zudem jeweils Pfeile.

  2. Im Fenster Inhalt ändern Suchen Sie die gewünschten Kurse (1) aus, die dargestellt werden sollen. Wählen Sie aus, ob die Kurse als Karussell oder als Gitter (2) dargestellt werden sollen. Bei der Darstellung als Karussell kann anschließend noch das Intervall (3) ausgewählt werden. Wenn Sie sich für das Gitter entscheiden, können Sie zusätzlich noch die Anzahl der Spalten anpassen.
  3. Klicken Sie abschließend auf Änderungen speichern
    Screenshot des Bereiches Inhalt ändern. Im oberen Dropdownmenü ist Kurs-Teaser ausgewählt. Im Abschnitt Kurs-Teaser ist ein Suchfeld (1) ein Dropdownfeld Darstellung (2) mit der Auswahl Karussel, sowie das Dropdownfeld Intervall (3) und der Button Änderungen Speichern (4) hervorgehoben.

Gitter

  1. Bei diesem Textfeld-Typen werden Kacheln in einem Gitter nebeneinander angezeigt. Wenn auf die Kacheln geklickt wird, öffnet sich entweder ein Dialogfeld oder eine vorher definierte URL.

    Screenshot eines Kursabschnittes mit einem universellen Texfeld in dem nebeneinander Kachel 1 und ein Bild des Uni-Logos sowie Kachel 2 und ein Bild des Leipziger Stadtwappen zu finden sind.

  2. Im Fenster Inhalt ändern klappen Sie den Abschnitt Gitter aus und wählen Sie die Anzahl der Spalten und die Höhe der Bilder aus.

    Screenshot des Abschnittes Gitter im Fenster "Inhalt ändern" bei auswahl von "Gitter" im oberen Dropdown-Menü mit Dropdown-Menüs zu Spalten und Höhe.


  3. Nachdem alle Voreinstellungen getroffen wurden, können Sie die Kacheln mit Inhalt befüllen. Fügen Sie mit dem Button Element hinzufügen (1) eine Kachel hinzu. Sie können die Kachel über Buttons rechts neben dem Titel verschieben oder löschen (2). Klicken Sie dann auf den Abschnitt Kachel-1.
    Beschriften (3) Sie die Kachel. Die Kacheln können auch als Buttons zum Öffnen von Links genutzt werden, indem Sie eine URL (4) eingeben, andernfalls öffnet sich ein Dialogfenster mit der Beschriftung (3). Optional können Sie zum Schluss ein Bild (5) hochladen und ein kleineres für Mobilgeräte (6). Wenn Sie kein schmaleres Bild haben, wird das normale Bild angezeigt.
    Screenshot des Fensters Inhalt ändern. Im oberen Dropdownmenü ist Karussel ausgewählt. Im unteren Bereich über Änderungen speichern befindet sich der Button Element hinzufügen (1). Darüber befindet sich der Abschnitt Kachel-1 der durch Erstellen einen Elements erstellt wurde. im Rechten bereich neben der Überschrift Kachel-1 befinden sich Icon-Buttons zum verschieben und Löschen (2). Im Abschnitt Kachel-1 die Textfelder Beschriftung-1 (3) und URL (4) und das Dateiauswahlfeld Bild-1 (5).
  4. Klicken Sie abschließend auf Änderungen speichern.

Bilderleinwand

  1. Mit einer Bilderleinwand erhalten Sie Zugriff auf eine Fläche auf der Sie frei Bilder positionieren können.
    Screenshot eines Moodle-Kursabschnittes mit einem Universellen Textfeld in dem eine weiße Leinwand dargstellt ist auf der das Logo der Uni Leipzig und das Leipziger Stadtwappen nebeneinander platziert sind. Links oben am Bild jeweils der Titel.
  2. Im Fenster Inhalt ändern passen Sie die Breite und Höhe der Leinwand an, vergeben Sie optional ein Hintergrundbild und Text- und Hintergrundfarbe der Bildtitel.

    Screenshot des Abschnittes Bilderleinwand im Fenster "Inhalt ändern" bei auswahl von "Bilderleinwand" im oberen Dropdown-Menü. Mit Dropdown-Menüs für Breite und Höhe einer Dateiauswahl "Hintergrundbild", sowie Texfeldern zur Auswahl der Titelfarben im Hexadezimalformat.

  3. Fügen Sie mit Element hinzufügen ein Bild-Element hinzu. oder Löschen Sie diese über den Mülltonnen-Symbol in der Titelzeile im Abschnitt des Bildes. Vergeben Sie einen Titel und Laden Sie über die Dateiauswahl ein Bild hoch. Positionieren sie unter Obere linke Ecke das Bild in der Leinwand (orientieren Sie sich mit den Koordinaten an der zuvor eingestellten Höhe und Breite der Leinwand). Legen Sie die Breite/Höhe des Bildes fest (bei 0 wird die Originalgröße des hochgeladenen Bildes verwendet. Falls der Klick auf das Bild einen Link öffnen soll, vergeben Sie eine URL. Ggf. stellen Sie einen Rahmen ein. Bestätigen Sie mit Änderungen speichern.

    Screenshot des Abschnittes "Bild-2" unter den zuvor erwähnten Abschnitten. Enthalten sind ein Textfeld "Titel-2": "Wappen Leipzig" einer kleinen Bildvorschau im Dateiauswahlfeld "Bild-2". Darunter je 2 kleine Textfelder nebeneinander "Obere linke Ecke-2": 200 und 50 und darunter "Breite/Höhe des Bildes-2": 200 und 200. Darunter ein Textfeld "URL-2". Und ein Dropdownfeld "Rahmen". Am ENde die Buttons "Element hinzufügen", "Änderungen speichern" und "Abbrechen".

Einfacher Text

Bei dem einfachen Textfeld gibt es keine spezifischen Einstellungen. Sie nutzen lediglich die Funktionen des TinyMCE-Texteditors und bestätigen mit Änderungen speichern.

Screenshot des Abschnittes Inhalt ändern beid er Auswahl "Einfacher Text" im Dropdownmenü "Inhaltstyp wechseln" oben. Es ist lediglich ein leeren Textfeld mit Editorfunktionen "Beschreibung" und die Buttons "Änderungen speichern" und "Abbrechen".

Themen-Teaser

  1. Der Themen-Teaser ähnelt dem Kurs-Teaser (siehe oben), jedoch mit dem Unterschied, dass die einzelnen Abschnitte eines ausgewählten Kurses dargestellt werden.

    Screenshot eines Kursabschnittes mit einem Universellen Textfeld in dem der Kursname "Bastelkurs" und darunter der Abschnitt "Week 2" sowie links und rechts davon Pfeile dargestellt sind.

  2. Wählen Sie zunächst den Kurs für dieses Textfeld und die Darstellung aus. Auch hier gibt es wieder die Karussell-Darstellung und die Gitter-Darstellung. Bei der Karussell-Darstellung kann das Intervall für die Diashow ausgewählt werden. Bei der Gitter-Darstellung kann die Anzahl der Spalten ausgewählt werden.
    Zum Schluss kann noch die Aktion ausgewählt werden, die bei einem Klick auf die Themen ausgeführt wird.

    Screenshot des Abschnitts "Themen-Teaser" auf der Seite "Inhalt ändern" bei auswahl von "Themen-Teaser" im oberen Dropdown-Menü. Über dem Suchfeld Kurs ist der Kurs "Bastelkurs" vermerkt. Im Dropdownfeld "Darstellung" ist "Karussel" ausgewählt. Im Dropdown-Feld "Intervall" ist 5 ausgewähl und unter "Klick-Aktion" "Kursvorschau"

  3. Die Kursvorschau öffnet ein Pop-Up Fenster mit einer Vorschau des Kurses.
    Screenshot eines Kursabschnittes mit einem Universellen Textfeld in dem der Kursname Bastelkurs und darunter der Abschnitt Week 2 sowie links und rechts davon Pfeile dargestellt sind. Ein Pfeil führt zu eines Weiteren Screenshot in dem der Abschnitt Week 3 mit seinem Inhalt dargestellt ist.
  4. Kurs öffnen öffnet den verlinkten Kurs direkt, insofern die Studierenden in diesem Kurs eingeschrieben sind.
    Klicken Sie abschließend auf Änderungen speichern.