Web and Multimedia Development Software
Available at the UNR Seismological Lab
Contents:
Web Development Strategies
You might want to read the
Tips and
Techniques posted on the Web by
Adobe Systems to see if they have
recently posted a tutorial that addresses your needs.
Using the tools summarized below, here are brief ``how to'' outlines
for some common tasks in Web develpment. Once you see here what
programs you will need to use, you can look in LME 320 for their
tutorial manuals:
- Create a Web page. See the discussion of
Netscape below.
- Convert a paper from word-processor to Web format.
Import the word-processor (Word Perfect, MS-Word, etc.) document into
Adobe Pagemaker on the Power Mac. For proper printing, you may have to
convert your graphics to EPS format using Adobe Illustrator on the Sun or
Mac, and then Place them into your Pagemaker document.
Equations are probably best converted to EPS and Placed as graphics as well.
Convert your paper to a high-resolution PDF version, and the Placed graphics
will be converted to PDF within it.
Now make an HTML version of your paper by selecting the Export->HTML
item from Pagemaker 6.5's File menu, and it will automatically
create GIF or JPEG versions of your EPS graphics and equations
and link them in the output HTML.
Send email to webmaster@seismo
with the location of your HTML, GIF, and PDF files, for them to be linked into
the Seismology web pages.
- Convert a paper from text-formatter to Web format.
Open a copy of the text-formatted (TeX, LaTeX, troff, etc.) document
in a plain text editor. Manually alter formatting commands to HTML
commands. For each figure, import PostScript to Illustrator 6.0 on the
Power Mac or convert to PDF with Acrobat Distiller on the Mac or Sun.
Convert equations to GIF just as for figures.
From Illustrator or Photoshop on the Mac or Sun save a GIF and a PDF version
of each figure, and link into HTML.
Send email to webmaster@seismo
with the location of your HTML, GIF, and PDF files, for them to be linked into
the Seismology web pages.
- Convert a multi-page document on paper to Web format.
If mostly monochrome, connect PaperPort scanner to Power Mac and
scan all pages. Save stacked into one PaperPort file, and use OCR conversion
to RTF or de-columnized text. Use RTFtoHTML on a Mac to convert RTF to
HTML text, or add simple HTML formatting commands to plain text by
hand in a text editor. Use word processor or Pagemaker to spell-check
carefully for OCR errors (can take up to half an hour per scanned page, if
original text is small or quality poor).
Open pages with graphics in PaperPort, select
graphic, and copy and paste into Photoshop on Mac.
Save as GIF using a small number of adaptive colors or 255 browser colors.
- Scan a color graphic on paper to Web format.
Scan graphic on the HP scanner attached to the Power Mac using DeskScan II.
Save as compressed TIFF on the Mac. Open TIFF in Photoshop on Mac or Sun,
enhance with Image->Adjust->Levels and the Unsharp Mask filter,
and save as JPEG with medium or high quality. Can also use Image->Image Size
to make a small thumbnail to save as GIF using a small number of adaptive colors
or 255 browser colors.
- Annotate an image.
Open image in Photoshop on Mac or Sun (convert from Sun or other exotic
formats using XV3 or GraphicConverter if needed), enhance with
Image->Adjust->Levels and the Unsharp Mask filter; save as EPS with a
Mac 8-bit or JPEG preview and in binary JPEG High EPS format. Start
Illustrator on the same platform (if possible) and select File->Place Art.
Place (not Parse, if asked) the EPS image file and adjust its position and
size in Illustrator. In Illustrator select the image and choose Arrange->Lock,
then draw or import the annotations and save as Illustrator 5.5 and PDF.
In Illustrator 6.0 on the Power Mac save also as JPEG, or shrink and save
as GIF using a small number of adaptive colors or 255 browser colors.
- Convert a PostScript graphic for the Web.
- On the Power Mac in Illustrator 6.0, open the PostScript file, then save
as JPEG, or save as GIF using a small number of adaptive colors or 255
browser colors; or
- On a Mac or Sun, convert to PDF with the Acrobat Distiller, then open the
PDF in Illustrator 5.5, and save as Illustrator 5.5. Possibly large placed
image EPS files with names ``Image N'' will be written by Illustrator
when the PDF is opened.
Start Photoshop and open each EPS placed image file, and Save As EPS with a
Mac 8-bit or JPEG preview and in binary JPEG High EPS format with sensible
names. Then from Illustrator open the saved Illustrator 5.5 file and locate
all the placed images (it will ask in the order of the number N of
each placed Image file). Re-save the Illustrator 5.5 file, and save a PDF
file for the Web as well. See below to rasterize a PDF into JPEG or GIF for
the Web.
- Convert an IslandDraw graphic for the Web.
On a Sun, start islanddraw, open your islandraw file, and select Print.
In the Printing dialog, select the printer type PostScript Color, and
100% scaling. Leave the printing dialog and select Save As, and in the
Save dialog select file
type Printer File, and save with the file name extension ``.ps''.
This is a PostScript level 1 file.
- On the Power Mac in Illustrator 6.0, open the PostScript file, select any
raster images that should be grayscale and choose Filter->Colors->Saturate...
with -100% saturation; then save
as JPEG, or save as GIF using a small number of adaptive colors or 255
browser colors; or
- On a Mac or Sun, convert to PDF with the Acrobat Distiller, then open the
PDF in Illustrator 5.5, and save as Illustrator 5.5. Possibly large placed
image EPS files with names ``Image N'' will be written by Illustrator
when the PDF is opened.
Start Photoshop and open each EPS placed image file, select Mode->Grayscale
if your raster is not color, and Save As EPS with a
Mac 8-bit or JPEG preview and in binary JPEG High EPS format with sensible
names. Then from Illustrator open the saved Illustrator 5.5 file and locate
all the placed images (it will ask in the order of the number N of
each placed Image file). Re-save the Illustrator 5.5 file, and save a PDF
file for the Web as well. See below to rasterize a PDF into JPEG or GIF for
the Web.
- Convert PDF to GIF or JPEG.
- In Illustrator 6.0 on the Power Mac open the PDF file, then save as JPEG, or
shrink and save as GIF using a small number of adaptive colors or 255
browser colors; or
- In Illustrator 5.5 on the Mac or Sun open the PDF file in version 3 of the
Acrobat Reader. If necessary shrink the graphic in the Reader with the
Unzoom tool. On the Mac use the Select Graphics tool and copy and paste
into Photoshop, then save as JPEG, or save
as GIF using a small number of adaptive colors or 255 browser colors.
On the Sun start XV3, make sure the graphic is entirely exposed on the
screen, and click Grab on the XV3 control panel. Then click with the left
mouse button on the Reader window. Save the image from XV3 as JPEG or
GIF, and open in Photoshop to crop and save as JPEG, or
save as GIF using a small number of adaptive colors or 255 browser colors.
- Snap a monochrome picture of an object.
On the Power Mac plug the QuickCam into the modem port and start QuickPict 2.1.
Set your options for size and zooming, and to save to disk. Frame and snap your
picture, then save as JPEG on the Power Mac. Open the JPEG in Photoshop and
enhance with Image->Adjust->Levels and the Unsharp Mask filter,
and save as JPEG with medium or high quality. Can also use Image->Image Size
to make a small thumbnail to save as GIF using a small number of adaptive colors
or 255 browser colors.
- Create a GIF image using ``Web-Safe'' browser colors.
When saving or exporting a GIF89a graphic from Illustrator or Photoshop
(from RGB mode) on the Mac or Sun, you will be asked what color palette to use.
Indicate ``Other'' in Illustrator 6.0 on the Mac to select a browser color
palette after rasterizing, or Load one of the following browser color palettes
into Photoshop on the Mac or Sun: BrowserCLUT or
WebPalette.
If you want to use browser colors from the beginning to draw your graphics,
load internetcolors.gif into Photoshop
or internetcolors.ai into Illustrator,
and use the eyedropper tool to transfer colors to your artwork.
- Shoot a monochrome movie for the Web.
On the Power Mac plug the QuickCam into the modem port and the triangular
microphone into the microphone jack. Start QuickMovie 2.1 and set your options
for size and zooming. Live video with sound at a size of 160x120 pixels takes
about 1 Mbyte for every 10 seconds, so consider your sizing carefully. Under
the Sound menu select the Built-In microphone and 11 kHz sampling, and open
the Sound Other panel to be sure there is No sound compression.
Under the Video menu select Normal, and open the Video Other panel to set
QuickCam options like automatic brightness control, and the compression.
For the Web either Cinepak or Video compression is best. Cinepak compresses
very slowly but very tightly, and Video compresses fast but not as much.
Both compression algorithms uncompress fast upon viewing. Record your video,
and then Save from QuickMovie, and use Compress Movie to produce a flattened
QuickTime that can be downloaded on the Web. Use Adobe Premier on the Power
Mac to edit movies, alter compression, and change sound tracks.
- Produce a movie for the Web from a sequence of images.
Make sure all the images have the same size and similar brightness and
color ranges, usually by preparing them in Photoshop on the Sun or Mac.
Save each frame as
GIF or JPEG. For an animated GIF, Add each image in the Gif Builder program
on a Mac, and save as
animated GIF. Gif Builder will also save as QuickTime. On the Mac
is also a ConvertToMovie application that will create a QuickTime movie
from a folder of numbered images. You can also Copy and Paste images from
Photoshop directly into Premiere or the Apple Movie Player on the Mac.
Make sure your save the QuickTime as a ``flattened'' movie independent of
other files, and Playable on Non-Apple Computers. For movies without sound,
such as time-lapse animations, MPEG is the best and most tightly-compressed
format. Convert QuickTime to cross-platform MPEG on the Mac with the Sparkle
application, selecting simple I-frame logarithmic compression and Best frame
rate (blank). MPEG plays very fast on Windows PCs.
General Notes
In the summary tables below, links from package names are to further
details below, or to software developer and support sites.
Version numbers (if known) are given in a platform column if
the package is currently available at the UNRSL for that platform. A price in
a platform column gives the approximate cost of a package available but
not yet owned by the UNRSL. An ``Xwin only'' notation for a platform means
that the package may run on a Sun machine with display to a PC running
an X-Windows server package.
Packages available for Sun, lacking further
notes, are available on any UNRSL Sun by typing the name given on the
command line. Packages available for Mac may have been installed only on the
``SeismoPPC'' 6100/66 Power Mac in LME320, and are available from the
Apple Menu.
For further information on accessing Sun hard disks from UNRSL Macintosh
machines, see the
tutorial at this link.
If you have trouble running X-Windows graphics programs on the Suns,
make sure that the ``.cshrc'' and ``.login''
files are up-to-date. You should save your old versions, and
replace your ``.cshrc'' file with a file that contains
only the line:
source /usr/local/lib/seismo.cshrc
and replace your ``.login'' file with a file containing only:
source /usr/local/lib/seismo.login
Many printed manuals are available in LME 320. Some packages have Sun
on-line ``man'' pages; others include built-in tutorials
and examples.
Web Page Layout
| Package | Sun | PC | Mac |
Inputs | Outputs |
 |
