Home | Current Courses | Video/Audio Library | Course Archive | Papers Archive | Beyond the Box | CV | Service | My Keeper Shelf | Cultural References in Class |
Date | Topic | InLab | Other |
---|---|---|---|
9/5/2012 | Intro to html | make index.html | |
9/10/2012 | Beginning HTML through table | Rewrite Dr Chaudhuri's home page using only html make a link to your solution at Lab0910.html | |
9/12/2012 | HTML final lecture through colors and entities | Formatting with tables (DON'T DO THIS IN THE FUTURE!) See here | |
9/17/2012 | CSS intro | CSS inlab assignment | |
9/19 | intro: Firebug: DOM, Console; Javascript, http://jslint.org temperatureConversion.html | Write an html file that presents two buttons. When the user clicks 'yellow', change the background color to yellow. When the user clicks 'red' change the background color to red |
Hint: (1) write a page that has a yellow background, (2) cannabilize temperature conversion to write a page with one button ('yellow'), (3) write the final page |
9/24 | Javascript popups random number between 1 and 10 Code worked up in class |
Write HTML + Javascript: A Guessing Game Give the user 3 tries to guess an integer between 1 and 10. When the user guesses correctly, tell him he won. When the user guesses incorrectly, tell him that and that the correct number is greater or smaller than his guess. If the user fails after three tries, tell him he lost version 1: using GUI components (text boxes) version 2: using popup boxes (prompt and alert) | Hint: (1) start with guessing between 1 and 4 and only one try allowed then (2) guess between 1 and 4 with 2 tries allowed |
10/1 | W3Schools HTML DOM Tutorial | Using an *extremely* simple HTML document, draw the DOM | |
10/3 | See Inlab assignment for today | ||
10/8 | Javascript book pp 29 - 31 on timing events | Inlab: change the slide show: add two buttons: start show and stop show that will start and stop an automatic slide show | Turn on and off an interval timer |
10/15 | Starting Objects | Inlab: screen saver | Guidance for designing this software This is being turned into a regular programming project, see Project 3 below. |
10/17 | Beginning Animation | InLab: Add two buttons, Forward and Backward, to change Jack's direction. Jack should bounce off walls rather than do wrap-around | |
10/22 | Intro to Regular Expressions W3schools.com RegExp W3schools.com RegExpr tutorial |
||
10/24 | Work on Regular Expressions | problems from D&T | |
10/29 | Open lab with Sai | ||
10/31 | Open lab work | See Assignment below | |
11/5 | Open lab work | See assignment below | |
11/7 | CSS: float property,
positioning property (absolute, fixed, relative) Cookies | (1)InLab for positioning: Rewrite your index.html file so the information appears in two columns with different background colors. Make a few links or images for non-course stuff in the column on on the left. The links to COSC 231 work are in the column on the right. Use fixed or absolute positioning. (2)See Assignments (below) for Cookie assignment | |
11/12 | Functions as Objects | InLab for 11/12 | |
11/14 | Labwork only | ||
11/19 | Events, Chpt 13 and Javascript GUI project | InLab for 11/19: Output the mouse position only on mouse up events on the Tic Tac Toe game! | |
11/26 | Simplified Intro to Java app GUI ButtonDemo.java | INLAB for 11/26: Using the online Java documentation or your Java book, do the following (not in any particular order): (1) put the yes, no maybe buttons on the left hand side (2) change the background color of the buttonPanel to something other than default (3) write msg to the GUI in addition to System.out (4) Use ColorChooser component (also write the appropriate event handler) (5) Use a CheckBox or any other user input component except Button to obtain and output user input, (also write the appropriate event handler) | |
11/28 | Graphics | InLab: In Java, draw a picture using at least 5 graphics objects | |
12/3 | Applets | ||
12/5 | Threads | ||
12/10 |
| ||
12/12 |
| The instructions for writing a "sampled and reconstructed" report The example abridgement as developed in class 12/12 |
Date Distributed | Date Due | Topic/Link | Comment |
---|---|---|---|
9/5 | 9/10 | html: tutorial at w3schools.com through table | nothing to turn in |
9/10 | 9/12 | Continue HTML tutorial through form | nothing to turn in |
9/12 | 9/17 | Organize your website so that links to all inlabs and projects can be obtained Begin the CSS tutorial at w3schools. Get through styling tables | Demo your website in class 9/17 |
9/17 | 9/19 | Read CSS tutorial on box model and positioning Start to look at Javascript | nothing to turn in |
9/19 | 9/24 | read Javascript - getting started; be able to use simple internal javascript | nothing to turn in |
10/22 | 10/24 | Go through W3schools on Regular Expressions Go through RegExpr in our text | nothing to turn in |
10/31 | 11/14 | Copy Jan Wolter's Flood-It game to your own space Figure it out, document it, identify (locate in the code) and explain the algorithm for filling the grid and modify it by (1) increasing colors OR (2) increasing size options OR (3) giving user more moves before "YOU LOSE". | |
11/5 | 11/19 | Copy Kevin Sikes' Treasure hunt project and related files to your own space Figure it out (no need to document), make two or more modifications that make it more fun/easy to play | You can use your own pics. |
11/7 | 11/14 | Write an HTML + Javascript document that will accept user input for a cookie name and value and expiration date. Save that cookie. (Note, the user gets to *name* the cookie) | |
12/12 | 12/19 | Write a "sampled and reconstructed" paper on either (1), (2), (4). Number of pages: 2-3, font size: 10-12pt, normal margins. Write a one page (500 - 1000 words) "current events" report on the current state of copyright laws as they pertain to the music industry, or Hollywood, the Android controversy, or publishing. |
Date Distributed | Date Due | Topic/Link | Comment |
---|---|---|---|
9/21/2012 | 10/3/2012 | PP#1 HTML+Javascript: make a slide show | Look at the online demo |
10/8/2012 | 10/22/2012 | PP#2 HTML + Javascript: die guessing game | |
10/15/2012 | 10/22/2012 | PP#3 Projectized version of Inlab screen saver from 10/15 | |
10/17/2012 | 11/12/2012 |
PP#4 Whack on Squibby | Marco's robot You can use for Squibby OR balloon (or neither, you don't have to use this jpg) |
10/29/2012 | 11/26/2012 |
PP#5 Regular Expressions | 11/7, I have expanded on the specification | 11/26/2012 | 12/3 | PP#6 Fractals and GUI in Javascript | For Wednesday 12/5, get the Sierpinski triangle done | 12/5/2012 | 12/17/2012 | PP#7 Fractals and GUI in Java (applet) |