Commit 99adc89c authored by Russ Fish's avatar Russ Fish
Browse files

Corrected images, with text labels showing.

parent 7ba27c5d
www/hyperviewer/gui_top.jpg

90.7 KB | W: | H:

www/hyperviewer/gui_top.jpg

36.7 KB | W: | H:

www/hyperviewer/gui_top.jpg
www/hyperviewer/gui_top.jpg
www/hyperviewer/gui_top.jpg
www/hyperviewer/gui_top.jpg
  • 2-up
  • Swipe
  • Onion skin
www/hyperviewer/gui_top2.jpg

102 KB | W: | H:

www/hyperviewer/gui_top2.jpg

45.9 KB | W: | H:

www/hyperviewer/gui_top2.jpg
www/hyperviewer/gui_top2.jpg
www/hyperviewer/gui_top2.jpg
www/hyperviewer/gui_top2.jpg
  • 2-up
  • Swipe
  • Onion skin
www/hyperviewer/gui_top3.jpg

95.8 KB | W: | H:

www/hyperviewer/gui_top3.jpg

44.6 KB | W: | H:

www/hyperviewer/gui_top3.jpg
www/hyperviewer/gui_top3.jpg
www/hyperviewer/gui_top3.jpg
www/hyperviewer/gui_top3.jpg
  • 2-up
  • Swipe
  • Onion skin
www/hyperviewer/gui_top_small.jpg

32 KB | W: | H:

www/hyperviewer/gui_top_small.jpg

12.1 KB | W: | H:

www/hyperviewer/gui_top_small.jpg
www/hyperviewer/gui_top_small.jpg
www/hyperviewer/gui_top_small.jpg
www/hyperviewer/gui_top_small.jpg
  • 2-up
  • Swipe
  • Onion skin
www/hyperviewer/gui_top_small2.jpg

35.1 KB | W: | H:

www/hyperviewer/gui_top_small2.jpg

14.7 KB | W: | H:

www/hyperviewer/gui_top_small2.jpg
www/hyperviewer/gui_top_small2.jpg
www/hyperviewer/gui_top_small2.jpg
www/hyperviewer/gui_top_small2.jpg
  • 2-up
  • Swipe
  • Onion skin
www/hyperviewer/gui_top_small3.jpg

33.5 KB | W: | H:

www/hyperviewer/gui_top_small3.jpg

14.3 KB | W: | H:

