LIS 533 Spring 2000 Limited Enrollment
Library and Information Web Development:UNIX-based Scripting and Programming
Short title: Web Master UNIX Stuff

Jump to Perl CGI JavaScript Java


Spring 2000 Duty List

Course Goals

What is this course about? This course focuses on the rapidly developing area of Internet scripting and programming languages. For the Spring 2000 version of this course, we will focus on Perl, CGI (The Common Gateway Interface), JavaScript, and Java.

What are the course materials? The course is completely online; there is no textbook or course pack. Various helpful links and book purchase suggestions are found below. Items in red are recommended for the beginner. The University BookStore is perhaps the best place to find books that can supply background explanation and background.

Do you need to be a programmer to take this course? No. The treatment is introductory with the aim of starting you on your own exploration of these rapidly changing WWW technologies. Recommended entering skills would include some work with HTML and a general understanding of the World Wide Web. The most important asset is a desire to become a skilled user of web tools.

What will you learn in this course? We will look at a series of programmer's cliches (these are examples of basic functions) illustrating how these scripting and programming languages work. The goal is to increase your fluency in information technology, not turn you into a programmer. At the end of the course you will understand the various advantages/disadvantages of these tools based on your hands-on experiences with them. For example, you will be able to speak knowledgeably about the uses of JavaScript, what can be done with CGI and what can be done with a Java Applet.

How useful is the stuff you learn in this course? Lots of people will pay you big bucks to build web sites, etc.

What do you have to do in this course? Assignments and Grading Schedule 


Some background information and skills:


Practice using UNIX
First Day Exercise


Perl p-Sources


Perl e-Sources

Ramp Up to Perl

Page 1

Page 2

Page 3

Page 4

Perl Examples



CGI

eSource and pSources

CGI Examples

  1. FormPage.cgi Illustrates a textfield and a checkbox. Reports contents on same HTML document. The code.
  2. Popup.cgi Illustrates a check box group and a popup menu. The code.
  3. Form2.cgi Illustrates a radio button group and a scrolling list. The parameters are sent to another file to be interpreted. The code of Form2.cgi. The code of CatchForm2.cgi.
  4. Doubles.cgi Pick a baseball player from a popup menu. The program opens a file of data and reports how many doubles the player hit. The code of doubles.cgi. The code of catchdoubles.cgi.

Other interesting CGI applications

CGI Security



JavaScript Sources

JavaScript Ramp

Date Function 1

Date Function 2

Date Function 3

JSRamp Document

 

JavaScript Examples

  1. Using_variables.html illustrates JavaScript variables. The Code.
  2. Conditional_operators.html illustrates how to test the value of a variable. The Code.
  3. Function.html illustrates how to write a function in JavaScript. The Code.
  4. Recursive.html illustrates how to write a recursive call that fails after an arbitrary number of times. The Code.
  5. Form_example.html illustrates how JavaScript can capture form output. The Code.
  6. Button events that increment or decrement a counter. The code.
  7. Using JavaScript to validate form entries. The code.
  8. pageTosser uses a JavaScript function to toss html pages. The code.

 Other Interesting JavaScript Applications



Java Books (I've found these three books very useful.)

Java Sources

Ramp Up to Java

Java Applets

  1. The HelloWorld Applet. The Java source code. This is a simple Java applet that writes a message. All Java applets appear as parts of html pages. Here is a typical HTML document that hosts the HelloWorld applet.
  2. The First Canvas Applet. The Java source code. This applet creates a separate canvas class. The Canvas is visible because the html page is colored red.
  3. The Click Me Applet. The Java source code. This applet has a clickable button that changes the text on a canvas.
  4. The Nelson Applet. Presents four images that are displayed on a canvas at the press of a button. The Java source code and the HTML document surrounding the applet.
  5. The Four Colors Applet. The Java Source code. This applet has four buttons that produce text and colors changes. Note the use of various methods to produce the effects. This applet can also be written in an object version so that the text change and color change are given to an object called colorMessage class. As a result, the object version has fewer methods and is more elegant. Here is the object version of the Four Colors Applet.
  6. The Oscars Applet. The Java Source Code. This applet stores a simple object in an array. It fills the array with the names of the Oscar winners. The html page has text flowing around the applet.
  7. The Whizzo Number Guesser Applet. The Java Source Code. This applet uses textboxes to accept user input, compare the input to a randomly generated number and then deliver the output to another textbox. The layout is a GridBagLayout.
  8. The Grades Applet. The Java Source Code. This applet lets you choose to select LIS503 or LIS528 labels and then you can enter the number of points off each assignment. A grade for the course is calculated.
  9. The arrayStuff Applet. The Java Source Code. This applet illustrates how data in an array can be displayed at the press of a button. The data are structured as Dat data.
  10. The (primitive) Query Tutor Applet. The Java Source Code. The individual records are structured as Dat class. An array of this type is filled in a separate Storage class. Once the array is filled with records, they are presented to the user, one at a time.


Assignments

Your assignment is to write three WWW applications that will "astonish Terry Brooks". This is actually easy to do. Students wishing to know more about what Terry Brooks considers to be astonishing can check with me.

Guidelines for the term assignments:

      1. A project that is strongly Perl and/or Perl-CGI.
      2. A project that is strongly JavaScript
      3. A project that is strongly Java.

Grading Schedule

One of the delightful aspects of this course is that you can grade your own work as you hand it in, thus you are in total control of the grade you receive for this course.

Here are the letter grades used for each assignment:

As part of each assignment, please include a short paragraph detailing how your project satisfies one of the letter requirements. That is, for an A+, merely list the five major language elements, indicate that your work was not based on any class work, indicate if you based it on some other example, etc. You could even include all this material as an extended comment at the top of your program.

To calculate your course grade, use the following. For your three term assignments, you have a total number of points off. Thus you can calculate your course grade:

The impartial observer would be correct in concluding that the only thing separating a student from a 4.0 in this course is application and industry.