Tools for Knowledge Construction and Visualisation Martin Sillaots 19 April 2006.

Slides:



Advertisements
Similar presentations
Technology Roadmap Project Harold Flescher VP-Elect, Technical Activities August 2008, Region 1 Meeting.
Advertisements

Chapter 11 Designing the User Interface
A Human-Centered Computing Framework to Enable Personalized News Video Recommendation (Oh Jun-hyuk)
Learning Styles Mrs. Sterbinsky. EQ: How do I learn best?
Learning Styles VARK. Visual (V)  This preference includes the depiction of information in maps, spider diagrams, charts, graphs, flow charts, labelled.
An Interactive Visualization of Super-peer P2P Networks Peiqun (Anthony) Yu.
Overview of Navigation Readings Matt Koehler CEP 909 Nov 14, 2001.
Visualization CSC 485A, CSC 586A, SENG 480A Instructor: Melanie Tory.
Supervised by Prof. LYU, Rung Tsong Michael Department of Computer Science & Engineering The Chinese University of Hong Kong Prepared by: Chan Pik Wah,
Hypermedia “The limits to learning is mostly self-imposed” Colin Rose.
Vizualisation Part 2. Agenda 1.How the brain takes in information 2.Epistemology 3.Visualisation – Historic 4.Visualisation – Modern 5.Visualisation –
SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation Catherine Plaisant, Jesse Grosjean, Benjamin B.Bederson.
Tree Structures (Hierarchical Information) cs5764: Information Visualization Chris North.
INTERDISCIPLINARY SUMMER SCHOOL Concept Map Kojuri J M.D. Cardiologist.Interventionist Associate professor of SUMS.
Teaching with Multimedia and Hypermedia
Visual User Interfaces David Rashty. “Grasping the whole is a gigantic theme. Arguably, intellectual history’s most important. Ant-vision is humanity’s.
Trees (Hierarchical Information) cs5984: Information Visualization Chris North.
Centre for HCI Design INTERACT 2003 Tutorial Multimedia & the Web  Planning thematic threads through several media  Presentation layout: sequential or.
Informative/Explanatory Writing
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies. John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research.
ICAD-01, Espoo, Finland, July 29 - August 1, 2001 Sonic Browsing: An Auditory Tool For Multimedia Asset Management Mikael Fernström & Eoin Brazil Interaction.
DATABASES Southern Region CEO Wednesday 13 th October 2010.
Various Learning Styles
VARK- How do I learn best?
“Train-the-Trainer” Offering Great Instruction. Workshop Goals  Understand a variety of learning styles  Develop goals, objective & manageable lesson.
VARK a guide to learning styles. What is VARK?  Preference for learning  One’s preference for taking information into the brain and communicating them.
SDEV101: Learning Styles Unit 12. Learning Styles Individual’s preferred way of learning Individual’s preferred way of learning May be based on: May be.
Info Vis: Multi-Dimensional Data Chris North cs3724: HCI.
CS3041 – Final week Today: Searching and Visualization Friday: Software tools –Study guide distributed (in class only) Monday: Social Imps –Study guide.
Intelligent Database Systems Lab N.Y.U.S.T. I. M. Externally growing self-organizing maps and its application to database visualization and exploration.
Digital Libraries Lillian N. Cassel Spring A digital library An informal definition of a digital library is a managed collection of information,
Digital Libraries1 David Rashty. Digital Libraries2 “A library is an arsenal of liberty” Anonymous.
Visual Overview Strategies cs5984: Information Visualization Chris North.
Bongshin Lee, Greg Smith, George Robertson, Mary Czerwinski, Desney Tan Computational User Experiences (CUE) Visualization and Interaction Research Group.
1 ITM 734 Introduction to Human Factors in Information Systems Cindy Corritore Information Visualization.
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Class Four.
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 1.
Information Design Goal: identify methods for representing and arranging the objects and actions possible in a system in a way that facilitates perception.
Information Architecture & Design Week 4 Schedule -Group Project Proposal Due -Planning IA Structures -Other Readings -Research Topic Presentations.
4-0 MULTIMEDIA INFORMATION AND COMMUNICATION TECHNOLOGY.
Visualization Design Principles cs5984: Information Visualization Chris North.
Concept Mapping. Today’s Agenda…  Meaning of a concept  What is a concept map? – Explore some concept mapping tools  What is a mind map?  Difference.
Nov 2002C.Watters 1 But I’m on my PDA! Device Independence Carolyn Watters Web Information Filtering Lab Faculty of Computer Science Dalhousie University.
NVivo Software – A Qualitative Research
Visualization in Process Mining
Benefits of Thinking Maps
Objectives At the end of this session, students will be able to:
The IPT user interface and data quality tools
CSC420 Showing Complex Data.
Personalized Social Image Recommendation
Datamining : Refers to extracting or mining knowledge from large amounts of data Applications : Market Analysis Fraud Detection Customer Retention Production.
Professor John Canny Fall 2001 Nov 29, 2001
Professor John Canny Spring 2003
Comprehend. Create. Communicate. Achieve More.
MANAGING DATA RESOURCES
Database.
Virtual Desktop Infrastructure Data Center
Concept Maps User Guide
Informative Speeches.
Information Design and Visualization
cs5984: Information Visualization Chris North
NON-FICTION UNIT 5th Grade
Using Technology in the Classroom
User interface design.
READING STRATEGIES Previewing
CHAPTER 7: Information Visualization
Visual recall of class information
Standards learning goals - syllabus lecture notes – the current .ppt
Sample PowerPoint presentation
Presentation transcript:

