JavaScript und Articulate Storyline
Bereits in diesem Blog-Artikel habe ich über JavaScript und Storyline geschrieben. Inzwischen konnte ich ein weiteres großartiges Beispiel für JavaScript in Kombination mit Storyline in meinem Portfolio online stellen. In dem kurzen eLearning über die 5s Methode habe ich JavaScript Und dabei auch GSAP intensiv genutzt.
Echtzeitvertonung von Variablen
Auf der Startseite meines eLearning über die 5s-Methode habe ich mich dazu entschieden, die Namen der Lernenden über Texteingabe abzufragen. Käme das eLearning in einem LMS zum Einsatz, könnte ich den Namen mit JavaScript auslesen und diesen Schritt automatisieren.
Spannend wird es gleich nach der Namenseingabe. Mit einem Klick auf „Weiter“ hören die Lernenden ihre persönliche Begrüßung. Starte das digitale Lernabenteuer und probiere es gleich aus!
Wozu ist das gut?
- Das eLearning für jede einzelne teilnehmende Person zu einer individuellen Erfahrung!
- Dieser WOW-Effekt erhöht die Aufmerksamkeit der Lernenden und die Motivation, zu lernen steigt.
- Text als Sprache ausgeben kann Storyline auch ohne JavaScript. Der Clou hierbei ist aber, dass die Variable (also der eingegebene Name) auch gesprochen wird. Dieses Feature habe ich bisher erfolglos bei Articulate versucht reinzureklamieren.
Storyline-Objekte mit JavaScript animieren
Objekte in Storyline sind alle Dinge, die im eLearning zu sehen sind: Texte, Bilder, Formen, Videos, …. Diese Objekte kann man in Storyline, ähnlich wie in PowerPoint, animieren. Naturgemäß sind diese Animationen in ihrer Vielfältigkeit beschränkt. Um Objekte vielfältiger, moderner und spannender zu animieren, verwende ich das JavaScript-Werkzeug GSAP. Damit habe ich dieses Namens-Eingabefeld animiert:
GSAP verwende ich auch, um Quizergebnisse frischer darzustellen. Ein Quizergebnis mit animierten Grafiken ist rascher zu interpretieren als nackte Zahlen.
Ist JavaScript in Storyline notwendig?
Um ein einfaches eLearning zu erstellen, muss man kein JavaScript verwenden. Allerdings ist es für mich wie das Würzen eines Gerichts. Den Hunger stillt eine Mahlzeit auch so, aber mit der richtigen Würze schmeckt es besser. JavaScript ist für mich zu einem essenziellen Gewürz für meine digitalen Lernabenteuer aus Storyline geworden. Willst auch du von meinen Kenntnissen profitieren?