Moodle in English: How to add an interactive element to the course

Hello. I need to add interactive element to the course. Element is an abacus (for mental arithmetic).
The teacher must specify the desired order of movement of the elements of the abacus, and the student repeat. Something like this

http://www.mathematik.uni-marburg.de/~thormae/lectures/ti1/code/abacus/soroban.html

Help me please

Average of ratings: -

Re: How to add an interactive element to the course

per Conn Warwicker, Tuesday 9 October 2018, 22:50

As a very simple example, using that abacus you linked to, you could create a file called abacus.html and put this as the content:

<html>

<head>

<title>Abacus</title>

</head>

<body>

var abacus = new Abacus("myAbacus", 0);

abacus.init();

</script>

</body>

</html>

Then if you upload that to your course as a file resource, it should display the HTML and let the students mess with the abacus.

Or you could upload a zip file with the HTML file and the javascript file, so you aren't relying on linking to that other website.

Or you could convert it to a SCORM package.

Average of ratings:Useful (2)

Re: How to add an interactive element to the course

per AL Rachels, Wednesday 10 October 2018, 02:32

Hi Azat,

Another possibility, since you have access the the abacus.js file would be to use it to create a Generico filter bundle. That would then make it possible to place an abacus anywhere you can use the Moodle Atto editor.

Average of ratings:Useful (3)