Learning, Technology and Collaboration

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.
Vertical bar chart

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.

You can find some demos here.

Tags: ,

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!

Sample 1

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.

Tags:

Mahara is an open source e-portfolio system with a flexible display framework. Mahara is user centred environment with a permissions framework that enables different views of an e-portfolio to be easily managed. Mahara also features a weblog, resume builder and social networking system, connecting users and creating online learner communities.

This eportfolio can be used in different ways in different levels.
1. Students can create own learning log.
2. For IB Science, Group 4 project can be done.
3. Can be used as class notebook?

If you have any more ideas, please add them in the comment.


  • None
  • macdrew: Hi, the question has now been answered on mahara.org The solution was to edit lib/web.php by adding: $javascript_array[] = 'http://cdn.mathjax.org/
  • macdrew: Unfortunately, I was premature. It's ended up being the same result as when I tried the themeconfig.php file. With the script in place, I get a 'somet
  • macdrew: Yes, that worked like a charm! Thanks, I really appreciate it. I just put it between a couple functions, and it works all through my mahara installati

Categories