Netscape | V3.0 | V3.0 | V3.0 |
HTML, GIF, JPEG, Java, QuickTime | Screen, PostScript |
| vi, textedit, notepad |
Text Editors | Yes | Yes | Avail. |
Text | HTML Text |
 |
BBEdit | No | No | Yes |
Text | HTML Text |
 |
RTF to HTML | No | No | Yes |
RTF (MS-Word) | HTML Text |
 |
Sun Java WorkShop | V1.0 | 95, NT only | No |
Java Classes and GUI Coding | Java Runtime Classes |
 |
Java Compiler ``javac file.java'' | V1.0.2 Solaris only | 95, NT only | V1.0.2 |
Java Code | Java Runtime Classes |
 |
Java Linker ``javah'' | V1.0.2 Solaris only | 95, NT only | V1.0.2 |
Java Code | Java Runtime Classes |
 |
Java Applet Viewer ``appletviewer file.class'' | V1.0.2 Solaris only | 95, NT only | V1.0.2 |
Java Runtime Classes | Screen, Audio |
 |
Java Runner ``java file.class'' | V1.0.2 Solaris only | 95, NT only | V1.0.2 |
Java Runtime Classes | Standalone Application |
Document Publishing
| Package | Sun | PC | Mac |
Inputs | Outputs |
 |
