THE JAVA APPLETS ANY SERIOUS WEB DESIGNER SHOULD HAVE

INTRODUCTION

This chart can be used to display your data as a bar chart. It has advanced features such as 3D bars, automatic axis customizations and different initial animations. The applet has the following features:

• The applet has a tip text measurer, which is activated when the user moves the mouse pointer across a bart. You can also specify a description text that will appear with this value.
• An unlimited number of bars are supported and axis ranges are automatically calculated.
• The applet has two different types of initial animations: the first is the bars appearing one at the time and the second is the bars "growing" to reach their full value.
• Supports a background image.
• Specify font type, font size and font style of the text and title.
• You can specify the axis color, text color, title color, selection color, background color, the description text and background color.
• Compatible with any Java compatible browser.

Before using this applet you must read the license agreement.

APPLET INFORMATION

DEPENDENT FILES

The following file must be included with the applet in order for it to function properly:

mmbarchart.class

GENERAL PARAMETERS

This applet is configurable with normal HTML applet parameters. The first thing that must be done is to configure the applet main tags:

<APPLET CODE="mmbarchart.class" WIDTH=300 HEIGHT=150>
</APPLET>

As you can see, the size in the example is 300x150 pixels. You can change the dimensions to whatever size you wish. However, you take note that sometimes a big applet requires more processing power which may be hard for some computers. The following parameters may not be changed:

<PARAM name="mandomartis0" 
value="This is an applet from Anibal's Essential Applets package">
<PARAM name="mandomartis1" 
value="It was developed by Anibal Wainstein / Mandomartis">
<PARAM name="mandomartis2" 
value="Get it at http://www.mandomartis.com/essentialapplets/">

These are Mandomartis credits are are used to identify the applet. The following parameter controls the general frame delay in milliseconds, and thus the frames per second (FPS). The default value is 70:

<PARAM name="delay" value="70">

COPY PROTECTING THE APPLET, THE HOSTNAME AND FILENAME PARAMETERS

The applet is a commercial applet and must therefore be copy protected for your server, so that no one can take the applet and use it for his/hers homepage. There are two parameters that handles this, the encrypted "hostname" and "filename" parameters. What happens is that the applet reads the hidden host name and file name in these parameters and compares it to the server name and file name that it is imbedded in. If they do not match, then the applet will not work. Note that with "filename" we mean both the filename AND the path to the file. Let us take an example:

Let us assume that the URL where the applet will be located is:

http://www.myhostname.com/myapplet/help.html

The host name in this case happens to be "http://www.myhostname.com"
and the filename is "/myapplet/help.html".

The hostname and filename parameters does not have to be exact.
So the possible host names could be "www.myhostname.com", 
"myhostname" or "myhostname.com". While filename could be 
"myapplet", "myapplet/help.html", "help.html" or just "help". 
For the applet the hostname and filename parameters are search 
keywords that are use search in those two strings
 

Please note that in the example above we have not specified the "http://". You must not do that. You should know that the hostname and filename part of the url where the applet is inbedded in must be specified separately. Also the hostname must be more than 4 charaters long.

You can specify several hostnames and filenames if your homepage files can be reached from two or more different servers or from several mirror sites. Suppose that you have a company and you have your own hostname, e.g. "www.yourcompany.com". You have an Internet provider named "internetprovider" as well. Visitors can then access your file through your host "www.yourcompany.com/myfile.html" and through your Internet provider "www.internetprovider.com/yourcompany/myfile.html". The first hostname could be "www.yourcompany.com" and the second "www.internetprovider.com". The filenames could both be "myfile.html.".

As we said earlier the hostname and filename are encrypted. Therefore you must use the encoder applet for each applet and enter the hostname or filename there. You have two fields there where you can write each hostname and filename. The resulting HTML parameter content can then be pasted into the HTML page. The resulting HTML code could look like this:

<PARAM name="hostname0" value="~y31u:PR.FrazjkRsfPhh+k">
<PARAM name="hostname1" value="dl34jk-d~sa:fas">
<PARAM name="filename0" value="dy">
<PARAM name="filename1" value="sadf:ds/dsfa">

To run the encoder applet that was included in the package, you open the HTML file "encoder.html" in your favourite web browser.

The last thing you should know is that if you have put the applet on an URL called "http://www.yourhost.com/index.html" then you must specify a slash "/" as filename. Because you can reach this URL by writing "http://www.yourhost.com/" and "http://www.yourhost.com/index.html". By writing a slash "/" you cover both possibilities. Here are more examples of hostname and filename specifications:

