Kapitel erstellen

Um einen Kurs mit Inhalten zu versehen, gehen Sie zum Reiter Kapitel. Sie können beliebig viele Kapitel anlegen, in denen Sie Ihre Inhalte einspielen und unterteilen können. Dabei können Sie zwischen Kapitel mit Editor erstellen und SCORM-Datei hochladen unterscheiden.

Mit dem Button Sortieren können Sie die jeweiligen Unterkapitel beliebig hin und her verschieben.

Kapitel mit einer SCORM-Datei erstellen

Wenn Sie sich für das Hochladen einer vorbereiteten SCORM-Datei entscheiden, werden Sie zur Sprachauswahl weitergeleitet. Hier können Sie einzelne SCORM-Dateien für die verfügbaren Sprachen hochladen.

Fügen Sie eine Sprache hinzu, so müssen Sie einen Kapitelnamen eingeben und können dann eine Datei entweder vom Dateimanager oder lokal von Ihrem Computer hochladen. In dieser Ansicht können Sie durch einen Klick auf Editieren auch den Kapitelnamen jederzeit ändern.

Kapitel mit Editor erstellen

Alternativ können Sie ein Kurs-Kapitel auch mit dem Editor erstellen.

Wenn Sie das tun, tragen Sie zunächst an oberster Stelle den Kapitelnamen ein. Unter dem Kapitel gibt es dann mindestens ein oder mehrere Unterkapitel, die Sie auch jeweils benennen müssen.

Hinweis: Damit ein Kapitel gespeichert werden kann, muss der Editor mindestens ein Wort enthalten. Ein Kapitel kann daher nicht ausschließlich aus einem Video bestehen – es ist erforderlich, auch einen kurzen Text im Editor einzufügen.

Optional können Sie eine Datei (beispielsweise ein Video oder eine PDF-Datei) hochladen, entweder lokal von Ihrem Rechner oder über den Datei-Manager des Smart-Study LMS.

Wenn Sie TeilnehmerInnen den Download dieser Datei erlauben möchten, aktivieren Sie bitte die Checkbox Download erlauben.

Wenn Sie TeilnehmerInnen müssen dieses Subkapitel explizit zur Kenntnis nehmen auswählen, können Sie einen Text eingeben, den alle Kurs-Teilnehmenden am Ende bestätigen müssen.

Für den eigentlichen Inhalt des Unterkapitels können Sie zwischen zwei Editoren wählen.

Der Standard-Editor ist ein einfacher Texteditor mit den gängigsten Textformatierungen und Möglichkeiten zum Einfügen von Grafiken, HTML-Code, Video-URLs oder Links.

Der erweiterte Editor ist ein umfangreicheres Tool, das es erlaubt, Inhalte in Komponenten und Blöcken zu gestalten.

Erweiterter Editor

Der erweiterte Editor orientiert sich an der Gestaltung von CSS (Cascading Style Sheets), wie es bei Webseiten zum Einsatz kommt. Vorkenntnisse in CSS sind keinesfalls erforderlich, aber hilfreich.

Falls Sie HTML- und CSS-Vorkenntnisse haben, so werden Ihnen die verschiedenen Dekorationen und Anordnungsmöglichkeiten von Blöcken bekannt vorkommen. Sie können auch direkt HTML- und CSS-Code über den Editor einfügen und somit ein Kurs wie eine Webseite gestalten.

Es folgt eine kurze Übersicht über die vielen Möglichkeiten, die Ihnen der erweiterte Editor bietet. Danach gibt es einige konkrete Beispiele, wie der Editor verwendet werden kann.

Der Editor funktioniert am besten über den Vollbildmodus, der sich im Menü aktivieren lässt und Vollbild" heißt.

Links oben finden Sie drei Symbole für die Darstellung des Inhalts auf dem Desktop, einem Tablet oder einem Smartphone. So können Sie die Inhalte Ihres Kurses auf die Endgeräte optimieren, die Ihre MitarbeiterInnen am häufigsten verwenden.

Rechts oben finden Sie die Symbolleiste mit folgenden Punkten:

Komponente anzeigen

Im Editor gibt es einzelne Komponenten auf dem Canvas (der Leinwand), das können Textblöcke, Bilder oder Knöpfe sein. Über Komponente anzeigen können Sie einzelne Komponenten ein- und ausblenden. Zu Beginn gibt es immer eine Body-Komponente.

Vorschau

Mit diesem Button wechseln Sie in eine Vorschau, die Ihnen anzeigt, wie die gestaltete Komponente aussieht.

Vollbild

Mit diesem Button wechseln Sie in den Vollbildmodus, was die Arbeit mit dem Editor erleichtert.

Code anzeigen

Hier können Sie direkt HTML- und CSS-Code anzeigen. Mit Kenntnissen in diesem Bereich können Sie damit Kurs-Elemente gestalten.

Rückgängig - Wiederherstellen

Hiermit machen Sie eine Aktion rückgängig oder stellen diese wieder her. Diese Buttons stehen zusätzlich zu den Shortcuts STRG+Z und STRG+Y zur Verfügung.

Importieren

Mit diesem Button können Sie vorgefertigten HTML- und CSS-Code importieren. Es öffnet sich ein Feld zur Eingabe. Fügen Sie Ihren Code hier ein und bestätigen Sie mit Import.

Löschen

Damit löschen Sie den Canvas. Es werden alle Komponenten entfernt. Wählen Sie diese Option also nur, wenn Sie sich ganz sicher sind, dass Sie das gesamte Unterkapitel löschen möchten.

Stil Manager