Adobe Pagemaker | No | $250 | V6.5 |
Any Text, Most Graphics | Print, PostScript, PDF, HTML |
| tex, latex, dvips |
Tex | Yes | Avail. | Yes |
Text, Styles | Print, PostScript |
| ptroff |
Troff | Yes | Linux only | Avail. |
Text | Text, Print, PostScript |
 |
GhostScript ``gs'' | Yes | Avail. | Yes |
PostScript L1, EPS | Screen, TIFF, GIF87 |
 |
Adobe ShowPS ``showps &'' | V1.0.5 | No | No |
PostScript L2, EPS | Screen |
 |
Sun PageView ``pageview &'' | SunOS only | No | No |
PostScript L1, EPS | Print, Screen |
 |
Adobe Acrobat Distiller
``distill -asciipdf on file.ps'' | V3.0 | $200 | V3.0 |
PostScript L2, EPS | PDF |
 |
Adobe Acrobat Reader ``acroread &'' | V3.0 | V3.0 for All | V3.0 for All |
PDF | Screen, Print, PostScript |
 |
Adobe Acrobat Exchange ``acroexch &'' | V3.0 | $200 | V3.0 |
PDF | Annotated PDF |
 |
Adobe Acrobat Catalog | V3.0 | $200 | V3.0 |
PDF | PDF Catalog |
Illustration
| Package | Sun | PC | Mac |
Inputs | Outputs |
 |
