Tools for Knowledge Construction and Visualisation <ul><ul><li>Martin Sillaots </li></ul></ul><ul><ul><li>19 April 2006 </...
Goal of presentation <ul><li>To give overview of knowledge (information) construction and exploration methods </li></ul><u...
Social-Constructivist learning theory <ul><li>Knowledge is actively  constructed  by learner </li></ul><ul><li>Learning mu...
Construction <ul><li>Seeing relations </li></ul><ul><li>Sorting </li></ul><ul><li>Seeing differences </li></ul><ul><li>Com...
Construction enables <ul><li>Get overview of information </li></ul><ul><li>Browse or navigate in information </li></ul><ul...
Visualisation <ul><li>Visualisation – define information with colour, size, position, relations </li></ul><ul><li>Why it i...
Learning styles <ul><li>Visual  – student like diagrams </li></ul><ul><li>Aural – student prefer listening </li></ul><ul><...
Why visualisation is important? Ref: http://www.essentialmindmapping.com/WhatIsMindMapping.php
Classification of methods <ul><li>One-dimensional – text, list, timeline ... </li></ul><ul><li>Hierarchical – outlined lis...
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>Tim...
Mural for text presentation Ref: http://www.cc.gatech.edu/gvu/softviz/infoviz/information_mural.html
Text Mural or lens for search
Video DNA Ref: Dulce Ponceleon and Andreas Dieberger IBM Almaden Research Center
Tag or keyword cloud Bigger font = most popular topic Ref: http://www.tagcloud.com/
Hierarchical <ul><li>Outline list </li></ul><ul><li>Tree </li></ul><ul><li>Hyperbolic tree* </li></ul><ul><li>Tree map* </...
Outline list Structure of Multimedia course Created with MS Project
Tree Ref: http://www.cs.umd.edu/hcil/biodiversity
Hyperbolic tree Ref: Jörg Walter  Universität Bielefeld Ref: John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto R...
Hyperbolic tree examples <ul><li>StarTree  www.inxight.com/products/vizserver  </li></ul><ul><li>Walrus  - Gallery: Visual...
Hyperbolic tree tools <ul><li>HyperTree  www.kinase.com/tools/HyperTree.html  based on Java2 </li></ul><ul><li>StarTree  w...
Tree map Usenet Hierarchies http://netscan.research.microsoft.com/treemap
Concept map Inspiration  http://www.inspiration.com/ What if one node have more than one parent?
Network <ul><li>Computer network topology </li></ul><ul><li>Concept map* </li></ul><ul><li>Gantt chart* </li></ul><ul><li>...
Visual Thesaurus (concept map) Ref:  http://www.thinkmap.com/visualthesaurus.jsp
news.com Big Picture (concept map) http://news.com.com/The+Big+Picture/2030-12_3-5843390.html?tag=st.bp
Cmap (concept map) Ref:  http://cmap.ihmc.us/
2-D <ul><li>Geographic maps - displaying data on map </li></ul><ul><li>Map metaphor (flour, city, fields) </li></ul><ul><l...
Geographical maps Population density
Map metaphor Colour = novelty or importance, size = popularity or capacity, position = relations Ref: hot.news.com
City metaphor Ref: Andreas Dieberger, Emory University
Matrix Ref: A Guide to the Project Management Body of Knowledge
3-D and Multi-D <ul><li>Table lenses </li></ul><ul><li>Multidimensional scaling </li></ul><ul><li>Items are described with...
Table lenses Ref: www.inxight.com/products/sdks/tl
Explorea Ref: Kaipainen
Spotfire Ref: www.spotfire.com
Time-line* <ul><li>Single time-line*  </li></ul><ul><li>Gantt chart </li></ul><ul><li>Arrow diagram (ADM) </li></ul><ul><l...
Flash authoring system Ref:  http://www.macromedia.com/
Gantt Chart Created with MS Project
PDM Chart Created with MS Project
Conclusion <ul><li>Selection of tool and method depends on user preferences </li></ul><ul><li>Using of different tools mak...
<ul><ul><li>The End </li></ul></ul>
Upcoming SlideShare
Loading in...5
×

Visualiseerimine

709

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
709
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
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>
  1. A particular slide catching your eye?

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

×