Your URL:                  http://www.hellespoint.com/
Recommended hostname:      hellespoint
Recommended filename:      /

Your URL:                  http://www.larshomepage.com/products.html
Recommended hostname:      larshomepage
Recommended filename:      products.html

Your URL:                  http://henkesimage.sweden.se/list/
Recommended hostname:      henkesimage.sweden
Recommended filename:      list

Your URL:                  http://myhost.lnet.com/~john/home.html
Recommended hostname:      myhost.lnet.com
Recommended filename:      ~john/home.html

The applet will "see" what you see in the adress field on your browser when you enter your homepage. As long as you remember this you will be able to configure the applet without problems. Note also that you must have the exact number of hostnames and filenames for else the applet will not work (one filename for each hostname).

SETTING UP THE DATA WITH COLORS, TEXT AND DESCRIPTIONS

Write the values of each bar using the "numberdatay" parameter, like this:

<PARAM name="numberdatay0" value="1512">
<PARAM name="numberdatay1" value="1777">
<PARAM name="numberdatay2" value="1181">

You can specify an unlimited number of bars this way.

When adding further information about each chart bar, you can follow the same idea as when adding data. Here, the index indicates which line the parameter is refering to. You can specify the descriptions which will appear in a window below the mouse pointer ("description"), the colors ("color") and the text labels for each of the bars ("text") respectively:

<PARAM name="text0" value="Programming">
<PARAM name="text1" value="Planning">
<PARAM name="text2" value="Meetings">
<PARAM name="description0" 
value="John spends 10 hours programming.">
<PARAM name="description1" 
value="John spends 7 hours planning projects.">
<PARAM name="description2" value="John spends 8 hours in meetings.">
<PARAM name="color0" value="ff0000">
<PARAM name="color1" value="00ff00">
<PARAM name="color2" value="0000ff">

Now the content of "description0" will be displayed when you move the mouse pointer across a bar. The first bar will have the label "Programming" and the color red (ff0000).

By setting the "tagsoverbars" parameter to "yes", the text tags for each bar will be displayed over the bars, otherwise the tags are displayed below the x-axis.

<PARAM name="tagsoverbars" value="yes">

With the "titletext" parameter you can specify a title for your chart:

<PARAM name="titletext" value="My Line Chart"> 

Note that you must set the "usetitle" parameter to "yes" if you want the title text to be displayed:

<PARAM name="usetitle" value="yes">

SELECTING COLORS

With the "textcolor" parameter you can specify the color of the text labels:

<PARAM name="textcolor" value="ffff00">

The "backgroundcolor" is only effective if you do not use a background image.

<PARAM name="backgroundcolor" value="003f00">

With the "titletextcolor" you can change the color of the title text:

<PARAM name="titletextcolor" value="ffff00">

Use the "selectedcolor" parameter to specify the color you want to be used when a line label is selected and starts to blink.

<PARAM name="selectedcolor" value="ffffff">

The "descriptiontextcolor" and "descriptionbackgroundcolor" is the color that the description window and text will have.

<PARAM name="descriptiontextcolor" value="000000">
<PARAM name="descriptionbackgroundcolor" value="ffff7f">

Use the "axiscolor" to set the color for the chart axis and the number range labels:

<PARAM name="axiscolor" value="000000">

FONT PARAMETERS

The font parameters affect the font type ("font" parameter), font size ("fontsize" parameter) and the font style ("bold" and "italic" parameters) for the text label:

<PARAM name="font" value="Helvetica">
<PARAM name="fontsize" value="16">
<PARAM name="bold" value="no">
<PARAM name="italic" value="yes">

The font types can be "TimesRoman", "Helvetica", "Courier" and "Dialog". If you want the font style to be bold or italic then specify the value "Yes" on these parameters. To change the font specifications for the title use the following parameters instead:

<PARAM name="titlefont" value="Helvetica">
<PARAM name="titlefontsize" value="16">
<PARAM name="titleitalic" value="no">
<PARAM name="titlebold" value="yes"> 

OTHER PARAMETERS

The background image can be specified by the "backgroundimage" parameter:

<PARAM name="backgroundimage" value="background.gif"> 

This parameter overrides the "backgroundcolor" parameter's effect if you specify it. By leaving this parameter blank you can disable the background image and use the background color instead. The background image must have the same dimensions as the applet.

Set the "initialanimationtype" parameter to 0 if you want to disable the initial animation, to 1 if you want the bars to "grow" until they reach their maximum value and to 2 when you want each bar to appear one by one:

