Design-Vorlagen: Unterschied zwischen den Versionen

Aus helpdesk
Zur Navigation springen Zur Suche springen
 
(12 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
Moodle-Lernumgebungen setzen sich meist aus den klassischen [[Lernaktivitaeten|Moodle-Aktivitäten]] und -Materialien zusammen. Über Studienbriefe, Zusatzliteratur, Foren oder Aufgaben hinaus, ist auch der Aufbau und die Gestaltung von einer Lernumgebung wichtig. Nicht nur die klare Struktur hilft beim Lehren und Lernen, auch ein ansprechendes Design motiviert die Lehrenden.<br>
Moodle-Lernumgebungen setzen sich meist aus den klassischen [[Moodle-Plugins|Moodle-Aktivitäten und -Materialien]]  zusammen. Über Studienbriefe, Zusatzliteratur, Foren oder Aufgaben hinaus, ist auch der Aufbau und die Gestaltung von einer Lernumgebung wichtig. Nicht nur die klare Struktur hilft beim Lehren und Lernen, auch ein ansprechendes Design motiviert die Lehrenden.<br>
Über den Moodle-Editor haben Sie als Betreuer/in nun die Möglichkeit, mit Hilfe von Design-Vorlagen Ihre Lernumgebungen zu gestalten.
Über den Moodle-Editor haben Sie als Betreuer*in nun die Möglichkeit, mit Hilfe von Design-Vorlagen Ihre Lernumgebungen zu gestalten.
 
=Vorgehen für Betreuer/innen=
Klicken Sie in Ihrer Moodle-Lernumgebung ''Bearbeiten einschalten'' an. Erstellen Sie anschließend über ''Material oder Aktivität hinzufügen'' ein einfaches Textfeld.
 
Die Gestaltungsvorlagen erreichen Sie über die Schaltfläche mit dem Pinsel-Icon:<br>
[[Datei:Editor gestaltungsvorlagen.jpg]]<br><br>


=Vorgehen für Betreuer*innen=
Schalten Sie in Ihrer Lernumgebung das Bearbeiten über den Regler neben Ihrem Profil an. Erstellen Sie anschließend über ''Material oder Aktivität hinzufügen'' ein einfaches Textfeld (oder nutzen Sie jede andere Aktivität, in denen Ihnen der vollständige Editor angezeigt wird). Die meisten dieser Gestaltungsvorlagen können in fast allen Aktivitäten verwendet werden, in denen der Atto-Editor (der auf dem Screenshots zu sehen ist)angeboten wird. Manche der Vorlagen funktionieren in Aktivitäten wie Wiki, Glossar oder Forum nicht, wo Studierende Beiträge mit dem gleichen Editor schreiben können, da Moodle dort den Code filtert.
==Gestaltungsvorlagen==
Die Gestaltungsvorlagen erreichen Sie über die Schaltfläche mit dem Farbtropfen-Icon.<br>
Markieren Sie den Textbereich und wählen anschließend die gewünschte Gestaltungsvorlage aus:<br>
Markieren Sie den Textbereich und wählen anschließend die gewünschte Gestaltungsvorlage aus:<br>
[[Datei:Gestaltungsvorlagen.PNG]]
[[Datei:Gestaltungsvorlagen.PNG| Vorschau der Designvorlagen mit Bezeichnung]]
<br><br>
<br><br>
==BS Grid==
Es gibt auch noch weitere Buttons, hinter denen sich Design-Vorlagen abrufen lassen:<br>
[[Datei:Gestaltungsvorlagen Buttons in Moodle 4.png|alternativtext=Screenshot der drei Optionen für Gestaltungsvorlagen in Moodle 4]]
Wenn Sie auf den zweiten Button mit den vertikalen Linien klicken, öffnet sich ein Pop Up, welches Ihnen bereits eine kleine Vorschau der vorhandenen Design-Vorlagen zeigt.
[[Datei:Gestaltungsvorlagen BS Grid in Moodle 4.png|mini|rechts|alternativtext=Screenshot der BS Grid Vorlagen in Moodle 4]]


Über die Editor-Schaltfläche ''Mehr Symbole anzeigen'' können Sie weitere Design-Vorlagen abrufen:<br>
Dazu gehören z.B.:
[[Datei:Designvorlagen.PNG]]<br><br>
Das sich öffnene Pop Up zeigt bereits eine kleine Vorschau der vorhandenen Design-Vorlagen.
# Einleitung: Überschrift mit Untertitel
# Einleitung: Überschrift mit Untertitel
# Kontaktbox für eine/n Betreuer/in (Foto, Name, Kontaktdaten)
# Kontaktbox für eine*n Betreuer*in (Foto, Name, Kontaktdaten)
# Kontaktbox für zwei Betreuer/innen (Foto, Name, Kontaktdaten)
# Kontaktbox für zwei Betreuer*innen (Foto, Name, Kontaktdaten)
# Kontaktbox für drei Betreuer/innen (Foto, Name, Kontaktdaten)
# Kontaktbox für drei Betreuer*innen (Foto, Name, Kontaktdaten)
# Textboxen mit je einem Bild auf der linken Seite
# Textboxen mit je einem Bild auf der linken Seite
# Zwei- bis sechsspalitges Layout
# Zwei- bis sechsspalitges Layout
Zeile 26: Zeile 28:


'''Bitte beachten Sie bei der Nutzung der zusätzlichen Design-Vorlage ein paar Gestaltungshinweise'''
'''Bitte beachten Sie bei der Nutzung der zusätzlichen Design-Vorlage ein paar Gestaltungshinweise'''
* Modernes Design bedeutet in der Regel auch ''großflächiges'' Design. Achten Sie bei der Verwendung der Vorlagen auf das Ergebnis mit unterschiedlichen Monitoformaten. Häufig empfiehlt sich in Moodle die Verwendung eines '''zweispaligen Layouts''', d.h. der Verzicht auf rechtsliegende Blöcke.
* Modernes Design bedeutet in der Regel auch ''großflächiges'' Design. Achten Sie bei der Verwendung der Vorlagen auf das Ergebnis mit unterschiedlichen Monitorformaten. Häufig empfiehlt sich in Moodle die Verwendung eines '''zweispaltigen Layouts''', d.h. der Verzicht auf rechtsliegende [[Blöcke]].
* Achten Sie bei der Bildauswahl darauf, dass die Bilder nicht zu groß und ggf. einheitlich sind. Querformatierte Bilder werden bei runden Vorlagen als Oval dargestellt, Quadratische Bilder als Kreis. Wünschen Sie ein einheitliches Enddesign, skalieren Sie Ihre Bilder bitte bereits vor dem Hochladen.
* Achten Sie bei der Bildauswahl darauf, dass die Bilder nicht zu groß und ggf. einheitlich sind. Querformatierte Bilder werden bei runden Vorlagen als Oval dargestellt, Quadratische Bilder als Kreis. Wünschen Sie ein einheitliches Enddesign, skalieren Sie Ihre Bilder bitte bereits vor dem Hochladen.
* Sollte eine Texteingabe zu Fehlern führen, ist die erste Hilfe 'Strg + Z' (Rückgängig-Befehl). Reicht dies nicht aus, hilft etwas Übung im Umgang mit den Vorlagen oder ein Blick in den html-Code. Gerne hilft Ihnen aber auch das [mailto:ekoo@fernuni-hagen.de Team der Koordinationsstelle (ZMI)] weiter.
* Sollte eine Texteingabe zu Fehlern führen, ist die erste Hilfe 'Strg + Z' (Rückgängig-Befehl). Reicht dies nicht aus, hilft etwas Übung im Umgang mit den Vorlagen oder ein Blick in den html-Code. Gerne hilft Ihnen das Moodle Team weiter, Sie erreichen uns über den helpdesk.
 
===Beispiele===
[[Datei:Designvorlagen2.PNG]]
 
==Generico==
Im Moodle der FernUni steht Ihnen eine Sammlung an Vorlagen bereit, um Ihre Kurse einheitlicher oder persönlicher zu gestalten. Die Vorlagen werden mit dem Filter-Plugin Generico ermöglicht.
 
Die Vorlagen ermöglichen Ihnen unterschiedliche Dinge
#Das Einbauen und zentrale Verwalten immer wieder benötigter Textbausteine, z.B. Hinweistexte von Prüfungsämtern, die nicht durch Betreuer*innen verändert werden sollen und zentral verwaltet werden sollen. Der Text wird in der Vorlage zentral verändert und passt sich an allen Stellen bei Änderungen an.
#Ersetzen komplizierter HTML-Syntax durch einfachere Varianten, z.B. zum Einbetten eines YouTube-Players.
#Verwenden von Variablen im Kurs (z.B. den Kursnamen, dem Namen des eingeloggten Users etc.). Damit kann man Kursvorlagen generalisieren.
 
Weitere Infos zu den Generico Vorlagen finden Sie in unserem [https://moodle.fernuni-hagen.de/course/view.php?id=19&section=9 Showroom].


[[Kategorie:Lehren_Moodle]]
[[Kategorie:Lehren_Moodle]]

Aktuelle Version vom 23. April 2024, 08:30 Uhr

Moodle-Lernumgebungen setzen sich meist aus den klassischen Moodle-Aktivitäten und -Materialien zusammen. Über Studienbriefe, Zusatzliteratur, Foren oder Aufgaben hinaus, ist auch der Aufbau und die Gestaltung von einer Lernumgebung wichtig. Nicht nur die klare Struktur hilft beim Lehren und Lernen, auch ein ansprechendes Design motiviert die Lehrenden.
Über den Moodle-Editor haben Sie als Betreuer*in nun die Möglichkeit, mit Hilfe von Design-Vorlagen Ihre Lernumgebungen zu gestalten.

Vorgehen für Betreuer*innen

Schalten Sie in Ihrer Lernumgebung das Bearbeiten über den Regler neben Ihrem Profil an. Erstellen Sie anschließend über Material oder Aktivität hinzufügen ein einfaches Textfeld (oder nutzen Sie jede andere Aktivität, in denen Ihnen der vollständige Editor angezeigt wird). Die meisten dieser Gestaltungsvorlagen können in fast allen Aktivitäten verwendet werden, in denen der Atto-Editor (der auf dem Screenshots zu sehen ist)angeboten wird. Manche der Vorlagen funktionieren in Aktivitäten wie Wiki, Glossar oder Forum nicht, wo Studierende Beiträge mit dem gleichen Editor schreiben können, da Moodle dort den Code filtert.

Gestaltungsvorlagen

Die Gestaltungsvorlagen erreichen Sie über die Schaltfläche mit dem Farbtropfen-Icon.
Markieren Sie den Textbereich und wählen anschließend die gewünschte Gestaltungsvorlage aus:
Vorschau der Designvorlagen mit Bezeichnung

BS Grid

Es gibt auch noch weitere Buttons, hinter denen sich Design-Vorlagen abrufen lassen:
Screenshot der drei Optionen für Gestaltungsvorlagen in Moodle 4

Wenn Sie auf den zweiten Button mit den vertikalen Linien klicken, öffnet sich ein Pop Up, welches Ihnen bereits eine kleine Vorschau der vorhandenen Design-Vorlagen zeigt.

Screenshot der BS Grid Vorlagen in Moodle 4

Dazu gehören z.B.:

  1. Einleitung: Überschrift mit Untertitel
  2. Kontaktbox für eine*n Betreuer*in (Foto, Name, Kontaktdaten)
  3. Kontaktbox für zwei Betreuer*innen (Foto, Name, Kontaktdaten)
  4. Kontaktbox für drei Betreuer*innen (Foto, Name, Kontaktdaten)
  5. Textboxen mit je einem Bild auf der linken Seite
  6. Zwei- bis sechsspalitges Layout
  7. Drei Thumbnail Boxen (Kombnination von Bild und Text)
  8. Jumbotron (Textbox mit großer Schrift)
  9. Akkordeon (Aufklappmechanismus) mit drei Teilbereichen

Bitte beachten Sie bei der Nutzung der zusätzlichen Design-Vorlage ein paar Gestaltungshinweise

  • Modernes Design bedeutet in der Regel auch großflächiges Design. Achten Sie bei der Verwendung der Vorlagen auf das Ergebnis mit unterschiedlichen Monitorformaten. Häufig empfiehlt sich in Moodle die Verwendung eines zweispaltigen Layouts, d.h. der Verzicht auf rechtsliegende Blöcke.
  • Achten Sie bei der Bildauswahl darauf, dass die Bilder nicht zu groß und ggf. einheitlich sind. Querformatierte Bilder werden bei runden Vorlagen als Oval dargestellt, Quadratische Bilder als Kreis. Wünschen Sie ein einheitliches Enddesign, skalieren Sie Ihre Bilder bitte bereits vor dem Hochladen.
  • Sollte eine Texteingabe zu Fehlern führen, ist die erste Hilfe 'Strg + Z' (Rückgängig-Befehl). Reicht dies nicht aus, hilft etwas Übung im Umgang mit den Vorlagen oder ein Blick in den html-Code. Gerne hilft Ihnen das Moodle Team weiter, Sie erreichen uns über den helpdesk.

Beispiele

Designvorlagen2.PNG

Generico

Im Moodle der FernUni steht Ihnen eine Sammlung an Vorlagen bereit, um Ihre Kurse einheitlicher oder persönlicher zu gestalten. Die Vorlagen werden mit dem Filter-Plugin Generico ermöglicht.

Die Vorlagen ermöglichen Ihnen unterschiedliche Dinge

  1. Das Einbauen und zentrale Verwalten immer wieder benötigter Textbausteine, z.B. Hinweistexte von Prüfungsämtern, die nicht durch Betreuer*innen verändert werden sollen und zentral verwaltet werden sollen. Der Text wird in der Vorlage zentral verändert und passt sich an allen Stellen bei Änderungen an.
  2. Ersetzen komplizierter HTML-Syntax durch einfachere Varianten, z.B. zum Einbetten eines YouTube-Players.
  3. Verwenden von Variablen im Kurs (z.B. den Kursnamen, dem Namen des eingeloggten Users etc.). Damit kann man Kursvorlagen generalisieren.

Weitere Infos zu den Generico Vorlagen finden Sie in unserem Showroom.