44 lines
2.1 KiB
HTML
44 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Interaktivnosti</title>
|
|
<link rel="stylesheet" href="css/style.css" type="text/css">
|
|
<meta name="viewport" content="width=device-width" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1 class="title">Interaktivnosti</h1>
|
|
</header>
|
|
<main>
|
|
Za mlađe učenike postoji poseban skup prilagođenih programa.
|
|
<h3>Interaktivna vježba za SaiCore</h3>
|
|
<p>Pomoću ovih interaktivnosti mogu se izraditi različite vrste prilagođenih vježbi. To se može odnositi na kategorizaciju, računanje, pamćenje i tako dalje.</p>
|
|
<p>Interaktivnosti se nalaze u SaiCore biblioteci: pronađi ih pritiskom na <span class="icon"><img src="../../assets/common/InteractivesCategory.png" alt=""></span>.</p>
|
|
|
|
<h3>Primjer</h3>
|
|
<p>Kao primjer ćemo izraditi vježbu koristeći interaktivnost „<strong>Kategoriziraj sliku</strong>”: <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>Probaj! Pomakni ovaj dijalog na stranu i reproduciraj primjer na ploči!</span>
|
|
<p>Najprije povuci i ispusti interaktivnost na tvoju ploču i pritisni „Uredi”</p>
|
|
<p>Zatim promijeni imena kategorija prema svojim potrebama:</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>Kategorije možeš dodati ili izbrisati pomoću ikona + i -</span>
|
|
|
|
<p>Zatim dodaj željene slike u odgovarajuću kategoriju.</p>
|
|
<div class="image"><img src="../../assets/hint9/interactivite-gif2.gif" alt=""></div>
|
|
|
|
<p>Na kraju pritisni „Prikaz” za prikaz rezultata i izvođenje vježbe.</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>Vježbu možeš ponovo pokrenuti pomoću ikone „Učitaj ponovo”.</span>
|
|
|
|
|
|
</main>
|
|
<footer>
|
|
|
|
</footer>
|
|
</body>
|
|
</html>
|