www/hyperviewer/gui_top_small3.jpg
www/hyperviewer/gui_top_small3.jpg
www/hyperviewer/gui_top_small3.jpg
www/hyperviewer/gui_top_small3.jpg
  • 2-up
  • Swipe
  • Onion skin
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>HyperViewer in Emulab</title>
</head>
<body>
......@@ -35,9 +35,9 @@ further description, particularly <a
Unix file system.<br>
&nbsp;<a
href="http://graphics.stanford.edu/papers/h3cga/html/cga.html#hypmotionfig"><img
src="image1.jpg" title="Hyperbolic Motion - Figure 3"
alt="Hyperbolic Motion - Figure 3"
style="border: 2px solid ; width: 149px; height: 150px;"></a><br>
style="border: 2px solid ; width: 149px; height: 150px;"
alt="Hyperbolic Motion - Figure 3" title="Hyperbolic Motion - Figure 3"
src="image1.jpg"></a><br>
<br>
The basic idea is that a graph is presented within a sphere that
resembles a fish-eye lens: objects in the center of the sphere appear
......@@ -47,8 +47,8 @@ infinite 3D space onto the finite sphere.&nbsp; M.C. Esher did likewise
in 2D with <a href="http://mathworld.wolfram.com/HyperbolicTiling.html">hyperbolic
tilings</a>.<br>
<a href="http://www.mcescher.com/Gallery/recogn-bmp/LW436.jpg"><img
src="LW436-thumb.jpg" title="Click for full-size image" alt=""
style="border: 2px solid ; width: 106px; height: 106px;"></a><br>
style="border: 2px solid ; width: 106px; height: 106px;" alt=""
title="Click for full-size image" src="LW436-thumb.jpg"></a><br>
<h3><a name="install"></a>Installing hypview</h3>
Getting and unpacking the tarball:<br>
<ul>
......@@ -109,18 +109,18 @@ window.<br>
<br>
Here's an example of the appearance of hypview once it is running:<br>
<ul style="margin-left: 120px;">
<li>Note: there should be text labels on the nodes.&nbsp; They are
only
partially showing due to a bug in the Radeon DRI driver for OpenGL.</li>
<li>Note: Text labels on the nodes may show only
partially on your display if you have an ATI Radeon card, due to a bug
in the DRI driver for OpenGL.</li>
<li>Note: the window comes up split down the middle now.&nbsp; Drag
the
divider to the right so it looks like the picture above.&nbsp; Also,
divider to the right so it looks like the picture below.&nbsp; Also,
resizing the window mis-aligns the OpenGL picking, so don't do that
yet...</li>
</ul>
<div style="margin-left: 40px;"><a href="gui_top.jpg"><img
style="border: 2px solid ; width: 380px; height: 326px;" alt=""
title="Click for full-size image." src="gui_top_small.jpg"></a><br>
src="gui_top_small.jpg" title="Click for full-size image." alt=""
style="border: 2px solid ; width: 380px; height: 326px;"></a><br>
</div>
<br>
The pane on the left contains the HyperViewer.&nbsp; The pane on the
......@@ -132,8 +132,8 @@ at
the top of the window, or typing Ctrl-H, pops up a window describing
the HyperViewer mouse controls which apply to the left pane:</li>
</ul>
<div style="margin-left: 80px;"><img
style="width: 354px; height: 261px;" alt="" src="mouse_usage.jpg"></div>
<div style="margin-left: 80px;"><img src="mouse_usage.jpg" alt=""
style="width: 354px; height: 261px;"></div>
<div style="margin-left: 40px;"><br>
<ul>
<li>One way to navigate is to drag the view.&nbsp; Here is a picture
......@@ -145,9 +145,9 @@ visible.&nbsp; <br>
details to lower levels.&nbsp; The right mouse button rotates what is
behind to the front so you can better see it.</li>
</ul>
<div style="margin-left: 40px;"><a href="gui_top2.jpg"><img
src="gui_top_small2.jpg" alt=""
style="border: 2px solid ; width: 380px; height: 326px;" align="top"></a></div>
<div style="margin-left: 40px;"><a href="gui_top2.jpg"><img align="top"
style="border: 2px solid ; width: 380px; height: 326px;" alt=""
src="gui_top_small2.jpg" title="Click for full-size image."></a></div>
<ul>
<li>As you move the mouse over the boxes representing nodes (hosts or
lans), they turn bright green.&nbsp; Clicking on a bright green box
......@@ -155,9 +155,9 @@ selects it to move to the center of the sphere.&nbsp; Its bright yellow
color denotes its selected status.&nbsp; So you can walk through a tree
that way as well.</li>
</ul>
<div style="margin-left: 40px;"><a href="gui_top3.jpg"><img
src="gui_top_small3.jpg" alt=""
style="border: 2px solid ; width: 380px; height: 326px;" align="top"></a><br>
<div style="margin-left: 40px;"><a href="gui_top3.jpg"><img align="top"
style="border: 2px solid ; width: 380px; height: 326px;" alt=""
src="gui_top_small3.jpg" title="Click for full-size image."></a><br>
</div>
<br>
The control panel at the right is divided into two sections.&nbsp; The
......@@ -182,18 +182,22 @@ node.<br>
</li>
</ul>
</ul>
<div style="margin-left: 40px;"><img src="gui_node.jpg" alt=""
style="width: 215px; height: 235px;"><br>
<div style="margin-left: 40px;"><img
style="width: 215px; height: 235px;" alt="" src="gui_node.jpg"><br>
</div>
<br>
These controls are used to explore networks with many
cross-links.&nbsp; The cross-links are not visible at first.&nbsp; Here
is an example (ts600.hyp) where the links are then turned on:<br>
is an example (ts600.hyp) where the links are then turned on by
clicking either of the "show" buttons for the whole tree (descending
from the root):<br>
<br>
<a href="ts600_hide_small.jpg"><img src="ts600_hide_small.jpg" alt=""
style="border: 2px solid ; width: 380px; height: 326px;"></a><a
href="ts600_show.jpg"><img src="ts600_show_small.jpg" alt=""
style="border: 2px solid ; width: 380px; height: 326px;"></a><br>
<a href="ts600_hide.jpg"><img
style="border: 2px solid ; width: 380px; height: 326px;" alt=""
src="ts600_hide_small.jpg" title="Click for full-size image."></a><a
href="ts600_show.jpg"><img
style="border: 2px solid ; width: 380px; height: 326px;" alt=""
src="ts600_show_small.jpg" title="Click for full-size image."></a><br>
<div style="margin-left: 40px;"><br>
</div>
<br>
......@@ -215,8 +219,8 @@ the change of view when a node is picked as the new center.&nbsp; (Not
working yet.)<br>
</li>
</ul>
<div style="margin-left: 40px;"><img src="gui_modes.jpg" alt=""
style="width: 211px; height: 275px;"><br>
<div style="margin-left: 40px;"><img
style="width: 211px; height: 275px;" alt="" src="gui_modes.jpg"><br>
</div>
<br>
</div>
......@@ -235,8 +239,8 @@ actually writes a temp .hyp file.&nbsp; You will see the file name on
the window title if you want to save the file.<br>
</li>
</ul>
<div style="margin-left: 40px;"><img src="open_dialog.jpg" alt=""
style="width: 416px; height: 327px;"><br>
<div style="margin-left: 40px;"><img
style="width: 416px; height: 327px;" alt="" src="open_dialog.jpg"><br>
</div>
<br>
</body>
......
www/hyperviewer/ts600_hide.jpg

