Home   Video/Audio Library     Course Archive   Papers Archive   Beyond the Box   CV   Service My Keeper Shelf   Cultural References in Class

Home page for Professor Haynes'

COSC 231: Internet Computing
FALL 2014


Office hours Fall 2014

Textbooks:
    TBA for Legal, social, ethical Internet computing issues.

Teaching assistants

1. Lecture notes
Date Topic InLab Other Reading/Homework
12/9 Intellectual Property, part 2
    Locate EMU rules on intellectual property. Then answer and justify (50 words or less per justification)
    the following questions.
    Upload to Inlab/1209 (any format) and turn in hardcopy (typed) answers.
  1. Do you have copyright on your solution to pp#5 (Web drawing app)?
  2. Do I own copyright on the video I uploaded to here
    Note, I used university equipment and was being paid by the university at the time. However, my employer did not direct me to create this video.
  3. Give the URL for the EMU intellectual property rules.
12/4 Intellectual Property
12/2
11/18
11/13 Inlab: (1) Write a Java GUI that takes two numbers as input. The GUI has four buttons, + - * /. When the user clicks any of the four buttons, the result of the corresponding arithmetic operation appears. Upload to Inlab/1113a.java

Inlab: (2) Write a GUI that outputs a square after every second. The squares will 'accumulate' left to right, then top down. Upload to Inlab/1113b.java

These two inlabs must be demoed on or before 11/18/2014 11/25/2014
11/11 Intro to GUI programming -- text,
example buttons
draw a circle with button
See assignment (below)
11/4 Java Graphics.
See Here for sample java code
You may find this helpful: MACUL 2011: Java animation
  • Draw a Halloween picture
  • Create a template of three lines or arcs. Make a piece of art by placing 5 copies randomly
Upload to Inlab/1104Halloween.java and Inlab/Art.java
10/30 No new lecture today. See inlab ---> Practicing a simple use of timer. In honor of Halloween, write HTML + Javascript: A spider moves randomly on the screen. When it reaches a flyswatter, the spider dies. The flyswatter is stationary. Other (seasonally appropriate) pictures are fine. Demo and upload to Inlab/1030.html Dionisio:
6.1 - 6.3 (Events) and
9.1 - 9.4 (Graphics & Animation)
10/28 Debugging -- see Firebug
javascript: debugger, profiling logging.
See here for sample code
  • Using HTML, Javascript implement the Fibonacci function and implement a "tribonacci function", trib(n). Both fib(n) and trib(n) are defined only for integers >= 0
    trib(n) = 1,  for n = 0, 1, 2
    trib(n) = trib(n-1) + trib(n-2) + trib(n-3) for n >= 3
                                
    • To an XL spreadsheet:
    • Enter execution times for the Fibonacci function for arguments: 0, 5, 10, 15, 20
    • Enter execution times for the trib(n) function for arguments: 0, 5, 10, 15, 20
  • Demo code and spreadsheet
  • Upload to /Inlab/1028.html
10/23 dynamically building a table
10/21 Regular expressions 1021.txt Dionisio: regular expression
10/16 developed during class
  • Take the Javascript quiz. Take a screen shot of your score (you must earn 90% or better), write your name on a hardcopy of the screen shot, and turn in.
  • Create HTML + Javascript page with two pictures (each size 100 X 100) that are side-by-side and one button.
    That is, the body has three children: <img><img><button> When you click the button, reverse the order of the images using removeChild() and appendChild() plus any other JS methods you desire.
    Upload to /Inlab/1016.html
    When you demo this, you must show the DOM (using Firebug) before and after the change.
10/14 Write an HTML, CSS, Javascript page that displays a countdown from 3 to 1 by seconds.
When the countdown reaches 0 replace the entire page contents with an appropriate picture.
The timer should start when the user clicks a start button.
The number '0' is not displayed. Upload to /Inlab/1014.html
10/9 Animation Change jack to bounce off walls rather than wrap around
Upload to Inlab/1009.html and demo
Dionisio: review JS objects
10/7 Write a page that displays a 100X100 color swatch. Cycle through the colors of the rainbow ROYGBV, changing color every 1 second. Read Dionisio Chapt 6
10/2 HTML form GET and PUT method
JS String object
JS arrays

Example parsing URL
  1. Take the HTML quiz, turn a hardcopy of a screenshot of your score (cmd-shift-3) to Poornima
  2. Make a form -- with method 'get' -- with three text input boxes, a submit button (labelled 'submit'), and a reset button (labelled 'reset'). (two buttons).
    When the user clicks the 'submit' button, javascript code will parse the URL and output the ids and the values of the three text fields.
