Das Content-Kit als Online-Plattform für den Lern-App-Kompass
Heute werden alle Seminarteilnehmenden mit der Entwicklung bzw. Überarbeitung von Bausteinen für unserenLern-App-Kompassbeginnen. Wir schauen uns gemeinsam an, wie ihr eigene Inhalte über unser Tool “Content-Kit” einpflegen und veröffentlichen könnt. Ab dann kann die Arbeit amLern-App-Kompass Version 2.0offiziell starten.
Aus alt …
… wird neu !
Lern-App-Kompass v2.0 (neu)
Schritt 1: Login
An unserer Plattform / Website „Lern-App-Kompass Version 2.0“ (https://ck.kwst.uni-bremen.de/lern-app-kompass-2) kann nur dann mitgearbeitet werden, nachdem man sich in sein persönliches Nutzerkonto eingeloggt hat.
Jede:r hat seinen eigenen Account, und zwar teilen sich die IT-Systeme dieser Lehrveranstaltungs-Homepage und der „Lern-App-Kompass“ dieselben Benutzerdaten.
Dazu folgende Infos:
- Einloggen über den Button im Hauptmenü ganz rechts
- Benutzername:Uni-Benutzername(z.B.stadenausstaden@uni-bremen.de)
- Passwort:ITB2023!
Schritt 2: Bereich „Mein Content“ – die Schaltzentrale für alles
Die Ansicht „Mein Content“ ist der persönliche Schreibtisch eines jeden Benutzers / einer jeden Benutzerin im Content-Kit. Diese Ansicht ist nur sichtbar, nachdem man sich in das eigene Nutzerkonto eingeloggt hat.
In der Ansicht „Mein Content“ können alle selbst angelegten Seiten/Kacheln, alle selbst hochgeladenen Medien und alle selbst erstellten H5P-Elemente eingesehen, bearbeitet und gelöscht werden. Außerdem lassen sich die accountbezogenen Informationen bearbeiten. Dazu gehört z.B. das eigene Passwort, der Anzeigename usw.
Über einen Filter können angelegte Seiten, Medien und H5P-Elemente sortiert werden.
Seiten/Kacheln können einerseits in der Kachel-Ansicht und in der Listen-Ansicht dargestellt werden. In der Listen-Ansicht werden ineinander verschachtelte Seiten (Elternseiten > Kindseiten > Kindeskindseiten) in ihrer hierarchischen Struktur angezeigt.
Schritt 3: Anlegen einer Lern-App / Hinzufügen zentraler Infos
Sind noch keine eigenen Seiten im Bereich „Mein Content“ angelegt, können diese über den „+ Button“ angelegt werden. Es öffnet sich der Seiten bzw. Block-Editor als Overlay.
Auf der linken Seite dieses Overlays ist der Block-Editor zu sehen. Hier können der Titel der Seite definiert und weiterhin Content hinzugefügt werden. Spezifischer Content bzw. spezifische Inhalte sind in Blöcken arrangiert. Mehr dazu im nachfolgenden Abschnitt.
Auf der rechten Seite des Overlays ist in der Regel die Seitenleiste bereits ausgeklappt. Falls nicht, findet sich oben in der rechten Ecke ein Schalter, um die Seitenleiste ein- und auszuklappen.
In der rechten Seitenleiste („Einstellungen“) lassen sich zentrale Informationen zur anzulegenden Seite definieren. Dazu gehören:
- Sichtbarkeit der Seite (Öffentlich, Privat, Passwortgeschützt, Entwurf)
- Zeitbasierte Veröffentlichungsoptionen (z.B. zu einem bestimmten Datum)
- Zuordnung zu Kategorien auf dem Dashboard
- Schlagwörter
- Kommentarfunktionen
- Seiten-Attribute (zum Verschachteln von Seiten bzw. Zuordnen von Kind-Seiten zu Eltern-Seiten usw.)
- Kachel-Einstellungen (Titelbild der Kachel, Untertitel, spezifische Zugriffsberechtigungen)
Schritt 4: Der „Block-Editor“ – ein Überblick
Das Content-Kit bietet seinen Benutzer:innen ein mächtiges Werkzeug zur Erstellung von Web-Content – der Block-Editor. Im Editor können verschiedene Blöcke unterschiedlicher Block-Kategorien genutzt werden, um Inhalte und Dateien einzubinden und anzuordnen. Dazu zählen Text-Blöcke, Medien-Blöcke, Design-Blöcke, Widgets und Einbettungen.
Allgemeines zum Editor
Im Block-Editor kann bezogen auf jeden einzelnen Block eine spezifische Menü-Leiste genutzt werden, um Blöcke zu adaptieren. Für Text-Blöcke lassen sich beispielsweise Formatoptionen, Bündigkeit, Verlinkungen und sonstige Einstellungen vornehmen.
In der linken Seitenleiste („Einstellungen“) können – bezogen auf jeden markierten Block – i.d.R. weitere, noch spezifischere Einstellungen vorgenommen werden.
Zum Reorganisieren von verschiedenen Blöcken steht im Block-Editor die Möglichkeit zur Verfügung, einzelne Blöcke per „Drag&Drop“ oder über die Positionspfeile (hoch, runter) zu verschieben.
In Ergänzung findet sich in der Werkzeugleiste am oberen Rand des Editors ein Schalter zum Einblenden der so genannten Listenansicht. Hier finden sich in einer hierarchischen Darstellung (von oben nach unten) alle angelegten Blöcke in einer übersichtlichen Anzeigemaske.
Einzelne Blöcke können hierüber ausgewählt und im Editor so markiert werden, dass diese anschließend bearbeitbar sind. Über diese Leiste können bereits hinzugefügte Blöcke auch dupliziert oder gelöscht werden.
Die Listenansicht im Block-Editor hilft besonders dann weiter, wenn viele Inhalte in diversen Blöcken auf einer Seite angeordnet sind und spezifische Blöcke editiert werden müssen. So kann sichergestellt werden, dass tatsächlich gerade zu bearbeitende Block ausgewählt werden kann.
Hilfreich ist die Listenansicht insbesondere auch bei ineinander verschachtelten Block-Typen, wie z.B. „Spalten“ (Spalten bestehen aus dem Spalten-Block und mehreren darin verschachtelten Elementen als „Spalte“).
Spezifische Infos zu verschiedenen Block-Typen
Text-Blöcke
Mit Text-Blöcken können Sie textbasierte Eingaben tätigen. Hierzu zählen …
- Überschriften
- Fließtext/Absatz
- Aufzählungen/Listen
- Links
- Buttons
- Tabellen
- Akkordion-Elemente
- Zeitleisten
- Inhaltsverzeichnisse
Medien-Blöcke
Mit Medien-Blöcken können Sie multicodierte Inhalte einfügen. Hierzu zählen …
- Bilder
- Videos
- Bilder- und Video-Galerien
- Audio-Dateien
Design-Blöcke
Mit Design-Blöcken können Sie das Layout verändern. Hierzu zählen …
- Abstandshalter
- Trennlinien
- Spalten-Layouts
Widgets
Mit Design-Blöcken können Sie das Layout verändern. Hierzu zählen …
- Abstandshalter
- Trennlinien
- Spalten-Layouts
Einbettungen
Mit Einbettungen können Sie multicodierte Inhalte von anderen Plattformen einbetten. Hierzu zählen …
- Videos von YouTube oder Vimeo,
- Audio-Quellen von Soundcloud und Spotify
- oder Präsentationen von Slideshare
- uvm.
Schritt 7: Veröffentlichen von Inhalten
eröffentlichen, gibt es den „Veröffentlichen Button“ oben rechts im Editorfenster.
Es gibt unterschiedliche Veröffentlichungsoptionen, die genutzt werden können.
- Sichtbarkeit:
- Öffentlich (sie Seite ist für jeden sichtbar)
- Privat (die Seite ist vorerst nur für Administratoren und einen selbst sichtbar)
- Passwortgeschützt (die Seite ist nur nach Eingabe eines Passworts einsehbar)
- Zeitbasierte Veröffentlichung:
- Jetzt sofort (die Seite wird umgehend veröffentlicht)
- Zeit / Datum (die Seite wird an einem individuell definierten Zeitpunkt veröffentlicht)
Über die „Veröffentlichen“-Option hinaus besteht die Möglichkeit, die Seite als „Entwurf“ zu speichern. Diese Sicherungsoption ist über einen separaten Button in der Werkzeugleiste am oberen Rand des Editors aufrufbar („Entwuf speichern“).
Schritt 7: Hierarchische Strukturen (Eltern-Seiten, Kind-Seiten, Kindeskind-Seiten) erstellen
Für das Hinzufügen spezifischer Einsatzszenarien in den Lern-App-Kacheln nutzen wir die Möglichkeit, dass im Content-Kit zu bereits angelegten Seiten so genannte „Kind-Seiten“ hinzugefügt werden können.
Kind-Seiten können einfach und schnell ihren Eltern-Seiten zugeordnet werden, indem man über den Bereich „Mein Content“ auf diejenige Seite navigiert, auf der man eine Kind-Seite erzeugen möchte.
Auf der Eltern-Seite selbst findet sich neben dem „Bearbeiten“-Symbol (Stift) ein „+ Button“ für das Hinzufügen neuer Seiten.
Nach einem Klick auf diesen „+ Button“ öffnet sich ein neues Block-Editor-Fenster. Hier können nun Titel und Inhalte eingefügt werden.
Wichtig zu kontrollieren ist die korrekte Zuordnung in der rechten Seitenleiste unter dem Register „Seiten-Attribute“. Hier sollte automatisch die entsprechende Eltern-Seite ausgewählt sein. Sollte das nicht der Fall sein, kann über das dort hinterlegte Auswahlfeld die korrekte Eltern-Seite definiert werden.
Nach dem Speichern der Kind-Seite ist diese in der hierarchischen Struktur unserer Plattform der Eltern-Seite zugeordnet. Erst jetzt kann auf der Eltern-Seite definiert werden, dass die Kind-Seiten an einer bestimmten Stelle eingebunden werden sollen.
Das geschieht über den Block-Typ „Kacheln“.
Nach dem Hinzufügen des Kachel-Blocks auf der Elternseite (z.B. unter der Überschrift „Einsatzszenarien für den Unterricht“), können in diesem Block die entsprechenden Einstellungen vorgenommen werden.
Zunächst lässt sich die Seiten-Auswahl definieren. Hier wählen wir „Untergeordnete Seiten“ aus, da wir ja Kind-Seiten einbinden wollen, die hierarchisch der Eltern-Seite untergeordnet sind.
Weiterhin gibt es die Möglichkeit, Filter- und Sortier-Optionen einzublenden.
Über den Regler „Spalten“ lässt sich das Layout des Kachel-Blocks verändern. So können z.B. Kacheln in unterschiedlichen Raster-Anordnungen (1-2-3-4 Kacheln pro Zeile) angezeigt werden.
Außerdem lassen sich diverse optische Anpassungen vornehmen. So lässt sich bspw. das „Kachelbild“ einblenden, das „Datum“ (letzte Aktualisierung), der „Status“ und die „Anzahl der enthaltenen Kind-Seiten“ ein- und ausblenden
FAQ
Wie bekomme ich die Inhalte vom „alten“ Lern-App-Kompass in den „neuen“ Lern-App-Kompass?
Ein nahtloses Übertragen der einzelnen Blöcke von der alten in die neue Version des Lern-App-Kompass ist automatisiert nicht möglich, deshalb müssen die Inhalte in den allermeisten Fällen „händisch“ übertragen werden.
Bei Texten ist das über das Markieren, Kopieren und anschließenden Einfügen im Editor möglich. Die Formatierungsoptionen werden i.d.R. übernommen.
Bei Bildern und sonstigen Informationen müssten die Materialien z.B. in die neue Plattform kopiert werden. D.h. wir transferieren die Materialien, indem wir sie von der alten Plattform „herunterladen“ (z.B. mit der rechten Maustaste auf ein Bild klicken > „Bild speichern unter …“) und in der neuen Plattform wieder hochladen.
Dabei ist darauf zu achten, dass beim Download und anschließenden Upload die Dateinamen einheitlich gemacht werden.
Dazu eignet sich folgende Dateibezeichnung:
*Name der Lern-App* _ *Inhalt* _ *Autor:in* _ *Speicherdatum* . *Dateiendung*
So entstehen z.B. Abbildungen mit dem Dateinamen „actionbound_funktionsuebersicht-des-tools_staden_2023.jpg“
Ich möchte mit Kommiliton:innen in der Gruppe zusammenarbeiten, wie können wir uns unsere Lern-Apps zur Bearbeitung freigeben?
Eine gemeinsame Bearbeitung von Kacheln ist möglich, allerdings nicht zeitgleich! Es gibt die Option, die eigene Kachel für andere Benutzer:innen so freizugeben, dass diese mit ihren Accounts darauf zugreifen und diese bearbeiten dürfen.
Da diese Funktion aktuell nur Administratoren der Plattform vorbehalten ist (wir arbeiten an einer Lösung), muss das durch Christian Staden für euch eingestellt werden.
Konkretes Vorgehen:
- Eltern-Seiten gemeinsam in einem Account anlegen
- Christian bescheid sagen, um welche App-Kacheln es sich handelt und darum bitten, dass alle Gruppenmitglieder als „Co-Autoren“ eingetragen werden
- Autoren und Co-Autoren haben fortan gemeinsamen Zugriff auf die freigegebenen Lern-App-Kacheln und sehen diese folglich auch im eigenen Bereich „Mein Content“
Wie sollen ich die von mir erarbeiteten Einsatzszenarien zu meinen Lern-Apps formatieren?
Die zu übertragenden bzw. selbst zu entwickelnden Einsatzszenarien werden als „Kind-Seiten“ zu den jeweiligen Lern-App-Kacheln angelegt und über den „Kachel-Block“ als „Unterseiten“ eingebunden. So können zukünftig weitere Einsatzszenarien entstehen, ohne dass immer die ganze Lern-App-Seite bearbeitet werden muss.
D.h. wir transferieren alle bereits in der „alten“ Version des Lern-App-Kompass bestehenden Einsatzszenarien (hier sind diese in aufklappbaren Akkordion-Blöcken eingebaut) in einzelne „Kind-Seiten“ in die neue Version des Lern-App-Kompass.
Über die spezifische Struktur eines Einsatzszenarios werden wir uns im weiteren Seminarverlauf verständigen.
