Visualiseerimine

1,234 views

Published on

Võimalusi info viusualiseerimiseks ja süstematiseerimiseks.

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,234
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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>

×