Pluggable Visualisation of Moodle Datasets      Using Native Browser Technologies                Presented by Joby Harding
Catalyst IT Software Developer at Catalyst IT Europe Open Source Software Specialists and  Advocates Moodle Partners N...
About meIn a previous life... Newspaper industry Page Layout Technician Freelance design / illustration Youth workshop ...
What About that Title? Data Visualisation – broad sense Pluggable – easy integration / dynamic Native Browser (Technolo...
Why Client Side?Already (server-side) visualisation tools Statistics graphs Administration biasClient side non-static, e...
SVG       Scalable Vector Graphics       Way of describing        geometry mathematically       Can be scaled without  ...
An exciting example...                         ….compatibility?
RaphaelJS www.raphaeljs.com JavaScript library Interface to drawing  using SVG Cross-browser  support (IE6+) Compatibl...
Wiki Contributors Node Map              www.mattryall.net
Interactive Analytics                www.raphaeljs.com
HTML5 Canvas Part of the forthcoming  HTML5 standard Element which provides  JS drawing context Pixel-coordinate based...
www.developer.mozilla.org
ProcessingJS Sister project to  Processing Renders Processing  sketches into canvas Leverage Processings  library of fu...
fizz.bloom.io – Social Networks
Any questions? Joby Harding  Catalyst IT Europe  www.catalyst-eu.net  joby.harding@catalyst-eu.net  info@catalyst-eu.net
Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding
Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding
Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding
Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding
Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding
Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding
Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding
Upcoming SlideShare
Loading in...5
×

Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding

638

Published on

Pluggable Visualisation of Moodle Datasets Using Native Browser Technologies
Presented by Joby Harding

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
638
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding

  1. 1. Pluggable Visualisation of Moodle Datasets Using Native Browser Technologies Presented by Joby Harding
  2. 2. Catalyst IT Software Developer at Catalyst IT Europe Open Source Software Specialists and Advocates Moodle Partners New Zealand, Australia Moodle, Totara, Mahara, Koha, Drupal
  3. 3. About meIn a previous life... Newspaper industry Page Layout Technician Freelance design / illustration Youth workshop facilitation / Informal learningMore recently... SANM Web Development - User centred / interaction design 7K Installation / Paris 8
  4. 4. What About that Title? Data Visualisation – broad sense Pluggable – easy integration / dynamic Native Browser (Technologies!) - Web Standards Based (non 3rd party) - Client Side
  5. 5. Why Client Side?Already (server-side) visualisation tools Statistics graphs Administration biasClient side non-static, engaging JavaScript-based Animation / potential for interaction
  6. 6. SVG  Scalable Vector Graphics  Way of describing geometry mathematically  Can be scaled without losing resolution  XML based  Some animation  W3C specification Images by Dmitry Baranovskiy www.raphaeljs.com
  7. 7. An exciting example... ….compatibility?
  8. 8. RaphaelJS www.raphaeljs.com JavaScript library Interface to drawing using SVG Cross-browser support (IE6+) Compatible with other JavaScript libs DOM manipulation
  9. 9. Wiki Contributors Node Map www.mattryall.net
  10. 10. Interactive Analytics www.raphaeljs.com
  11. 11. HTML5 Canvas Part of the forthcoming HTML5 standard Element which provides JS drawing context Pixel-coordinate based Animation / interactivity not included www.developer.mozilla.org
  12. 12. www.developer.mozilla.org
  13. 13. ProcessingJS Sister project to Processing Renders Processing sketches into canvas Leverage Processings library of functions Can be combined with JS
  14. 14. fizz.bloom.io – Social Networks
  15. 15. Any questions? Joby Harding Catalyst IT Europe www.catalyst-eu.net joby.harding@catalyst-eu.net info@catalyst-eu.net
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×