Coding Period Started !!

Posted on by

Hello everyone,
So after the acceptance, community bonding period started in which we stay in touch with the mentors discussing the designs.
Now coming to the coding period,
I started with Rhythm Ruler widget. To start with, this widget is to enable us to play sound in a certain rhythm we decide. So we needed a ruler like structure which can be dissected such that the dissection point represents a node for playing sound.
I searched and found out a module which makes a ruler using jQuery and I used it to create a ruler but for the feature dissection of the ruler I was having problems then Walter suggested that we should use core element of language whenever possible, so I switched to table implementation. And I find it easier and efficient thanks to Walter.

So now I have created a basic ruler which looks like this ->

RhythmRuler

It has a functionality to dissect according to input given which is like this :->

rhythmruler1
In this I gave a input equal to 3 and you can see it got divided into 3 parts.

And It can recursively be divided like this->
Suppose we give the second cell input of 2 then it will look like this->

rhythmruler2

What I have learned so far ->
Though I am not using the ruler module in this widget anymore but I learned how it was creating a ruler with major and minor ticks.

Then as I already mentioned I learned from Walter whenever possible, use core elements of language.

Another thing I learned is how should we deal with Html tables. In Html table the width of different cells of the table are connected, you can not set them arbitrary.
But for this widget I needed different width cells, for buttons and the ruler cells, then as suggested by Walter I used nested tables, but then all the problems were not solved so I switched to using different table for buttons and ruler.

What I will do next ->
So first thing I will do is add functionality for the playback – > By this we will be able to play sound according to rhythm ( decided by the dissection of ruler ).

And then I will add feature of undo – > with this we will be able to previous versions of Rhythm Ruler.