Project 0 & 1 Introduction to HTML & JavaScript

Use HTML to make a simple web page with various formatting features (a title, a picture, color settings, some text displayed in varying fonts and other attributes, etc.) and various links to other pages. The page should also include a form with various input fields & buttons and a "send" button that posts the form's data to the following cgi program: http://www.coedu.usf.edu/wwwprog/cgi-bin/post-query.pl

Create an original program that allows the user to enter demographic data into text boxes or other controls, and then to use buttons to manipulate the data and change the attributes of the controls. (You may want to use image objects, and input objects of type text, password, textarea, and button, but avoid using radio buttons, select objects, and checkboxes in this effort. They're a bit more complex.) Your buttons should specify event handlers that call JavaScript functions that you have defined in the header.

 Project 2    Data and Decision-Making

Create an original program that uses multiple groups of controls to collect data from a user, performs some kind of processing on that data, and provides some kind of qualitative response that depends upon the result of the data processing. Also, use dialog boxes to collect some appropriate text data from the user (prompt), and to display pop-up messages (alert) or to offer options to the user (confirm).

 Project 3    Repetition and Arrayed Data

Create an original program in which you apply methods of repetition (looping) to indexed (subscripted) controls such as selection lists, radio button groups, checkbox groups, etc. to manipulate moderately large amounts of information.

 Project 4    Functions and Randomness

Create an original program in which you use JavaScript's built-in objects, functions, & methods to accomplish a substantial task that incorporates randomness and at least one other function/method appropriately (the Math.floor or other related method that you use to manipulate the random number range doesn't count unless you do something original with it.) Sampleiv.html, for example, focuses on the use of timing functions to time the latency of a subject's responses to a test of the limits of short term memory (Miller's number - 7 +/- 2 chunks.) Beginning with one digit, then two digits, then three digits, and continuing until the subject fails, the program displays a random sequence of digits in a text box for a fixed amount of time, then hides the digit(s) and asks the subject to recall them. When the subject fails, the latency of the response on the last trial is shown.

 Project 5    Variable Arrays and Modular Programming

Create an original program that manipulates a relatively large amount of data using modular programming methods.

1. Implement major parts of the program as programmer-defined functions that are not tied directly to event handlers. Include in your program at least one programmer-defined function to which a variable is passed.
2. Use a variable (data) array to store a moderately large data set.
3. Create a function to which the variable array is passed to perform some kind of processing or analysis with the data contained in the array. P>For example, in samplev.html, the code that selects the random stimulus to be presented is now a programmer-defined function named RndStim(). The expression Answer=RndStim(2) causes a string of 2 randomly chosen digits to be generated and assigned to the variable Answer. Also, at the end of the program, instead of displaying the latency of the last response, the mean latency of all the response trials is displayed. This was implemented by creating a function named Mean. The expression: alert(Mean(TrialTime, NumDigits)) causes the mean of all the response latencies (times) stored in the array named TrialTime to be displayed in a message box. NumDigits contains the number of trials completed.

    Project 6    Data Storage and Multimedia

   Objective for "A" Students -- Integrate into your Course Project code that does the following:
   Objective for All Others -- Create an original program that does the following:

   1. Collects both demographic data and data related to the program's purpose.
   2. Stores the data in the browser's cookie.
   3. Emails the data to you.
   4. Under password protection, allows the data to be retrieved from the cookie and viewed.
   5. Implements dynamic media elements (e.g. movies, sounds) appropriately (optional).

      Samplevi.html, for example, modifies samplev.html by collecting a subject's ID# and age. It then stores that information along with the performance data in the cookie and emails the data to me. The subject is able to view his/her data on the client under password protection. Moving images and audio are used to enhance the program.

      Top