ConceptVista Quick-Start Guide



1 Getting started


1.1 System Requirements

Java Run-Time Environment  (JRE) – JRE version 1.4 or higher

1.2 Downloading and Installing ConceptVista

  1. Download Concept Vista from http://www.geovista.psu.edu/ConceptVISTA/launch.jsp
  2. Click on “Launch” Button under stable or Current Build
  3. You should be presented with choices to save the installation file or run it directly with Java Web Start.  If you choose the later, you need to open the saved file with Java Web Start later.  Java Web Start will download all necessary files from our server and install ConceptVista.  During the installation, you may be asked to create a shortcut to ConceptVista on your desktop (for Windows systems only).  We recommend that you agree to create a shortcut.  Once the installation is finished, ConceptVista will automatically start.

( Java Web Start is Sun’s technology for easy distribution of Java application.  It should have been installed when you installed your JRE.  If not, please refer to the JRE installation http://java.sun.com/j2se/1.4.2/jre/install.html .  )

1.3 Starting ConceptVista

Option 1: Starting ConceptVista from “Shortcut to ConceptVista”

  1. Double click on the “shortcut for ConceptVista” icon to start ConceptVista

Option 2: Start ConceptVista using Java Web Start

  1. Select Start > Programs > Java Web Start > Java Web Start
  2. Java Web Start window should appear
  3. Select “cv-app” under the Java Web Start Window

1.4 Downloading an example ontology

Two example ontologies are available on the ConceptVista Web Site.

  1. Go to the ConceptVista  home page http://www.geovista.psu.edu/ConceptVISTA/index.jsp
  2. Double-click on the ‘Download ontologies’ link.
  3. Select “Download” to download the ontology for Central Pennsylvania and associated files.
  4. Unzip the download file in a folder.

2 The ConceptVISTA environment

2.1 Opening an ontology

ConceptVista allows you to explore and manage any ontology that is encoded in OWL.  If you have your own OWL ontology or you have downloaded our example ontology, you start exploring it with ConceptVista in less than a minute.

  1. Start ConceptVista (Refer Starting ConceptVista)
  2. Select File > Open.
  3. Select the appropriate ontology
  4. Click on the “open” button

 If all go well, ConceptVista will soon show you the self-organizing graph and the tree view of your ontology.

2.2 Exploring Ontology

Presently, ConceptVista visualizes an ontology in two different views, namely, a tree view and a GraphView.  By default, the tree view occupies the top left corner of the ConceptVista window and the GraphView takes up two-third of the space on the right side.   

Tree View

The tree view to the left provides a hierarchy view of concepts and properties. Two different panels are available under tree view

Class Panel — Display a hierarchy of concepts. A concept whether it is class or instance of a class can be identified from the symbol that appears next to a concept. With the square box either “C” – representing Class, or “I” – representing instance will appear.

Property Panel — Display properties that relate concepts.

Visibility of each concept  can be turned on/off  by selecting/unselecting the visibility check box located on the right of the node.  The visibility setting controls whether you can see the node in the GraphView.

Each class or subclass has some descriptive information.  You can display this information by double-clicking on the node.  A new window will open at the bottom left corner of ConceptVista window.  This window contains three tabs.  The first tab shows the annotation of the node, the second properties, and the last a Web page describing the node. See example below that shows the result after double-klicking the Deforestation node.

      

Graph View

The Graph view is a self-organizing graph view developed by TouchGraph LLC.  It represents each class, subclass, or instance as a node of the graph.  The relationships between various nodes are represented as edges.  The location of these nodes and edges are determined by TouchGraph’s internal layout algorithm.  Users can still, however, control some aspects of the layout so as to enhance the readability and comprehensibility of the graph.  The following layout properties are what users can set.

Zoom — The slider bar labeled ‘Zoom’ at the top of the TouchGraph view sets the distances between nodes.  If you increase the zoom level, nodes will become further apart and vice versa.  Additionally, zoom levels below zero will affect the node size.  The size and labels of nodes shrink as you lower the zoom level.  

Rotate — The ‘Rotate’ slider bar as the name implies rotates the graph around its centroid. 

Locality — The ‘Locality’ slider bar controls visibility of nodes connected to a selected center node.  You can select a center node by double-clicking on a node in the TouchGraph view or in the tree view.  You can think of locality as the number of edges on a path away from the center node.  A path with locality of ‘1’ has two nodes and one edge connecting them.  A path with locality of ‘2’ has three nodes and two edges connecting them.  Therefore as you increase the locality value, the paths away from the center node will become longer.  A locality value of ‘0’ shows only the center node.

Visibility  — Regardless of the locality setting, you can always display the nodes directly connected to a node.  The number on the tiny red tag on the right of a node indicates how many nodes are connected to this node.  If you right-click on any node, a pop-up menu will appear.  Among the menu items, you will find ‘Expand’ and ‘Hide’.  Selecting ‘Expand’ will show the nodes adjacent to this node.  Selecting ‘Hide’ will make the node invisible.  You can also set the visibility of any node in the tree view.  Please read the tree view section above for details.   

 

The tool bar:

       A    B     C     D      E     F     G    H     I       J      K      L       M     N    O      P     Q

  1. New: Create a new ontologyOpen.

  2. Open Existing ontology

  3. Close. Close current ontology

  4. Save: Save current ontology (check known bugs)

  5. Undo: Undo changes (not functioning in this version)

  6. Redo: Redo changes (not functioning in this version)

  7. Copy: Copy class, instance or resources

  8. Cut: cut class, instance or resources

  9. Paste: Paste class, instance or resources

  10. Edit: Edit selected class, instance or resource’s properties

  11. Delete: Delete selected class, instance or resource. Deleting a class does not delete all the instances, but the instances are copied to the root source

  12. Search: Search web (google, amazon, DLESE, or ontology) for the select class, instance or resources

  13. Edit Style: Change the appearance of a node in the graph view. Changing the style of a class changes the style of its subclasses and instances.

  14. Start Animation: continuously changes the appearance of a node in the graph view. Changes in the appearance of a node depend on the dynamic style applied to the node.

  15. Stop Animation: Stop the animation.

  16. Help: Opens the help file

  17. About: About ConceptVista

2.3 Changing the style of nodes

The current version of ConceptVista does not yet allow customization of the appearance of links/edges.

Two types of node styles are available: static and dynamic.  As the names imply, the static style does not change with time, while the dynamic style does.  Once you set the static style of a node, it remains constant until you change it again.  In case of the dynamic style, instead of setting a particular value, you set a range of values of a visual characteristic of a node.  The value of that characteristic will change within the set range over time. 

Static Style

To open the style set-up dialog for both dynamic and static styles, you right-click on the node you what to stylize either in the tree view or the touch graph view.  Then you select the menu item ‘Stylize’ from the pop-up menu that appears.

On the style set-up dialog, you have the options to set the following characteristics of a node.  As you experiment with different settings, you may preview the node appearance in the preview window at the bottom of the dialog.  Press the ‘Click here to preview’ button to refresh the preview image.  

Shape — This property sets the shape of the node.

Paint — This property sets how the background color is painted.  You may also use image as the background of the node.  To do so, select the ‘IMAGE’ item from the ‘Paint’ combo box.  This will enable the ‘Image Source’ panel.  Then specify the path to the GIF image you would like to use as the node’s background.  ConceptVista only supports GIF images.

Label — This property specifies the location of the node’s label.  You can place the label at 8 locations around the node: northwest, north, northeast, west, east, southwest, south, and southeast.  If you choose the ‘CENTER’ item, the label will be placed inside the node. 

Width — This is the width of the node.  You can only set this property when you place the node’s label outside.

Height — This is the height of the node.  You can only set this property when you place the node’s label outside.

Length — This is the maximum length of the node label in characters.  You can only set this property when you place the node’s label inside.

Fill Color — This property sets the background color of the node.

Text Color — This property specifies the color of the label.

Line Color — This property specifies the color of the node boundary.

Line Stroke — This property specifies the line type of the node boundary.

Font Family — This property sets the font family of the label.

Font Style — This property sets the font style of the label to bold, italic, or baseline.

Dynamic Style

Similar to static style setting, you open the style set-up dialog by right-clicking on the node you want to stylize and select the ‘Stylize’ menu item.  Then you select the ‘Dynamic Style’ tab to get to the dynamic style set-up panel.  Here, ConceptVista allows you to dynamically change the location of the node, the size of the node, and the background color of the node.  This feature is useful for emphasizing certain nodes in the graph.  The ensuing subsections will tell you how to set each dynamic style.  Note that you can simultaneously change two or even all three properties of the node at the same time.

Rotate — Select the check box labeled ‘ROTATE’ to turn this dynamic style on and right-click on the label to display the style settings.  On the pop-up dialog, you can make the node rotate around an arbitrary point or spiral in and out.  Select the radio button associated with the rotating style you want.   For simple rotation, you can adjust the rotating radius using the top slider.  For spiral rotation, you can specify the minimum radius and the maximum radius using the two knobs on the bottom slider. 

Swell  — Select the check box labeled ‘SWELL’ to turn this dynamic style on and right-click on the label to display the style settings.  This dynamic style makes the node swell up and shrink back.  You can set minimum size and maximum size of the node using the two knobs on the slider. 

Change Color — Select the check box labeled ‘CHANGE COLOR’ to turn this dynamic style on and right-click on the label to display the style settings.  This dynamic style changes the background color of the node continuously.  The background color of the node is a combination of red, green, and blue (RGB color model).  On the pop-up dialog, you can set the ranges of red, green, and blue values that the style will use to dynamically generate a new color. 

Importing and Exporting Styles

You can export the static style of one ontology and use it to another ontology.  Likewise, you can import a style created for another ontology and use it for your ontology. 

Importing Style  Right-click on any node in the tree view and select ‘Importing Style’ from the pop-up menu that appears.  This will open the import dialog.  Browse to the style file (*.sld) that you want to import, select it, and press the ‘Open’ button.

  1. Select Ontology on the Menu Bar
  2. Select “Import Ontology”
  3. Enter the URL of the ontology.
  4. If the ontology is on the hard disk then browse to the location of the ontology using the browse button, next to the text field
  5. Click “OK”

Exporting Style  Right-click on any node in the tree view and select ‘Exporting Style’ from the pop-up menu that appears.  This will open the export dialog.  Browse to the location where you want to save the style file.  Type the file name you want in the ‘File Name’ text field.  Make sure that you add ‘.sld’ at the end of the file name.  Then press the ‘Save’ button.

3 Creating a new ontology

  1. Start ConceptVista (Refer Starting ConceptVista)
  2. Click on “New” Icon
  3. Select the  location where the ontology will be saved
  4. Provide a name for the file and make sure to add the extension .owl to the filename, e.g. myworld.owl
  5. Click on “CREATE” Button
  6. An Input Box shows up. Click “OK” on the message Box. (If required, the default value of the input box can be changed. Clicking on “cancel” reset the default values)
  7. ConceptVista shows the referred name ( from the inputBox) as the root node in the “class view” 

3.1 Classes

Create a new class in tree view

Case I: Create a new Class under root node

  1. Select the root node
  2. Right click on the root node
  3. From the popup menu select “Create Class”
  4. An Input Box appears. Type the name of the class. (Name of the class can be more than one word). Click OK
  5. The class appears in the tree view but not in the graph view. This is because a node in the graph view appears only when it is connected to some other node. To see the node in the graph view create a sub class or an instance of it

Case II: Create a new sub class

  1. Select the class whose sub class has to be created
  2. Right click and select “Create Class”
  3. Enter the name of the sub class and click “OK”

Create a new class in graph View

Case I: Create a new sub class

  1. Select the node whose sub class has to be created
  2. Press the “Shift” key on the keyboard, the left key of the mouse and drag the mouse
  3. As the mouse is being dragged, a blue link appears starting from the selected view in the graph view.
  4. Release the “Shift” key and mouse left button. An input box “Create Concept” should appear.
  5. Click on “Create SubClass” and enter name of the of the subclass in the input box.
  6. A new subclass should appear in both class and graph view

Case II: Create a new Sibling Class

  1. Select a class that is at one higher level than the class whose sibling class has to be made.
  2. Follow the steps of the “Create a new sub class”;

3.2 Instances

Add a new instance in Class view

  1. Select the class whose instance has to be made
  2. Right click on that class
  3. Select “Create Instance” from the popup menu
  4. Enter the name of the instance in the input box

Add a new Instance in Graph View

  1. Select the concept in the graph view whose instance has to be created
  2. Press the “Shift” key on the keyboard, the left key of the mouse and drag the mouse
  3. As the mouse is being dragged, a blue link appears starting from the selected view in the graph view.
  4. Release the “Shift” key and mouse left button. An input box “Create Concept” should appear.
  5. Click on “Create Instance” and enter name of the of the subclass in the input box.
  6. A new instance of the concept should appear in both class and graph view

3.3 Properties

Create new property

  1. Select the Properties panel from the tree view
  2. Right click on the root node and select “Create Property” from the popup menu. (To create a sub property select a property and then right click)
  3. Enter the name of the property in the input box. If required property type can be selected from the drop down box.
  4. The property show appear in the tree view

Add a Property to a class or instance in Tree View

  1. Double click on the class or instance to which a new property has to be added
  2. A property editor opens up (see the figure below)
  3. Select the property and type the value. Click “Add”
  4. (A reference to a class or instance can be automatically found by clicking on the extreme right button in the value row. A message box “Choose Class” appears. “Swtich on” the class that the property links to and the value input box should be automatically filled)

Add a Property to a class or instance in a graph View

  1. Select a concept to which a new property has to be added
  2. Press “shift” and left button of the mouse and drag the mouse. A Blue link appears as the mouse is dragged
  3. Drag the mouse to the center of another concept.
  4. Release the shift key and mouse button.
  5. Select the property that has to be added

3.4 Add external resource or a webpage to a concept

  1. Double Click on a class in a tree view or on a concept in graph view.
  2. Property editor panel opens up
  3. Select the property tab.
  4. From the Property drop down menu, select “href”
  5. In the value field type the url of webpage
  6. Click “Add”

3.5 Deleting a node or property

  1. Select the class that has to be deleted
  2. Right click and select “Delete” from the popup menu
  3. (Deleting a class does not delete all the instance or sub class of that class but copies them to root node )

4 Saving an ontology

  1. Click on the save button on the tool bar menu
Last updated 2005-05-17    Ritesh Agarwal/Ola Ahlqvist