<PARAM name="initialanimationtype" value="1">

Use the "descriptiontextspeed" and the "descriptionwindowwidth" parameters to set the description text scrolling speed and the description window width respectively:

<PARAM name="descriptiontextspeed" value="3">
<PARAM name="descriptionwindowwidth" value="50">

Set the "use3dbars" parameter to "yes" if you want to display fancy 3D bars, instead of just flat ones:

<PARAM name="use3dbars" value="Yes">

EXAMPLE OF A FULL CONFIGURATION

The following HTML text is an example of an applet configuration:

<APPLET CODE="mmbarchart.class" WIDTH=400 HEIGHT=200>
<PARAM name="mandomartis0" 
value="This is an applet from Anibal's Essential Applets package">
<PARAM name="mandomartis1" 
value="It was developed by Anibal Wainstein / Mandomartis">
<PARAM name="mandomartis2" 
value="Get it at http://www.mandomartis.com/essentialapplets/">
<PARAM name="hostname0" value="X2x3eNid5X2x;BgS">
<PARAM name="filename0" value=".2">
<PARAM name="delay" value="70">
<PARAM name="font" value="Helvetica">
<PARAM name="fontsize" value="11">
<PARAM name="italic" value="yes">
<PARAM name="bold" value="no">
<PARAM name="titlefont" value="Helvetica">
<PARAM name="titlefontsize" value="14">
<PARAM name="titleitalic" value="no">
<PARAM name="titlebold" value="yes">
<PARAM name="backgroundcolor" value="ffffff">
<PARAM name="descriptiontextcolor" value="000000">
<PARAM name="descriptionbackgroundcolor" value="ffff7f">
<PARAM name="textcolor" value="3fff3f">
<PARAM name="titletextcolor" value="0007f">
<PARAM name="selectedcolor" value="ffffff">
<PARAM name="axiscolor" value="00007f">
<PARAM name="backgroundimage" value="bluemax.jpg">
<PARAM name="initialanimationtype" value="1">
<PARAM name="descriptiontextspeed" value="3">
<PARAM name="descriptionwindowwidth" value="70">
<PARAM name="tagsoverbars" value="no">
<PARAM name="usetitle" value="yes">
<PARAM name="use3dbars" value="yes">
<PARAM name="titletext" 
value="Total number of men mobilized in 1914-18 (in thousands)">
<PARAM name="numberdatay0" value="5704">
<PARAM name="numberdatay1" value="2950">
<PARAM name="numberdatay2" value="7800">
<PARAM name="numberdatay3" value="19000">
<PARAM name="numberdatay4" value="5615">
<PARAM name="numberdatay5" value="1000">
<PARAM name="numberdatay6" value="1500">
<PARAM name="numberdatay7" value="2850">
<PARAM name="numberdatay8" value="13250">
<PARAM name="numberdatay9" value="9000">
<PARAM name="numberdatay10" value="3800">
<PARAM name="text0" value="BR.">
<PARAM name="text1" value="BR.E.">
<PARAM name="text2" value="FR.">
<PARAM name="text3" value="RUS.">
<PARAM name="text4" value="IT.">
<PARAM name="text5" value="ROM.">
<PARAM name="text6" value="JAP.">
<PARAM name="text7" value="TURK.">
<PARAM name="text8" value="GER.">
<PARAM name="text9" value="AUT.">
<PARAM name="text10" value="USA">
<PARAM name="description0" value="Britain">
<PARAM name="description1" value="British Empire">
<PARAM name="description2" value="France">
<PARAM name="description3" value="Russia">
<PARAM name="description4" value="Italy">
<PARAM name="description5" value="Romania">
<PARAM name="description6" value="Japan">
<PARAM name="description7" value="Turkey">
<PARAM name="description8" value="Germany">
<PARAM name="description9" value="Austria-Hungary">
<PARAM name="description10" value="United States Of America">
<PARAM name="color0" value="ff0000">
<PARAM name="color1" value="00ff00">
<PARAM name="color2" value="0000ff">
<PARAM name="color3" value="ff0000">
<PARAM name="color4" value="00ff00">
<PARAM name="color5" value="0000ff">
<PARAM name="color6" value="ff0000">
<PARAM name="color7" value="00ff00">
<PARAM name="color8" value="0000ff">
<PARAM name="color9" value="ff0000">
<PARAM name="color10" value="00ff00">
</APPLET>

© Copyright 2001-2005 Mandomartis Software Company