(Der Seiteninhalt wurde durch einen anderen Text ersetzt: „{{:Der MOOCit MOOC - Der MOOC zu MOOCit - Wie erstelle ich interaktive Aufgaben?}}“)
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Diese Interaktiven Bausteine eignen sich besonders gut, um sie zum Lernen einzusetzen.
{{:Der MOOCit MOOC - Der MOOC zu MOOCit - Wie erstelle ich interaktive Aufgaben?}}
 
__TOC__
 
= Alte interaktive Aufgaben =
== Vorgehensweise ==
{{#switch: {{{typ|}}}
| 75 = <div style="position:relative;clear:left;width: 75%;">
| 60
| PreventSemanticEditFormBug = <div style="position:relative;clear:left;width: 60%;">
| 50 = <div style="position:relative;clear:left;width: 50%;">
| #default =
}}<div style="border:solid 1px orange;border-left-width:10px;background-color:#FFFFBB;padding:4px;margin-bottom:3px;">
{| width="100%" style="background-color:#FFFFBB;" cellpadding="5"
|-
| width="35" align="center" valign="top" | [[Image:Farm-Fresh comment.png|left|32px|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 Bearbeiten (rechts neben der Überschrift des Bausteins)
*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.
 
|}
</div>
<br> [[Image:Farm-Fresh accept.png|Zusage]]{{#if:{{{1|}}} | &nbsp;{{Name | {{{1}}} }} |}}&nbsp;
 
 
 
 
 
== Kreuzworträtsel ==
Um das Kreuzworträtsel zu füllen, drückst du mit der Maus auf ein Feld mit einer Zahl, dann erscheint ein Eingabedialog mit der Frage und den Eingabemöglichkeit. (Alle Begriffe sind in den Aufgaben bzw. Lösungen zu finden.)
 
<div class="kreuzwort-quiz">
{| 
|-
| Betreff || Der Titel bzw. die Überschrift eines Briefes.
|-
| Geschäftsbrief || Kein privater Brief.
|-
| Anhang || Bei einem Bewerbungsanschreiben z.B. der Lebenslauf, das Zeugnis und die Praktikumsbescheinigungen.
|-
| Absender || Wichtige Adresse, die der Empfänger braucht, um eine Antwort schreiben zu können.
|-
| Grußformel || z.B. mit freundlichen Grüßen.
|}
</div>
 
{{Absatz}}
 
 
 
 
 
 
 
<br>
 
== Multipe-Choice ==
 
 
 
<div class="multiplechoice-quiz">
'''1. Stell hier eine Multiple-Choice-Frage? Trage für "Richtig" die richtige Antwort ein und für die "xxx" jeweils eine falsche Antwort.'''
(RICHTIG) (!xxx) (!xxx) (!xxx)
 
</div>
 
 
 
{{Absatz}}
<br>
 
== Drag and Drop ==
 
<div class="lueckentext-quiz">
 
{| class="wikitable"
! Ordne die richtigen Begriffe zu.
!
|-
| '''Suchbegriff 1'''
| 1
|-
| '''Suchbegriff 2'''
| 2
|-
| '''Suchbegriff 3'''
| 3
|-
| '''Suchbegriff 4'''
| 4
|-
| '''Suchbegriff 5'''
| 5
 
|}
</div>
 
<br>
.
=== Drag and Drop mit 3 Spalten ===
 
<div class="lueckentext-quiz">
Berechne das Volumen einer Pyramide!
{| class="wikitable"
! a
! h
! V
|-
| a1
| h1
| <strong>V1</strong>
|-
| a1
| h1
| <strong>V2</strong>
|-
| a1
| h1
| <strong>V3</strong>
|-
| a1
| h1
| <strong>V4</strong>
|}
</div>
 
<br>
.
 
== A-Z Vorlage ==
Du möchtest eine A-Z Aufgabe stellen? Hier findest Du die Vorlage hierfür...<br />
'''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
 
 
 
 
 
{| align=center
|<inputbox>
type=create
preload=A-Z Vorlage
default=
buttonlabel=Neue A-Z Seite erstellen
</inputbox>
|}
 
== Verborgener Text ==
Vorlage kommt noch...
 
Lösung versteckt mit Rand|Text zum Verstecken
 
== Richtige Reihenfolge ==
 
 
'''Bringe die folgenden Elemente in die richtige Reihenfolge, indem du die einzelnen Teile durchnummerierst. Beginne mit der Ziffer 1.'''
 
<div class="lueckentext-quiz">
 
{| class="wikitable"
! Hier die Zahlen eintragen
!
|-
| <strong> 10 </strong>
| Uns unterstützen bereits viele Schülerinnen und Schüler mit Ihren Beiträgen  und Lehrkräfte durch Ihr Material und die Qualitätssicherung. Für die passgenaue Programmierung der Seite suchen wir nun finanzielle Unterstützung und hoffen dabei auf Ihr Mitwirken. Können Sie sich vorstellen, uns durch einen finanziellen Beitrag zu unterstützen? Im Gegenzug werben wir auch gerne auf MOOCit.de für Sie.
|-
| <strong> 6 </strong>
| das Wiki-Bildungs-Projekt MOOCit.de möchte Flüchtlinge in Deutschland willkommen heißen und ihnen durch Online-Lernkurse Perspektiven eröffnen. Initiiert wurde das Projekt von der Schülerfirma der Gewerbeschule Lörrach: „Fair-Image“. 
|-
| <strong> 13 </strong>
| Ihr Fair-Image Team + Unterschrift Projektleitung + Unterschrift Schulleitung
|-
| <strong> 3 </strong>
| Sparkasse, Fantasiestraße 25, 79102 Freiburg
|-
| <strong> 9 </strong>
| Nach dem Motto „Am besten lernt man, wenn man es erklären muss“ können Schülerinnen und Schüler aus Deutschland Lernmaterial sammeln bzw. selbst erstellen. Dieses wird auf MOOCit.de zu Lernkursen für Flüchtlinge zusammengetragen, damit diese sich besser integrieren, Kontakte knüpfen und  Anschluss finden können.
|-
| <strong> 4 </strong>
| MOOCit: Wiki-Bildungs-Projekt für Flüchtlinge
|-
| <strong> 7 </strong>
| MOOCit ist ein Internet-Angebot für Migranten und Asylbewerber mit geringen Deutschkenntnissen. Der Fokus von MOOCit liegt auf der Vermittlung von sprachlichen und kulturellen Kenntnissen in P4P MOOCs.
|-
| <strong> 8 </strong>
| P4P heißt „Peer for Peer“, in diesem Fall von Schülern für Schüler. MOOCs (Massive Open Online Courses) sind Internet-Lernkurse, die für alle zugänglich sind.
|-
| <strong> 12 </strong>
| Mit freundlichen Grüßen 
|-
| <strong> 2 </strong>
| Lörrach, den 11.11.2015
|-
| <strong> 5 </strong>
| Sehr geehrte Damen und Herren,
|-
| <strong> 1 </strong>
| Gewerbeschule Lörrach - Fair-Image, Gretherstraße 50, 79539 Lörrach
|-
| <strong> 11 </strong>
| Wir hoffen auf eine baldige Antwort von Ihnen. Mehr Informationen über das Projekt und die Schülerfirma finden Sie auf www.moocit.de
|-
| <strong> 14 </strong>
| Anlage: Informationen zum Projekt
|}
 
</div>
[[Kategorie:Deutsch]]
 
<br />
 
 
<br>
 
 
.
 
 
 
<br>
 
== Lückentext ==
 
<div class="lueckentext-quiz">
 
*Aus Höflichkeit schreibt man in einem Brief die Personalpronomen "SIE, IHR, EUCH" usw. '''groß'''.
*In privaten Briefen werden Personalpronomen wie "DU, DIR, DEIN" meist '''klein''' geschrieben.
 
</div>
 
 
<br>
.
 
== Suchen und Finden==
<div class="suchsel-quiz">
*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: ''Absender, Betreff, Anrede, Begruendung, positive Erwartung, Grussformel, Unterschrift und Anhang'' versteckt.
<br />
{|
|Absender
|-
|Grussformel
|-
|Betreff
|-
|Unterschrift
|-
|Anhang
|-
|Begründung
|-
|Anrede
|-
|Positive Erwartung
|}
</div>
 
<br>
 
 
 
== Memory ==
 
<div class="memo-quiz">
<big>'''Memory-Titel'''</big><br>
Aufgabe: Finde die Paare.
 
{|
|-
| 3 || Dreieck
|-
| 4 || Viereck
|-
| 0 || Kreis
|}
</div>
 
 
== Multi-Multiple-Choice-Fragen ==
 
 
<div class="multiplechoice-quiz">
'''Aufgabe mit mehreren Multiple-Choice-Fragen, bei denen auch mehrere Antworten richtig oder falsch sein können.'''
 
Frage 1
 
(!''Falsch'')  (''Richtig'') (!''Falsch'')  (''Richtig'')
 
Frage 2
 
(''Richtig'') (!''Falsch'')  (''Richtig'') (!''Falsch'')  (''Richtig'')
 
Frage 3
 
(''Richtig'') (!''Falsch'') 
 
Frage 4
 
(''Richtig'') (!''Falsch'')  (''Richtig'')
 
Frage 5
 
(''Richtig'') (!''Falsch'')  (''Richtig'')
</div>
 
 
 
<span style="font-size: 19.9200000762939px; line-height: 1.5em; background-color: initial;">Interaktive Aufgaben</span>
 
(Im Augenblick nur verlinkt) [http://LearningApps.org/view1522170 Kunst Hang-Man]
 
 
 
== Puzzle ==
Ordne diese Bilder nach dem Alphabet.
<div class="lueckentext-quiz">
[[Bild:MOOCit-Logo-voll.png|100px|right]] <!-- Anzeige Gesamtbild -->
{| class="puzzle"
|'''[[Bild:Deutsch-MOOCs.png|100px]]'''
|'''[[Bild:Gemeinschaftskunde-MOOCs.png|100px]]'''
|'''[[Bild:Informatik-MOOCs.png|100px]]'''
|-
|'''[[Bild:Mathematik-MOOCs.png|100px]]'''
|'''[[Bild:Musik-MOOCs.png|100px]]'''
|'''[[Bild:Sport-MOOCs.png|100px]]'''
|}
</div>
 
 
== Links ==
*[http://wikis.zum.de/zum/Hilfe:Interaktive_%C3%9Cbungen Interaktive Übungen auf dem ZUM-Wiki]
*[http://wikis.zum.de/zum/Vera_8_interaktiv/Deutsch_Beispielaufgaben Interaktive Beispielaufgaben Deutsch]
*[http://wikis.zum.de/zum/Vera_8_interaktiv/Mathematik/Test_A Interaktive Beispielaufgaben Mathematik]
*[http://wikis.zum.de/zum/Vera_8_interaktiv/Englisch_Beispielaufgaben Interaktive Beispielaufgaben Englisch]
 
 
 
 
 
 
 
 
= Neue interaktive Aufgaben =
 
* [[Neue interaktive Aufgaben]]
 
= Neues Quiz erstellen =
 
{| align=center | wide=300px
|<inputbox>
type=create
break=no
preload=QUIZit Vorlage - 10 Fragen
default=
width=30
placeholder=Mein QUIZit-Titel
buttonlabel=Neues 10er QUIZit erstellen
</inputbox>
|}
 
<br />

Aktuelle Version vom 4. August 2019, 11:05 Uhr



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)