Adobe Illustrator | V5.5 | V4.2 $250 | V6.0 |
Most Graphics (V6.0: TIFF, GIF, JPEG) | Print, EPS, PDF, PostScript (V6.0: GIF89, JPEG) |
|
Corel Draw | Solaris only | Yes | No |
Most Graphics | Print, EPS, PostScript, GIF, JPEG |
| islanddraw |
Island Draw | V4.0 | Xwin only | Xwin only |
EPS, PostScript L1 | Print, PostScript, EPS, TIFF |
| ice |
Lamont ICE | SunOS only | No | No |
PostScript | PostScript |
 |
Adobe Dimensions | No | No | V2.0 |
Most Graphics | 3-D EPS, PostScript |
Raster Graphics
| Package | Sun | PC | Mac |
Inputs | Outputs |
 |
XV3 ``xv3 &'' | V3.0 | Xwin only | Xwin only |
PBM, BMP, X11, Sun Raster, TIFF, JPEG, GIF87 | PBM, BMP, X11, Sun Raster, TIFF, JPEG, GIF87 |
 |
Adobe Photoshop | V3.0.1 | V3.0.1 $250 | V3.0.5 |
Raw, PCX, BMP, TIFF, GIF89, JPEG, PICT, PhotoCD, EPS | Raw, PCX, BMP, TIFF, GIF89, JPEG, PICT, EPS, EPS JPEG |
 |
Graphic Converter | No | No | V2.2.2 |
Any Raster | PCX, BMP, TIFF, GIF89, JPEG, PICT, EPS, QuickTime movie |
 |
DeskScan II | No | No | Yes |
Color materials | TIFF, PICT, Text, RTF |
 |
Visioneer PaperPort | No | $150 | Yes |
Monochrome pages | TIFF, PICT, Text, RTF |
 |
Connectix QuickPict | No | $100 | V2.1 |
Monochrome Camera | PICT, JPEG, TIFF, QuickTime movie |
 |
Sun VideoPix ``vfctool &'' | Yes | Xwin only | Xwin only |
NTSC Video | TIFF, Sun Raster |
 |
Sun Snapshot ``snapshot &'' | Yes | Xwin only | Xwin only |
Screen | Sun Raster |
| Cmd-Shft-3 |
Mac Snapshot | No | No | Yes |
Screen | PICT |
Video Animation
| Package | Sun | PC | Mac |
Inputs | Outputs |
 |
Apple MoviePlayer | No | V2.1, no edits | V2.5 |
QuickTime movie, AIFF & CD Sound, MIDI Music, PICT |
Flattened QuickTime movie, AIFF sound, PICT |
| xanim |
XAnim | Yes | Xwin only | Xwin only |
QuickTime, MPEG, GIFs, JPEGs | Screen, speakers |
 |
Adobe Premier | No | No | V4.2.1 |
QuickTime, Most Graphics, AIFF & CD Sound, MIDI Music, microphone |
Flattened QuickTime, PICT, AIFF |
 |
