1.3.3 Kursmaterial anlegen oder ändern

[unmarkierte Version][unmarkierte Version]
Zeile 91: Zeile 91:


=== Akkordeon-Texte ===
=== Akkordeon-Texte ===
<loop_area type="sourcecode">'''Aufgabe'''<source lang="xml">
<loop_area type="sourcecode"><source lang="xml">
<div class="acc_h"><div class="acc_svgContainer"></div><h2>ÜBERSCHRIFT</h2>
<!-- Akkordeon-Baustein Start -->
<div class="acc_p"><p>TEXT</p></div></div>
<div class="accordion">  
<input id="acc-1" type="checkbox" name="acc">
<label for="acc-1">Eins: Lorem ipsum</label>
<div class="accordion_content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>  
</div>
</div>
<!-- Akkordeon-Baustein Ende -->


<div class="acc_h"><div class="acc_svgContainer"></div><h2>ÜBERSCHRIFT</h2>
<div class="accordion">  
<div class="acc_p"><p>TEXT</p></div></div>
<input id="acc-2" type="checkbox" name="acc">
 
<label for="acc-2">Zwei</label>  
<div class="acc_h"><div class="acc_svgContainer"></div><h2>ÜBERSCHRIFT</h2>
<div class="accordion_content">
<div class="acc_p"><p>TEXT</p></div></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>  
 
</div>
<script>
</div></loop_area>
$svg = '<svg version="1.1" x="0px" y="0px" viewbox="0 0 40 35" enable-background="new 0 0 40 40" xml:space="preserve" viewbox="0 0 38.8 35" enable-background="new 0 0 38.8 35" xml:space="preserve"><polygon fill="#B3B3B3" points="4,12 19.9,24.2 35.9,12 "/>';
$svg_r = '<svg version="1.1" x="0px" y="0px" viewbox="0 0 40 35" enable-background="new 0 0 40 40" xml:space="preserve" viewbox="0 0 38.8 35" enable-background="new 0 0 38.8 35" xml:space="preserve"><polygon fill="#B3B3B3" transform="rotate(-90, 19.95, 18.1)"points="4,12 19.9,24.2 35.9,12 "/>';
 
$(".acc_svgContainer").append($svg);
$(".acc_h").click(function() {
$(".acc_p, .acc_p p").slideUp(500);
$(".acc_p p").hide();
$(".acc_h .acc_svgContainer").html($svg);
$(this).find(".acc_svgContainer").html($svg_r);
$(this).find(".acc_p").show();
$(this).find(".acc_p p").slideDown(1000);
});
$(".acc_p").click(function() {
$(this).slideUp(500)
});
</script></loop_area>


=== Videoquizzes mit h5p anlegen ===
=== Videoquizzes mit h5p anlegen ===

Version vom 3. Mai 2017, 14:23 Uhr

Kursmaterial anlegen oder ändern

Im Bearbeitungsmodus teilt sich der Arbeitsbereich der Lektion in zwei Bereiche auf:

  • Section Zero für die Bearbeitung weiterer Kursfunktionen
  • Content-Bereich, in dem der Kurs-Content platziert wird
Bereiche-lektion.png
 Abb. : Verschiedene Bearbeitungs-Bereiche

Eine Lektion besteht in der Regel aus verschiedenen Content-Bereichen. Diese werden jeweils einzeln angelegt und konfiguriert.

Screenshot

Hinweis

Bei der Gestaltung einer Lektion ist darauf zu achten, dass die einzelnen Bereiche entsprechend ihrer Erstellung eingestellt werden. Das bedeutet, dass Contentbereich 1 Ein späteres Konfigurieren ist leider nicht möglich.


Kursmaterial auf mooin anlegen

Die Kurse auf mooin bestechen durch ein einspaltiges Design, welches sich responsive an den jeweiligen Bildschirm anpasst. Dies gilt auch für die Haupt-Content-Arten Video und Text.

Textfeld anlegen

Um ein Textfeld im Kurs einzustellen, sind folgende Schritte notwendig:

1. Im Content-Bereich wird das Drop-Down-Menü "Arbeitsmaterial anlegen" ausgewählt. Dort wählt man den Punkt "Textfeld"

Textfeld.png
 Abb. : Aktivität


2. Im sich nun öffnenden Menü kann mittels WYSIWYG-Editor das Textfeld befüllt werden.

Hinweis

Um keine ungewollten Formatierungen von Textverarbeitungsprogrammen zu übernehmen, sollte der gesamte kopierte Text markiert werden und die Formatierung mittels Editorfunktion "Formatierung entfernen" entfernt werden.

Formatierung entfernen.png


Textfeld bearbeiten

Um in den Editiermodus eines gewünschten Textfelds zu gelangen, muss lediglich das Feld "Bearbeiten" des entsprechenden Bereichs geklickt werden. Dort unter Einstellungen gelangt man zum gewünschten Dialog.

Textfeld-editieren.png
 Abb. : Textfeld editieren


Besonders hervorgehobene Bereiche

Code

Aufgabe

<div class="task-blue"><h4>Überschrift</h4><p>Text</p></div>

