Quelltext der Seite Fortbildung - Interaktive Aufgaben - Wiki Aufgaben

{{:Navigation - Fortbildung - Workshop3 - Interaktive Aufgaben}}


'''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 <big><big> > [ {   |   - strong </big></big>


<br />

== Multiple-Choice ==
{{:MOOC it: Multiple-Choice}} 

{{:Multiple-Choice Anfang}} 

'''Stell hier eine Multiple-Choice-Frage?''' 
(RICHTIG) 
(!FALSCH) 
(!FALSCH) 
(!FALSCH) 
 
{{:Multiple-Choice Ende}} 
 
<br />
[[Datei:Bearbeitungshilfe-Multiple-Choice.png|700px|rahmenlos|zentriert|link=Der MOOCit MOOC - Der MOOC zu MOOCit - Wie erstelle ich interaktive Aufgaben?]]

<br />
<div class="multiplechoice-quiz">
'''So sieht die Vorlage aus: Stell hier eine Multiple-Choice-Frage? <br />
Trage in der Klammer für "RICHTIG" die richtige Antwort ein <br />
und für die "xxx" jeweils eine falsche Antwort. <br />
Das "!" steht für FALSCH.'''
(RICHTIG) (!xxx) (!xxx) (!xxx) 
</div>


<div class="multiplechoice-quiz">
'''Alle Bereiche in Klammern sind Antwortmöglichkeiten. Woran erkennt das Programm, dass eine Antwort falsch ist? <br />
(Am Ausrufezeichen) (!Am X) (!An der Art der Klammer) (!Am "div") 
</div>

<div class="multiplechoice-quiz">
'''Wie viele Antwortmöglichkeiten können eingegeben werden? <br />
(Beliebig viele richtige oder falsche Antworten) (!Nur eine richtige, mehrere falsche Antworten) (!Nur eine falsche, mehrere richtige Antworten) 
</div>


<br />
<big>Solltest Du keinen kompletten MOOC, sondern nur ein Quiz mit 10 Fragen erstellen wollen, dann kopiere den Code aus [[QUIZit Vorlage - 10 Fragen|QUIZit, Vorlage für 10 Fragen]].</big>

<br />
.

== Kreuzworträtsel ==
{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left]]
| 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. 

<div class="kreuzwort-quiz">
{|  
|- 
| 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...
|}
</div>


<br>
.
== Lückentext ==
{{:MOOC it: Lückentext}}

<div class="lueckentext-quiz">

Hier kann Dein '''Text''' stehen, der durch '''Lücken''' andere [[MOOCit|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.)
</div>




<br> 
.

<br />

== Memory ==
{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
| Erstelle ein Memory. Ersetze einfach die vorgegebenen Elemente.
|}
<div class="memo-quiz">
'''MOOCit-Memory''' Finde die passenden Paare.<br />
Text - Text<br />
Bild - Text<br />
Bild - Bild<br />

{| 
|-
| Gedächtnis und Zuordnungsspiel || Memory
|-
| [[Datei:MOOC zum MOOC.png|135px]] || MOOC über MOOCit
|-
| [[Datei:Deutschkurs Asylbewerber.png|135px]] || [[Datei:Deutsch-MOOCs-Asylbewerber.png|135px]]
|}
</div>

<br />

<br />
.

== Drag and Drop ==
{{:MOOC it: Drag and Drop}}


<div class="lueckentext-quiz">

{| class="wikitable" 
! Ordne die richtigen Begriffe zu.
! Dein Thema
|-
| '''Suchbegriff 1'''
| Vorgabe 1
|-
| '''Suchbegriff 2'''
| 2
|-
| '''Suchbegriff 3'''
| 3
|-
| '''Suchbegriff 4'''
| 4
|-
| '''Suchbegriff 5'''
| 5

|}
</div>

<br>
...
<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>
.

== Suchen und Finden ==
{{:MOOC it: 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: ''MOOCit, Video, Interaktive Aufgaben, Mini MOOC und MOOC Auftrag'' versteckt.
<br />
{|
|MOOCit
|-
|Video
|-
|Interaktive Aufgaben
|-
|Mini MOOC
|-
|MOOC Auftrag
|}
</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>
|}


<br />



== 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>

.
<br />

== Neue interaktive Aufgaben ==

<big>[[Neue interaktive Aufgaben]]</big>


ZUM Wiki Beispiele
*[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]


== 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 />



== Der MOOCit-Code ==

{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
| '''Man muss nicht Programmieren können, um einen MOOC zu erstellen.''' <br />
Es kann aber nicht schaden ein paar Zeichen zu kennen. <br />
Die Auflistung der wichtigsten Zeichen richtet sich nach dem Bearbeitungs-Editor.
|}

A) Allgemein
<pre>
F  '''Fetter Text'''

K ''Kursiver Text''

Ab [[Link-Text]]     &rarr;     MOOCit-Titel in zwei Klammern = interner Link

[http://www.example.com Link-Text]    &rarr;    Externer Link

[[Datei:Beispiel.jpg]]     &rarr;     Bilddatei einfügen

__TOC__     &rarr;     Inhaltsverzeichnis

<br />     &rarr;     Neue Zeile

<big>Grosser Text</big>

[[Kategorie:Deine Kategorie]]

*     &rarr;     Aufzählungszeichen

#     &rarr;     Nummerierungen
</pre> 

B) Das Aufgabenfeld für MOOCer
<pre>
width="100%"     &rarr;    Die Breite des Feldes passt sich dem Bildschirm an

style="background-color:#DDDDDD       &rarr;     Die Hintergrundfarbe

[[Datei:MOOCit-Logo-voll.png|32px]]     &rarr;     Bilddatei mit der Größe 32 Pixel 
</pre> 

C) Interaktive Aufgaben
<pre>
<div>     &rarr;     Anfang eines kleinen Programms wie z.B. eine Multiple-Choice Aufgabe
</div>   &rarr;     Ende des Programms 

class="multiplechoice-quiz"      &rarr;    Dieses Programm wird gestartet (hier Multiple-Choice)

pre    &rarr;     Vorschau / Alles was zwischen < pre > und < / pre > steht wir nur als Text dargestellt z.B. bei der Video-Einbett-Anleitung
</pre>





== Zurück zur Fortbildung ==

[[Datei:MOOCit Fortbildung Logo.png|200px|center|link=Fortbildung]] 


{{:Workshop 3 - Wie werden interaktive, multimediale Aufgaben erstellt - MOOCit Fortbildung}}