saicore/resources/startupHints/locales/en/10.html

45 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Applications</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<meta name="viewport" content="width=device-width" />
</head>
<body>
<header>
<h1 class="title">Applications</h1>
</header>
<main>
<p>SaiCore comes with several applications and tools. You can access them by clicking on <span class="icon"><img src="../../assets/common/ApplicationsCategory.png" alt=""></span> on the SaiCore Library</p>
<h3>Default applications</h3>
<p>You'll find geometric tools, a calculator, Google Map, a QR code generator and more ! Combine them to create stimulating lessons !</p>
<div class="image"><img src="../../assets/hint10/application-gif1.gif" alt=""></div>
<h3>Create applications</h3>
<p>Like explained in the Web Mode section, you can create applications from sites, using the internal navigator, or by copy-pasting urls to the Board.</p>
<p>This way, you can support your lessons with powerful online tools directly on the Board ! Here's some examples of interesting apps to create (Drag and drop them to the Board to test them !) : </p>
<ul>
<li><a class="non-clickable" href="https://scratch.mit.edu/">Scratch</a></li>
<li><a class="non-clickable" href="https://phet.colorado.edu">PhET simulations</a></li>
<li><a class="non-clickable" href="https://earth.google.com/web">Google Earth</a></li>
<li><a class="non-clickable" href="https://flockmod.com">Flockmod</a></li>
<li><a class="non-clickable" href="https://www.duolingo.com/">Duolingo</a></li>
</ul>
<p>... and much more !</p>
<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>You need a more powerful calculator than the one provided by SaiCore ? Remember ! You can create your own applications ! Simply drag and drop the following link on the Board : <a class="non-clickable" href="https://ti89-simulator.com/">https://ti89-simulator.com/</a></span>
</main>
<footer>
</footer>
<script>
document.querySelectorAll('.non-clickable').forEach(e => e.addEventListener('click', e => {
e.stopPropagation();
e.preventDefault();
}));
</script>
</body>
</html>