Fortbildung - Interaktive Aufgaben - Interaktive Aufgaben erstellen

Version vom 4. Januar 2020, 16:47 Uhr von Glanz (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „{{:Navigation - Fortbildung - Workshop3 - Interaktive Aufgaben}} {{:Der MOOCit MOOC - Der MOOC zu MOOCit - Wie erstelle ich interaktive Aufgaben?}} == Z…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
  • >>
  • Interaktive Aufgaben
  • Wiki
  • Aufgabentypen
  • LearningApps
  • H5P
  • Udutu
  • Alternativen
  • Portalwahl
  • Homework
  • Interaktive Aufgaben erstellen Interaktive Aufgaben erstellen


    Interaktive KI-gestützte Aufgaben auf aiMOOC.org

    Hier werden die einzelnen interaktiven Aufgaben vorgestellt:

    1. Multiple-Choice
    2. Kreuzworträtsel
    3. Lückentext
    4. Memory (Zuordnung)
    5. LeaningApps






    Bei einem MOOC geht es darum, Aufgaben zu stellen, die andere lösen sollen, damit sie sich selbst bilden können. Erstelle interaktive Aufgaben, wie z.B. Multiple-Choice-Fragen, einen Lückentext, ein Kreuzworträtsel oder ein Zuordnungsspiel per Drag and Drop. In der MOOCit Vorlage findest Du alles, was Du brauchst. Du musst beim Bearbeiten einfach nur die Fragen und Antworten anpassen.


    • Unter "Interaktive Aufgaben" findest Du einen Überblick und eine ausführliche Anleitung.
    • Unten siehst Du die am häufigsten genutzten Aufgabenformen
    • Klicke auf "bearbeiten" und Du wirst feststellen, dass Du ohne Programmierkenntnisse interaktive Aufgaben erstellen kannst.



     


     



    Vorgehensweise

    Farm-Fresh comment.png
    Farm-Fresh comment.png
    Wie kannst Du ein interaktives Element nutzen?
    • Suche Dir einen interaktiven Baustein heraus: z.B. Kreuzworträtsel oder Multiple-Choice-Fragen
    • Gehe auf "Quelltext anzeigen" (rechts oben)
    • Kopiere den Text bzw. Quell-Code (Shortcuts: alles markieren = Strg. + A, Kopieren = Strg + C)
    • Füge den Code an der passenden Stelle im Wiki ein, wo Deine Aufgabe später erscheinen soll. Z.B. beim Fach Mathematik unter "Addition" (Strg. + V)
    • Stelle Deine Aufgabe: Trage im Bearbeitungsmodus Deine Fragen und Lösungen ein.

    Externe interaktive Aufgaben

    LearningApps einbetten

    1. Erstelle auf LearningApps.org eine interaktive Aufgabe
    2. Kopiere den Vollbild-Link Deiner Aufgabe
    3. Füge den Link in Deinen MOOC ein

    Beispiel: Drag and Drop

    Erstelle ein Zuordnungsspiel
    1. auf LearningApps und füge den Vollbild-Link zwischen <iframe > und </iframe> ein oder
    2. erstelle eine Drag and Drop Aufgabe als Wiki (funktioniert dann nur am PC).




    Beispiel: Lückentext

    Erstelle einen Lückentext.
    1. auf LearningApps und füge den Vollbild-Link zwischen <iframe > und </iframe> ein oder
    2. erstelle einen Wiki-Lückentext (funktioniert dann nur am PC).




    Learning Snack


    H5P

    Alternativen

    LearningApps, Learning Snacks und H5P sind die am häufigsten genutzten Portale. Es gibt aber auch Alternativen:

    • Articulate Quizmaker (Windows)
    • Hot Potatoes (kostenlos, auch für Mac)
    • ProForm Rapid eLearning Studio (Windows)
    • Question Writer (Windows)
    • Raptivity (Windows)
    • Udutu (kostenlos, webbasiert)

    Iframes einbetten

    Derzeit können diese Seiten per Iframe dargestellt werden.



    <iframe> LINK </iframe>




    KI


    Text: ChatGPT
    Bilder, Illustrationen: DALL·E 3
    Audio: GPT ElevenLabs Text to speech, Suno.ai (Musik)
    Flowcharts, Mindmaps, Diagramme: GPT Whimsical Diagrams
    Verschiedene Aufgaben mit Plugins oder GPTs: aiPDF PDF lesen, Slide Maker PowerPoint erstellen, Bing Recherchieren, ...
    Video: SORA, Synthesia, HeyGen, InVideo, Lumen5, Veed.io, Designs.ai




    Wikis

    Infos: Wikipedia.org
    Bilder, Animationen: Commons.Wikimedia.org
    Quellen: Wikisource.org
    Zitate: Wikiquote.org
    Wörterbuch: Wiktionary.org
    Daten: Wikidata.org
    Universität: Wikiversity.org
    Wikimedia.de


    Öffentlich-rechtliche Inhalte

    ARD
    CheckEins
    KIKA
    Schau Hin
    Planet Wissen
    Planet Schule
    Dritte: BR, MDR, SWR, WDR



    Interaktive Aufgaben

    Interaktive Aufgaben erstellen
    Interaktive Aufgaben erstellen

    Wiki-Aufgaben von KI generiert
    Multiple-Choice
    Kreuzworträtsel
    Memory
    Lückentext

    Externe iFrames
    LearningApps
    LearningSnacks
    H5P


    PDF, Präsentationen, Suchmaschinen für Kinder und mehr OERs

    Text bearbeiten
    Text bearbeiten

    PDF
    Prezi
    Blinde Kuh
    Helles Köpfchen
    LMV-BW
    Sesam
    Deutscher Bildungsserver
    Unterricht
    ZUM

    Videos

    {{#ev:youtube | LINK | 350 | center}}

    Vimeo
    YouTube
    Dailymotion


    Es können auch aus anderen Seiten Iframes eingefügt werden. Schreiben Sie uns, wenn wir weitere Portale freischalten sollen.



    Wiki-Aufgaben

    • Interaktive Aufgaben sind leicht zu erstellen, wenn man sich an ein paar Regeln hält.
    • Meist müssen nur einzelne Dinge ausgetauscht werden z.B. für "Richtig" eine richtige Antwort.
    • "Div" leitet eine interaktive Aufgabe ein und beendet das Mimi-Programm. Aus diesem Grund darf es nicht gelöscht werden.
    • Folgende Zeichen sind für die Funktionen ebenso wichtig und müssen stehen bleiben > [ { | - strong



    Multiple-Choice

    Stelle Multiple-Choice-Fragen. Trage in der Klammer für "RICHTIG" die richtige Antwort ein und für "FALSCH" jeweils eine falsche Antwort. Alle mit "!" gekennzeichneten Antworten sind FALSCH.

    Stell hier eine Multiple-Choice-Frage? (RICHTIG) (!FALSCH) (!FALSCH) (!FALSCH)






    So sieht die Vorlage aus: Stell hier eine Multiple-Choice-Frage?
    Trage in der Klammer für "RICHTIG" die richtige Antwort ein
    und für die "xxx" jeweils eine falsche Antwort.
    Das "!" steht für FALSCH. (RICHTIG) (!xxx) (!xxx) (!xxx)


    Alle Bereiche in Klammern sind Antwortmöglichkeiten. Woran erkennt das Programm, dass eine Antwort falsch ist?
    (Am Ausrufezeichen) (!Am X) (!An der Art der Klammer) (!Am "div")

    Wie viele Antwortmöglichkeiten können eingegeben werden?
    (Beliebig viele richtige oder falsche Antworten) (!Nur eine richtige, mehrere falsche Antworten) (!Nur eine falsche, mehrere richtige Antworten)



    Solltest Du keinen kompletten MOOC, sondern nur ein Quiz mit 10 Fragen erstellen wollen, dann kopiere den Code aus QUIZit, Vorlage für 10 Fragen.


    .

    Kreuzworträtsel

    Erstelle ein Kreuzworträtsel.
    • Trage für "Frage" eine Aufgabe und für "Lösung" NUR EINEN EINZIGEN BEGRIFF ein.
    • Antworten dürfen sich nicht wiederholen!
    • Umlaute werden automatisch zu zwei Buchstaben z.B. "Ä" wird zu "AE".

    Anleitung für Nutzer: Um das Kreuzworträtsel zu füllen, drückst du auf ein Feld mit einer Zahl, dann erscheint eine Frage und eine Eingabemöglichkeit für die Antwort.

    Eins Wie viele Wörter dürfen als Antwort platziert werden?
    Nie Wie oft dürfen sich gleiche Antworten wiederholen?
    Kreuzworträtsel Wie heißt eine der interaktiven Aufgaben?
    Rechtschreibung Jeder Buchstabe zählt. Was ist bei dieser Aufgabe besonders wichtig? Die richtige...



    .

    Lückentext

    Erstelle einen Lückentext.
    1. auf LearningApps und füge den Vollbild-Link zwischen <iframe > und </iframe> ein oder
    2. erstelle einen Wiki-Lückentext (funktioniert dann nur am PC).

    Hier kann Dein Text stehen, der durch Lücken andere MOOC-Nutzer auffordert, sich zu beteiligen. >> Sieh Dir dieses Beispiel im Bearbeitungsmodus bzw. dem Backend an. Einzelne Wörter wurden als FETT markiert. Im Frontend erscheint hierfür eine Lücke, die per Drag and Drop gefüllt werden kann. (Eingeschränkte Nutzungsmöglichkeit bei Smartphones.)




      .


    Gapfill / cloze

    wikitext
    {Complete the text from the Wikipedia article on [[w:Aristotle|Aristotle]].
    |type="{}"}
    Aristotle was born in { Stageira _8 } in Chalcidice. His parents were { Phaestis _8 } 
    and { Nicomachus _10 }, who became physician to King Amyntas of Macedon. Aristotle 
    was educated as a member of the aristocracy. At about the age of { eighteen|18 _8}, 
    he went to { Athens _6 } to continue his education at { Plato _5 }'s Academy. 
    Aristotle remained at the Academy for nearly twenty years, not leaving until after 
    Plato's death in { 347 _3 } BC. 
    
    rendering

    Complete the text from the Wikipedia article on Aristotle.

    Aristotle was born in

    in Chalcidice. His parents were

    and

    , who became physician to King Amyntas of Macedon. Aristotle was educated as a member of the aristocracy. At about the age of

    , he went to

    to continue his education at

    's Academy. Aristotle remained at the Academy for nearly twenty years, not leaving until after Plato's death in

    BC.

    comments
    • Gapfills (or cloze exercises) are created in almost exactly the same way as typed responses. The difference is that you just write a bit more text and add a few more textfields.
    • The gapfill above was additionally placed in a box and centered using a wiki table.

    Memory

    Erstelle ein Memory. Ersetze einfach die vorgegebenen Elemente.

    MOOCit-Memory Finde die passenden Paare.
    Text - Text
    Bild - Text
    Bild - Bild

    Gedächtnis und Zuordnungsspiel Memory
    MOOC über MOOCit



    .

    Drag and Drop

    Erstelle ein Zuordnungsspiel
    1. auf LearningApps und füge den Vollbild-Link zwischen <iframe > und </iframe> ein oder
    2. erstelle eine Drag and Drop Aufgabe als Wiki (funktioniert dann nur am PC).


    Ordne die richtigen Begriffe zu. Dein Thema
    Suchbegriff 1 Vorgabe 1
    Suchbegriff 2 2
    Suchbegriff 3 3
    Suchbegriff 4 4
    Suchbegriff 5 5


    ...



    Drag and Drop mit 3 Spalten

    Berechne das Volumen einer Pyramide!

    a h V
    a1 h1 V1
    a1 h1 V2
    a1 h1 V3
    a1 h1 V4


    .

    Suchen und Finden

    Erstelle ein "Suchen und Finden" Spiel.
    • Finde die Wörter! (Waagrecht, senkrecht und schräg)
    • Um ein gefundenes Wort zu markieren, ziehe mit der Maus über das Wort und markiere es dadurch.
    • Hilfe: Es wurden die Worte: MOOCit, Video, Interaktive Aufgaben, Mini MOOC und MOOC Auftrag versteckt.


    MOOCit
    Video
    Interaktive Aufgaben
    Mini MOOC
    MOOC Auftrag


    ...



    A-Z Vorlage

    Du möchtest eine A-Z Aufgabe stellen? Hier findest Du die Vorlage hierfür...
    Brainstorming-Beispiel: Schreibe stichwortartig alles von A bis Z auf, was Dir zum Thema "Diskurs" einfällt. Verwende hierzu die A-Z Vorlage:

    • Titel eingeben
    • Bestätigen (A-Z Vorlage wird automatisch geladen)
    • Inhalt eingeben







    Puzzle

    Ordne diese Bilder nach dem Alphabet.

    .

    Neue interaktive Aufgaben

    Neue interaktive Aufgaben


    ZUM Wiki Beispiele


    Neues Quiz erstellen



    Der MOOCit-Code

    Man muss nicht Programmieren können, um einen MOOC zu erstellen.

    Es kann aber nicht schaden ein paar Zeichen zu kennen.
    Die Auflistung der wichtigsten Zeichen richtet sich nach dem Bearbeitungs-Editor.

    A) Allgemein

    F  '''Fetter Text'''
    
    K ''Kursiver Text''
    
    Ab [[Link-Text]]     →     MOOCit-Titel in zwei Klammern = interner Link
    
    [http://www.example.com Link-Text]    →    Externer Link
    
    [[Datei:Beispiel.jpg]]     →     Bilddatei einfügen
    
    __TOC__     →     Inhaltsverzeichnis
    
    <br />     →     Neue Zeile
    
    <big>Grosser Text</big>
    
    [[Kategorie:Deine Kategorie]]
    
    *     →     Aufzählungszeichen
    
    #     →     Nummerierungen
    

    B) Das Aufgabenfeld für MOOCer

    width="100%"     →    Die Breite des Feldes passt sich dem Bildschirm an
    
    style="background-color:#DDDDDD       →     Die Hintergrundfarbe
    
    [[Datei:MOOCit-Logo-voll.png|32px]]     →     Bilddatei mit der Größe 32 Pixel 
    

    C) Interaktive Aufgaben

    <div>     →     Anfang eines kleinen Programms wie z.B. eine Multiple-Choice Aufgabe
    </div>   →     Ende des Programms 
    
    class="multiplechoice-quiz"      →    Dieses Programm wird gestartet (hier Multiple-Choice)
    
    pre    →     Vorschau / Alles was zwischen < pre > und < / pre > steht wir nur als Text dargestellt z.B. bei der Video-Einbett-Anleitung
    

    Interaktive Videos

    H5P


    Kurzanleitung

    Interaktive Videos auf H5P erstellen und auf MOOCit einbetten. (Open Source)
    1. h5p.org aufrufen, registrieren
    2. Try out H5P: Neues Video erstellen
    3. Video hochladen bzw. YouTube Video einbetten (das nicht urheberrechtlich geschützt ist!)
    4. Interaktive Aufgaben hinzufügen
    5. Metadaten ergänzen und abspeichern
    6. Links unten am Video ist der Link zu finden: "embed" (Nur Link kopieren)
    7. Auf MOOCit so einfügen: <iframe> https://h5p.org/h5p/embed/673415 </iframe>



    Beispiele

    Interaktives Video


    Interaktive Präsentation


    Interaktive Szenarien


    Zeitleiste


    Anleitung





    Eigenschaften

    • Multiple choice questions with one or more correct answers
    • Free text questions
    • Fill in the blank questions
    • Drag and drop questions
    • Interactive summaries
    • Single choice question sets
    • Mark the word activities
    • Drag and drop text
    • Images
    • Tables
    • Labels
    • Texts
    • Links


    Info Hinweis


    Infos zum Einsatz im Unterricht: Edulabs.de - H5P-im-Unterricht-Erfahrungen-Ideen

    H5P.org: Interaktive Videos einbetten.
    HINWEIS: Manche Optionen scheinen nur vorübergehend kostenlos zu sein. Das interaktive Video auf dieser Seite wurde Ende 2019 eingestellt.


    Bearbeitungshilfen

    Bearbeitungshilfe


    MOOC anlegen
    Text bearbeiten Text bearbeiten
    Bild einfügen Bild einfügen
    Video bearbeiten Video einbetten
    Interaktive Aufgaben erstellen Interaktive Aufgaben erstellen
    Medien auf Wikimedia Commons
    Zertifikat bekommen

    Teilen





    Schulfach+





    aiMOOCs



    aiMOOC Projekte














    Text bearbeiten Bild einfügen Video einbetten Interaktive Aufgaben erstellen

    Teilen Facebook Twitter Google Mail an MOOCit Missbrauch melden Zertifikat beantragen

    0.00
    (0 Stimmen)




    Zurück zur Fortbildung


  • >>
  • Interaktive Aufgaben
  • Wiki
  • Aufgabentypen
  • LearningApps
  • H5P
  • Udutu
  • Alternativen
  • Portalwahl
  • Homework

  • Wie werden interaktive, multimediale Aufgaben erstellt?

    1. Rückblick und Formative Evaluation
    2. Wie erstelle ich Wiki-Aufgaben?
    3. Welche Aufgabentypen sind wann sinnvoll?
    4. Wie erstelle ich LearningApps
    5. Alternative: H5P z.B. Interaktive Videos erstellen
    6. MOOCit vs. ILIAS Vergleich
    7. Homework