Erkundungen in der Entwicklung des digitalen Lernens - Anpassung des Authorings

In diesem Blogbeitrag habe ich ein erstes Experiment mit dem Adapt Authoring Tool erstellt, auf das hier zugegriffen werden kann.

Nachdem ich vor kurzem entschieden hatte, dass die Zeit reif für eine freiberufliche Tätigkeit war, schien es mir eine gute Zeit zu sein, das Open-Source-Framework Adapt richtig kennenzulernen, wenn auch etwas verspätet, da es eines dieser Dinge war, die ich nie gesehen habe zu.

In den letzten 18 Monaten habe ich Evolve Authoring in Bezug auf mobile responsive Authoring-Tools in großem Umfang eingesetzt und war beeindruckt von der Vielseitigkeit und den schnellen Entwicklungszeiten, die wir erzielen konnten. Und da Evolve ursprünglich auf dem Adapt Framework aufbaute, konnte ich das Design der Kursstruktur und die Plugins auf die gleiche Weise überdenken und hoffte, die Lernkurve etwas glätten zu können (die Kurve war immer noch ziemlich umfangreich).

Nachdem ich den Einrichtungsprozess von Adapt Framework und Authoring Tool kennengelernt hatte (und einige Installationsprobleme schmerzhaft gelöst waren), konnte ich mit einer lokalen Installation beginnen. Angesichts der Tatsache, dass es das Tool bereits seit einigen Jahren gibt und Probleme auftreten, finden Sie in den Foren im Allgemeinen eine Lösung. Wenn Sie jedoch die Befehlszeilenschnittstelle verwenden und Server hochfahren möchten, ist dies kein Problem Ich würde bei Ihren Standardwerkzeugen wie Evolve oder Rise bleiben.

Das Adapt Vanilla-Thema, wie es auf der Adapt-Präsentationsseite zu sehen ist

Wenn Sie das Adapt Authoring Tool mit dem Vanilla-Thema starten, werden Sie nicht sofort von seinem tollen Aussehen begeistert sein. Daher ist die Anpassung des Themas wahrscheinlich eine der größten Aufgaben, die vor Ihnen liegen. Bevor ich dieses Kaninchenbau weiter hinunterging, wollte ich ein paar Modelle zusammenstellen und versuchen, den kastenförmigen Look des Vanille-Themas zu durchbrechen.

Nach meiner Erkundung von Adapt habe ich die Gelegenheit genutzt, mich von der Adobe-Abonnementsoftware zu lösen, an die ich in den letzten Jahren in Bezug auf Grafikdesign gekettet war, und das neue Kind Figma auszuprobieren. Und für ein Tool, das mich keinen Cent gekostet hat, war ich in der Lage, die meisten Aufgaben zu erledigen, die ich jemals in Illustrator / Photoshop oder XD hätte erledigen müssen.

Modell eines Teils der in Figma erstellten Seite und skizzierbar für die Abbildungen.

Sie werden bemerken, dass ich beschlossen habe, ein Modell über die Themse zu bauen, das auf den ersten Blick in der Tat ziemlich zufällig ist. Obwohl dies logisch ist, gibt es nur einige nützliche Platzhalterinhalte, mit denen Sie experimentieren können. Letztes Jahr war ich eng an der Entwicklung eines "Learn to Row" -Kurses für den Londoner Ruderclub Fulham Reach beteiligt, bei dem Inhalte von Moodle und Articulate Rise verwendet wurden. Die Verwendung vertrauter, vorhandener Inhalte würde mir dabei helfen, kreativer und spielerischer mit dieser Demonstration umzugehen, und es wäre ein guter Maßstab, wenn ich mich mit den von Rise entwickelten Kursen messen könnte.

Neben Figma verwendete ich auch die skizzierbare Windows-App, um die Illustrationen auf meinem Surface-Tablet zu erstellen. Dies war nur eine unterhaltsame Nebenaktivität, die ich auf meinen Zugreisen ausführen konnte.

Nachdem die Modelle erstellt und die Grafiken exportiert wurden, bestand die große Herausforderung darin, alles zum Laufen zu bringen und herauszufinden, welche Plugins ich in meiner Adapt-Instanz installieren müsste.

Da meine Demo nur eine einseitige Präsentation sein sollte, besteht die erste Herausforderung darin, den Menübildschirm zu entfernen. Dazu müsste eine Erweiterung heruntergeladen werden. Ebenso würde die Funktionalität einer Fortfahren-Schaltfläche entsperrt und die folgenden Abschnitte angezeigt. Grundsätzlich sollten Sie sich daran gewöhnen, die Plugin-Bibliothek zu durchsuchen, um bei Bedarf neue Funktionen zu finden. Ich habe letztendlich einen Responsive iFrame und einen Artikel verwendet, der zusätzliche Plugins in dieser Demo enthüllt.

Der Großteil der Arbeit befindet sich in den LESS / CSS-Stylesheets, um Farben, Auffüllungen, Hintergrundbilder und Animationen anzupassen und so das gewünschte Erscheinungsbild zu erzielen. Da das Vanilla Adapt-Thema, auf dem ich diese Demo basierte, CSS-Variablen zum Deklarieren von Farben und Füllungen verwendet, kann das einmalige Einrichten bedeuten, dass viele Änderungen automatisch durchgeführt werden, was sehr praktisch war.

Als ersten Test im Tool habe ich unzählige Erfahrungen gemacht, die ich hoffentlich in alle zukünftigen Adapt-Entwicklungen einfließen lassen werde, an denen ich beteiligt bin, aber im Großen und Ganzen die volle Freiheit über das Styling (und das potenzielle Plugin) habe Entwicklung) bedeutet, dass dies eine schwierige Lernkurve ist, die jedoch aufregendere Möglichkeiten in Aussicht stellen dürfte.

Sie können die endgültige Datei hier unter https://mattleggett.com/Demos/Adapt/index.html anzeigen, die nicht im SCORM-Format, sondern im HTML-Format veröffentlicht wurde.