Connectix QuickMovie | No | No | V2.1 |
Monochrome Camera | Flattened QuickTime |
 |
Sparkle | No | No | V2.4.5 |
QuickTime, MPEG, PICT | QuickTime, MPEG |
|
VMPEG | No | Yes | No |
MPEG | Screen |
 |
Gif Builder | No | No | 0.3.2 |
GIFs, QuickTime | Animated GIF, QuickTime |
 |
Specular LogoMotion | No | No | Yes |
Logo Text, PICT | PICT, QuickTime |
Audio
| Package | Sun | PC | Mac |
Inputs | Outputs |
| audiotool |
Sun AudioTool | Yes | No | No |
AU audio, microphone | AU audio, speakers |
 |
SoundApp | No | No | V1.3 |
AU, CD, WAV, AIFF | WAV, AIFF, speakers |
 |
SoundMachine | No | No | V2.1 |
AU, AIFF, microphone | AU, AIFF, speakers |
Virtual Reality
| Package | Sun | PC | Mac |
Inputs | Outputs |
 |
Apple QuickTime VR Player | No | Yes | Yes |
QuickTime VR | Screen, PICT |
 |
Apple Make QuickTime VR Object | No | No | Yes |
Object view PICTs | QuickTime VR scene |
 |
Apple Make QuickTime VR Panorama | No | No | Yes |
Panoramic PICT | QuickTime VR scene |
 |
SunVoxel ``sunvision &'' | Yes | No | No |
VFF Volume | Screen, VFF Images, Sun Raster |
 |
