Home | Video/Audio Library | Course Archive | Papers Archive | Beyond the Box | CV | Service | My Keeper Shelf | Cultural References in Class |
Date | Topic | InLab | Other | Reading/Homework |
---|---|---|---|---|
12/9 | Intellectual Property, part 2 |
the following questions. Upload to Inlab/1209 (any format) and turn in hardcopy (typed) answers. | ||
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/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 |
| ||
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 |
|
||
10/23 | dynamically building a table | |||
10/21 | Regular expressions | 1021.txt | Dionisio: regular expression | |
10/16 |
|
|
||
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 |
|
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 |
| |
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 |
|
|
||
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 |
|
|
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 |
|
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 | Identifier | Assignment |
---|---|---|---|
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 |
|
9/4 | 9/9 | Homepage | Make a decent looking homepage at your people account. -- Class demo and commentary |
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 |