Bibliothek/Links 

<div class="book-grey"><h4>Überschrift</h4><p>Text</p></div>

Externer Link 

<div class="link-pink"><h4>Überschrift</h4><p>Text</p></div>

Termin 

<div class="cal-green"><h4>Überschrift</h4><p>Text</p></div>

Frage 

<div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>

Quiz 

<div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>

Wichtig/Hinweis/Idee 

<div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>

Download 

<div class="download-blue"><h4>Überschrift</h4><p>Text</p></div>

Bezahlen 

<div class="pay-green"><h4>Überschrift</h4><p>Text</p></div>

Browser-Check 

<div class="browsercheck-blue"><h4>Überschrift</h4><p>... <a href="http://moodle.oncampus.de/modules/res/de/bc.html" target="_blank">Browsercheck starten</a>.</p></div>

Forum 

<div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>

Zertifikat 

<div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div>

Online-Lernmaterial 

<div class="education-orange"><h4>Überschrift</h4><p>Text</p></div>

Verlinkte Datei 

<div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div>

Akkordeon-Texte

Code

<source lang="xml">

<input id="acc-1" type="checkbox" name="acc"> <label for="acc-1">Eins: Lorem ipsum</label>

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

<input id="acc-2" type="checkbox" name="acc"> <label for="acc-2">Zwei</label>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.

Videoquizzes mit h5p anlegen

Hinweis: Die Anleitung ist Work in Progress, Screenshots etc. folgen

Für das Einbinden von H5P-Elementen in einer Lektion:

  • In der entsprechenden Lektion (nicht Section 0) eine neue „Interaktiver Inhalt“-Aktivität anlegen
  • In der Bearbeitungsmaske
    • einen Namen eintragen,
    • bei Aktion entweder Hochladen (um eine bestehende H5P-Datei hochzuladen) oder Erstellen (um ein neues interaktives Video zu erstellen) auswählen,
    • bei Bearbeiten den Eintrag Interactive Video auswählen und das Video erstellen,
    • bei Aktivitätsabschluss unter Abschlussverfolgung den Eintrag „Abschluss, wenn alle Bedingungen erfüllt sind“ auswählen und unter Bewertung notwendig das Häkchen setzen
    • Speichern und zum Kurs

Eintragen eines Mindesprozentsatzes für das Bestehen eines Videos (Aktivitätsabschluss):

  • Im Kurs unter Kurs-Administration auf Bewertungen klicken,
  • oben im Dropdown-Menü unter Einstellungen den Eintrag Kategorien und Einträge auswählen,
  • rechts auf Bearbeiten→Einstellungen der jeweiligen Aktivität klicken,
  • bei Bewertungsaspekte auf Mehr anzeigen klicken,
  • einen Prozentwert unter Bewertung zum Bestehen eintragen und speichern

Falls die H5P-Aktivität als Vorraussetzung für eine andere Aktivität definiert werden soll, dann muss als Bedingung „muss bestanden sein“ aktiviert werden.

Neben den Videoquizzes hat h5p auch weitere schöne Features, die sich ebenso einbinden lassen: https://h5p.org/content-types-and-applications

+++ ACHTUNG VERALTET +++ Capira-Video im Kurs anlegen

Video-Content wird auf mooin mittels dem Webservice Capira eingebunden. Capira bietet die Möglichkeit, Videos anzuhalten und Quizfragen einzubinden. Hier ein Beispiel aus dem Kurs "Grundlagen der Videoproduktion".


Um ein Capira-Video im Kurs einzustellen, sind folgende Schritte notwendig:

1. Im Content-Bereich wird das Drop-Down-Menü "Aktivität anlegen" ausgewählt. Dort wählt man den Punkt "occapira"

Capira-anlegen.png
 Abb. : Aktivität


2. Im sich nun öffnenden Menü sind folgende Parameter auszufüllen:

  • Capira-Grundeinträge:
Capira-grundeinträge.png
 Abb. : Capira-Parameter 'Grundeinträge'


    • occapira name: Hier ist ein aussagekräftiger Name einzufügen
    • ID des Capira Videos: Jedes Capira-Video besitzt eine eigene ID, die sich auf im Backend von Capira ermitteln lässt. Diese ist hier einzutragen.
    • Breite und Höhe: Diese Parameter sollten nicht verändert werden, sie sind bereits optimal auf die Darstellung in mooin angepasst.


  • Aktivitätsabschluss: Um den Fortschrittsbalken der jeweiligen Lektion anzusprechen, muss der Aktivitätsabschluss vie folgt konfiguriert werden:
Capira-aktivitätsabschluss2.png
 Abb. : Capira-Parameter 'Grundeinträge'


    • Abschluss, wenn ale Bedingungen erfüllt sind auswählen
    • Richtige Antworten: Hier die Anzahl der Quizfragen eintragen, die im Capira-Video zu beantworten sind.

3. Abschließend die Änderungen mittels "Speichern und zum Kurs" bestätigen.

Abgerufen von „https://oncampuspedia.eduloop.de/mediawiki/index.php?title=Kursmaterial_anlegen_oder_ändern&oldid=2023“