Die Aktivität „E-Learning“ bietet zahlreiche Funktionen. Dieser Artikel konzentriert sich auf die Funktion „Online-Ressource“ und andere externe Inhalte.

Weit mehr als nur ein Link zu einer beliebigen Website oder SaaS-Software ermöglicht Ihnen die Online-Ressource eine „iFrame”-Integration.

💡 Hinweis: Informationen zum Erstellen einer Sequenz und anschließend einer E-Learning-Aktivität finden Sie in unserem entsprechenden Artikel.

Konkret ist ein iFrame ein HTML-Tag, mit dem Sie den Inhalt einer anderen Webseite in Ihre Seite integrieren können.

So können Sie Ihren Lernenden vielfältige und interaktive Inhalte anbieten, die direkt in ihren Digiforma-Bereich integriert sind: Videos, Formulare, Online-Dokumente, externe Tools usw.

In der Praxis müssen Sie lediglich Folgendes tun:

Kopieren Sie die URL der Website, die Sie teilen möchten, und fügen Sie sie ein, oder
Den vom externen Tool bereitgestellten Einbettungscode kopieren und in die Webressource einfügen.

Dieser Code wird also von „HTML-Tags” umgeben sein, wie unten in Rot dargestellt 👇🏻

Der Code kann weitere HTML-Tags enthalten (z. B. href, img src). Aus Sicherheitsgründen werden nur Tags akzeptiert, die in unserer offiziellen Liste aufgeführt sind. Wenn die Ressource nicht angezeigt wird, wurde ein nicht konformer Tag verwendet.

Zur Liste der konformen HTML-Tags ✅

[
  'a',
  'abbr',
  'acronym',
  'address',
  'area',
  'article',
  'aside',
  'audio',
  'b',
  'bdi',
  'bdo',
  'big',
  'blink',
  'blockquote',
  'body',
  'br',
  'button',
  'canvas',
  'caption',
  'center',
  'cite',
  'code',
  'col',
  'colgroup',
  'content',
  'data',
  'datalist',
  'dd',
  'decorator',
  'del',
  'details',
  'dfn',
  'dialog',
  'dir',
  'div',
  'dl',
  'dt',
  'element',
  'em',
  'fieldset',
  'figcaption',
  'figure',
  'font',
  'footer',
  'form',
  'h1',
  'h2',
  'h3',
  'h4',
  'h5',
  'h6',
  'head',
  'header',
  'hgroup',
  'hr',
  'html',
  'i',
  'img',
  'input',
  'ins',
  'kbd',
  'label',
  'legend',
  'li',
  'main',
  'map',
  'mark',
  'marquee',
  'menu',
  'menuitem',
  'meter',
  'nav',
  'nobr',
  'ol',
  'optgroup',
  'option',
  'output',
  'p',
  'picture',
  'pre',
  'progress',
  'q',
  'rp',
  'rt',
  'ruby',
  's',
  'samp',
  'section',
  'select',
  'shadow',
  'small',
  'source',
  'spacer',
  'span',
  'strike',
  'strong',
  'style',
  'sub',
  'summary',
  'sup',
  'table',
  'tbody',
  'td',
  'template',
  'textarea',
  'tfoot',
  'th',
  'thead',
  'time',
  'tr',
  'track',
  'tt',
  'u',
  'ul',
  'var',
  'video',
  'wbr',
]

Zu dieser Liste kommen noch iFrames hinzu, deren Quelle eine gültige URL vom Typ HTTP oder HTTPS ist.

Welche Ressourcen können integriert werden?

Hier einige Beispiele:

Videos: So sind Sie nicht auf YouTube/Vimeo oder die direkte Einbindung von Ihrem Computer aus beschränkt. Rufen Sie die URL des Videos ab und kopieren Sie sie einfach.

Das Video lässt sich in Ihren E-Learning-Content-Editor integrieren:
⬆️ Beachten Sie jedoch, dass Ihre Lernenden auf diese Weise nicht verpflichtet sind, einen bestimmten Prozentsatz des Videos anzusehen. 💡 
Die verschiedenen Programme von Google Workplace (Google Slides, Google Form, Google Docs usw.)

👉 sehen, wie man sie hier integrieren kann.
Genially um Ihre E-Learning-Kurse spielerischer zu gestalten 👾 🧩

👉 sehen, wie man sie hier integrieren kann.
Calendly um Ihren Lernenden direkt in Ihre App integrierte Termine anzubieten.
Articulate 360 um E-Learning-Module hinzuzufügen.
Verschiedene Websites: Voice Recorder, interaktive Karten, etc..

Die Möglichkeiten sind vielfältig! 😃

Wie kann man externe Inhalte (PDF, PPT, H5P…) integrieren?

1️⃣ Ein Dokument (PDF, PPT, Docx usw.) direkt anzeigen

Standardmäßig müssen Dokumente, die auf Digiforma geteilt werden, heruntergeladen werden, um gelesen werden zu können.

Um sie direkt im Lernbereich einsehbar zu machen, veröffentlichen Sie Ihr Dokument in einem externen Tool. (Scribd, PDFcoffee, Calaméo…) :

Schritt 1: Erstellen Sie ein Konto (für diese Nutzung kostenlos) und klicken Sie oben rechts auf Ihrem Bildschirm auf „Importieren“:

Geben Sie nach dem Importieren des Dokuments einen Titel und eine Beschreibung ein und lassen Sie Ihr Dokument vor allem öffentlich (im privaten Modus sind die folgenden Schritte nicht möglich):

Nachdem Sie auf die Schaltfläche „Fertig“ geklickt haben, klicken Sie auf den Bereich „<> Embed“:

Speichern Sie den angezeigten Code (indem Sie ihn in Ihre Zwischenablage kopieren):

Erste Etappe abgeschlossen! ✨

Schritt 2: Den kopierten Code in Digiforma einfügen

Fügen Sie in Digiforma eine Aktivität „Dokumente” hinzu, bearbeiten Sie deren Inhalt und fügen Sie einen Bereich „Online-Ressource” hinzu

Fügen Sie den Einbettungscode in das dafür vorgesehene Feld ein:

Das war's schon! Ihre Lernenden können das Dokument nun direkt in ihrem Bereich lesen!

2️⃣ Eine H5P-Aktivität integrieren

Digiforma erlaubt keine direkte Integration eines H5P-Moduls in eine E-Learning-Sequenz (es werden nur SCORM-Dateien unterstützt).

Es gibt jedoch eine Lösung, um die H5P-Aktivität im Lernbereich anzuzeigen.

🚨 Achtung: Diese Methode ermöglicht lediglich die Anzeige, ohne statistische Nachverfolgung der Ergebnisse.

Sie können sie dennoch über La Digitale anzeigen. Suchen Sie den Abschnitt „Digiquiz” in der Liste der angebotenen Aktivitäten und klicken Sie dann auf „Verwenden (Utiliser)”.

Klicken Sie auf der nächsten Seite auf „H5P-Datei öffnen (ouvrir un fichier H5P)“:

Wählen Sie eine geheime Frage aus (die nur Ihnen zur Verfügung steht und den Lernenden nicht gestellt wird) und importieren Sie dann das zu integrierende H5P-Modul aus Ihren Dateien.