Dionisio: read chpts 3 - 5
9/30 HTML form, input types: text, password, radio button, checkbox Code discussed in class: here and here See assignment given below
  • Read the w3schools tutorial on HTML form and related tags.
  • Read the w3schools tutorial on JS on the HTML form and
  • JS on the various HTML input objects starts here
9/25 Intro to Javascript 1, 2, 3, 4, 5 Write an HTML page that uses Javascript to calculate and output the minimum and the maximum of a list of user supplied numbers.
Use prompt() and alert() to effect the I/O.
Upload to Inlab/0925.html
9/23
  1. Intro to DOM: w3schools' JS HTML DOM , from Javascript tutorial site
    See also the HTML node types
    w3schools also explains the DOM in its XML DOM Tutorial.
  2. Intro to Firebug (see web resources, e.g., here )
    Demo after both parts are done
  1. Draw DOM as a tree, node type == 1 only, representing this HTML file
  2. Use Firebug to determine the parent node of the first <li> element on Dr Evett's home page
9/18 Starting CSS:Introduction through Box Model Make three different external styles of the following excerpt from Tolkein:
All that is gold does not glitter,
Not all those who wander are lost;
The old that is strong does not wither,
Deep roots are not reached by the frost.
                             
Styles are as follows: (1) gloomy, depressed, (2) optimistic, positive, (3) nature (trees, frost, forest, ...)
Upload to Inlab/0918.html and demo
Remainder of w3schools CSS tutorial
9/11 Inlab assignment for 9/11:
Add to your home page -- and make sure the new home page is uploaded to index.html: Take a picture of your row using Photobooth. Use the img attribute title to label yourself and your neighbors. End seats, use wrap-around.
Code developed in class
  • Take the w3schools HTML quiz, reading appropriate tutorial sections, until you get 100%.
  • Take a look ahead at the w3schools tutorial on CSS
9/9 Make a table of at least four rows (including header row) and 5 columns:
table header has: Subject, Quotation, Author, Link, Related Image
The remaining rows have appropriate entries. A plain text example is here You choose your own quotes.
Save it in your web space at /Inlab/0909.html
Code developed during lecture: HERE Continue w3schools tutorial: layout, forms, iframes, colors, head, entities, symbols, charset, URL encode
9/4
  • Intro to web client
  • Mechanics of publishing to the web
    Activate web account and obtain sftp client via http://people.emich.edu
  • Initial set of HTML tags (and useful attributes): html, head, body, title, p, h1 - h6, ul, ol, li, img, a
Using html, make a reasonable copy of this screenshot of a webpage
GO GO GO!! is a link to http://emich.edu/compsci
Save it in your web space at /Inlab/0904.html
  http://www.w3schools.com/html/default.asp: HTML sections Introduction -- Images


2. Assignments

Date given Date Due IdentifierAssignment
11/11 11/18 Simple JAVA GUI IO Write a Java GUI that, when a button is clicked, will take text from two input boxes and write out the concatenated value of the inputs
9/30 10/2 Basic form Modify this html page to create a questionnaire for prospective members of your (10 year old self) clubhouse. You must include input types: text, password, radio button, checkbox (with multiple boxes allowed) that will output nicely labelled user supplied values to the div with id=="values".
Upload to Assignment/0930.html or Inlab/0930.html -- demo in class on 10/2 (no late work accepted)
9/11 9/16 Improved homepage
    Your home page (index.html) needs the following
  • Your name
  • A pic representing you
  • Your 231 class row, including three labels (you and two neighbors) -- see 9/11
  • Links to your /Inlab and your /Project directories
  • Three quotations, including authors, that have relevance to you
  • Your FA14 class schedule
  • The "in the style of Mondrian picture" -- either the actual picture, or a placeholder.
Grade based on (1) satisfying spec and (2) quality of design
9/4 9/9 Homepage Make a decent looking homepage at your people account. -- Class demo and commentary



3. Projects
Date given Date due Project Comment
11/25 12/11 PP#6, A GUI to graph and fit a line to Data points
10/23 11/20 PP#5, Web drawing application
10/7 10/23 PP#4, tease the kitty
9/25 10/7 PP#3, generating form letters
9/18 9/25 PP#2 Green Grow the Rushes, O!
9/9 9/18 PP#1 In the style of Mondrian


4. Quizzes and Tests

5. General (Syllabus, Calendar, etc.)

6. Resources


Last changed: