Art of Interactive Scientific Web Design

by Ivan Slapnicar

HTML

Elements of HTML pages: frames, forms (input - text, checkbox, button, radio, hidden, textarea), div, class, ...
References:

CSS - Cascading Style Sheets

Appearance of your document: backgrounds, margins, colors, fonts, classes, positioning, layers (e.g. slider), ...
Reference:

Cascading Style Sheets, level 2 CSS2 Specification

JavaScript

Controlling basic actions: onClick, onMouseOver, opening new windows and creating new documents, changing form elements, sliders, ...
JavaScript also has computational and scripting capabilities.
References:

PHP - Hypertext Preprocessor

Server-side scripting language: can be embedded in HTML, easily communicates HTML input to server-side programs, has computational and scripting capabilities.
References:

CGI Scripts

Server CGI scripts can be written in many ways. Learn basics at The Common Gateway Interface.

Octave - Matlab - C - ...

Scripts which perform technical or scientific computations can be written in Octave (Matlab clone), C, C++, or anything else. Matlab has a Matlab Web Server
References:

Octave Manual
Octave On-line installed at USU.
Octave Home Page
Gnuplot Manual since Octave plots with Gnuplot

Functional Flowchart

Debugging

PHP
Check the output in the browser by using the command: printf("$variable_name");
Octave
1. write a correct Matlab program,
2. check the program in Octave and modify if necessary,
3. make the Octave shell-script and try it.

Programs

Fourier Series by Ivan Slapnicar
- one-pass - image or text
- two-pass - image and text
- one-pass - image and text with writing images to server's hard disk - to delete the files periodically, use crontab
Power Curve by James Powell and Ivan Slapnicar
Project by the students of Math 6810.