89.5 KB | W: | H:

www/hyperviewer/ts600_hide.jpg

33.6 KB | W: | H:

www/hyperviewer/ts600_hide.jpg
www/hyperviewer/ts600_hide.jpg
www/hyperviewer/ts600_hide.jpg
www/hyperviewer/ts600_hide.jpg
  • 2-up
  • Swipe
  • Onion skin
www/hyperviewer/ts600_hide_small.jpg

31.7 KB | W: | H:

www/hyperviewer/ts600_hide_small.jpg

11.3 KB | W: | H:

www/hyperviewer/ts600_hide_small.jpg
www/hyperviewer/ts600_hide_small.jpg
www/hyperviewer/ts600_hide_small.jpg
www/hyperviewer/ts600_hide_small.jpg
  • 2-up
  • Swipe
  • Onion skin
www/hyperviewer/ts600_show.jpg

96.7 KB | W: | H:

www/hyperviewer/ts600_show.jpg

39.1 KB | W: | H:

www/hyperviewer/ts600_show.jpg
www/hyperviewer/ts600_show.jpg
www/hyperviewer/ts600_show.jpg
www/hyperviewer/ts600_show.jpg
  • 2-up
  • Swipe
  • Onion skin
www/hyperviewer/ts600_show_small.jpg

33.9 KB | W: | H:

www/hyperviewer/ts600_show_small.jpg

12.8 KB | W: | H:

www/hyperviewer/ts600_show_small.jpg
www/hyperviewer/ts600_show_small.jpg
www/hyperviewer/ts600_show_small.jpg
www/hyperviewer/ts600_show_small.jpg
  • 2-up
  • Swipe
  • Onion skin
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment