44 lines
2.4 KiB
HTML
44 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Interaktivitäten</title>
|
|
<link rel="stylesheet" href="css/style.css" type="text/css">
|
|
<meta name="viewport" content="width=device-width" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1 class="title">Interaktivitäten</h1>
|
|
</header>
|
|
<main>
|
|
Für jüngere Schülerinnen und Schüler finden Sie eine Reihe von anpassbaren Anwendungen, die speziell auf diese Zielgruppe zugeschnitten sind.
|
|
<h3>Die interaktiven Übungen von SaiCore</h3>
|
|
<p>Mit diesen Interaktivitäten können Sie verschiedene Arten von Übungen erstellen. Dabei kann es sich um Kategorisierung, Kopfrechnen, Auswendiglernen usw. handeln.</p>
|
|
<p>Die Interaktivitäten befinden sich in der SaiCore-Bibliothek: Klicken Sie auf <span class="icon"><img src="../../assets/common/InteractivesCategory.png" alt=""></span>, um sie zu finden.</p>
|
|
|
|
<h3>Beispiele</h3>
|
|
<p>Wir werden eine Übung erstellen, die die Interaktivität "<strong>Cat</strong>egorize <strong>pict</strong>ures" (übersetzt: Bilder kategorisieren) verwendet: <span class="icon"><img src="../../assets/hint9/cat-pict.png" alt=""></span></p>
|
|
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Probieren Sie es aus! Verschieben Sie dieses Fenster auf eine Seite und reproduzieren Sie das Beispiel auf der Pinnwand!</span>
|
|
<p>Zunächst ziehen Sie die Interaktivität per Drag & Drop auf das Board und klicken auf "Bearbeiten".</p>
|
|
<p>Ändern Sie dann die Namen der Kategorien nach Bedarf :</p>
|
|
<div class="image"><img id="interactivite3" src="../../assets/hint9/interactivite3.png" alt=""></div>
|
|
|
|
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Sie können Kategorien mithilfe der Symbole + und - hinzufügen oder entfernen.</span>
|
|
|
|
<p>Fügen Sie dann die entsprechenden Bilder zu jeder Kategorie hinzu.</p>
|
|
<div class="image"><img src="../../assets/hint9/interactivite-gif2.gif" alt=""></div>
|
|
|
|
<p>Klicken Sie schließlich auf "Anzeigen", um das Ergebnis zu sehen und die Übung durchzuführen.</p>
|
|
<div class="image"><img src="../../assets/hint9/interactivite-gif3.gif" alt=""></div>
|
|
|
|
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Sie können die Übung erneut starten, indem Sie auf das Symbol "Neu laden" klicken.</span>
|
|
|
|
|
|
</main>
|
|
<footer>
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|