This Applet will let you organize your pictures photo-album (or whatever looks like a photo-album :D)
on your web space in a very easy way.
No need for heavy HTML pages maintenance work.
You just have to edit a couple of PLAIN text files and to put your images
into an apposite directory tree.
How does it work ?
Create a directory where do you want the applet to run in.
This is the exact directory structure you have to build:
mycatalogdir [DIR] (main directory)
Article.class
Catalog.class
Category.class
MyCanvas.class
category.txt (main configuration file... see below)
imageprocessing.txt (configuration file... see below)
ray-tracing.txt (configuration file... see below)
artworks.txt (configuration file... see below)
personal.txt (configuration file... see below)
immagini [DIR] (directory where to put images)
as you can see you have to create a PLAIN text file called "category.txt" where
you have to write in all the "sections" for your photo album.
For the example you can see in this page this file is defined as below:
---BEGIN of category.txt--- imageprocessing#Image Processing ray-tracing#Ray-tracing artworks#Artworks personal#A "little" photo-album... ---END of category.txt---
the first word is the directory name where the images for the section
"Image Processing" are stored. So in the directory "immagini" there
will be a sub-directory called "imageprocessing" where you will put
images for that section.
After the "#" separator symbol you will put a description for that section.
Also there will be a file called imageprocessing.txt where you will put
names and descriptions for images of "Image Processing" section.
For the example you can see in this page this file is defined as below:
---BEGIN of imageprocessing.txt--- hiding#The Little Giant#The "little" Riccardo hiding throught the hills obsession#Obsession#A nightmare obsession ---END of imageprocessing.txt---
the first word is the name of the jpg image file without the extension.
So you will put a file called hiding.jpg in the directory immagini/imageprocessing/ .
After the "#" separator symbol follows the name to be shown in the list of the items for the section
"Image Processing".
After the last "#" separator symbol follows the description of this image.
So on each separate line you can add others items.
In the 'immagini' directory you can put an image file called "coverimage.jpg"
that will be shown at startup as the cover for your photo-album.
A file called 'noimage.jpg' will be shown if an image file cannot be found.
As for 'immagini' directory you can put the 'coverimage.jpg' file for each directory
section defined in the 'immagini' directory. This image will be shown as the user switch
to a certain section.
This is the HTML code used in this example:
<APPLET CODE="Catalog.class" WIDTH="420" HEIGHT="380"> <PARAM NAME="categorystring" VALUE="Photos Section"> <PARAM NAME="articlesstring" VALUE="Images List"> <PARAM NAME="descriptionstring" VALUE="Image Description"> <PARAM NAME="imagestring" VALUE="Picture File"> </APPLET>
This applet is not complete yet, and its final version it's meant to be a complete
program for managing commercial On-Line Catalogs for shopping and ordering.
Feel free to use this "incomplete" version for your pages ;)
The final version will be very different from this one, and it will be, off course,
a commercial product.
For any suggestion or additional information e-mail me at: g.martello@byte.it