Der MOOCit MOOC - Der MOOC zu MOOCit - Wie erstelle ich interaktive Aufgaben?: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Zeile 124: Zeile 124:
<br />
<br />
.
.
=== Offene Aufgaben & Projekte ===


{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
== Drag and Drop ==
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
{{:MOOC it: Drag and Drop}}
|  
 
*Stelle offene Aufgaben, welche das Thema betreffen (aber nicht nur Wissen abfragen).
 
*Rege zu Aktivitäten an, die mit dem Thema zu tun haben und / oder präsentiere Dein Projekt.
<div class="lueckentext-quiz">
*Rege zu neuen MOOCs an.
 
{| 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
 
|}
|}
<br> 
</div>


=== Bewertung ===
<br>
...
<br />


{| 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]]
 
|  
 
*Bewerte die Aufgaben auf dieser Seite.
== Drag and Drop mit 3 Spalten ==
*Gib Dein Statement unter "Diskussion" ab.
 
*Verbessere die Inhalte und erstelle eigene Aufgaben.'''
<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>
|}
|}
<br> 
</div>


=== Links ===
<br>
{| 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]]
 
| Hier können noch wichtige Links ergänzt werden. Beispiele:
== 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>
...




{{#evt:service=youtube|alignment=center
|id=https://www.youtube.com/watch?v=os0oKoMh864|title=Interne und externe Links in das Wiki einfügen (ZUM-Wiki-Anleitung)}}




[[Image:MOOC-Vorlage.png|200px|link=MOOCit Vorlage]] [[Image:Interaktive_Aufaben.png|200px|link=Interaktive Aufgaben]]<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


'''Interne Links'''
*[[Wie erstelle ich einen MOOC?]]
*[[:Kategorie:Die besten MOOCs|Liste der besten MOOCs und MOOC-Reihen]]
*[[:Kategorie:Schulfach|Alle Schul- & Interessensfächer]]
*[[MOOCit Vorlage]]
*[[Zertifizierung|Dein Zertifikat]] für Deine Leistung




'''Externe Links'''
* [http://www.fair-image.de FAIR-IMAGE]
* [http://www.kurzfilmkanon.de kurzfilmkanon.de]


<br> 


=== Test ===
{| align=center
{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
|<inputbox>
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
type=create
| '''Fit für Deinen Test? Benachrichtige Deine Lehrerin / Deinen Lehrer, dass Du Dein Wissen prüfen willst.''' Hier können Anregungen eingefügt werden, wie das Wissen überprüft werden kann. Z.B ein Kurztest, eine mündliche Abfrage oder eine Klassenarbeit. Wenn Du den MOOC erstellt hast, dann könnte Dir Dein Lehrer eine Zusatznote dafür geben, dass Du vorstellst, was Du gemacht hast.
preload=A-Z Vorlage
default=
buttonlabel=Neue A-Z Seite erstellen
</inputbox>
|}
|}


Zeile 183: Zeile 241:




<br />


=== Kontakt ===
== 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>
 
 
 
 
= Neue interaktive Aufgaben =


{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
* <big>[[Neue interaktive Aufgaben]]</big>
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
*[http://wikis.zum.de/zum/Hilfe:Interaktive_%C3%9Cbungen Interaktive Übungen auf dem ZUM-Wiki]
| Du bist Experte? Hier kannst Du eingeben, wie Du andere beim Lernen z.B. als Nachhilfelehrer unterstützen möchtest:
*[http://wikis.zum.de/zum/Vera_8_interaktiv/Deutsch_Beispielaufgaben Interaktive Beispielaufgaben Deutsch]
A) im MOOCit-Diskussionsbereich,<br />
*[http://wikis.zum.de/zum/Vera_8_interaktiv/Mathematik/Test_A Interaktive Beispielaufgaben Mathematik]
B) per Chat oder Video-Konferenz,<br />
*[http://wikis.zum.de/zum/Vera_8_interaktiv/Englisch_Beispielaufgaben Interaktive Beispielaufgaben Englisch]
C) direkt in Deiner Stadt: [https://www.google.com/maps/d/edit?mid=zqXBXlWioa5E.kP2Rz5RQnJc0 Nachhilfe Landkarte]
|}


<br />


=== Zuordnung ===
= Neues Quiz erstellen =


{| width="100%" style="background-color:#DDDDDD;" cellpadding="5"
{| align=center | wide=300px
| width="35" align="center" valign="top" | [[File:MOOCit-Logo-voll.png|32px|left|link=Kategorie:Die besten MOOCs]]
|<inputbox>
| SEHR WICHTIG: Bitte bei jedem MOOC die Kategorie-Zuordnung ergänzen, sonst ist Dein Beitrag im Überblick nicht zu finden. Beim Bearbeiten unten ein Häkchen setzen oder folgendes eingeben. (Mehrfachnennungen sind möglich.)
type=create
break=no
preload=QUIZit Vorlage - 10 Fragen
default=
width=30
placeholder=Mein QUIZit-Titel
buttonlabel=Neues 10er QUIZit erstellen
</inputbox>
|}
|}


<pre>Z.B.
<br />
[[Kategorie:Deutsch]]
 
[[Kategorie:Deine Geschichte]]
[[Kategorie:100 Kurzfilme für die Bildung]]
[[Kategorie:Klasse 9-10 = Alter 15-16]]
[[Kategorie:Klasse 11-13 = Alter 17-19]]
[[Kategorie:Studium = Alter ab 20]]
</pre>





Version vom 26. März 2017, 13:52 Uhr

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.



 


 



Allgemein

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


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




  .


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


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 

steht wir nur als Text dargestellt z.B. bei der Video-Einbett-Anleitung



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