haynes' 231 Course Site

Home

Service

smh: COSC 231

COSC 231 Internet Based Computing

Textbook: VARIOUS

1. Lecture notes and Recordings

4/10/2011: Da Plan:Security, cryptology, digital signature, ...
4/5/2011: Orientation to the three intellectual property papers listed below in Resources section (Spinello & Tavani, McFarland, Raymond).
3/31/2011: Ethics part 1
Do this: Develop a scenario and analyze according to one of the three models discussed today.
3/29/2011: Discussion of GUI project
A heads-up on ethics/property rights coming up.
3/22/2011: concurrency:
3/17/2011: Repeat Timer2.java and MouseClicks.java
See today's new class
- MouseClicksButton : mouse clicks and start/stop timer and button panel
3/15/2011: Today, I went over the Java code for applets, elementary GUIs and elementary animation following this talk. Read and understand.
3/10/2100: Today, we're going through some of the tutorial on applets and graphics here
The Java example code I talked about today is located here:
- DrawingLines.java
- DrawingStuff.java
- Mouse2.java
- StopStart.java
- Threads1.java
3/8/2011: applets and beginning Swing
2/24/2011: regular expression
2/22/2011: evil eval()
2/17/2011: 1D array, 2D array, O-O. See here and here .
2/15/2011: Beginning animation. See the example here .
2/10/2011: Chapter 8 in HFJ! Do the exercises, especially pp 355, 363, 369
Go through online HTML DOM tutorial here at w3schools.com .
2/1/2011: Code in Chapter 3 of Head First Javascript: timer, resize, cookies.
1/25/2011: Went over code in Chapters1 and 2 of Head First JavaScript. Linky here.
Read these chapters. Then read ahead to Chapter 3.
1/20/2011: See here.
Continue in the CSS tutorial through CSS Box Model and CSS Positioning (in CSS Advanced).
Do the Homework assignment given below.
1/20/2011 More on CSS
1/18/2011

Firefox: Firebug
Firefox: Tools | Error Console
Firefox: Firefox | Preferences | Privacy | Show Cookies
html tricks:

Dr Dobb's single pixel trick here
tricks with mouse:
Doing the swap thing that fools the user into a chase. (ROLLOVER)

css Tutorial here
Go through first two sections: Basics and Styling
1/13/2011: See HERE
1/11/2011: Tags, attributes, site.
<html> <head> <title> <body> <p>
<h1> <h2> <ht> <table> <tr> <td> <em> <b>
<code> <pre> <ul> <li> <ol> <br> <img> <a>
Special characters: < (<), > (>), & (&), ( )

2. Assignments

4/12/2011: Answer the questions here
4/5/2011: Read with care chapter 1 of the Spinello & Tavani text
3/8/2011: Create an applet (and place in html document) that draws a happy face
Create an applet that toggles between a happy face and a sad face when you click a button.
2/24/2011: Write regular expression patterns to

validate a US 10 digit phone number, without '-'
validate a US 10 digit phone number, with or without '-'
validate a US 7 digit or 10 digit phone number, with or without '-'
break a String up at ',' or ' ' (will use the String method split)

