There are front-end and back-end modules, one module can't be both. The are also installed in different places. Front-end modules are installed in /modules folder of your Joomla! installation.
Back-end modules reside in /administrator folder
First thing to do is to go and download fractionslider jquery.
Alternatively you can go and take it from github. Next step is to organize files in the way Joomla! will understand it. As you probably know Joomla's modules are prefixed with “mod_”. In our case we create folder mod_tksdfractionslider and within this folder we create all necessary folders and files.
We have four files and three folders. Remember to put empty index.html in each folder. This is for security reason and prevents listing folder's content if server misconfiguration happened. In /assets folder we keep our css and js folders (stuff what we have downloaded) and of course empty index.html. Translation files for our module reside within language folder /en-GB/ folder for Great Britain English as oppose to /en-US for States. In /tmpl folder we have index.html and default.php, which is basically template for display module output. Lets start from the beginning and create mod_tksdfractionslider.xml file, commonly known as manifest. This file tells Joomla everything about our module.