Damit können Sie eine Komponente dekorieren. Sie können eine weitere Komponente auch einer Klasse zuweisen. Diese kann eigene Dekorationen haben. Wenn Sie weitere Komponenten der Klasse zuweisen, werden diese Dekorationen übernommen.

Unter diesen Dekorationen gibt es die Möglichkeit, die Ausrichtung eines Blocks festzulegen, Abstände und ein eigenes Layout einzustellen, sowie Schriftart, -größe, -stärke und -farbe festzulegen.

Komponenteneinstellungen

Hier können Sie einer Komponente eine eigene ID und einen Titel geben. Je nach Block können hier auch weitere Einstellungen getroffen werden.

Hinweis: Die ID im Erweiterten Editor bezieht sich nicht auf die Kurs-ID, sondern auf den HTML-Tag. Wir empfehlen diese Option nur zu verwenden, wenn Sie bereits Erfahrung in HTML haben.

Layermanager

Komponenten werden in einzelnen Schichten über- bzw. untereinandergelegt. Hier können Sie einzelne Schichten anzeigen. Der Layermanager ist vor allem dann hilfreich, wenn es nicht funktioniert, ein Element in der Vorschau auszuwählen. Klicken Sie auf das Element im Layermanager wird es auch ausgewählt.

Block öffnen

Hier können Sie vorgefertigte Blöcke auswählen. Columns sind Spalten, Sie können diese verwenden, um Inhalte nebeneinander zu stellen. Es ist empfehlenswert zuerst eine Column zu erstellen und anschließend Texte, Bilder und Videos in den Block einzufügen.

Ganz links unten finden Sie noch die Möglichkeit, Inhalte zu importieren oder zu exportieren.

Beim Export eines SCORM-Kapitels wird ein Ladesymbol (Spinner) angezeigt, sodass erkennbar ist, dass der Exportvorgang gestartet wurde und im Hintergrund läuft.

Sie können dabei Inhalte aus Word (.docx), PDFs oder aus Powerpoint (.pptx) importieren, oder ihre Inhalte in diese Formate exportieren.

Beispiel: Textfeld erstellen

Um einen einfachen Text zu erstellen, klicken Sie zuerst rechts oben auf Block öffnen.

Wählen Sie danach aus dem Menü rechts die Anzahl von Spalten – im Beispiel hier eine Spalte, also 1 Column. Danach ziehen Sie ein Text-Feld (im Menü rechts direkt unter den Columns) in den Editor.

Jetzt können Sie einen Text eingeben.

Um den Text zu formatieren, klicken Sie in der Menüzeile auf das Pinsel Symbol Stil Manager öffnen. Unter Typographie können Sie Einstellungen zum gesamten Textfeld durchführen.

Hier werden die Schriftstärke, Schriftart, Farbe und die Ausrichtung umgestellt. Die Typographie" bietet eine Vielzahl an weiteren Funktionen, zum Beispiel den Abstand zwischen den Zeichen oder einen Schatten für den Text.

Beispiel: Eine Karte einfügen

Um eine Karte einzufügen, wählen Sie zunächst wieder ein leeres Blockelement, zum Beispiel 1 Column und ziehen Sie dann eine Map hinein.

Über das Zahnrad-Symbol Parameter gelangen Sie zu den Einstellungen für die Karte. Hier können Sie eine Adresse eingeben und den Zoom einstellen. Es ist auch möglich, zwischen einer flächigen Ansicht, einer Roadmap, und einer Satellitenansicht umzuschalten.

Links sind Textfelder, die beim Anklicken einen Link öffnen.

Im Unterschied dazu sind Link Blöcke leere Felder, die mit anderen Blöcken wie Text und Bildern befüllt werden können. So kann man zum Beispiel einen Button erstellen. Klickt man auf den Block, wird der Link geöffnet.

Um einen Link zu hinterlegen, muss man in den Komponenteneinstellungen die URL in das entsprechende Feld eingeben.

Unter Target kann man wählen, ob der Link im selben oder in einem neuen Fenster geöffnet werden soll. Wir empfehlen hier die Option Neues Fenster zu wählen, damit sich Mitarbeitende nicht aus dem Smart-Study LMS automatisch ausloggen.

Beispiel: Ein Video-Asset einfügen

Erstellen Sie eine 1 Column und ziehen Sie den Block Video-Asset in die neue Cell. Nun können Sie eine Videodatei von Ihrem Computer hochladen oder aus dem Dateimanager auswählen.

Im Stilmanager ist unter Layout die Breite auf 100% eingestellt. Das bedeutet, dass das Video immer die volle Breite der Fläche einnimmt, egal wie groß ein Fenster eingestellt ist.

In den Dekorationen kann man Einstellungen zur Umrandung des Blocks machen. In diesem Beispiel ist der Rand Radius auf 10px eingestellt. Hier kann man auch die Randbreite, den Rand Stil und die Randfarbe nach Belieben ändern.

Auch ein Hintergrund und ein Boxschatten kann hinzugefügt werden. In diesem Beispiel ist dieser horizontal und vertikal auf 2px eingestellt mit einer Unschärfe von 10px.

Möchte man einen Block zentrieren, muss man darauf achten, dass man nicht den Block selbst, sondern die Cell, in der sich der Block befindet, auswählt. Dann kann man unter Typographie die Textausrichtung ändern.

Kapitel speichern

Sobald Sie Ihr Kapitel fertiggestellt haben, fügen Sie es mit ‚Kapitel speichern’ dem Kurs hinzu. Sollten Pflichtfelder nicht ausgefüllt sein, ist das Speichern nicht möglich. Fehlende Angaben sind in roter Schrift gekennzeichnet.