Published on

Võimalusi info viusualiseerimiseks ja süstematiseerimiseks.

Published in: Education, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide


  1. 1. Tools for Knowledge Construction and Visualisation <ul><ul><li>Martin Sillaots </li></ul></ul><ul><ul><li>19 April 2006 </li></ul></ul>
  2. 2. Goal of presentation <ul><li>To give overview of knowledge (information) construction and exploration methods </li></ul><ul><li>To give ideas how to improve effectiveness of learning (shorter learning time, deeper understanding of relations ...) </li></ul><ul><li>To collect additional ideas and feedback </li></ul>
  3. 3. Social-Constructivist learning theory <ul><li>Knowledge is actively constructed by learner </li></ul><ul><li>Learning must be related with actual and meaningful content </li></ul><ul><li>Learning is more effective in collaboration with co-students </li></ul>
  4. 4. Construction <ul><li>Seeing relations </li></ul><ul><li>Sorting </li></ul><ul><li>Seeing differences </li></ul><ul><li>Comparing </li></ul><ul><li>Systematising </li></ul><ul><li>Restructuring </li></ul>
  5. 5. Construction enables <ul><li>Get overview of information </li></ul><ul><li>Browse or navigate in information </li></ul><ul><li>Focus on details </li></ul><ul><li>Select details </li></ul><ul><li>Change, order, create relations </li></ul><ul><ul><li>To see details in a pig picture </li></ul></ul>
  6. 6. Visualisation <ul><li>Visualisation – define information with colour, size, position, relations </li></ul><ul><li>Why it is important to visualise information? </li></ul><ul><li>Students learning styles are different </li></ul><ul><li>People have strong need for visualisation of information </li></ul>
  7. 7. Learning styles <ul><li>Visual – student like diagrams </li></ul><ul><li>Aural – student prefer listening </li></ul><ul><li>Reading /Writing – making notes </li></ul><ul><li>Kinesthetic – simulations and practice </li></ul>Perceptual preference by VARK Ref:
  8. 8. Why visualisation is important? Ref:
  9. 9. Classification of methods <ul><li>One-dimensional – text, list, timeline ... </li></ul><ul><li>Hierarchical – outlined list, tree, ... </li></ul><ul><li>Network – concept map ... </li></ul><ul><li>Two-dimensional – metaphor of map, matrix, ... </li></ul><ul><li>Three-dimensional </li></ul><ul><li>Multi-dimensional </li></ul><ul><li>Other metaphors – building, human body, outer space </li></ul>
  10. 10. 1-D <ul><li>Text mural or lens </li></ul><ul><li>Tag or keyword cloud </li></ul><ul><li>Simple list </li></ul><ul><li>Time line* </li></ul>To see details and large picture
  11. 11. Mural for text presentation Ref:
  12. 12. Text Mural or lens for search
  13. 13. Video DNA Ref: Dulce Ponceleon and Andreas Dieberger IBM Almaden Research Center
  14. 14. Tag or keyword cloud Bigger font = most popular topic Ref:
  15. 15. Hierarchical <ul><li>Outline list </li></ul><ul><li>Tree </li></ul><ul><li>Hyperbolic tree* </li></ul><ul><li>Tree map* </li></ul><ul><li>Content map* </li></ul>Each node has a single parent node Sub-nodes can be hidden Details vs pig picture
  16. 16. Outline list Structure of Multimedia course Created with MS Project
  17. 17. Tree Ref:
  18. 18. Hyperbolic tree Ref: Jörg Walter Universität Bielefeld Ref: John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research Center
  19. 19. Hyperbolic tree examples <ul><li>StarTree </li></ul><ul><li>Walrus - Gallery: Visualization & Navigation </li></ul><ul><li>BubbleBrowser </li></ul>
  20. 20. Hyperbolic tree tools <ul><li>HyperTree based on Java2 </li></ul><ul><li>StarTree commercial </li></ul><ul><li>Walrus - Graph Visualization Tool based on Java3D and </li></ul><ul><li>Additional packages </li></ul>
  21. 21. Tree map Usenet Hierarchies
  22. 22. Concept map Inspiration What if one node have more than one parent?
  23. 23. Network <ul><li>Computer network topology </li></ul><ul><li>Concept map* </li></ul><ul><li>Gantt chart* </li></ul><ul><li>Arrow diagram (ADM)* </li></ul><ul><li>Precedence diagram (PDM)* </li></ul>
  24. 24. Visual Thesaurus (concept map) Ref:
  25. 25. Big Picture (concept map)
  26. 26. Cmap (concept map) Ref:
  27. 27. 2-D <ul><li>Geographic maps - displaying data on map </li></ul><ul><li>Map metaphor (flour, city, fields) </li></ul><ul><li>Matrix </li></ul>
  28. 28. Geographical maps Population density
  29. 29. Map metaphor Colour = novelty or importance, size = popularity or capacity, position = relations Ref:
  30. 30. City metaphor Ref: Andreas Dieberger, Emory University
  31. 31. Matrix Ref: A Guide to the Project Management Body of Knowledge
  32. 32. 3-D and Multi-D <ul><li>Table lenses </li></ul><ul><li>Multidimensional scaling </li></ul><ul><li>Items are described with three or more attributes </li></ul><ul><li>Usually presented on 2 – dimensional screen with multiple sliders </li></ul>
  33. 33. Table lenses Ref:
  34. 34. Explorea Ref: Kaipainen
  35. 35. Spotfire Ref:
  36. 36. Time-line* <ul><li>Single time-line* </li></ul><ul><li>Gantt chart </li></ul><ul><li>Arrow diagram (ADM) </li></ul><ul><li>Precedence diagram (PDM) </li></ul>
  37. 37. Flash authoring system Ref:
  38. 38. Gantt Chart Created with MS Project
  39. 39. PDM Chart Created with MS Project
  40. 40. Conclusion <ul><li>Selection of tool and method depends on user preferences </li></ul><ul><li>Using of different tools make learning process more interesting and effective </li></ul><ul><li>Its probably not possible to integrate all methods (metaphors) </li></ul><ul><li>Preparation process is longer learning process shorter </li></ul><ul><li>Give students tasks to construct knowledge </li></ul>
  41. 41. <ul><ul><li>The End </li></ul></ul>