7.2.2.3.1.1 Alte Bereichshervorhebungen

[gesichtete Version][gesichtete Version]
(New from TOC)
 
 
(8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Dies ist eine neu erstellte Seite.
== Übersicht zur Überführung ==
[[Datei:Bereichsersetzung1.png|600px|links]]
[[Datei:Bereichsersetzung2a.png|600px|links]]
[[Datei:Bereichsersetzung2b.png|600px|links]]
[[Datei:Bereichsersetzung2c.png|600px|links]]
[[Datei:Bereichsersetzung3.png|600px|links]]
<loop_area type="important">Dieser Bereich ist noch Diskussionsgrundlage und noch keine finale Empfehlung</loop_area>
 
Bei der Umstellung von Kursformaten können auch weiterhin die Bereichshervorhebungen des alten Kursdesigns verwendet werden. Sollen die neuen Bereichshervorhebungen verwendet werden, schlagen wir folgende Umformatierung vor:
 
{| class="wikitable"
|-
! Altes Kursdesign
! Neues Kursdesign
! Code
|-
| important-purple
| hint-box
| <source lang="xml">
<div class="hint-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| link-pink
| link-box
| <source lang="xml">
<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| task-blue
| exercise-box
| <source lang="xml">
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| book-grey
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F194">
<h4>…</h4>
<p>…</p>
</div>
</source> 
|-
| cal-green
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| quest-orange
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #D67E7A; --icon: '\F64E';">
    <h4>…</h4>
    <p>…</p>
</div>
</source>
|-
| example-green
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| watch-turquoise
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| zitat-blue
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F6B0';">
    <h4>…</h4>
    <p>…</p>
</div>
</source>
|-
| paragraph-blue
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F6B0';">
    <h4>…</h4>
    <p>…</p>
</div>
</source>
|-
| quiz-green
| exercise-box
| <source lang="xml">
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| download-blue
| link-box
| <source lang="xml">
<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| pay-green
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| forum-blue
| exercise-box
| <source lang="xml">
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| certificate-yellow
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| education-orange
| info-box
| <source lang="xml">
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| docs-grey
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F194">
<h4>…</h4>
<p>…</p>
</div>
</source>
|-
| math-blue
| custom-icon-box
| <source lang="xml">
<div class="custom-icon-box"
  style="--color: #6688A6; --icon: '\F1E0';">
    <h4>…</h4>
    <p>…</p>
</div>
</source>
|-
|}
 
== alte Hervorhebungen im mooin 1.0 Kursdesign ==
Diese funktionieren immer noch, mit dem neuen Kursdesign wurden aber die neuen Bereichshervorhebungen definiert (s.o.).
===Aufgabe===
<loop_figure title="Bereichshervorhebung für Aufgaben" index="true" id="65dd9e0fd7e80">[[Datei:Task-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="task-blue"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
===Bibliothek/Links===
<loop_figure title="Bereichshervorhebung für Literaturquellen etc." index="true" id="65dd9e0fd7e8b">[[File:book-grey.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="book-grey"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
 
===Externer Link===
<loop_figure title="Bereichshervorhebung für Links" index="true" id="65dd9e0fd7e94">[[File:link-pink.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="link-pink"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
 
===Termin===
<loop_figure title="Bereichshervorhebung für Termine" index="true" id="65dd9e0fd7e9b">[[File:cal-green.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="cal-green"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
 
===Frage===
<loop_figure title="Bereichshervorhebung für Fragen" index="true" id="65dd9e0fd7ea3">[[File:question-orange.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>
</source>
</loop_area>
 
 
===Beispiel===
<loop_figure title="Bereichshervorhebung für Beispiele" index="true" id="65dd9e0fd7eaa">[[File:example-green.png]]
</loop_figure><loop_area type="sourcecode">
<source lang="xml"><div class="example-green"><h4>Überschrift</h4><p>Text</p></div>
</source>
</loop_area>
 
 
===Vertiefung===
<loop_figure title="Bereichshervorhebung für Vertiefungen" index="true" id="65dd9e0fd7eb1">[[File:watch-turquoise.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>
</source>
</loop_area>
 
 
===Zitate===
<loop_figure title="Bereichshervorhebung für Zitate" index="true" id="65dd9e0fd7eb8">[[File:zitat-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>
</source>
</loop_area>
 
 
===Gesetze und Paragraphen===
<loop_figure title="Bereichshervorhebung für Paragrafen" index="true" id="65dd9e0fd7ebf">[[File:paragraph-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>
</source>
</loop_area>
 
 
===Quiz===
<loop_figure title="Bereichshervorhebung für Quiz" index="true" id="65dd9e0fd7ec6">[[File:quiz-green.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>
</source>
</loop_area>
 
 
===Wichtig/Hinweis/Idee===
<loop_figure title="Bereichshervorhebung für wichtige Aussagen" index="true" id="65dd9e0fd7ecd">[[File:important-purple.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>
</source>
</loop_area>
 
 
===Download===
<loop_figure title="Bereichshervorhebung für Downloads" index="true" id="65dd9e0fd7ed4">[[File:download-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="download-blue"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
 
===Bezahlen===
<loop_figure title="Bereichshervorhebung für kostenpflichtige Angebote" index="true" id="65dd9e0fd7edb">[[File:pay-green.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="pay-green"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
 
===Forum===
<loop_figure title="Bereichshervorhebung für Forenaufgaben" index="true" id="65dd9e0fd7ee2">[[File:forum-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>
</source>
</loop_area>
 
 
===Zertifikat===
<loop_figure title="Bereichshervorhebung für Zertifikate" index="true" id="65dd9e0fd7ee9">[[File:certificate-yellow.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
 
===Online-Lernmaterial===
<loop_figure title="Bereichskennzeichnung für Lernmaterial" index="true" id="65dd9e0fd7eef">[[File:education-orange.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="education-orange"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
 
===Verlinkte Datei===
<loop_figure title="Bereichskennzeichnung für Dokumente" index="true" id="65dd9e0fd7ef6">[[File:docs-grey.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>
 
 
===Formel===
<loop_figure title="Bereichskennzeichnung für Formeln" index="true" id="65dd9e0fd7efc">[[File:math-blue.png]]</loop_figure>
<loop_area type="sourcecode">
<source lang="xml"><div class="math-blue"><h4>Überschrift</h4><p>Text</p></div></source>
</loop_area>

Aktuelle Version vom 27. Februar 2024, 14:58 Uhr

Übersicht zur Überführung[]

Bereichsersetzung1.png
Bereichsersetzung2a.png
Bereichsersetzung2b.png
Bereichsersetzung2c.png
Bereichsersetzung3.png
Wichtig

Dieser Bereich ist noch Diskussionsgrundlage und noch keine finale Empfehlung

Bei der Umstellung von Kursformaten können auch weiterhin die Bereichshervorhebungen des alten Kursdesigns verwendet werden. Sollen die neuen Bereichshervorhebungen verwendet werden, schlagen wir folgende Umformatierung vor:

Altes Kursdesign Neues Kursdesign Code
important-purple hint-box 
<div class="hint-box">
<h4>…</h4>
<p>…</p>
</div>
link-pink link-box 
<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
task-blue exercise-box 
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
book-grey custom-icon-box 
<div class="custom-icon-box" 
  style="--color: #6688A6; --icon: '\F194">
<h4>…</h4>
<p>…</p>
</div>
cal-green info-box 
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
quest-orange custom-icon-box 
<div class="custom-icon-box" 
  style="--color: #D67E7A; --icon: '\F64E';">
    <h4>…</h4>
    <p>…</p>
</div>
example-green info-box 
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
watch-turquoise info-box 
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
zitat-blue custom-icon-box 
<div class="custom-icon-box" 
  style="--color: #6688A6; --icon: '\F6B0';">
    <h4>…</h4>
    <p>…</p>
</div>
paragraph-blue custom-icon-box 
<div class="custom-icon-box" 
  style="--color: #6688A6; --icon: '\F6B0';">
    <h4>…</h4>
    <p>…</p>
</div>
quiz-green exercise-box 
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
download-blue link-box 
<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
pay-green info-box 
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
forum-blue exercise-box 
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
certificate-yellow info-box 
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
education-orange info-box 
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
docs-grey custom-icon-box 
<div class="custom-icon-box" 
  style="--color: #6688A6; --icon: '\F194">
<h4>…</h4>
<p>…</p>
</div>
math-blue custom-icon-box 
<div class="custom-icon-box" 
  style="--color: #6688A6; --icon: '\F1E0';">
    <h4>…</h4>
    <p>…</p>
</div>

alte Hervorhebungen im mooin 1.0 Kursdesign[]

Diese funktionieren immer noch, mit dem neuen Kursdesign wurden aber die neuen Bereichshervorhebungen definiert (s.o.).

Aufgabe[]

Task-blue.png
 Abb. 40: Bereichshervorhebung für Aufgaben
Code
<div class="task-blue"><h4>Überschrift</h4><p>Text</p></div>

Bibliothek/Links[]

Book-grey.png
 Abb. 41: Bereichshervorhebung für Literaturquellen etc.
Code
<div class="book-grey"><h4>Überschrift</h4><p>Text</p></div>


Externer Link[]

Link-pink.png
 Abb. 42: Bereichshervorhebung für Links
Code
<div class="link-pink"><h4>Überschrift</h4><p>Text</p></div>


Termin[]

Cal-green.png
 Abb. 43: Bereichshervorhebung für Termine
Code
<div class="cal-green"><h4>Überschrift</h4><p>Text</p></div>


Frage[]

Question-orange.png
 Abb. 44: Bereichshervorhebung für Fragen
Code
<div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>


Beispiel[]

Example-green.png
 Abb. 45: Bereichshervorhebung für Beispiele
Code
<div class="example-green"><h4>Überschrift</h4><p>Text</p></div>


Vertiefung[]

Watch-turquoise.png
 Abb. 46: Bereichshervorhebung für Vertiefungen
Code
<div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>


Zitate[]

Zitat-blue.png
 Abb. 47: Bereichshervorhebung für Zitate
Code
<div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>


Gesetze und Paragraphen[]

Paragraph-blue.png
 Abb. 48: Bereichshervorhebung für Paragrafen
Code
<div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>


Quiz[]

Quiz-green.png
 Abb. 49: Bereichshervorhebung für Quiz
Code
<div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>


Wichtig/Hinweis/Idee[]

Important-purple.png
 Abb. 50: Bereichshervorhebung für wichtige Aussagen
Code
<div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>


Download[]

Download-blue.png
 Abb. 51: Bereichshervorhebung für Downloads
Code
<div class="download-blue"><h4>Überschrift</h4><p>Text</p></div>


Bezahlen[]

Pay-green.png
 Abb. 52: Bereichshervorhebung für kostenpflichtige Angebote
Code
<div class="pay-green"><h4>Überschrift</h4><p>Text</p></div>


Forum[]

Forum-blue.png
 Abb. 53: Bereichshervorhebung für Forenaufgaben
Code
<div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>


Zertifikat[]

Certificate-yellow.png
 Abb. 54: Bereichshervorhebung für Zertifikate
Code
<div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div>


Online-Lernmaterial[]

Education-orange.png
 Abb. 55: Bereichskennzeichnung für Lernmaterial
Code
<div class="education-orange"><h4>Überschrift</h4><p>Text</p></div>


Verlinkte Datei[]

Docs-grey.png
 Abb. 56: Bereichskennzeichnung für Dokumente
Code
<div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div>


Formel[]

Math-blue.png
 Abb. 57: Bereichskennzeichnung für Formeln
Code
<div class="math-blue"><h4>Überschrift</h4><p>Text</p></div>

die MOOC-Plattform der Fachhochschule Lübeck

Abgerufen von „https://show.eduloop.de/mediawiki/index.php?title=Alte_Bereichshervorhebungen&oldid=1812“