Und dann sage ich herzlich, herzlich willkommen zur zweiten Sitzung
unserer Sumo-Online-Kurses. Studiere und Medienkompetenz online. Und letzte Woche
hatten wir ja so ein bisschen das Kurskonzept vorgestellt.
Diese Woche wollen wir schon ein bisschen inhaltlich werden,
und zwar geht es darum,
dass es ja eine Aufgabe im Sumo-Kurs für euch sein soll,
dass ihr selbst Lerninhalte für andere Studierende erstellt
Das Ding ist, ja, Lerninhalte erstellen klingt erstmal so ganz nett,
aber ganz schnell stellt sich dann die Frage,
ja, wie mache ich das denn jetzt eigentlich?
Mit welcher Technik soll ich das machen? Gibt es
einen Editor für, wie kriege ich meinen Content online?
Und ja, vor dieser Aufgabe standen wir zu Beginn des Sumo-Kurses,
also des Sumo-Projekts, vor vier Jahren auch.
Damals haben wir schon Erfahrung mit einigen Lernern,
also Autorenwerkzeugen gehabt, aber das Reue für uns war jetzt eigentlich,
dass wir ja offene Lerninhalte produzieren wollen
Die auch nachträglich ohne weiteres weiter editierbar sind,
weiter veränderbar sind von anderen,
dass andere Leute sich da Teile rausnehmen können und so weiter.
Also es geht hier um offene Lernressourcen und das bedingt halt auch immer,
dass ich für offene Lernressourcen freie Formate wähle und Open-Source-Software benutze.
Weil sonst ist es halt keine
wirklich offene Lernriss
Und wir haben in den letzten Jahren daran gearbeitet,
an einem Workflow und einem Format,
wie man solche offenen Lernressourcen mit relativ einfachen Mitteln produzieren kann.
Und ich würde euch heute ein wenig davon erzählen,
wie wir zu diesem Format gekommen sind,
warum das Format so aussieht,
wie es jetzt aussieht und wie man damit umgeht.
Ihr konkret halt auch dann damit
eigenen Content erfällen
Drei Formate für offene Lernressourcen. So hatte ich das jetzt
noch. Und das Endprodukt nennen wir im Moment digitale Skripte.
Die Vorstellung war die, okay, wenn jetzt jemand einen Kurs hat,
Vorlesung oder irgendetwas, dann gibt es meistens ein Skript dazu.
Praktikumskript-Vorlesens. Und dieses Skript ist meistens in irgendeiner Word-Format beschrieben
oder kriegen sie als PDF zum Download,
weil sie fertig geschrieben wurde und was weiß ich,
oder sind womöglich halt einfach nur die PowerPoint-Folien als Handout.
Aber das ist ja nicht unbedingt optimal, sowohl Das ist halt
keine offenen Ressourcen sind und dass es halt auch nicht unbedingt gut am Bildschirm lesbar ist.
Ich auf reden. Also digitale Skripte von uns,
also sozusagen der nächste Schritt,
also ein Vorlesungsskript nicht für den Ausdruck zu produzieren,
sondern primär für das Betrachten am Bildschirm
Der Ausdruck muss immer noch möglich sein,
aber vielmehr für die Arbeit am Bildschirm.
Er ist der nächste Schritt von ihm von Print zu digitalen.
Amen der Ernstkritik. Ich hoffe,
ich habe das einigermaßen deutlich gemacht, worum es geht.
Und jetzt bin ich mal gespannt,
ob euch das auch wirklich sinnvoll vermitteln kann
Ja, das ist so ein bisschen das Problem mit dem Mikrofon.
Ich müsste näher rangehen wahrscheinlich. Ich habe diese Echo-Unterdrückung,
ist immer so ein bisschen schwierig, dass der leise Passagen weggeschnitten werden.
Und ich habe jetzt hier so ein großes Mikrofon hier.
Das kriege ich jetzt nicht ganz nah an den Mund ran.
Ich hoffe, ich probiere einfach auch laut und deutlich
zu sprechen.
Vielleicht hilft das ja schon
Jetzt deutlich besser. Ja, ich muss einfach näher rangehen.
Das ist wahrscheinlich so der Trigger an der Sache.
Ich setze mich mal so ein bisschen so. Dann habe
ich auch diesen heiligen Schein im Hintergrund von der Lampe.
Auch nicht optimal, aber gut. So, also wir
gehen weiter im Text. Und zwar ist es so,
dass Online-Lernmaterialien in der Regel halt immer mit irgendwelcher Autorensoftware erstellt wird oder erstellt wurde.
Und die ist häufig, häufig leider kostenpflichtig. Also diese Bewegung von wegen,
ja, die Endnutzer sollen ihren eigenen Content erstellen,
brachte halt Firmen auf den Markt,
die quasi so eine Art Word für Lernmaterie,
Online-Lernmaterialien erschaffen wollte
Und das war auch mit Sicherheit ein gewisser Markt oder ist immer noch,
weil relativ viele Firmen auch so firmeninterne Weiterbildungen gerne mit Online-A durchführen.
Und ja, wenn die dann Autoren haben,
dann brauchen die halt relativ einfache Software,
mit denen die dann halt auch schön Content bauen können.
Und so sind einige auf den Markt bekommen. Ich habe
hier mal so ein paar Sind hier sichtbar irgendwie Komposika,
Artikulate, Captivate, Lektorra, all solche Dinge.
Und die sind halt zum einen teilweise wirklich als Offline,
so wie so ein Desktop-Programm zu installieren.
Und teilweise sind sie online. Das sind dann so Autoren,
Plattformen, sowas wie Easy Generate, Easy Generator oder Elocidat.
Da muss ich mich dann einloggen, kann dann auch mit Editoren
dort mit anderen Autoren zusammenarbeiten, an meinen Lerninhalten und kann dann aus dieser Plattform heraus dann Sachen veröffentlichen.
Manchmal werden auch die Editoren von,
also so die Autorenwerkzeuge von anderen Plattformen genutzt,
die ursprünglich, also die eher zur Anzeige gedacht sind,
also zum Beispiel Content-Management-Systemen, also CMS oder Viki oder auch Learning-Management-Systeme,
die halt speziell fürs Lernen gemacht sind,
irgendwie OLAT bei uns oder Moodle, Elias,
Manche nutzen halt auch irgendwie Drew Pal als Open-New Resource-Content-Management-System oder Wordpress oder halt ein Viki-Tool,
so was wie Media-Viki, womit dann halt gemeinsam Lerninhalte erstellt werden.
Also all diese Plattformen bieten ja auch Editoren,
um die Inhalte dort zu erstellen. Und ja,
wenn man sagt, ich möchte jetzt Lerninhalt erstellen,
dann mache ich das halt auf dieser Plattform und dann steht
das auch auf der Plattform.
Ja, und da ist es dann halt.
Hier ist dann halt immer so die Frage,
funktioniert der Content auch irgendwie außerhalb dieser Plattform
Ist er kompatibel zu anderen Plattformen, kriege ich den da irgendwie raus.
Also auch da für Open Content einige Schwierigkeiten zu sehen,
können wir gleich noch ein bisschen genauer drauf eingehen. In Richtung Open Source,
also wenn wir sagen, wir wollen Open Content bauen,
in Richtung Open Source, gibt es halt einen Moment,
eigentlich fast nur noch Plattformen, also die benannten Lernplattformen,
die wir eben, die ich eben benannt habe,
also die Großen sind halt Elias,
Nudel,
Olat vielleicht noch
Dann gibt es halt mit 30 eine Plattform,
die ist von der University Nottingham, die halt auch Open Source ist.
Aber die halt speziell für Content-Building gedacht ist,
dann gibt es mit H5P ein System für ELAN-Inhalte,
was halt als Plugin gebaut ist.
Also ich kann dieses H5P-Plugin mir in World Press oder in
Truepal einbinden und dann kann ich in diesen Plattformen dann damit
Content bauen
Es gibt auch noch das Adapt Authering Tool von Adapt E-Learning. Das ist halt,
ja,
es gibt es als Online-Variante und es gibt dann noch die,
so eine komische Version,
dass ich mir eine virtuelle Maschine auf meinem Rechner installieren muss,
weil es halt relativ viele Serverseitigen Komponenten mitbringt und wenn ich die auf dem Desktop nutzen will,
dann muss ich halt,
muss ich halt solche virtuellen Maschinen machen,
die dann sozusagen der Server auf meinen Desktop dann wieder sind,
um damit dann Content zu bauen
Früher gab es einige Offline-Editoren,
sowas wie Exi Hot Potatoes oder ein Reload-Editor oder solche Geschichten.
Die sind aber inzwischen alle nicht mehr weiterentwickelt worden.
Ich denke, das liegt daran, weil die meisten Leute
wirklich auf die Lerneditoren der Lernplattformen gegangen sind.
Und nicht mehr den Bedarf gesehen haben,
jetzt wirklich ein Offline-Editor zu haben
Vielleicht mal so eine Frage in die Runde. Seht ihr ein Problem darin,
wenn man jetzt nur noch ein Online-Editor hat,
also stellt euch einfach mal vor,
ich könnte jetzt meine Word-Dateien nur noch online schreiben,
also Word 360 Grad.
Oder wäre es vielleicht doch wünschenswert, Desktop-Clients zu haben,
Desktop-Varianten zu haben, mit denen ich halt dann doch weiter
auch auf meinem Rechner arbeiten kann.
Mich jetzt einfach mal interessieren
Was, wenn man kein Internet hat? Gute Frage,
ja. Ist für mich auch immer so ein Punkt.
Ich sitze im Zug, ich bin irgendwo unterwegs.
Ich komme mich dann an meinen Editor nicht. Sache beim Server aus. Genau,
das muss absolut zu verlässlich, zuverlässig sein,
wenn ich auf dem Server arbeite, weil nachher editiere ich irgendetwas,
längere Zeit in so einem Browser-Fenster und dann plötzlich schwupps.
Es sind die ganzen Eingaben weg, weil in dieser,
in der Zwischenzeit irgendeine Komponente der Serverseite
halt ausgefallen ist
Okay, andere Sichtweise vom Torben,
das finde ich ganz spannend,
eine Online-Lösung ist halt in der Regel über die Systeme
hinweg,
also verschiedene Betriebssysteme
hinweg nutzbar
Wenn ich jetzt einen Desktop-Client habe, der nur unter Windows arbeitet,
ist das natürlich irgendwie auch ein bisschen blöd,
wenn ich jetzt Linux oder Mac-User bin.
Das ist richtig. Und ich kenne einige Systeme,
die es nur für Windows gibt.
Von Christine, ich habe mein Tablett, kein Internet eingerichtet.
Also Torben ist ein klarer Verfechter von online,
von einem Online-Editor, finde ich gut,
dass wir da so unterschiedliche Aspekte irgendwie auch dann sehen.
Also online muss jetzt nicht unbedingt
schlecht sein,
das ist richtig
Okay, das Internet kann natürlich auch irgendwie ablenkend sein,
wenn ich online arbeite,
bin ich direkt im Browser drin, das heißt,
schnell ist auch mal ein zweiter Tab aufgemacht und irgendwo anders was zu schauen.
Wichtig, auch hier wieder arbeite ich auf einem Server,
wo steht dieser Server, was sind,
wo werden die Sachen gespeichert,
auch sowas muss man bedenken
Ähm... Auch wieder sie... Rendrik meint, naja,
wenn etwas irgendwo eher auf dem Server gespeichert ist oder in der Cloud gespeichert ist,
dann ist es auch relativ sicher gespeichert.
Auf einem lokalen Gerät kann es immer mal wieder sein,
dass mir die Maschine abschmiert und ich dann halt Probleme habe,
dass die Daten verloren gegangen sind
Ja, spannend. Okay, also ich sehe schon,
es gibt Pro und Contra für Online und Gegen Online.
So ein bisschen ist die Frage, wo speichere ich das Ganze?
Sind die Daten, sind das meine, sind das meine Daten sozusagen?
Besitze ich die? Oder vertraue ich auf diese Server-Infrastruktur?
Ist das überall zugreifbar? Ich arbeite von verschiedenen Geräten aus.
Ich möchte eine Cloud haben, auf die ich zugreifen kann,
um Dateien zu synchronisieren zwischen verschiedenen,
also einfach von verschiedenen Geräten aus darauf zuzugreifen.
Ich möchte die Funktionalitäten auf jeder,
auf jeder Plattform haben und so weiter. Alles,
alles Gute, gute Argumente auf jeden Fall für solche,
für Online oder für Desktop-Clients
Vielleicht kommen wir der Sache noch ein bisschen näher,
wenn ich beschreibe, wie wir uns das gedacht haben,
aber das ist mit Sicherheit, reißt das ganz spannende Aspekte an.
Ich möchte noch mal so ein bisschen mehr beschreiben,
wie das eigentlich aussieht, wenn ich Online-Content baue,
woraus das besteht und welche Aspekte auch von den Anbietern,
von solchen Autorenplattformen immer wichtiger werden.
Also zunächst mal werden bei Online-Lernmaterialien verschiedene Einzelmedien,
wir sagen dazu Assets, also Texte, Bilder,
Videos, Animationen und so weiter,
werden alle irgendwie zusammengestellt in einer bestimmten Reihenfolge oder in einer bestimmten Struktur und bilden so dann ein Lernobjekt.
Also da gibt es dann entweder Lernpfade drin, die sequenziell abgearbeitet werden.
Manche bieten auch sowas wie so eine Baumstruktur, weil halt
irgendwelche Entscheidungen getroffen werden, wenn dann und so weiter.
Aber es besteht immer aus solchen Assets und man kann sich dann eine Hierarchie anschauen,
dass es halt hat das einzelne Asset, das ist jetzt ein Medienbaustein,
daraus baut man dann aus vielen Assets, baut man ein Lernobjekt.
Ein Lernobjekt sollte halt in der idealen E-Learning-Welt möglichst,
möglichst inhaltlich abgeschlossen sein, wiederverwendbar sein in verschiedenen Szenarien,
so ein in sich geschlossener Wissensbaustein sozusagen.
Aus diesem Lernobjekten baut man dann ein Lernmodul zusammen,
um ein bestimmtes Thema abzudecken und mehrere Lernmodule bilden einen Kurs
Also so wird auch häufig in solchen Repositories,
die es für E-Learning-Inhalte gibt, dann die Strukturen abgebildet.
Also man fängt an, einzelne Medien hochzuladen,
baut die dann zusammen, dann bietet man ein Lernobjekt an,
das soll möglichst auch wiederverwendbar sein in anderen Kontexten.
Daraus baut man ein Modul und das gibt man dann als
hohes Arm. Die Präsentation kriegt ihr auf jeden Fall als
sowohl als PDF als auch als Online-Medium zum Download angeboten,
haben wir sie jetzt hier im Moment
noch nicht
Kriegt ihr hinterher. Aber ihr braucht nicht mitschreiben.
Gut. Jetzt habe ich hier gerade Mist gebaut.
So. Es gibt für diese Zusammenstellung von Lernmaterialien gibt es Standards.
Das war früher Scorm, Sharible Content Object,
blablabla,
Scom ist inzwischen zehn Jahre alt oder so,
ist halt so ein Paket, wird als ZIP angeboten,
da ist ein XML-Pfeilen als Manifest drin,
was halt die Dateistrukturanzahl Metadaten beinhaltet und so weiter.
Und dann ist dahinter halt diese ganze, sind diese ganzen Content-Bausteine.
Das ist dann nochmal revidiert worden, 2004. Der Scom-Standard 2004
bietet dann offiziell auch sowas wie ein Branching,
also so baumartige Strukturen
Hat noch eine ganze Menge Neuerungen mit sich gebracht. Es gibt aber relativ wenig Content,
der wirklich die Möglichkeiten von Scorm 2004 wirklich ausreizt, muss ich sagen.
Also ich kenne, die Editoren bieten immer so Schnittmengen an,
dass man manche Sachen davon irgendwie nutzen kann.
Aber vollständig ausgereist hat das kaum einer. Und für Scorm brauchte man tatsächlich auch immer einen Player,
der dieses Manifest versteht,
diese XML-Datei versteht und die Inhalte dann in einer richtigen Reihenfolge anbringen,
anzeigt, entweder mit einem Navigation oder ohne einer Navigation,
weil die Navigation halt irgendwie im Content schon mit drin ist.
Und das gab immer wieder Probleme auch. Also wir hatten,
ich habe in einigen Projekten mitgearbeitet,
wo wir Scorm-Content erstellt haben und Je nachdem,
in welcher Lernplattform man das dann anbietet, muss man halt wieder schauen,
okay, ist die Manifest-Datei wirklich, wird ihn wirklich richtig interpretiert.
Unter Umständen muss man irgendwie dann da noch mal so ein bisschen dran schrauben. Stimmt,
die Navigation, stimmt die Kommunikation mit dem Server im Hintergrund,
weil Scorm war auch schon in der Lage oder ist auch schon in der Lage,
dem Server, auf dem es läuft, halt mitzuteilen,
was der User gerade gemacht hat.
Also es geht darum, zum Beispiel,
dass bestimmte Abschnitte irgendwie jetzt gelesen wurden,
dass bestimmte Quiz-Elemente irgendwie richtig gelöst wurden,
wie lange derjenige auf welchen Inhaltsbereichen war und so weiter.
Also es wird immer, während solche Tracking-Daten an den Server
gesendet und das ist halt auch so ein Punkt,
wo auch die Server, also die Learning-Management-Systeme sehr unterschiedlich sind,
was die da verstehen von den Scoren-Paketen.
Und die Scoren-Pakete sind auch sehr unterschiedlich kommunikativ.
Manche senden wirklich nur so einen Endstand, ja,
bestanden, Punkt. Und manche geben halt die ganze Zeit
irgendwelche Signale
Dann gibt es noch dieses IMS-Content-Package. Das ist halt relativ stumm.
Also das kommuniziert quasi gar nicht mit dem Server und ist so der Mindeststandard,
der eigentlich auch auf jeder Lernplattform irgendwie implementiert ist.
Ist auch mit einem XML-Manifest, aber es bietet einfach nur eine Liste.
Erst kommt das, dann kommt das, dann kommt das.
Und es gibt eigentlich, also da gibt es ehrlich gesagt kaum Probleme.
IMS-Content-Package auf eine Lernplattform hochladen funktioniert eigentlich immer.
So ein Content-Package kann aber auch aus einer Word-Datei ein PDF,
ein HTML-Seite, ein Bild, alle möglichen bestehen.
Also jede Art von Content in einer bestimmten Reihenfolge
Kommuniziert allerdings nicht mit dem Server und ich brauche halt auch wieder irgendwie
einen Player, der das abbildet in der entsprechenden Reihenfolge.
Also es ist jetzt nicht sozusagen nicht irgendwie,
ich lege jetzt das IMS-Paket auf eine RTML-Seite und dann geht das.
Das ist auch nicht. Relativ neu ist die, ist Tinken,
beziehungsweise die Experience API oder Ex-API Und das ist so ein Ding,
da hat man gesagt, dieses ganze Packaging und so weiter,
das ist uns alles irgendwie viel zu altmodisch.
Wir wollen eigentlich ganz unterschiedliche Arten von Lernaktivitäten irgendwie tracken.
Also bei der Experience-Arbeit geht es wirklich ganz explizit ums Tracking.
Und zwar kann, wird da über Jason-Objekte immer einem Server mitgeteilt.
Lerner hat gerade das und das angeschaut oder hat gerade angefangen,
das und das anzuschauen. Oder hat jetzt abgeschlossen,
das und das anzuschauen und so weiter.
Also hier geht es wirklich explizit ums Tracking
Wie der Content nachher aussieht, ist eigentlich egal,
ob es überhaupt Content ist. Also man kann prinzipiell auch
das Spielen mit einem Browser-Game irgendwie dann als Tracking angeben,
als Lernaktivität angeben oder auch wenn ich draußen war und mir
irgendein Museum angeschaut habe,
kann das auch als Lernnativität gesehen werden
Nichtsdestotrotz, also die meisten Autoren-Tools, also die heutzutage eigentlich alle,
haben irgendwie als Ausgabeformat HTML 5. Also so der Web-Standard von Flash
ist man da jetzt schon lange weg. HTML 5 ist halt,
wenn ich mir etwas in die Web anschauen will,
eigentlich immer das Endformat, die viele von euch kennen,
hatte ML ja wahrscheinlich auch,
hat ja ML5 besagt dann halt noch,
dass ich spezielle Tags noch habe für bestimmte Inhalte,
zum Beispiel den Videotag,
ist für uns
relativ wichtig
Dann halt auch, dass ich JavaScript benutze,
um Inhalte das Aussehen zu steuern und halt CSS 3 habe,
um da halt auch das Webdesign mitzusteuern und halt auch Animationen zu machen und so.
HTML5 haben wir als Standard und auch relativ weit in Vordergrund
ist irgendwie die Responsivität beziehungsweise die Nutzbarkeit auf einem mobilen Endgerät.
Alle preisen irgendwie an. Ja,
das kann man jetzt auch mobil nutzen und so weiter.
Die meisten Lernplattformen bieten mir jetzt auch langsam mobile Versionen an.
Und ja, in der Regel wird es durch responsives Design gemacht.
Bei manchen, manche bieten halt auch Apps an,
wo da halt spezielle mobile Versionen, mit denen man dann
halt irgendwie den Content auf dem Smartphone oder was weiß ich schauen kann.
Das Ding ist halt, also die meisten auch Autoren von
Lernsoftware oder die ganzen Entscheider sehen halt einfach,
dass die mobile, mobilen Endgeräte extrem verbreitet sind.
Also jeder rennt halt ständig mit so einem Ding rum,
kennt ihr ja auch.
Ich würde jetzt mal ganz kurz das Blitzlicht von euch gerne hören.
Habt ihr euch irgendwann schon einmal ein Lerninhalt,
PDF oder was weiß ich was von einer Vorlesung oder von einem Seminar?
Habt ihr euch schon mal wirklich konzentriert, einen Lerninhalt auf eurem Smartphone angeschaut?
Vielleicht mal einfach mit einem Häkchen oder mit einem Kreuzchen.
Es würde mich einfach mal interessieren. Die Sabell möchte
was sagen, ich habe dir dein Mikrofon freigeschaltet
Also du darfst jetzt reden, Isabel?
Wolltest du nicht sagen, hast dich verklickt? Alles klar
, ich nehme es wieder raus. Mikrofon deaktivieren hier.
Warte mal, zack. So, wieder weg.
Also es ist so ein gemischtes Bild. Viele sagen,
sie haben noch keine Lerninhalte wirklich konzentriert auf dem Smartphone angeschaut.
Hat mit Sicherheit auch so ein bisschen was damit zu tun,
wie umfangreich eigentlich der Content ist.
Da ging man halt auch immer mehr so in
die Richtung Micro
Learning, Mikrocontent, also so die, die Lerninhalte wirklich in so kleine Häppchen aufzuteilen,
was man dann halt sozusagen auch zwischendurch mal konsumiert konsumieren kann.
Ganz gruselige Vorstellungen, wie man so da denkt,
aber es ist halt so diese Learning Snacks, furchtbare, furchtbare Begrifflichkeiten,
aber das ist, das ist sozusagen so ein bisschen,
ja, up to date, dass man sich vorstellt,
okay, der Content darf auf keinen Fall zu umfangreich sein,
wenn man am Smartphone anhieß.
Vielleicht noch eine zweite Frage
Habt ihr euch die Inhalte am Smart? Habt ihr bewusst
Inhalte am Smartphone nicht gelesen, weil sie schlecht dazu lesen sind?
Oder... Ja, vielleicht wäre das die Frage.
Habt ihr das gelesen, weil es schlecht zu lesen ist?
Oder weil ihr da keine Lust drauf habt?
Also schlecht zu lesen, wäre das Kreuzchen,
wäre das Häkchen
Ja. Also geht schon so in der Tendenz so ein bisschen in die Richtung.
Wenn ich jetzt ein PDF auf dem Smartphone angucken will,
ist das halt relativ unschön. Und das ist auch so
ein Aspekt, den wir so im Kopf gehabt haben.
Aber mit Sicherheit, es eignet sich auch nicht alles am Smartphone anzuschauen.
Aber dass man, wenn man es dann irgendwie noch will,
doch noch mal schnell was nachschauen,
dann muss es halt auch am Smartphone irgendwie funktionieren.
So ein kleiner Exkurs schon mal als Ausblick. Von wegen Responsivität
und so weiter. Was jetzt sozusagen bei diesen ganzen Formaten,
Scorm, Tinkin und so weiter,
was dabei rausgekommen ist, ist halt,
es geht wirklich
ganz viel ums Tracking
Und das Schlagwort in den letzten Jahren war hier Learning Analytics.
Also Learning Analytics wird sozusagen auch so Machine Learning,
da werden die Daten, die Lerneraktivitäten werden dann von einem Server gesammelt.
Und dann wird aufgrund aufgrund dieser Ergebnisse werden dem Lernen dann
optimale Lernpfade angeboten zum Beispiel
Da wird er halt analysiert, okay,
da gibt es einen Studenten, der hat ein bestimmtes Muster unter Umständen,
verrennt er sich gerade oder steht auf der Kippe,
dass man da aktiv wird,
da kann man vielleicht dann noch was machen.
Wenn man sieht, okay, der hat sich so selten eingeloggt.
Keine Ahnung. Also das sind so die,
das ist so die eine Denke,
dass ich halt die Daten benutzen kann,
um den Lernenden zu unterstützen und zum einen die Daten auch nutzen kann,
um mein Lernmaterial zu verbessern.
Jetzt ist halt die Frage, Wollen wir das eigentlich als Lernender?
Also ist dieses Tracking und dieses Learning Analytics und so weiter,
ist das eigentlich etwas, was wirklich dem Lernenden dann hilft hinterher?
Es besteht ja natürlich auch eine gewisse Gefahr irgendwo,
was mit den Daten geschieht.
Auch was für eine Sichtweise auf Lernen dabei zu Tage tritt.
Auch so diese Sichtweise eines Menschen,
wie er lernt und so weiter
Ist es überhaupt realistisch, dass solche Learning-Analytics-Geschichten wirklich breiten Gewinn bringenden Einsatz hat.
Das sind vielleicht so Fragen, die ich jetzt mal anregen
möchte und die wir nachher im Forum gerne mal diskutieren können.
Also es würde mich sehr interessieren, was ihr eigentlich davon haltet,
sozusagen von dem Sammeln von Lernaktivitäten auf einem Server.
Wie wichtig ist eigentlich die Kommunikation oder dieses Tracking im Endeffekt für euch?
Seht ihr dann Potenzial, was euch auch helfen kann?
Oder seht ihr mehr die Gefahren oder seht ihr mehr,
ja, es macht es auch unflexibler,
es macht es ein bisschen schwieriger, den Content zu erstellen.
Also das sind so alles so Aspekte,
die ich gerne mit euch da mal beleuchten werde
Als nächstes würde ich gern so unseren Ansatz darstellen,
weil genau da unterscheidet sich unser Ansatz halt deutlich von diesen kommerziellen Plattformen.
Learning Analytics ist im Moment definitiv kein Ziel von uns.
Ich sehe das Ganze relativ kritisch. Vielleicht bin ich inzwischen
auch einfach irgendwie schon konservativ und alt geworden,
aber ich sehe es relativ kritisch.
Ich sehe halt auch da die Infrastruktur,
die dafür im Hintergrund geschaffen werden müsste erstmal.
Also es gibt dann solche Learning-Record-Stalls,
das ist halt ein Server,
der dann auch wieder gepflegt und angesprochen werden muss,
von den ganzen Content-Blöcken
Darauf kann man dann die Daten sammeln und dann analysieren.
Ich bin eigentlich auf der Suche nach etwas gewesen,
was war, was die Content-Entwicklung wirklich sehr, sehr simpel macht.
Ich wollte eigentlich keine Player benötigen, um irgendwas abzuspielen,
großartig, außer halt im Browser.
Ich wollte keinen Server zwingend haben, den ich brauche,
um den Content überhaupt irgendwie zu entwickeln oder abspielen zu können.
Und ich wollte halt auch keine kommerziellen Werkzeuge benutzen.
Also das ist so das Ziel von diesen digitalen Skripten gewesen.
Ich habe das halt hier man visualisiert, also der Content
soll natürlich interaktiv sein, er soll auch responsiv sein.
Ich möchte auch mehrere Ausgabeformate haben,
weil viele auch nicht auf eine Druckversion verzichten wollen,
also jetzt eine reine Online-Geschichte wäre als Lerninhalt wahrscheinlich auch nicht wirklich zukunftsfähig.
Dann soll das alles auf jeden Fall Open Source sein, die Werkzeuge,
die ich benutze, die Dateien sollen alle offen sein,
dass ich sie halt mit einfachen Mitteln irgendwie bearbeiten und öffnen kann.
Und so kann ich halt auch eine gewisse Nachhaltigkeit schaffen,
indem ich mich nicht abhängig mache von kommerziellen Anbietern von bestimmten Versionen von Servern,
die ich dann womöglich vorhalten muss,
damit ich den Content irgendwie da nochmal rauskriege oder da zwar arbeiten muss.
Also das hängt ja alles dann irgendwann miteinander zusammen.
Ich habe das schon oft erlebt, also das Content gebaut
wurde mit Version XY und es funktioniert dann einfach irgendwann nicht mehr.
Also Ziel war es für mich, ein digitales Format zu erstellen,
weil es relativ einfach überall zu erstellen ist, also ohne,
dass ich irgendwie unbedingt zwingend online sein muss, dass ich keinen speziellen Editor brauche.
Also jetzt nicht irgendwie ein Word für Lerninhalte,
dass ich ein offenes Format habe, das hatte ich eben schon gesagt,
dass es die Inhalte halt auch so leicht weitergegeben werden können.
Also so wie ich jetzt jemanden auch ein Word-Dokument schicke,
Wenn der zufällig auch Word benutzt, kann es dann halt weiter bearbeiten.
Und so ähnlich soll das halt mit digitalen Lerninhalten irgendwie auch gehen.
Es sollen interaktive und dynamische Medien drin sein.
Und natürlich muss es irgendwie relativ leicht online gestellt werden können.
Also ich möchte es irgendwie auf den Web-Server legen können und dann soll es funktionieren.
Ich soll es auch in eine Lernplattform reinbekommen natürlich.
Und ich kann auch mit den üblichen Web-Analyse-Tools,
kann ich halt auch gucken, oft jemand,
wie oft es aufgerufen wurde oder wie lang die Leute da da drauf gewesen sind.
Ich möchte aber nicht sozusagen jede einzelne Interaktion tracken und dann eine KI dahinter,
also so eine künstliche Intelligenz dahinter haben,
die dann sozusagen Lernermodelle baut und Vorhersagen trifft und so weiter.
Sowas möchte ich nicht. Ich brauche eine druckbare Version,
das hatte ich eben schon gesagt, soll auf allen Gerätetypen gut funktionieren,
soll auch leicht und leicht und intuitiv navigierbar sein.
Da geht es mehr um die Nutzeroberfläche.
Es soll auch offline nutzbar sein
Das heißt, prinzipiell soll es möglich sein,
dass halt auch jemand sich das Paket irgendwie unterlädt und auf seinem Desktop irgendwie anschaut.
Und dann halt auch so gesehen dann halt auch
möglichst wenig externe Ressourcen irgendwie Abhängigkeiten von irgendwelchen Ressourcen haben.
Und es soll auch relativ klein, leichtgewichtig sein,
damit es halt auch schnell geladen werden kann und so weiter.
So, viele Anforderungen und unser Ansatz war da sozusagen,
Ein Jammer-Skript zu bauen, das E-Learn JS.
Und damit sozusagen die ganze Internativität zu steuern, die Navigation zu steuern.
Und Markdown als sehr einfache Autorensprache zu nehmen,
mit der man HTML-Content bauen kann.
Vielleicht mal ganz kurz in die Runde,
wer von euch hat schon mal von Markdown gehört
Okay, so, ich sehe mal,
der Großteil von euch hat noch nie was von Marktsau gehört,
so ein paar, ich schätze mal, aus der Informatik,
haben damit irgendwie schon mal Berührung gehabt.
Viele, die GitHub nutzen,
haben damit halt einfach schon mal Berührung gehabt,
weil GitHub mag dann auch als Sprache für die Beschreibungsseiten und so weiter dort benutzen.
Markdown ist eine Eine Meta-Auszeichnungssprache, die hat John Grouber entwickelt,
die halt sozusagen wirklich speziell für das Schreiben, fürs Internet gebaut wurde.
Meta-Auszeichnungssprache bedeutet also, Meta deswegen, weil ich,
man sieht das hier in der Grafik,
weil ich aus einem Markdown-Dokument dann mittels eines Konverters wirklich verschiedene Ausgabeformate herausschreiben kann.
Also ich habe eine Auszeichnung, ich zeichne sozusagen funktional bestimmte
Bereiche in einem Text aus, also Überschrift,
Textbausch,
Zitat, Abbildung, also halt wirklich so,
wie man das in HTMR auch machen könnte.
Aber muss halt nicht HTML schreiben,
sondern kann das mit sehr einfachen Zeichen folgen markieren,
die sie wirklich innerhalb von wenigen Minuten quasi erlernen lassen.
Ich werde das gleich auch mal zeigen. Der Vorteil ist,
ich kann Markdown in jeder Art von Editor schreiben.
Es muss einfach ein Text-Editor sein. Also die Informatiker haben
wahrscheinlich schon ihre Lieblingstext-Editoren. Manche wissen vielleicht im Moment,
was meint er jetzt mit Text-Editor?
Also ich meine wirklich so Plain-Text-Editoren, sowas,
mit denen man auch programmieren könnte,
mit denen man auch
Code schreiben kann
Es gibt für jede Plattform, gibt es solche Editoren,
unter Mac, ganz beliebt, irgendwie Textwrangler oder unter allen Plattformen beliebt,
Suppline-Text, dann gibt es noch ein Notepad Plus,
ist unter World Totale liebt.
Also ich meine, jetzt genießen die komplett so eine Entwicklungsumgebung,
sondern wirklich nur ein Plain-Text-Editor.
Die sind alle, oder sind größtenteils auch frei verfügbar,
zumindest viele sind auch Open Source.
Also man kann sich sowas einfach im Internet runterladen.
Kostet nichts in der Regel
Damit kann ich dann Textdateien erstellen.
Das sind ja diese Punkt TXT. Wenn ich,
wenn ich dir im Browser oder wenn ich dem,
der, ähm, der Editor sagen will,
dass es ein Markdown-Dokument ist, dann kann ich auch Punkt MD machen.
Es ist aber trotzdem immer noch nur ein Textpfeil.
Darin sehe ich eine riesen Stärke da drin. Ich arbeite
in einem einfachsten Format wirklich, ähm, ich arbeite im Plaintext.
Ähm, natürlich kann ich da auch relativ schnell Fehler machen.
Das ist immer so das, wo die Leute sagen,
ja, Plaintext schreiben, ist schnell, fehleranfällig.
Der Vorteil bei Markdown ist einfach, dass es echt Ultra
einfach zu schreiben ist. Also so ähnlich wie Vicky-Syntax.
Einige hatten ja auch schon mal vielleicht Vicky was zu tun.
Es ist sehr einfach. Es gibt inzwischen einige Erweiterungen von Markdown.
Also wie gesagt, GitHub hat da ein bisschen was erweitert,
um Code halt auch irgendwie gut darstellen zu können.
Dann gibt es Multi-Marktdown,
das wirklich mehr so zum Schreiben von wissenschaftlichen Veröffentlichungen gebaut wurde,
mit Tabellen und allem drum und dran, Fußnoten und so weiter.
Pandock ist so ein So ein Multi-Format-Konverter, das ist wirklich
so die eierlegende Wollmilchsau. Ich kann mit Parndock,
kann ich alles in allem, also aus Markdown kann ich alles wandeln,
was ich mir irgendwie denken kann, vom Doc X bis zum Media-Beaky-Code.
Ich kann aber auch vieles wieder in Markdown zurückwandeln.
Also es ist ein ganz toller Konverter und der hat halt
auch nochmal eine Spezifikation, was für ihn Markdown ist.
Weil es so viele Dialekte gegeben hat,
gibt es dann noch so eine Art Standardisierung,
das ist das Kommen-Marktdown, die haben halt auch so Uneineinigkeiten,
die John Grubert in seiner ursprünglichen Definition hatte,
nochmal festgelegt,
das muss jetzt so und so sein,
also es gibt halt sozusagen
auch eine standardisiertes Markdown
Der Vorteil von Markdown ist, ich brauche halt diesen Converter,
um andere Dateien damit zu erstellen,
aber ich kann es auch ohne Konvertierung wirklich gut lesen.
Also die Idee kam ursprünglich daraus, wie die Leute,
die in Internetfreaks in der Anfangszeit in ihren E-Mails Sachen
hervorgehoben haben oder Überschriften gemacht haben.
Also wirklich, das ist so ein visuelle Auszeichnungssprache,
die sich halt auch sehr gut im Code lesen lässt,
ohne dass ich
es konvertiert habe
Ich habe zum Beispiel die Dokumentation zu diesem digitalen Skripte,
habe ich größtenteils an einem iPad geschrieben,
mit Tastatur zwar,
aber ohne jetzt irgendwie einen speziellen Editor,
sondern habe da halt einfach einen Text-Editor genommen und habe da meine Dokumentation drin geschrieben.
Das Praktische ist, ich kann quasi überall mit jedem Endgerät
schon mal schon mal eine Outline schreiben oder nur einen kurzen Abschnitt schreiben,
kann es dann nachher
alles wieder zusammenfügen und arbeite mit einfachsten Formaten
Viele sehen halt auch den Vorteil darin,
dass ich mich wirklich auf den Inhalt konzentriere.
Also die sehen, es gibt so einen Trend,
Distraction, Free-Writing. Es gibt so Zen-Writer, irgendwelche Software,
die halt alles ausblenden aus dem Bildschirm und wirklich nur den
reinen Text in der Mitte anzeigen.
Und die arbeiten auch größtenteils mit Markthon. Wenn man davon
ausgeht, ich brauche die Maus eigentlich gar nicht.
Ich formatiere alles mit nur ein paar Zeichenfolgen und kann halt
so mich wirklich auf den Inhalt konzentrieren.
Ich sehe halt nur einen ganz gleichmäßigen Text
Vor mir und dann liegt er wirklich ganz konzentriert arbeiten,
ohne dass ich mir jetzt wie ein Word dann Gedanken mache,
nee, die Formatverlage gefällt mir jetzt doch nicht mehr so richtig,
ich mache es jetzt doch irgendwie ein bisschen anders.
Also so dieses Keyboard-Only und Distraction Free ist halt, steckt auch irgendwo damit drin.
Und was ich immer ganz schön finde, ist halt auch,
dass man wirklich ganz genau weiß, was dort eigentlich passiert.
Das ist halt so, dass sich die volle Kontrolle über meinen Inhalt habe.
Das ist auch so ein bisschen ein Problem von Online-Autoren-Software und Online-Editoren,
dass sie zum einen nicht wirklich sauberen Code teilweise erstellen.
Also so, vor allen Dingen,
wenn ich darin noch viel rumeditiere, neigen viele Online-HTML-Editoren dazu,
zu viele Takes anzulegen, zu verschachtelte Takes.
Manchmal passieren da ganz komische Dinge. Und wenn man dann in den Source-Code reinguckt,
dann weiß man auch, warum so komische Dinge dort passieren.
Also so wirklich sauber ist das nie.
Und Markdown selber stellt wirklich extrem sauberen, cleanen Code.
Das ist wirklich dann auch entsprechend, finde ich,
dann auch wieder eine Frage der Nachhaltigkeit,
wie gut so ein Code eigentlich ist.
Und umso besser ist er dann auch wiederverwendbar. Ich habe
hier mal so ein bisschen zusammengefasst, Die häufigsten Formatierungen,
die man so braucht. Also ich brauche verschiedene Überschriftebenen.
Da kann ich zum Beispiel einfach Rauten davor machen.
Dann mache ich eine Leerzeile, dann fängt also der nächste Abseits an.
Dann habe ich so wirklich so Hervorhebungen,
ein Sternchen vor und hinter einem Abschnitt macht kursiv zwei Sternchen,
macht fett. Ich kann Zitate mit so größer als Zeichen,
also mit so kleinen Pfeilen einmarkieren, wird das eingerückt.
Aufzählungen mache ich einfach mit dem Sternchen davor
Nummerierung mache ich einfach mit Zahlen davor. Dann gibt es halt noch
sowas wie Bilder einfügen. Das ist ein bisschen schwieriger.
Also ich muss Ausrufezeichen machen, dann eckige Klammern auf und zu.
Da schreibe ich dann meinen alten Take,
also so die Bildbeschreibung rein und dann kommt in Runde
Klammern dahinter die URL des Bildes,
also wo die Software das Bild findet.
Und das ist am besten immer relativ,
also ich lege das Bild irgendwie daneben
Neben das Markdown-Dokument oder ein Unterordner daneben
und kann dann halt einfach direkt da rein verlinken.
Dann kann ich halt auch HTML-Links setzen mit auch eckigen und runden
Klammern oder ich mache die Schnellformatierung einfach eckige Spitzeklammern links und rechts,
dann die URL, dann wird da auch ein Link draus.
Und wenn ich Source-Code schreiben will, dann kann ich das entweder einrücken.
Es gibt auch eine andere Variante mit so drei Tilten davor
und der hinter, also das ist wirklich sehr,
sehr basal
Wir haben im Rahmen des Sumo-Projekts auch noch auch schon mal
ein bisschen Einleitung in Markdown geschrieben.
Hier ist die URL dazu. Da findet man auch noch Hinweise,
was für Editoren es gibt. Welche Markdown-Varianten es gibt,
wo man noch so Tutorials findet, wie Markdown geht und so weiter.
Also das ist relativ easy. Das könnte ich jetzt
mal zeigen. Ich zeige jetzt mal
den Desktop
Und zwar habe ich hier, könnt ihr Markdown-Pad gesehen.
Das ist jetzt ein spezieller Markdown-Editor. Ich blende jetzt mal
die Live-Preview aus. Also ich habe hier quasi einfach
meinen Text stehen, zwei Rauten ist Überschrift Zweiter Ordnung.
Hier ist ein bisschen Text, hier ist eine Aufzählung mit drei Sternen davor.
Hier ist eine Überschrift, dritter Ordnung. Hier unten ist
ein Bild und jetzt kann ich einfach hier drunter noch
ein bisschen was schreiben. Diese Beispiel Datei steht gerade.
Wenn ich das jetzt hier als Zitat irgendwie markieren will,
mache ich einfach so eine spitze Raute davor.
Ich kann jetzt einfach die nächste Überschrift machen.
Man merkt sich das,
dass es
eine Autobahn ist
So, also ihr merkt schon, dass es wirklich nur noch Text,
Text, Text, Text und halt die paar Rauten,
ein paar Sternchen und so weiter.
Mehr brauche ich nicht. Wenn ich jetzt einmal hier so
den Code habe, um ein Bild einzufügen,
kann ich mir den auch immer kopieren.
Wir haben dann teilweise auch noch HTML-Schnipsel, die man ja einfügen kann.
Also ich könnte jetzt halt hier auch ein HTML eingehen,
wenn ich dessen mächtig bin,
könnte ich jetzt hier eine bestimmte Klasse vergeben
Das ist dann schon ein bisschen advanced. Wir haben halt
in unserem CSS, haben wir für Abbildungsunterschriften eine eigene Klasse.
Das würde ich dann halt so markieren.
Und dann kann ich da halt dann auch was reinschauen.
Also nur so als Beispiel, ich kann hier auch HTML-Code eingeben.
Der wird dann einfach beim Konvertieren durchgereicht. Ich kann aber halt
auch den Großteil des Inhalts einfach innen halt in Markdown syntax schreiben.
So hier dieses Markdown Pad, das ist jetzt so eine Editor,
der bietet dann halt auch eine Preview an.
Die kann ich mal aktivieren. Und dann seht ihr schon
, das ist jetzt sozusagen eine HTML-Ansicht
Und das sieht eigentlich schon ganz vernünftig aus.
Hier sieht dann auch, das sieht man auch,
das Bild, da sieht man auch die Bildunterschrift,
da sieht man auch, dass das ein bisschen kleiner ist formatiert.
Und hier, das Zitat ist halt eingerückt.
Und hier wäre dann das nächste noch eine Überschrift.
Boah, ich schreibe jetzt mal hier so.
Quatsch, damit ihr uns das einfach so sehen kann.
Also hier ist dann die nächste Überschrift mit dem Quatsch da
drunter und so weiter. So, also ihr seht,
ich mache aus ganz einfachen Text, mache ich HTML-Content,
ohne dass ich HTML schreiben muss.
So, das kann ich jetzt exportieren
Also hier in Markdown-Pad ist ein Konverter sozusagen mit eingebaut.
Hier seht ihr es schon, ich kann das auch als PDF exportieren.
Also hier ist auch direkt dieses Multi-Single-Source-Publishing sozusagen mit drin.
Es gibt andere Editoren, die noch viel mehr Exportmöglichkeiten haben.
Markdown-Pad ist da ein bisschen schwächer. Wenn ich wirklich viele Exportmöglichkeiten habe,
man will, muss ich mir dann halt Pandock installieren.
Das sind Kommandozeilen-Geschichte, das ist so ein bisschen schwieriger schon,
aber das HTML und PDF reicht ja erstmal im Grunde
Unter Mac wäre ein guter Editor, zum Beispiel Macdown.
Sehr easy zu bedienen. Es gibt auch ganz schicke Online-Editoren,
muss man tatsächlich sagen. Gibt es auch ganz gute.
Aber das Gute ist da halt wieder,
ich erstelle quasi nur Text in diesem Editor.
Ich kann das halt dann auch auf meinen Desktop ablegen und
es funktioniert genauso wie online.
Ich speichere das jetzt mal als HTML-Export
RTML exportieren, will er das hier irgendwo Beispieltext speichern. So,
und jetzt macht er das im Browser auf und dann sieht man,
okay, im Browser funktioniert es genauso wie in der Vorschau.
Jetzt ist hier schon CSS und so weiter mit drin.
Also das ist ja schon gestylt. Das brauchen wir
im Grunde nicht, weil dieses ganze Styling,
das macht dann nachher unser Elon JS.
So, und da komme ich jetzt zu,
ich beende jetzt hier
die Freigabe
Ähm, geh jetzt mal wieder in das Dokument. So,
dann würde ich jetzt gerne etwas über diesen Sealarn JS erzählen,
weil also HTML an sich ist ja auch schon ganz schön,
aber ist halt wirklich mehr so, ja,
wie so ein stumpfes Papier,
nur halt im Web und mit dem E-Learn JS,
also JS für JavaScript,
kann ich halt das Ganze dann ein bisschen dynamischer gestalten,
ein bisschen interaktiver gestalten.
Zum einen bauen wir mit diesem Markdown-Dokument ja eine ganz lange Seite.
Das ist unter Umständen so ein bisschen unschön. Ich kann
mit dem Elon J.S. diese lange Seite in mehrere Abschnitte unterteilen
und kann dann halt mir diese Abschnitte auf mehreren Seiten anzeigen lassen.
Also so eine Paginierung. Dann bietet es für diese mehreren Seiten Navigationselemente an,
so vor- und zurückbuttons, ein kleiner Index,
so ein aufklappbarer Index, wo ich auf Seiten springen kann.
Dann habe ich so ein Seitenmenü, wo halt
ein paar Sachen drin sind.
Ich kann
Bilder anzeigen lassen und so weiter
Das Ganze ist so ein bisschen angelehnt an JavaScripts,
die es seit einiger Zeit für Präsentationen gibt. Ich weiß nicht,
ob ihr von Reveal JS schon mal was gehört habt oder S5,
also das sind so Projekte, wo die,
also die haben halt einige auch gesagt,
ich habe keine Lust mehr auf PowerPoint und Co. Ich möchte halt einfach im Browser präsentieren und dafür brauche ich ein cooles JavaScript,
was mir das irgendwie schön anzeigt.
Und der Content ist halt auch sehr einfach zu erstellen,
man hat HTML-Seiten, Abschnitte in diesen HTML-Seiten und das sind dann halt entsprechend
Die Slides. Meine Anforderungen für Lerninhalte war dann wieder,
dass ein Mills-Slide halt auch mal länger sein kann.
Also, dass unter Umständen das nach unten scrollt, auch so ein bisschen.
Und dann halt auch noch so Interaktionen wie Quizzes oder irgendwie sowas.
Das Elon Jazz, das findet ihr auf GitHub.
GitHub ist halt so ein Versionsverwaltungsportal,
wo ich dann halt mit unserem Entwickler zusammenarbeiten kann.
Und wir halt da auch immer die aktuellsten Versionen bereitstellen
Dazu kann ich vielleicht gleich noch mal was sagen.
Also erst mal so die einzelnen Funktionen. Ich kann Seitenpagenie,
also die Inhalte paginieren. Ich kann blättern über die Schaltflächen,
auch mit den Tasten vom Computer oder halt auf dem Smartphone per Wischgeste.
Ich habe die Seitenübersicht als Dropdown-Liste. Ich kann eine Hilfefunktion aufrufen,
wo es mir zeigt, wie die Navigation funktioniert.
Ich kann über das Skript die Druckfunktion des Browsers aufrufen.
Da habe ich dann auch speziellen Print-CSS,
was halt
alles Mögliche ausblendet
Ich kann mir einen QR-Code anzeigen lassen,
was mir die aktuelle URL als QR-Code-Anzeig, die Idee war da,
ich gucke mir etwas im Browser an,
muss irgendwie aber gehen und will unterwegs vielleicht noch weiterlesen,
dann kann ich über den QR-Code mir das einscannen oder auf dem Smartphone,
dann, wenn der Content einmal geladen ist, bleibt der,
also da kann ich dann halt auch offline gehen,
weil das ist halt eigentlich nur eine HTML-Seite,
wenn die geladen ist,
ist die geladen,
das ist dann alles im Cash und dann kann ich
damit weitergehen
Dann kann ich mir in Metadaten anzeigen lassen, also von wem das ist,
mit welcher Lizenz und so weiter, als Overlay.
Wenn ich in demselben Verzeichnis, wo meine Index-Datei liegt,
auch noch ein PDF ablege oder einen SIP oder einen EPUB-Paket,
dann wird das auch im Zeitmenü als Download-Option angeboten.
Also ich kann sozusagen die Quelldateien direkt auch mit anbieten.
Und ich kann mit einem bestimmten Tag innerhalb einer Seite Inhaltsverzeichnisse anbieten.
Was wir dann jetzt haben, auch ist eine Bildergalerie,
also wenn ich mehrere Bilder so als Slideshow haben will,
kann ich das
auch da einbinden
Also, eine ganze Menge Möglichkeiten, was halt auch schon
in die Richtung geht, was halt diese kommerziellen Anbieter irgendwie können.
Noch nicht ganz so viel, aber schon einiges.
Dafür halt alles Open Source. Alles in Quelldatei,
sofort einsichtbar, lokal nutzbar ohne Server. Das Ganze braucht
halt eine bestimmte Dateistruktur. Also ich habe die Indexdatei,
das ist sozusagen die HTML-Sa-Datei,
wo die ganze Inhalt drin ist und dann einen Ordner,
der nennen wir Assets, also was ich eben gesagt habe,
das sind die ganzen Schnipsel und alles drin.
Und in dem Assets findet man dann das CSS,
das steuert das Aussehen
Dann eine Font,
weil wir haben auf eine offene Webfond gebaut,
die man aber nicht unbedingt aus dem Netz laden muss,
sondern wo es halt reicht, wenn ich das,
ich habe, das ist so ein relativ kleines Paket,
also die Schriften kommt einfach direkt mit.
Dann ein Ordner für Images, also für alle Bilder,
die ich irgendwie brauche, da kann ich auch andere Mediendateien ablegen,
kurze Filme oder kurze Audioclips oder irgendwie sowas.
Und dann halt,
dass der Ordner für die JavaStreams oder für das JavaScript
Bei dem CSS, bei diesem Design, diesem Webdesign für digitale Skripte, haben wir darauf geachtet.
Also das entspricht im Grunde so einem Single-Page-Layout. Das bedeutet,
ich habe Content auf einer Seite im Grunde nur,
das hatte ich ja schon gesagt, das ist JavaScript, das paginiert. Und das ist auch,
da gab es halt auch so einen Trend im Webdesign,
dass halt auch etwas komplexere Inhalte auf einer einzelnen HTML-Seite abgebildet werden,
die dann halt nett zu scrollen ist,
wo dann halt auch unter Umständen so Parallax-Effekte,
also Scroll-Effekte zu sehen sind,
wo ich unter Umständen auch so Sprungmarken habe,
um nach unten zu springen und wo auch andere Inhalte ausgeblendet werden,
wenn ich dann da durchscrolle.
Also so ein bisschen in die Richtung geht das,
dann haben wir ein Responsive Design,
also es passt sich verschiedenen Bildschirmgrößen an,
wir haben da jetzt vier verschiedene Breakpoints angegeben,
wo dann halt immer sich das Aussehen leicht verändert,
bis hin zum Smartphone
Wir haben das Design sehr, sehr, sehr stark reduziert,
weil wir gesagt haben, der Content ist das Wichtige.
Also es geht nicht darum, jetzt irgendwie ein toll gestyltes Teil
da anzubieten, sondern es soll wirklich möglichst praktisch sein.
Und die Idee war, dass wirklich an so einem Reader anzulehnen.
Es gibt ja auch tatsächlich jetzt schon so Browser,
die auf so einen Reader-Modus bieten, um möglichst sauber Lerninhalte,
Webinhalte irgendwie ableckungsfrei anzubieten.
Das kommt auch so ein bisschen aus dieser E-Book-Geschichte.
Also es soll wirklich sehr einfach dargestellt werden und wirklich
dem Lesen dienen und nicht irgendwie besonders stylisch und überkommen.
Ist ein bisschen mehr so Schweizer Typografie-artig
Wir benutzen diese offene Webfront. Wir haben auch da relativ
aktuelle Webtechnologie, auch für die Icons, eine Schriftart benutzt.
Das sind dann halt auch Vektoren, die sowohl bei
hochauflösenden Displays scharf sind als auch bei niedriger Auflösenden.
Also da sind wir relativ aktuell. Und wir haben TripCSS,
damit man dann halt auch relativ gut aus dem Browser einfach
ein PDF oder eine Druckversion erstellen kann.
Also so das ist so
unser Ansatz
Und jetzt kommt so ein bisschen so der Workflow.
Wie komme ich jetzt eigentlich dann hin zu einem fertigen digitalen Skript?
Also ich baue quasi erstmal das Markdown-Dokument,
also stell da erstmal vielleicht eine Themenliste zusammen,
fang an, einzelne Abschnitte auszuarbeiten,
baue dann vielleicht schon mal das ein oder andere Bild ein,
arbeite mit Texten,
das geht alles wirklich auch am Smartphone,
das ist total
Flexibel, ich kann mir das nachher alles zusammenstellen,
ob ich das jetzt auf einer Dropbox synchronisiere oder in einer Oncloud synchronisiere.
Also auch da dieser Gedanken, ich kann das ja
in der Cloud speichern, das ist überhaupt kein Problem.
Die Cloud soll nun nicht mein Editor sein.
Also das machen wir auch, wir haben eine Oncloud,
die ist unser Synchronisationsmonster und die regelt die ganze Backup-Geschichten und
dass ich jetzt von allen möglichen Geräten drauf zugreife
Dann kann ich halt hier neben Bildern und Text halt auch HTML-Schnipsel einbauen.
Und da kommen wir so in diesen Bereich,
diese Spezialsachen, die wir gemacht haben. Also so Bilder,
Slideshows müssen im Moment noch als HTML-Code eingefügt werden.
Der ist wirklich relativ einfach gehalten. Man kann sich das
im Template anschauen. Aber das ist halt wirklich noch HTML-Code.
Das gebe ich auch einfach in die Marktdatei ein.
Auch so wie bei Quizzes müsste ich auch HTML eingeben.
Und das nächste, was wir jetzt bauen im Moment,
sind interaktive Grafiken.
Das wären auch HTML-Bausteine
Ja, wenn ich Videos per Videothek einbinden will oder iFrames
von YouTube oder was weiß ich, dann lecture to go.
Dann ist das auch HTML-Schnipsel. Die kann ich hier einfach
alles im Marktdown eingeben und dann kann ich mir das auch im Vorschau immer anschauen.
Ich kann das dann auch nochmal schnell als PDF irgendwie rausschmeißen,
wenn ich das irgendjemandem zum Lesen geben will oder so.
So, und dann kommt es irgendwann zu dem Punkt,
dass ich es den Konverter anschmeiße und mir meinen sauberes HTML rausschreibe.
Wenn ich das jetzt in Marktdown Pad machen will,
muss ich jetzt mal wieder meinen Bildschirm freigeben
Wenn ich das hier machen will, Markdown Pad,
dann muss ich dem jetzt erst mal sagen,
dass er relativ sauberes HTML rausschreiben soll und nicht irgendwie CSS-Geschichten.
Dafür gehe ich immer in die Einstellung und sage dem,
der soll keinen Style-Sheet einbinden. Jetzt sieht man auch
schon in der Vorschau, kein Style-Sheet zu sehen.
So, und jetzt exportiere ich hier das HTML.
Nochmal Beispieltext, HTML, ersetzen bitteschön.
So, jetzt habe ich wirklich Plane HTML ohne alles.
So, als nächstes brauche ich halt die
Dieses Template. Und zwar habe ich hier das Template,
ich probiere mir das mal, umbaue das.
Machen wir den letzte Template. Schieb mir das hier einfach
mal rüber. Und jetzt gucke ich mir das mal an.
Da ist ein Index MT. Da muss ich jetzt
einfach mal gucken, wie das aussieht.
Ich öffne das mal hier in so einem Texteditor
So, ich hätte keine Angst bekommen, das ist HTML-Code.
Das kriegt man schon so ein bisschen so den Vorgeschmack,
okay, ja, so HTML-Schreiben, einfach so,
wäre wohl wahrscheinlich dann doch ein bisschen komplizierter als Markdown.
Wichtig ist hier, dass natürlich unser Template auch einiges enthält,
was man nicht verändern soll.
Also hier oben sind ganz viele Sachen Meta-Geschichten,
die kann ich dann Leitler editieren, aber da brauche ich erstmal nichts.
Erstmal muss ich hier unten Page-Info Hier den Markdown-Export einfügen.
Da unten steht's. Als Kommentar. Hier den Markdown-Export einfügen. So,
jetzt gucke ich mal, wo habe ich denn meinen HTML-Export,
der war hier oben, öffne ich jetzt auch mal.
Beispiel HTML. So, und jetzt habe ich hier alles,
was zwischen Body und Body steht in den Tags.
Das kopiere ich mir jetzt hier einfach mal raus.
Stimmt. X. Jetzt gehe ich hier rein
Dann kopieren wir das genau hier hin.
So, Index Enty habe ich jetzt mal gespeichert.
Dann können wir jetzt mal gucken, wie das aussieht im Template.
Aha. Ja, wir können schon sehen,
da ist jetzt dieser ganze Rahmen ringsherum und das,
was ich eben hier noch gebaut hatte, ist jetzt in dieser Template-Datei drin.
Das mit dem Bild hat hier noch nicht geklappt.
Hier steht Beispielbild. Das ist der Fall,
weil wir nicht in der Zielordnerstruktur gearbeitet haben.
Also das würde ich halt auch immer empfehlen, direkt,
das Marktdown-Dokument in der Ordnerstruktur zu bauen, die wir dann später brauchen,
dann findet er auch alle Bilder und so weiter.
Und was wir jetzt noch nicht haben, sind mehrere Seiten.
Also ich müsste jetzt halt noch in diesem, ich mache mal,
wir haben hier mitgearbeitet, hier irgendwie noch andere Sections einfügen.
Da gibt es auch so eine Möglichkeit,
dass ich mir im Marktdown sowas wie Platzhalter für die Sections
einfüge und Dann kann ich das hier einfach durchsuchen und ersetzen.
Dann automatisch einfügen lassen. Ich kriege jetzt hier hier mal
... Nee, fest. Speichere ich mal und dann kann
man jetzt sehen, dass wir jetzt zwei Seiten haben.
Ich aktualisiere die HTML-Seite. Da seht ihr hier oben,
der rote Balken ist jetzt kürzer geworden.
Wir haben plötzlich eine zweite Seite bekommen,
auch hier oben im Index sind jetzt
zwei Seiten
Und ich kann hier einfach weiterblättern und dann seht ihr die zweite Seite.
Also, das ist so ein bisschen der Workflow.
Ich beende jetzt hier mal... Die Freigabe wird jetzt
nochmal mein... das letzte Dokument im Film.
Ihr seht, wenn ich dieses Template nehme,
wird oben das CSS eingebunden, wird das JavaScript eingebunden.
Hier kann ich auch nochmal mehr HTML einfügen.
Und ich muss quasi nur diesen Export einmal in das Template
rüberführen und noch diese Seiten hinzufügen.
Und dann
Habe ich schon ein digitales Skript erstellt. Ich habe hier
nochmal so die Liste, wie der Workflow ablaufen könnte.
Das kann man dann sozusagen abarbeiten. Ich muss erstes Download,
das Template runterladen aus GitHub. Ich muss mir einen Markdown-Editor aussuchen.
Dann kann ich eben Markdown meine Outline schon mal entwerfen,
kann einzelne Abschnitte in Markdown überarbeiten.
Sollte das schon in der Ordnungsstruktur des Templates tun,
damit man die Bilder findet
Dann geht es darum, Bilder und Assets irgendwie zu finden oder zu produzieren.
Also ich brauche ja vielleicht auch irgendwelche Bildmaterialien.
Dann muss ich diese Assets einbinden,
also auch Videotag und Bilder einbinden und so weiter.
Kann dann unter Umständen noch Erweiterungen in HTML irgendwie einbinden,
also wie Quizfragen und so weiter.
Dann kann ich die ersten Exporte starten,
um das irgendwie revidieren zu lassen von unniemandem.
Muss dann womöglich das Markdown nochmal überarbeiten,
mach dann
den finalen Export
In verschiedene Formate, HTML, PDF ist so das Minimum,
würde ich mal sagen. Dann brauche ich diese Sections,
die Platzalter austauschen, die Praginierung fühlt das Ganze im Template
ein und kann dann noch ein Sieb-Datei erstellen,
um das auch noch zum Download bereitzustellen.
Und dann kann ich das Ganze auf dem Server schieben.
So, das ist eigentlich
der Workflow
Zugegeben, das ist jetzt noch relativ kompliziert.
Also man kann sich das ja schon noch einfacher vorstellen.
Aber ich sag mal, der Vorteil ist,
man hat wirklich die Kontrolle über seinen Inhalt.
Ich habe das sehr zu schätzen gelernt, weil ich habe mit
vielen Autorenwerkzeugen gearbeitet und man erstellte tatsächlich Inhalte fürs Internet.
Also man muss irgendwie am Schluss HTML haben und bevor ich
jetzt den ganzen HTML-Content alles mit der Hand schreibe,
weil ich bei weil eigentlich kein Visibic-Editor wirklich sauberes HTML erstellen kann.
Dann habe ich doch lieber so eine Vorform mit dem Markdown,
was mir ganz viele einfache Tags abnimmt und ich mich dann
nur noch um die komplizieren kümmere, kümmern muss.
Und das JavaScript bietet mir einen sehr schönen Hintergrund,
sehr schöne Navigationsmöglichkeiten, die halt so auch von vielen Autorenwerkzeugen
nicht angeboten werden in dieser Form.
Also viele haben so dieses Kartenlayout, PowerPoint-Metapher und so weiter.
Da bin ich mit so einer Reader-Metapher wirklich deutlich glücklicher
Vielleicht noch ein bisschen so zur Zukunft. Im Moment
bauen wir neue Interaktionsbausteine, interaktive Grafik ist ein Thema,
dann soll es auch eine interaktive Zeitstrahl geben.
Wir werden schon, denke ich, in Zukunft ein Online-Konverter anbieten.
Allerdings hat ja kein Online-Autorenwerkzeug,
sondern wirklich nur für diese Wandlung in der HTML,
weil wir haben festgestellt,
dass viele Marktdown-Editoren halt sehr unterschiedliche Exportformate anbieten und auch in unterschiedliche Qualität.
Und um da einen gewissen Standard reinzubringen,
ist ein Online-Konverter mit Sicherheit sinnvoll
Dann ist im Moment ein Repository immer wieder so die Frage,
also wenn ich dann so ein Skript fertiggestellt habe,
wo wird das eigentlich abgelegt und wie wird es mit Metadaten versehen,
wo sind womöglich die Assets auch für andere zugreifbar.
Also das ist auf jeden Fall ein Thema.
Dann könnte man überlegen, ob man die HTML-Schnipsel,
die man jetzt noch braucht,
vielleicht doch mit noch einfacheren Code ersetzen kann und dann
quasi so einen eigenen Markdown-Dialekt sich überlegt
Muss man mal überlegen, ob das sinnvoll ist.
Eine spannende Idee war auch so diese Print-Version noch ein bisschen aufzubohren,
weil es ist ja so,
wenn ich jetzt viel mit interaktiven Medien arbeite,
wird halt der Mehr, also wird die Print-Version immer schwächer eigentlich.
Wenn ich viele interaktive Grafiken habe, kann ich mit dem Print
immer weniger anfangen. Und da ist so eine Idee,
dass sich das Print-Dokument dass sich dort diese interaktiven Sachen alle ausblende.
Und quasi nur eine Hinweiseinblende mit einer URL oder einem Shortcode oder einem QR-Code.
Hier findest du den interaktiven Inhalt und dann kann man
das quasi einscannen mit dem Smartphone oder eingeben in den Computer
und kriegt dann am Bildschirm dann die interaktive Grafik angezeigt.
Also das ist so eine Idee, das Brit-Dokument doch irgendwie noch zu erweitern mit interaktiven Inhalten. Etwas,
was ich hier noch nicht aufgeführt habe,
wäre auch ein Präsentationsgeschichte unter Umständen,
könnte man halt auch noch so eine Art Präsentationsmodus sich mal überlegen,
wie ist das eigentlich,
werden da bestimmte Inhalte ausgeblendet oder gibt es dann nochmal so Listen,
die man hinterlegen kann,
wo dann Inhalte nur Stichwortpart
punktartig aufgeführt werden
Und was halt auch interessant ist, ist halt diese Offline-Idee,
also wie ihr gesehen habt, ich kann die Inhalte ja offline öffnen, also das,
was ich eben gezeigt habe, war ja nicht auf dem Server.
Und das kann man sich halt auch vorstellen,
dass jemand aus einem Repository halt Inhalte mitnimmt,
die auswählt und sagt, die möchte ich jetzt auf meinem Gerät haben,
ich möchte da keine Abhängigkeit vom Internet haben,
die lade ich mir jetzt runter, hab die dann dabei,
immer zum Lesen kann sie dann irgendwann auch wieder löschen,
wenn ich sie gelesen habe,
aber ich kann sie auch sammeln.
Es geht ja auch häufig darum, so,
man möchte das haben, das Zeug. Ich weiß nicht,
wie viele Leute Sachen wirklich auch ausdrucken und abheften.
Es geht vielen auch darum, Inhalte zu besitzen,
zu sagen, ich möchte die auch in zehn Jahren,
wenn mein Studium vorbei ist, möchte ich die irgendwie noch haben.
Also das ist so ein Gedanke daran, also dass man
das halt auch offline mitnehmen kann und benutzen kann.
So, ja, das war jetzt so ein Durchflug durch
unseren Ansatz der digitalen Skripte
Ich habe euch jetzt die letzte halbe Stunde bestimmt gut zugetextet,
damit, wie toll das alles ist.
Ich kann jetzt natürlich noch nicht sagen, ob ihr das toll findet.
Vielleicht mal so ein Schnellfeedback. Habt ihr das eigentlich?
Habt ihr das verstanden? Gibt es da Kommentare zu?
Findet ihr den Ansatz schwachsinnig? Findet ihr den Ansatz gut
? Also ich bin da durchaus kritikfähig.
Aber es würde mich mal wirklich interessieren,
was ihr davon haltet
Ich kann mir auch vorstellen, dass wir im Forum da
auch noch ein Stück weit drüber diskutieren. Auch vielleicht,
ja, welche Erweiterungen ihr euch da noch vorstellen könnt,
welche Verbesserung, wie vielleicht dann doch ein Editor aussehen könnte,
vielleicht all solche Sachen können wir dann auch im Forum diskutieren.
Ja, das sind vielleicht so zwei Fragen,
die sich für mich direkt aus der Präsentation ergeben würden.
Vielleicht als erstes,
habt ihr irgendwelche Fragen
Okay, es schreibt auch keiner. Es sind alle eingeschlafen wahrscheinlich.
Gut. Erstmal keine Fragen. Ihr ahnt es wahrscheinlich schon.
Eine Möglichkeit, hier eine Abschlussarbeit zu machen. Wer liegt,
läge darin, ein solches digitales Skript zu einem bestimmten Thema zu erstellen?
Könntet ihr euch das vorstellen, so etwas zusammenzustellen?
Vielleicht mal mit einem Daumen hoch oder einem Daumen runter oder
einem Häkchen um Kreuz
Okay, das sieht relativ gut aus. Vielleicht mal an die Zweifler.
Könnt ihr mal wirklich irgendwie eine Wortmeldung machen oder so?
Warum könnt ihr euch das nicht vorstellen? Weil das wäre jetzt,
das wäre jetzt schon so ein bisschen so eine Essenz,
die für mich wichtig ist.
Ich sehe jetzt so ungefähr 80 Prozent der Leute können sich
das wohl vorstellen,
sowas zu bauen
Woran läge es, wenn ihr sagt,
das würde ich so irgendwie nicht können oder nicht wollen.
Christine, du hattest da gesagt, nee,
kriege ich nicht hin, liegt das daran,
dass es dann doch zu kompliziert ist oder
Okay. Also, das ist gut zu wissen,
dass es, also vielleicht für jemanden,
der jetzt noch nie mit Source Code gearbeitet hat,
der auch so die HTML-Ansicht so,
uh, da schon Schrecken kriegt,
dass das vielleicht dann doch ein bisschen überfordernd wirkt.
Ja, Beispiel Präsentation, jetzt habe ich das gerade,
das ging jetzt zu schnell und sie mögen es mal hochscrollen
Müsste da ewig reindenken. Ja, klar. Also nur schon mal,
es gibt ja jetzt nicht nur diese Präsentation,
es gibt auch eine Doku dazu, die online zur Verfügung steht,
die ist auch noch ein bisschen umfangreicher.
Christian würde jetzt gerne wissen,
für wen das jetzt komplettes Neuland war mit irgendwie HTML erstellen,
Webseiten,
Für Christine eindeutig, ja. Für Dario auch. Okay
. Ja, schauen wir mal. Also wir können,
glaube ich, auch da noch ein bisschen unterstützen,
weil wir gehen auch davon aus, wenn wir jetzt Autoren sagen,
sie sollen mit Marktdown arbeiten, dann ist, glaube ich,
dieser Schritt aus dem Marktdown-Dokument dann nachher ein digitales Skript zu bauen.
Dem würde ich, also den Schritt würde ich auch
nicht unbedingt jedem Autor zutrauen oder zumuten.
Sondern würde ich sagen, dann schreiben sie erstmal
das Marktdown-Dokument
Und Markdown schreiben, glaube ich, das sollte jeder hinkriegen können.
Zumal es da wirklich auch Online-Editoren gibt, also dass man
dann sich noch nicht mal was installieren muss oder so.
Also da geht man dann einfach irgendwie auf Dillinger IO oder so.
Da können wir auch mal
was posten
Genau, man könnte auch sich gegenseitig unterstützen,
weil wir ja hier auch Informatiker unter uns haben,
Leute, die schon ein bisschen mehr Erfahrung haben.
Also ich bin da noch guter Hoffnung. Also die Mehrzahl
traut sich das zu, das finde ich super.
Und ich bin mal gespannt, inwieweit wir hier kommen.
Ich würde gerne dann halt im Forum mit euch
noch so ein bisschen die Fragen diskutieren.
Ich stelle die nicht mehr heute rein, das schaffe ich nicht mehr.
Es ist schon so spät. Aber ich werde dann morgen
im Laufe des Vormittags die Fragen mal stellen.
Ihr könnt ja schon mal vordenken, so ein bisschen,
es ging mir um dieses Learning Analytics.
Was haltet ihr da eigentlich davon? Ich könnte ja auch
hier in digitale Skripte, könnte ich jetzt Tinkern einbauen,
dass ich dann auch da jetzt tracke alles.
Aber ich will es eigentlich gar nicht.
Vielleicht ist das die Zukunft. Keine Ahnung, müsst ihr
mir vielleicht
auch was sagen
Und dann würde ich gerne halt noch ein bisschen was darüber wissen,
was ihr eigentlich von diesem Java-Skript, Markdown-Geschichten haltet,
zukunftsfähig für euch, ja,
nein, ist das ein Format,
wo ihr noch mehr davon erwarten würdet oder reicht das für das meiste?
Also alles so Diskussionen, die ich da gerne mit euch führen würde.
Ich glaube, Christian hatte auch noch eine Diskussionsstrang,
den er dann anstoßen wollen würde.
Ich rufe dich jetzt mal wieder dazu. Ich habe jetzt
, glaube ich, lang genug erzählt.
Willst du noch einen Ausblick geben auf die weitere Fragen
So, Miko ist jetzt auch wieder an.
Ja, genau. Ich wollte euch im Forum schon mal
einen kleinen Anstoß geben. Das werdet ihr im Forum auch
gleich selber nochmal lesen,