44 lines
2.1 KiB
HTML
44 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Interactivities</title>
|
|
<link rel="stylesheet" href="css/style.css" type="text/css">
|
|
<meta name="viewport" content="width=device-width" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1 class="title">Interactivities</h1>
|
|
</header>
|
|
<main>
|
|
For younger students, you'll find a dedicated set of customizable applications.
|
|
<h3>Interactive exercices of SaiCore</h3>
|
|
<p>Using these interactivities, you can create different kinds of custom exercices. These can be about categorization, calculation, memorization, and so on.</p>
|
|
<p>Interactivites are located in the SaiCore Library : click on <span class="icon"><img src="../../assets/common/InteractivesCategory.png" alt=""></span> to find them.</p>
|
|
|
|
<h3>Example</h3>
|
|
<p>As an example, we'll create an exercise using the "<strong>Cat</strong>egorize <strong>pict</strong>ures" interactivity : <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>Try it ! Move this dialog on a side and reproduce the example on the Board !</span>
|
|
<p>First, drag and drop the interactivity on your board, and click on "Edit"</p>
|
|
<p>Then, change the name of the categories to your needs :</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>You can add or delete categories using the + and - icons</span>
|
|
|
|
<p>Then, add the images you want in the corresponding category.</p>
|
|
<div class="image"><img src="../../assets/hint9/interactivite-gif2.gif" alt=""></div>
|
|
|
|
<p>Finally, Click on "Display" to show the result and do the exercise.</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>You can restart the exercise using the "Reload" icon.</span>
|
|
|
|
|
|
</main>
|
|
<footer>
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|