Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Visualiseerimine

1,244 views

Published on

Võimalusi info viusualiseerimiseks ja süstematiseerimiseks.

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

  • Be the first to like this

Visualiseerimine

  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: http://www.vark-learn.com/
  8. 8. Why visualisation is important? Ref: http://www.essentialmindmapping.com/WhatIsMindMapping.php
  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: http://www.cc.gatech.edu/gvu/softviz/infoviz/information_mural.html
  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: http://www.tagcloud.com/
  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: http://www.cs.umd.edu/hcil/biodiversity
  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 www.inxight.com/products/vizserver </li></ul><ul><li>Walrus - Gallery: Visualization & Navigation www.caida.org/tools/visualization/walrus/gallery1 </li></ul><ul><li>BubbleBrowser www.flong.com/bubba </li></ul>
  20. 20. Hyperbolic tree tools <ul><li>HyperTree www.kinase.com/tools/HyperTree.html based on Java2 </li></ul><ul><li>StarTree www.inxight.com/products/vizserver commercial </li></ul><ul><li>Walrus - Graph Visualization Tool www.caida.org/tools/visualization/walrus based on Java3D and </li></ul><ul><li>Additional packages iv.slis.indiana.edu/sw/index.html </li></ul>
  21. 21. Tree map Usenet Hierarchies http://netscan.research.microsoft.com/treemap
  22. 22. Concept map Inspiration http://www.inspiration.com/ 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: http://www.thinkmap.com/visualthesaurus.jsp
  25. 25. news.com Big Picture (concept map) http://news.com.com/The+Big+Picture/2030-12_3-5843390.html?tag=st.bp
  26. 26. Cmap (concept map) Ref: http://cmap.ihmc.us/
  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: hot.news.com
  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: www.inxight.com/products/sdks/tl
  34. 34. Explorea Ref: Kaipainen
  35. 35. Spotfire Ref: www.spotfire.com
  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: http://www.macromedia.com/
  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>

×