323 lines
15 KiB
HTML
Executable File
323 lines
15 KiB
HTML
Executable File
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
|
|
<HTML>
|
|
<HEAD>
|
|
<META NAME="Generator" CONTENT="Cosmo Create 1.0.3">
|
|
<TITLE>Tutorial </TITLE>
|
|
</HEAD>
|
|
<BODY BGCOLOR="#33CCFF" link="#0000FF" vlink="#0000FF" alink="#0000FF">
|
|
<CENTER>
|
|
<H1 ALIGN="center"> <font face="Verdana, Arial, Helvetica, sans-serif"><A NAME="Tutorial"><font size="6">Airwan
|
|
Tutorial</font></A></font></H1>
|
|
</CENTER>
|
|
<P align="center"> <font face="Verdana, Arial, Helvetica, sans-serif"><BR>
|
|
<b>This tutorial will show you how to :</b></font></P>
|
|
<div align="center">
|
|
<ul>
|
|
<LI> <font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Creating"><b>create
|
|
a world</b></A></font><b> </b>
|
|
<LI> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#add1">add
|
|
objects</A></font> </b>
|
|
<LI> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#add2">add
|
|
texts</A></font></b>
|
|
<LI> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Add4">add
|
|
viewpoints</A></font> </b>
|
|
<LI> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Add3">add
|
|
links</A></font> </b>
|
|
<LI> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Createananimation">create
|
|
an animation</A><BR>
|
|
</font> </b>
|
|
</ul>
|
|
</div>
|
|
<P align="center"><b><font face="Verdana, Arial, Helvetica, sans-serif"> The result
|
|
of this tutorial is a simulation of commucations beetwen computers.</font></b></P>
|
|
<HR>
|
|
<P> </P>
|
|
<CENTER>
|
|
<P ALIGN="CENTER"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A NAME="Login"><FONT SIZE="6">Connection</FONT></A><BR>
|
|
</font></b></P>
|
|
<P ALIGN="CENTER"><b><font face="Verdana, Arial, Helvetica, sans-serif">Insert
|
|
the login and the password given in our e-mail.</font></b></P>
|
|
</CENTER>
|
|
<P align="center"><img src="img/login.gif" width="341" height="131" BORDER="3"></P>
|
|
<P> </P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><BR>
|
|
<BR>
|
|
</font></b></P>
|
|
<P> </P>
|
|
<P> </P>
|
|
<HR>
|
|
<CENTER>
|
|
<P ALIGN="CENTER"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A NAME="Creating"><FONT SIZE="6">Create
|
|
a world</FONT></A><BR>
|
|
</font></b></P>
|
|
</CENTER>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/newWorld.jpg" ALIGN="RIGHT" BORDER="3"
|
|
><BR>
|
|
<BR>
|
|
Click on the 'New' button.</font></b></P>
|
|
<P> </P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><BR>
|
|
<BR>
|
|
<BR>
|
|
</font></b></P>
|
|
<P> </P>
|
|
<P> </P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/createWorld.jpg" ALIGN="RIGHT" BORDER="3"
|
|
><BR>
|
|
<BR>
|
|
Then, name your new world (for example 'Tutorial') and click the 'Create world'
|
|
button.</font></b></P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
</font></b></P>
|
|
<HR>
|
|
<CENTER>
|
|
<P ALIGN="CENTER"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Tutorial"><IMG SRC="img/top.gif" ALIGN="LEFT" BORDER="3"
|
|
></A><A NAME="add1"><FONT
|
|
SIZE="6">Add objects</FONT></A><BR>
|
|
<BR>
|
|
</font></b></P>
|
|
</CENTER>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> There will be 5 objects
|
|
in this world : </font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> - the sender, who asks
|
|
for the communication (a remote machine),<BR>
|
|
- a firewall,<BR>
|
|
- 3 local machines, including the receipient of the communication.</font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Click the 'Object' icon
|
|
:<IMG SRC="img/object1.gif" ALIGN="MIDDLE">
|
|
>, then the 'Add' button</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> - Select the PC library
|
|
and the PC object. Name this object(for example 'Sender'), and add it to origin.</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/addObj1.jpg" WIDTH="778" HEIGHT="108" BORDER="3">
|
|
</font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> The object is added
|
|
to origin of the world.<BR>
|
|
</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> - Select the linuxServeur
|
|
object,name it ('firewall' for example) and add it like the 'Sender'.</font></b></P>
|
|
<P> </P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> The firewall is added
|
|
at the same position of the sender. You'll have to move it for a better visualization.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Click the 'Object' icon,
|
|
then the 'Modify' button.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Select the firewall
|
|
and translate it to become it visible.</font></b></P>
|
|
<P align="center"> <b><img src="img/modifFirevrml.jpg" width="310" height="181" BORDER="3"></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/modifFirewall.jpg" WIDTH="774" HEIGHT="110" BORDER="3" >
|
|
</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Don't forget to validate
|
|
your modifications. </font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Then, add machines (PC
|
|
or SGI library), with the firewall as parent. (Children of the firewall will
|
|
follow its translations and its rotations).</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/addObj3.jpg" WIDTH="773" HEIGHT="108" BORDER="3" >
|
|
</font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Modify the objects in
|
|
order to become them visible :</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/globalvrml.jpg" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
</font></b></P>
|
|
<HR>
|
|
<CENTER>
|
|
<P ALIGN="CENTER"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Tutorial"><FONT SIZE="6"><IMG SRC="img/top.gif" ALIGN="LEFT"
|
|
BORDER="3" ></FONT></A><FONT
|
|
SIZE="6"><A NAME="add2">Add texts</A></FONT></font></b></P>
|
|
</CENTER>
|
|
<P> </P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Click the 'Text' icon
|
|
<IMG SRC="img/textfield1.gif" ALIGN="MIDDLE"
|
|
> and the 'Add' button.</font></b></P>
|
|
<P> </P>
|
|
<P align="left"><b><font face="Verdana, Arial, Helvetica, sans-serif"> Name your
|
|
text, describe it (the text displayed in VRML), select a color (by default blue),
|
|
and select the parent of this text :</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/addText1.jpg" BORDER="3"
|
|
width="687" height="126"><BR>
|
|
</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Then, click the 'Add'
|
|
button, 'Sender' appear in the VRML world.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> The text is added at
|
|
the origin of the world, you have to move above the 'Sender' object.</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/modText1.jpg" WIDTH="775" HEIGHT="112" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Restart this operation
|
|
to name the other objects.</font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Here is one of the possible
|
|
VRML result :</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/textwrl.jpg" BORDER="3"
|
|
width="377" height="281"></font></b></P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
</font></b></P>
|
|
<HR>
|
|
<CENTER>
|
|
<P ALIGN="center"><b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Tutorial"><IMG SRC="img/top.gif" ALIGN="LEFT" BORDER="3"
|
|
></A> <A NAME="Add3"><FONT
|
|
SIZE="6">Add links</FONT></A></font></b></P>
|
|
</CENTER>
|
|
<P> </P>
|
|
<P> </P>
|
|
<P align="left"><b><font face="Verdana, Arial, Helvetica, sans-serif"> Click the
|
|
'Link' icon<IMG SRC="img/link1.gif" ALIGN="MIDDLE"
|
|
> and the 'Add' button.</font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> First, select 2 objects
|
|
to link (the sender and the firewall), name the link 'extenal', select a color,
|
|
a size (0.05 is the most appropriated) and click the 'add' button :</font></b></P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><img src="img/addlink1.jpg" width="774" height="106" border="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Restart this operation
|
|
to link the firewall with the other objects (with another color) :</font></b></P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/addlink2.jpg" WIDTH="775" HEIGHT="108" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Here is the VRML result
|
|
:</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/SIZE/linkvrml.gif" BORDER="3"
|
|
></font></b></P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
</font></b></P>
|
|
<HR>
|
|
<CENTER>
|
|
<P ALIGN="CENTER"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Tutorial"><IMG SRC="img/top.gif" ALIGN="LEFT" BORDER="3"
|
|
></A><A NAME="Add4"><FONT
|
|
SIZE="6">Add viewpoints</FONT></A></font></b></P>
|
|
</CENTER>
|
|
<P> </P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Click the 'Viewpoint'
|
|
icon<IMG SRC="img/viewpoint1.gif" ALIGN="MIDDLE">
|
|
and the 'Add' button.</font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> First, create a global
|
|
viewpoint, with all visible objects :</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Name your viewpoint
|
|
and describe it, then click the 'add' button :</font></b></P>
|
|
<P> </P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/SIZE/addpov1.gif" BORDER="3" >
|
|
</font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Then, create a viewpoint
|
|
for every object in the scene.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Move yourself in front
|
|
of the sender, and restart the last operation, with selecting the viewpoint's
|
|
parent:</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/SIZE/addpov2.gif" BORDER="3" >
|
|
</font></b></P>
|
|
<P> </P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> The viewpoint list appears
|
|
in the bottom-left corner of the VRML plugin:</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/povvrml.jpg" BORDER="3" >
|
|
</font></b></P>
|
|
<P> </P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><BR>
|
|
<BR>
|
|
<BR>
|
|
<BR>
|
|
</font></b></P>
|
|
<HR>
|
|
<CENTER>
|
|
<BLOCKQUOTE> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Tutorial"><IMG SRC="img/top.gif" ALIGN="LEFT" BORDER="3">
|
|
</A><A
|
|
NAME="Createananimation"><FONT SIZE="6">Create an animation</FONT></A></font></b></BLOCKQUOTE>
|
|
</CENTER>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> This animation is a
|
|
simulation of a communication : the sender visits a web site.</font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> - First, we have to
|
|
change the text of a machine.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Click the 'Text' icon,
|
|
then the 'modify' button.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Select the text to be
|
|
modified, insert the new text ('Web-Server' for example) in the appropriated
|
|
textfield, click 'set', and then validate your modification :</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/chText.jpg" WIDTH="770" HEIGHT="98" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> The text is changed
|
|
in the VRML scene :</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/SIZE/chText1.gif" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> -Secondly, we have to
|
|
add an object representing the communication (an IP packet):</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> In the 'add object'
|
|
window, select the 'Various' library and the cube object. Name it 'packet',
|
|
then add it with no parent (the location of the object isn't important because
|
|
it will be moved) .</font></b></P>
|
|
<P> </P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> -Finally, we have to
|
|
create the animation of this object.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Click the 'Script' icon
|
|
<IMG SRC="img/script1.gif" ALIGN="MIDDLE"
|
|
>.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Animating an object
|
|
means giving it successive positions according to a period.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> So, we have to determinate
|
|
the route of the packet.</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> The first postion is
|
|
the sender. Move yourself INSIDE the sender then click the 'position' button
|
|
:</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/position1.jpg" WIDTH="768" HEIGHT="126" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Restart this operation
|
|
with the second position, that is the firewall, then the Web-Server that return
|
|
a new packet, again the firewall and finally the new packet return to the sender.</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/position2.jpg" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Now, we have to set
|
|
a period (in seconds) for this animation : for example 20 .</font></b></P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> The textfield 'Hard
|
|
name' is the name of the object that will be animated : the IP packet object
|
|
named 'packet'.</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/anim.jpg" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P><b><font face="Verdana, Arial, Helvetica, sans-serif"> Now, click the play
|
|
button ('>') : the packet start moving.</font></b></P>
|
|
<P align="center"> <b><font face="Verdana, Arial, Helvetica, sans-serif"><IMG SRC="img/SIZE/animvrml.gif" BORDER="3"
|
|
></font></b></P>
|
|
<P> </P>
|
|
<P> <b><font face="Verdana, Arial, Helvetica, sans-serif"><A HREF="#Tutorial"><IMG SRC="img/top.gif" ALIGN="LEFT" BORDER="3"
|
|
></A></font></b></P>
|
|
<hr>
|
|
<P align="center"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="4">Now,
|
|
you're ready to use Airwan</font></b></P>
|
|
<P align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="4"><b>Good
|
|
luck to build your future worlds . You could ask questions to <a href="mailto:support@airtria.com">support@airtria.com</a></b></font></P>
|
|
</BODY>
|
|
</HTML>
|