Tools for Knowledge Construction and Visualisation Martin Sillaots 19 April 2006

2 Goal of presentation ● To give overview of knowledge (information) construction and exploration methods ● To give ideas how to improve effectiveness of learning (shorter learning time, deeper understanding of relations...) ● To collect additional ideas and feedback

3 Social-Constructivist learning theory ● Knowledge is actively constructed by learner ● Learning must be related with actual and meaningful content ● Learning is more effective in collaboration with co-students

4 Construction ● Seeing relations ● Sorting ● Seeing differences ● Comparing ● Systematising ● Restructuring

5 Construction enables ● Get overview of information ● Browse or navigate in information ● Focus on details ● Select details ● Change, order, create relations To see details in a pig picture

6 Visualisation ● Visualisation – define information with colour, size, position, relations ● Why it is important to visualise information? ● Students learning styles are different ● People have strong need for visualisation of information

7 Learning styles ● Visual – student like diagrams ● Aural – student prefer listening ● Reading/Writing – making notes ● Kinesthetic – simulations and practice Perceptual preference by VARK Ref:

8 Why visualisation is important? Ref:

9 Classification of methods ● One-dimensional – text, list, timeline... ● Hierarchical – outlined list, tree,... ● Network – concept map... ● Two-dimensional – metaphor of map, matrix,... ● Three-dimensional ● Multi-dimensional ● Other metaphors – building, human body, outer space

10 1-D ● Text mural or lens ● Tag or keyword cloud ● Simple list ● Time line* To see details and large picture

11 Mural for text presentation Ref:

12 Text Mural or lens for search

13 Video DNA Ref: Dulce Ponceleon and Andreas Dieberger IBM Almaden Research Center

14 Tag or keyword cloud Bigger font = most popular topic Ref:

15 Hierarchical ● Outline list ● Tree ● Hyperbolic tree* ● Tree map* ● Content map* Each node has a single parent node Sub-nodes can be hidden Details vs pig picture

16 Outline list Structure of Multimedia course Created with MS Project

17 Tree Ref:

18 Hyperbolic tree Ref: Jörg Walter Universität Bielefeld Ref: John Lamping, Ramana Rao, and Peter Pirolli Xerox Palo Alto Research Center

19 Hyperbolic tree examples ● StarTree ● Walrus - Gallery: Visualization & Navigation ● BubbleBrowser

20 Hyperbolic tree tools ● HyperTree based on Java2 ● StarTree commercial ● Walrus - Graph Visualization Tool based on Java3D and ● Additional packages iv.slis.indiana.edu/sw/index.html

21 Tree map Usenet Hierarchies

22 Concept map Inspiration What if one node have more than one parent?

23 Network ● Computer network topology ● Concept map* ● Gantt chart* ● Arrow diagram (ADM)* ● Precedence diagram (PDM)*

24 Visual Thesaurus (concept map) Ref:

25 news.com Big Picture (concept map)

26 Cmap (concept map) Ref:

27 2-D ● Geographic maps - displaying data on map ● Map metaphor (flour, city, fields) ● Matrix

28 Geographical maps Population density

29 Map metaphor Colour = novelty or importance, size = popularity or capacity, position = relations Ref: hot.news.com

30 City metaphor Ref: Andreas Dieberger, Emory University

31 Matrix Ref: A Guide to the Project Management Body of Knowledge

32 3-D and Multi-D ● Table lenses ● Multidimensional scaling ● Items are described with three or more attributes ● Usually presented on 2 – dimensional screen with multiple sliders

33 Table lenses Ref:

34 Explorea Ref: Kaipainen

35 Spotfire Ref:

36 Time-line* ● Single time-line* ● Gantt chart ● Arrow diagram (ADM) ● Precedence diagram (PDM)

37 Flash authoring system Ref:

38 Gantt Chart Created with MS Project

39 PDM Chart Created with MS Project

40 Conclusion ● Selection of tool and method depends on user preferences ● Using of different tools make learning process more interesting and effective ● Its probably not possible to integrate all methods (metaphors) ● Preparation process is longer learning process shorter ● Give students tasks to construct knowledge

41 The End