• Like
Pluggable visualisation of moodle datasets using native browser technologies moodle moot joby_harding
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

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

  • 616 views
Published

Pluggable Visualisation of Moodle Datasets Using Native Browser Technologies …

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

Published in Education , Technology , Art & Photos
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
616
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Pluggable Visualisation of Moodle Datasets Using Native Browser Technologies Presented by Joby Harding
  • 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. 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. What About that Title? Data Visualisation – broad sense Pluggable – easy integration / dynamic Native Browser (Technologies!) - Web Standards Based (non 3rd party) - Client Side
  • 5. Why Client Side?Already (server-side) visualisation tools Statistics graphs Administration biasClient side non-static, engaging JavaScript-based Animation / potential for interaction
  • 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. An exciting example... ….compatibility?
  • 8. RaphaelJS www.raphaeljs.com JavaScript library Interface to drawing using SVG Cross-browser support (IE6+) Compatible with other JavaScript libs DOM manipulation
  • 9. Wiki Contributors Node Map www.mattryall.net
  • 10. Interactive Analytics www.raphaeljs.com
  • 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. www.developer.mozilla.org
  • 13. ProcessingJS Sister project to Processing Renders Processing sketches into canvas Leverage Processings library of functions Can be combined with JS
  • 14. fizz.bloom.io – Social Networks
  • 15. Any questions? Joby Harding Catalyst IT Europe www.catalyst-eu.net joby.harding@catalyst-eu.net info@catalyst-eu.net