Kursthemen
-
-
Informationen zu diesem Feature
TSNmoodle besteht purem HTML-Code. Dieser wird durch einem Webbrowser dargestellt. HTML-Seiten werden durch ein Textprogramm, einem sogenannten Text-Editor, erstellt.
In TSNmoodle sind drei verschiedene Editoren eingebaut - siehe Screenshot #001. Sie haben unterschiedliche Aufgaben.
* Tiny MCE
* Atto
* einfacher Text Editor
- - - Wichtiger Hinweis
-
Screenshot #001: Texteditor auswählen
-
-
Tiny MCE
Dieser Editor ist so etwas wie ein "Word im Kleinen". Da der Editor online zur Verfügung gestellt wird, muss er nicht installiert werden. Tiny MCE hat sogar eine word-ähnliche Symbolleiste. Damit können Texte einfach formatiert, Bilder und Links eingefügt und Tabellen erstellt und verändert werden.
Ab moodle 4.0 soll Tiny MCE zum Standard-Editor gemacht werden. -
Screenshot #002: Tiny MCE
-
-
Der Atto-Editor
Dieses Text-Programm war bisher der Standard-Editor, wird jedoch mit Moodle 4.0 durch Tiny MCE abgelöst. In der Vergangenheit wurden viele Plugins für Atto entwickelt. So kann man zusätzlich zu den schon bei Tiny MCE erwähnten Texteingaben und Formatierungen auch Audio- und Video-Aufzeichnungen machen, h5p-Übungen einbinden und LeOn-Inhalte einfügen.
-
Screenshot #003: Atto
-
-
Einfacher Text Editor
Während Tiny und Atto Symbolleisten für die Textformatierung anbieten, hat dieser Editor nicht ein einziges Symbol bzw. eine Symbolleiste. Er macht genau das, was sein Name sagt: er schreibt einfachen, unformatierten Text. Daher sehen Anfänger auch nie einen wirklichen Sinn in seiner Verwendung.
Fortgeschrittene Kursentwickler verwenden ihn dagegen sehr häufig, denn NUR ÜBER IHN kann problemlos CSS- und JavaScript-Code eingefügt werden: Tiny MCE und Atto speichern im Hintergrund Formatierungen ab. Das darf bei ausführbarem Code keinesfalls sein. Denn sollte in einem Javascript beispielsweise eine Fettschrift-Formatierung auftauchen, wird das Programm nicht ordnungsgemäß abgearbeitet.
CSS sind Cascading Style Sheets und bestimmen das Aussehen des Textes, der Bilder, der Rahmen, der Links usw.
JavaScript ist eine für Webseiten entwickelte Programmiersprache, die interaktive und dynamische Inhalte auf Webseiten ermöglicht.
Beispielsweise erstellt man mit HTML einen Button, mit CSS wird er grün angemalt und erhält abgerundete Ecken und Javascript bewirkt, dass er beim Anklicken auf die Internetseite www.tibs.at wechselt. -
Screenshot #004: einfacher Text
-
-
Wichtiger Hinweis
In den Screenshots wurde dreimal dasselbe Textfeld fotografiert, um die Unterschiede zwischen den drei Editoren zu zeigen. Auch wenn das Bild vom "einfachen Text-Editor" erstmals abschreckend sein mag, ist er doch der leistungsfähigste. So wie die Geige nur 4 Saiten hat, aber ein/e Meister/in Fantastisches aus ihr herausholt, so kann mit diesem Editor Unglaubliches erstellt werden.
Die Entwicklung von künstlicher Intelligenz ermöglicht es nun auch Anfängern, HTML, CSS oder JS erstellen zu lassen. Natürlich ist das nicht ganz ungefährlich und kann im schlimmsten Fall zum Verlust eines ganzen Kurses führen. Daher experimentiere ich immer in "Spielwiesen-Kursen", probiere fremden Code zuerst immer in TextSEITEN aus, die ich ev. noch löschen kann und - weil diese nur auf einen eingeschränkten Bereich wirken.
Erst wenn ich sicher bin, dass der Code das macht, was ich mir wünsche, übertrage ich ihn in meine Produktiv-Umgebung bzw. in TextFELDER.
Die nachfolgenden Beispiele, sofern sie von einer KI (künstlichen Intelligenz) erstellt wurden, wurden alle ausschließlich und nur im "einfacher Text-Editor" eingefügt.
Viel Erfolg!
-
-