This class is also known as ITSE-1411-7428: Beginning Web Page Programming (North Lake College, Irving, TX, USA)
NOTE: Course content can and will change without notice.
View All Example Applications
Student Pages
A fake sample student's web art gallery
Related Links
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
|---|---|---|---|---|
| 1 | 1/14/2008 | Using Processing (pp. 9-16) |
Casey Reas
Ben Fry |
Take the following Quizzes in eCampus:
|
| Projects / Assignments | ||||
|
A1:
|
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 2 | 1/21/2008 | pp. 17-50 |
Kazimir Malevich
and Suprematism Wassily Kandinsky |
|
| Projects / Assignments | ||||
|
See the Uploading Projects section for uploading suggestions.
Begin your web art gallery. Here is a template html page (art-gallery.html) you can use for your web gallery. Upload the file art-gallery.html to your student web site using FTP. You can watch these tutorial videos to learn more about how to upload to your NLC web student web space. P1: Create a new Processing sketch application. The only thing that needs to be visible is the background. (You can add some shapes if you wish.) Make the background a color of your choice that is not the default color. From within the Processing IDE, export the sketch. Take the exported sketch directory and upload it to your student web site. You can look at this sample art-gallery.html as a reference. Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p01/applet/index.html Take this opportunity to learn how to FTP the processing sketch to your student web page. Use the provided file art-gallery.html as a template to provide a link to the sketch. Students familiar with Dreamweaver can FTP from within Dreamweaver. If you don&t have access to Dreamweaver and you desire an application that will FTP files, you can download the program "FTP Commander". (Try getting the free version of "FTP Commander" from http://www.internet-soft.com/software-download.htm or www.download.com). You use "FTP Commander" at your own risk and expense. |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 3 | 1/28/2008 | pp. 51-84 |
Piet Mondrian
http://www.pietmondrian.com/ De Stijl Alexander Calder Mobile Sculpture |
|
| Projects / Assignments | ||||
| P2: Create a new Processing sketch application. Use basic shapes and color to draw a stylized human, robot or snowman. Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p02/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 4 | 2/4/2008 | pp. 85-116 |
Bauhaus
Josef Albers Architype Albers |
|
| Projects / Assignments | ||||
| P3: Create a new Processing sketch application inspired by confetti or in homage to Suprematism, Kazimir Malevich, Wassily Kandinsky, Alexander Calder or Piet Mondrian. Find examples of computer based Kandinsky inspired sketches here. Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p03/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 5 | 2/11/2008 | pp. 117-144 |
Jackson Pollock, Random War by Charles Csuri |
|
| Projects / Assignments | ||||
|
P4:
Create a new Processing sketch application. Create a computer based artwork inspired by or in homage to Jackson Pollock. Use random numbers and control statements to control your art elements. Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p04/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 6 | 2/18/2008 | pp. 145-196 |
Jasper Johns
Robert Rauschenberg |
|
| Projects / Assignments | ||||
|
P5: Create a new Processing sketch application. Create a computer based artwork inspired by or in homage to Jasper Johns (such as a country's flag, a bullseye, words, numbers, a letter, a map, etc.). Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p05/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 7 | 2/25/2008 | pp. 197-244 | Andy Warhol (More on Warhol) | |
| Projects / Assignments | ||||
|
P6: Create a new Processing sketch application. This sketch can be either:
Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p06/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 8 | 3/3/2008 | pp. 245-278 |
John Pomara
See paintings by John Pomara from Barry Whistler Gallery. (Click on John Pomara to see the images). Pomara at Flickr. |
|
| Projects / Assignments | ||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 9 | 3/10/2008 | |||
| Projects / Assignments | ||||
| Spring Break | ||||
| Material | ||||
|
Spring Break
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 10 | 3/17/2008 | pp. 279-314 | Peter Saville (Peter Saville Information ) who was influenced by Jan Tschichold Ed Ruscha E. E. Cummings E. E. Cummings Artwork |
|
| Projects / Assignments | ||||
|
P7: Create a new Processing sketch application. Create a computer based artwork that acts like a poster or CD album cover. If you choose the poster, the poster can be an advertising for a fictitious event like a rock band playing at some made up venue. If you choose the CD album cover, the CD album cover can be for a fictitious rock band with a fictitious album title. There are downloadable fonts at Peter Saville's web site Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p07/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 11 | 3/24/2008 | pp. 315-346 | Neal McDonald (the workly applets) | |
| Projects / Assignments | ||||
|
P8: Create a new Processing sketch application. Create a computer based artwork that makes use of animation. Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p08/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 12 | 3/31/2008 | pp. 347-394 | Paul Rand | |
| Projects / Assignments | ||||
|
P9: Create a new Processing sketch application. Create a computer based artwork that makes use of animation. Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p09/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 13 | 4/7/2008 | pp. 395-420 |
Marcel Duchamp
Read about Duchamp's Rotoreliefs. Another Rotoreliefs reference. |
|
| Projects / Assignments | ||||
|
P10: Create a new Processing sketch application. Create a computer based artwork inspired by or in homage to Marcel Duchamp or his Rotoreliefs. Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p10/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 14 | 4/14/2008 | pp. 421-460 |
Keith Haring
Roy Lichtenstein |
|
| Projects / Assignments | ||||
|
P11: Create a new Processing sketch application. Create a computer based artwork using sine(s) or cosine(s). Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p11/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 15 | 4/21/2008 | pp. 461-524 |
Stan Brakhage
(Frame Enlargements from Films by Stan Brakhage) Jeremy Blake (Images of Art from Jeremy Blake) |
|
| Projects / Assignments | ||||
|
P12: Create a new Processing sketch application. Create a computer based artwork that includes video. The instructor understands that the video will not work when viewing the sketch in a browser applet. You may use the video that is part of the Processing IDE examples such as "File > Examples > Libraries > Video (Movie) > Loop" and "File > Examples > Libraries > Video (Movie) > Pixelate" Upload this to your NLC student web space area. Ensure that the source code *.pde file is available for the instructor to view. Use the "Grade Me" item in eCampus to inform the instructor when this project is done and what the URL to the web page is. An example URL for this assignment would be http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/processing/sketch_p12/applet/index.html |
||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
| Week | Date | Reading | Focus Artist(s) | Quiz / Exam |
| 16 | 4/28/2008 | pp. 525-546 and 563-578
(Optional: pp. 603-616 and 633-660) |
Op Art
Victor Vasarely Bridget Riley John Maeda Maeda Studio Jennifer Steinkamp |
|
| Projects / Assignments | ||||
| Material | ||||
|
[Show / Hide Material]
Placeholder.
|
||||
All work is due by Midnight, Monday, May 5, 2008.
Upload essay assignments to the class using eCampus (Black Board). All programming assignments will be uploaded to your assigned student web site location. All programming assignments should be accessible as links from a page you provide named "art-gallery.html". A template of this file will be provided to you from the instructor.
Here is a template html page (art-gallery.html)
you can use for your web gallery index page.
Upload the file art-gallery.html to your student web site using FTP.
When you upload,
I recommend that you place it on your web site such that the URL is
http://nlecommerce1.dcccd.edu/students/spring2008/youraccountname/p4a/art-gallery.html
You can watch these
tutorial videos
to learn more about
how to upload to your NLC web student web space.
Title:
Processing A Programming Handbook for Visual Designers and Artists
Authors: Casey Reas and Ben Fry
ISBN-10: 0-262-18262-9
Book Source Code Download:
http://processing.org/learning/books/index.html
If you need a zip extractor, you can try downloading the 7-Zip File Manager from http://www.7-zip.org/ .
Students familliar with Dreamweaver can FTP from within Dreamweaver.
If you don't have access to Dreamweaver and
you desire an application that will FTP files,
you can download the program "FTP Commander".
(Try getting the free version of "FTP Commander" from
http://www.internet-soft.com/software-download.htm
or
www.download.com).
You use "FTP Commander" at your own risk and expense.
Here are a few places to look for free fonts.