I’ve uploaded BarModelMaker to cnet.com. It is free.
Please feel free to let me know your comments and suggestions.
Posted in Tools, tagged Bar Model, BarModelMaker, Math on March 6, 2013| 2 Comments »
I’ve uploaded BarModelMaker to cnet.com. It is free.
Please feel free to let me know your comments and suggestions.
Posted in Tools, tagged Bar Model, BarModelMaker, Math, Word problem on February 3, 2013| Leave a Comment »
Here is a word problem:
Adam and Rahmad shared some beads. If Adam gave 1/3 of his share to Rahmad, Rahmad would have 70 more than Adam. If Adam gave 1/5 of his share to Rahmad, Rahmad would have 10 more than Adam. How many beads does Adam have at first?
The following is the bar model drawn with BarModelMaker. Please click on the model to see an animation showing how the model was draw.
From the model, we can see that we can divide Adam’s beads into 15 units. In the first scenario, Adam gives 5 units to Rahmad; and in the second scenario, Adam gives 3 units to Rahmad. So in the second scenario the difference between Rahmad and Adam is 4 units less than the difference between them in the first scenario. The 4 units causes the difference between Rahmad and Adam to be reduced from 70 to 10. And therefore 4 units represent 60 beads, and 1 unit represents 15 beads. So Adam has 15*15=225 beads.
Here is the BarModel script for this model:
add bar title=Adam1
add bar title=Rahmad1
add box size=a to bar[1]
add box size=r to bar[2]
cut box[1] into 3
shift box[1, 3] to bar[2]
update box[2,2] fill=green
box[1, 1 to 2] + 70 = box[2, 1 to 2]
add bar title=Adam2
add bar title=Rahmad2
add box size=a to bar[3]
add box size=r to bar[4]
cut box[3] into 5
shift box[3, 5] to bar[4]
update box[4,2] fill=cyan
box[3, 1 to 4] + 10 = box[4, 1 to 2]
cut box[1, 1 to 3] into 5
cut box [2, 2] into 5
cut box[3, 1 to 5] into 3
cut box[4, 2] into 3
add label title=70 position=above size=70 alignment=right to box[2,6]
add label title=10 position=above size=10 alignment=right to box[4,4]
Posted in C#, Software Development, Tools, Uncategorized, tagged Bar Model, BarModelMaker, Math on January 29, 2013| Leave a Comment »
I’ve captured a video of the BarModel Player for the following word problem:
Ryan had $200 more than Danish at first. Ryan gave ¾ of his money to Danish. Danish in return gave 2/3 of his money to Ryan. In the end, Ryan had $180 more than Danish. Find the amount of money Danish had in the end.
You can see how the bar model is created step by step, and boxes moving from one bar to another bar in action.
Posted in Tools, Uncategorized, tagged Bar Model, DSL, Math on November 13, 2012| Leave a Comment »
Bar modeling, also known as Singapore Math Method, is a method that helps students to visualize and understand word problems in Math. However, drawing an effective bar model is challenging, teaching a student to draw bar models is even more so. In most cases, students just see the final models without the explanation about how the models were drawn step by step.
Drawing a model of a complex word problem on paper can be messy and tedious: oftentimes, you have to worry about the size of each box; you have to redraw a bar because the sizes of the boxes are too inaccurate; you have to cut 7 boxes into 3 parts each. After some time, you may forget how a model was drawn.
Isn’t it great if there is a tool that allow a student to specify what to draw rather than draw it manually? The student tells the tool to add a bar, add a box with an unknown size, add another box with a known size, specify the relations between bars or boxes, cut a box into some smaller boxes, shift two boxes from this bar to another bar. And the tool draws the model automatically for you as you are adding your instructions. And you can “replay” the model step by step.
That is why I designed the Bar Model Language-a domain specific language-that allows you to do exactly what I just described. You describe a bar model by writing code, which not only specifies the model, but also serves as the explanation of each step. The code can be saved and “played” later, or translated into an SVG document, which can be put in a Web page, or pasted into a Word document.
Let’s look at an example. Here is a word problem.
Ryan had $200 more than Danish at first. Ryan gave ¾ of his money to Danish. Danish in return gave 2/3 of his money to Ryan. In the end, Ryan had $180 more than Danish. Find the amount of money Danish had in the end.
Here is the final model. You can click on the SVG document and play the model step by step.
From the last two bars we can easily see that
10u = 50 + 180 – 150 = 80
And therefore
u = 8
So Danish had 7u+50 = 7 x 8 + 50 = 106 in the end.
The following is the code of this bar model:
add bar title='R1' as r1 add bar title='D1' as d1 add box to r1 add box to d1 r1 - d1 = 200 cut box[1] from right size=200 add label title="200" position=above to r1[2] cut each of r1[1 to 2] into 4 add label title="50" position=below to r1[5] cut d1 into 4 add bar title='R2' as r2 add bar title='D2' as d2 shift r1[1] to r2 shift r1[5] to r2 add label title="50" position=above to r2[2] shift d1[1 to 4] to d2 shift r1[2 to 4] to d2 shift r1[6 to 8] to d2 cut each of d2[1 to 7] into 3 add label title="21u" position=above to d2[1 to 21] add bar title='R3' as r3 add bar title='D3' as d3 shift r2[1 to 2] to r3 cut r3[1] into 3 shift d2[1 to 14] to r3 shift d2[22 to 23] to r3 add label title="14u" position=above to r3[5 to 18] shift d2[15 to 21] to d3 shift d2[24] to d3 add label title="7u" position=above to d3[1 to 7] add label title=50 position=above to d3[8] add box size=180 stroke-style=dashed to d3 with label title="180" position=above r3 = d3 add bar title='R4' as r4 shift r3[1 to 3] to r4 shift r3[5 to 18] to r4 shift r3[4] to r4 shift r3[19 to 20] to r4 add label title="17u" position=above to r4[1 to 17] add label title=150 position=above to r4[18 to 20]
It seems to be a lot of code. But there are only 6 kinds of statements in the code:
Although the language is pretty simple, it is really a programming language, which may help inspire the students’ interest in computer programming.
Posted in Android, Mobile, tagged Android, Grapher, Math, Mobile on September 15, 2012| 2 Comments »
I’ve published an Android app, MathGrapher, a while ago. It seems to be attracting more and more users.
With MathGrapher, you can visualize function equations, parametric equations, and/or polar equations. You can also animate an equation by defining the range of one or more parameters: a, b, c, or d.
Here are some examples:
Function equation: y = a*x^2 + b*x + c
Parametric equation: x = a*sin(t); y = b*cos(t)
Polar equation: r = a*cos(b*t + pi/2)
You can select equations from the equation gallery that contains some predefined equations.
You can save the equations for later use.