##
Archive for **March 2011**

- In: eportfolio | Google
- Leave a Comment

Charts and graphs are great visual aids and can be used in Mathematics, Science and Economics. Google chart are easy to embed in Mahara eportfolio. You create your chart through Google Chart wizard by selecting a chart type first. Add your data in the second page of Google chart, ‘Editor’. You can find ‘Paste HTML to embed in website’ at the right of the page. Copy it and we are going to use it in Mahara.

The embedded code looks like this.

`<img src="http://chart.apis.google.com/chart?chxt=y&chbh=a&chs=300x225&cht=bvg&chco=A2C180,3D7930&chd=t:10,50,60,80,40,60,30|50,60,100,40,20,40,30&chtt=Vertical+bar+chart" width="300" height="225" alt="Vertical bar chart" />`

which produces this.

Now you need to login to your Mahara eportfolio and create a new view. Add a text box and click ‘html’ in a editor tool. Paste the code which you copied and save.

- In: eportfolio | Mahara
**7**Comments

I have tried other mathematical plugins for TinyMCE but none of them worked. Today I tried MathJax and it was so easy to integrate it to Mahara.

MathJax is an open source JavaScript display engine for mathematics that works in all modern browsers. You can use TeX, LaTeX, MathML and other formats.

I am going to show you how to add MathJax to Mahara.

First download MathJax from here. As of today, version is MathJax-v1.0.1a.zip.

Download MathJax-Font-Update.zip as well. You may not need this in future. This fonts are for Firefox 3.6.13.

You need to unzip it and transfer following directories to mahara/js directory.

– config

– extensions

– fonts

– jax

– MathJax.js

Open mahara/lib/web.php and around line 219 add $javascript_array[] = $jsroot . ‘MathJax.js’; as following.

else {

$javascript_array[] = $jsroot . 'MochiKit/Packed.js';

$javascript_array[] = $jsroot . 'MathJax.js';

}

That’s it.

In Mahara, create a view and drag a textbox and enter the following.

`When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are`

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

You should be able to see mathematical notation!

### Conclusion

MathJax is easy to install. Only drawback I can think of is that MathJax does not use flash nor graphical input, so you have to learn these formats to input. I am not so familiar with these notations and I have to learn them.