MacCubeView | No | No | V2.0 |
VFF Volume | Screen, PICT |
Netscape
Netscape functions as the best viewer for your Web development projects.
When you see a page on the Internet that you want to emulate, use Netscape's
View->Document Source facility to look at the HTML code. You can save others'
HTML code and edit it into your own page with a simple text editor. View your
HTML, GIF, JPEG, QuickTime, or Java files before installing them on a server
with a File->Open File command.
- Run Netscape 2.0.1 on a Sun with a ``
netscape'' command.
- For Netscape version 3.0 on a UNRSL SunOS 4.1.3 machine, use a
``
netscape.30'' command.
- For Netscape version 3.0 on a UNRSL Solaris 2.x machine, use a
``
netscape3.0'' command.
- If you need to know what operating system version is
running on the machine you are using, give a ``
uname -a''
command.
- Go to Netscape Communications
to download the latest version and multimedia plug-ins for your platform.
- Look at a tutorial on Web page
development.
Sun Java WorkShop
This Java programming environment features built-in tutorials, templates,
and examples. It is installed on rumble for Sun SPARC machines, and is
available for installation on a Solaris X86 or Windows 95 or NT machine.
The SPARC version only executes on a Solaris 2 machine, such as rumble, diamond, mmv.mines,
or cemat; although it will display via X-Windows to any other UNRSL Sun.
If the Sun you are sitting at is named machine,
start it with the commands:
xhost +rumble
rlogin rumble
setenv DISPLAY machine:0
jws &
Adobe Illustrator
At the UNRSL we have version 6.0 installed on ``SeismoPPC'' in LME 320,
and version 5.5 installed on ``seismomac'' and on the Suns.
There are significant differences between versions in the types of graphics
they will import and export:
- Version 4.2, the highest sold for the PC, can only handle line art (vector
graphics), and no images. This version can open and save only Illustrator
and EPS formats, and print to PostScript.
- Version 5.5, which we have on Mac and Sun, can ``place'' color raster art
(images) and allow them to be viewed at high resolution while they are
annotated with vector art. The images have to be prepared as separate files
using a raster image package such as Adobe
Photoshop that can save to EPS format. Recent
versions of Photoshop allow saving in a binary
JPEG-compressed variety of EPS, saving usually 80% of the normal EPS
file size. Version 5.5 of Illustrator can open and edit PDF and Vector PICT graphics,
and save to PDF as well. PostScript graphics can be edited by conversion
to PDF using the Acrobat Distiller, and then opening the PDF in Illustrator.
- Version 6.0, available only on the ``SeismoPPC'' Power Mac, is the first
version able to import and export a wide variety of useful vector and
raster graphic file formats. It can apply many of the image enhancing tools
available in Photoshop to artwork it rasterizes in-place.
Version 6.0 can open and edit any Level 1 or 2 PostScript file directly,
without prior conversion to PDF. In addition, it will rasterize and save
the artwork as a GIF89 file with anti-aliasing, transparency, and color table
optimization, for the quickest path to high-quality Web graphics.
Unfortunately, saved Illustrator files containing raster images are quite
large, taking much more space than an Illustrator 5.5 graphic and separate
binary JPEG EPS image files. Version 6.0 files cannot be opened on the Sun
or PC by previous versions. So continued use of placed binary JPEG EPS
images and saving in version 5.5 format is still desirable.
Notes on running Illustrator on the Suns
The Sun version only executes on a Solaris 2 machine, such as rumble, diamond, mmv.mines,
or cemat; although it will display via X-Windows to any other UNRSL Sun.
We only have a single floating license, so please Quit Illustrator as soon
as you are not using it constantly.
If the Sun you are sitting at is named machine,
start it with the commands:
xhost +rumble
rlogin rumble
setenv DISPLAY machine:0
illustrator &
When you first try to Open or Save a file you may not see immediately how
to access all of the Sun disks. The screen shot at left shows the Open
dialog box; notice the Go To and arrow under the Eject button. This arrow
is a menu of directories that you are using; when you first run the program
it will only show what turns out to be an Illustrator directory created inside
your home directory. There will not be enough space to save anything much
there. The way to add directories to the Go To menu is to press the
Add/Rm Dir... button above. A dialog will pop up allowing you to type in the
UNIX path name of the directory you want to use.
Adobe Photoshop
At the UNRSL we have the relatively recent version 3.0 of Photoshop installed
on the ``SeismoPPC'' Power Mac in 320 as well as on the Suns. Photoshop is
the best tool for importing, enhancing, saving, and printing raster images,
and it can save them in GIF89 format with anti-aliasing, transparency, and
color table optimization. It also allows precise JPEG compression control, and
can save compact binary JPEG EPS image files for placing into
Illustrator graphics. It can open and rasterize to GIF89
or JPEG any graphics created with Illustrator version
5.5 as well.
Notes on running Photoshop on the Suns
The Sun version only executes on a Solaris 2 machine, such as rumble, diamond, mmv.mines,
or cemat; although it will display via X-Windows to any other UNRSL Sun.
We only have a single floating license, so please Quit Photoshop as soon
as you are not using it constantly.
If the Sun you are sitting at is named machine, and
your Sun login name is user,
start it with the following commands. Don't worry if the mkdir
command fails because the directory already exists; just proceed:
xhost +rumble
rlogin rumble
setenv DISPLAY machine:0
mkdir /tmp/user
photoshop &
The first time you run Photoshop it will complain as it starts up that there
is not enough memory and it can't find enough scratch file space.
You need to tell it where to find the space by walking into the preferences
menu as at left, Quit Photoshop, and then restart it. Then as long as you
follow the sequence above in the future the program should not complain.
To get to the preferences, hold down the left mouse button over the Open
menu, then drag down to Preferences, drag onto the Preferences menu,
then drag down to the Memory and Scratch Files... item and release the
mouse button.
In the Memory and Scratch Files dialog enter ``/tmp/user''
in the Primary scratch file directory field (where user
is your Sun login name as above).
Then click on Percentage in the Physical Memory Use box, and enter
30%. Photoshop should only be run on machines with over
64 Mbytes of memory such as rumble, diamond, cemat, or mmv.mines; so
the 30% should come out to about 32 Mbytes.
Now Quit Photoshop and start it again, and you should not have to go through
this exercise again.
When you first try to Open or Save a file you may not see immediately how
to access all of the Sun disks. The screen shot at left shows the Open
dialog box; notice the UNIX path name field at the top, which has an
arrow to the right of it. This arrow
is a menu of directories that you are using; when you first run the program
it will only show what turns out to be a Photoshop directory created inside
your home directory. There will not be enough space to save anything much
there. The Edit Hotlist... item on this menu will let you
type in additional UNIX directory paths.
In Photoshop you can also add directories simply by typing the path into
the field at the top and hitting return; the dialog box will now list the
contents of the directory, and it will be added to the menu.
J. Louie, Jan. 30 1997