2/22/2011: Use the array of objects you developed for the Assignment on 2/17
Initialize the array with 5 objects. Interests can be: 'sleeping', 'reading', 'coding', 'coffee'.
Output all the array's objects using a for loop to step through the array, and for in to step through the properties.
Sort (see page 420, and here) the data on gender and output the array.
Sort the data on interest, where 'sleeping' < 'reading' < 'coffee' < 'coding'.
2/17/2011: Create a slide show for an online dating site. A "prospect" has the following fields: a picture, gender, location, interests. Preloading the images and other data into a 1D array of Objects. Have two buttons, "Run slideshow" and "Stop slideshow" to start and stop the slide show. Display each Object, including image and all other data, for 1 second. Do not use document.write -- instead, use divs and spans.
2/15/2011: Extend the jumping jack animation here so that either:
-- add a button to speed up jack, or
-- add y motion, or
-- bounce off the left wall and the right wall (instead of wrap-around).
2/10/2011: Exercise the ability to use HTML DOM:
1. Find a poem/song of 3 stanzas. Put each stanza in a separate HTML element (eg, div, p, td)
When some event occurs (your choice) rotate the stanzas USING THE DOM.
2. Lay down 2 divs. Each div has two buttons. In each div, one button labelled 'red', the other labelled 'green'.
Using the DOM, when user clicks appropriate button, change background color of related div.
3. For #1 or #2, draw a tree of the DOM including ONLY element nodes and text nodes.
4. email me the url for these by 5pm tomorrow!
If scanning the picture is too time consuming, bring me paper on Tuesday.
2/1/2011: Two part problem:
(1) Using document.body.width and document.body.height (or other, e.g. innerHeight),
position a sprite on the window at a random location.
Every 5 seconds, the sprite moves to a different (random) location.
(2) Save the location to two cookies so that when you close, then reopen the window,
the sprite starts at the location it was last at.
1/25/2011: Modify your game board so that when you click on a square, it changes from the current image to the sprite image (you could have as many as 16 sprites.
You may have developed your game board so that the onChange event used to change an img src attribute is not natural. In that case, show me what you've got on the board without event handling.
1/20/2011 Start to make a game board. Find cartoony pictures for the following:

tree
rock
grass
water
a sprite
Lay down a 4 X 4 board with grass, at least 3 trees, at least 3 rocks, 2 water, and one sprite. The sprite should be closer to the viewer than the landscaping (use z-index).
Grass should be furthest from the viewer. Sprite is closest.
After you lay down your first board, consider that only the sprite will be moving. Implement your CSS using class, id, internal and inline in a way that makes sense.
Send me email with URLs for your first implementation and your second implementation.
Be sure to include your name in a comment at the beginning of your HTML file.
1/18/2011, INLAB Use CSS to style the links on your web page developed last time so that
visited links are black,
hover links are dark green, and
unvisited links are dark blue.
Use CSS to style a table showing the names of at least 4 people you know, how you know each, gender, approximate age.
1/11/2011, INLAB:

Create and upload an index.html file using html, head, title, body, img, a, hr
and 5 more of the above tags or characters.
The index.html file I developed in class today is located here .

1/6/2011:

Activate your people account
Obtain an sftp client
Create an index.html file (see your email)
(If possible) Upload index.html to your people account

Ethics work! see Intellectual Property HW

3. Projects

Project #4 GUI + fractals
Project #3 collect gold before it's too late

Project #2 moving sprite

Project #1 (thumbnail clicking)

4. Quizzes and Tests

Final exam (pdf)
Final exam (doc)

5. General

Available for final demos: T 4/19 and Th 4/21 2 - 4pm, in 316 Hoyt.
Late projects and inlabs accepted through Thursday 4/21
Style Standards
Syllabus
Planned Schedule

6. Resources

Intellectual Property papers
Michael C. McFarland, Intellectual Property, Information, and the Common Good
Eric Raymond, The Cathedral and the Bazaar . See also here.
Spinello, Tavani, Intellectual Property Rights in a Networked World: Theory and Practice
Khan Academy complex numbers:
Complex numbers (part 1), 10min, 10sec. Covers definition of i, complex numbers: add, subtract, multiply
Complex numbers (part 3), 5min, 54sec Complex plane
Complex numbers (part 11), 5min, 32sec. Absolute value (aka magnitude)
javabeginner.com swing tutorial
Useful explanation of ContentPane here
Chee Yap's lecture based on Horstmann's Core Java, vol 1 for learning Swing GUIs.
Here is a nice applet tutorial.
Java applet tutorial here also talks about interface Java applet code with Javascript,
invoking applet methods from Javascript, and accessing DOM information from the applet.
Here is the Swing tutorial.
HTML tags from w3schools here: www.w3schools.com/tags.
HTML Quick list from http://htmlcodetutorial.com
W3 consortium site contains lots of tutorials, basics, web references: www.w3.org

w3schools Javascript tutorial
RegExp in Javascript
Link to wikipedia′s Web_colors page
W3C validator for HTML 4.01
CSS validator
Single pixel GIFs
Common character entities

http://www.w3schools.com/tags/ref_entities.asp
http://unicode.org/charts

Head First Labs HTML CSS site
Very nice tutorial on web design by Mike Markel: here
Web Standards Project www.webstandards.org

Zeldman's A List Apart www.alistapart.com

Last changed:

smh: COSC 231

COSC 231 Internet Based Computing

Last changed: document.write(document.lastModified);

Last changed: