ARCH125 | description | policies | assignments | students | links | instructor

Week 2 (1/22, 1/24):
Intro Lecture
Assignments: Read As We May Think by Vannevar Bush
Set up your IIT webspace
Create del.icio.us account

Week 3 (1/29, 1/31):
Directory Structures, telnet, FTP and HTML
Modify your hawk directory structure and make a small web page
*Handy HTML Tag Reference

Week 4 (2/5, 2/7):
Dreamweaver
Make a webpage (index.html) that contains a link to an assignments page that will link to subsequent assignments. You should also include links to pertinent personal information such as a resume, etc.

Week 5 (2/12, 2/14):
Photoshop
Using some of the tools we learned, creatively modify an image and post it on your website. More than anything, get a feel for the interface and the range of tools.
Example

Week 6 (2/19, 2/21):
Photoshop
Using the tools we learned, make two images: One should be of an architectural interior/exterior with a figure placed in the scene. Try to make the collaged elements look as natural as possible. The second should be of a number of heads modified to look like Warhol's silkscreens. You will place the two images on the website as well as print out a copy of each to bring to class (color, please!)
Example

Week 7 (2/26, 2/28):
Illustrator
Using the tools we learned, make outlines of three objects: a person, an animal and a vehicle. Lay out your work as follows: Make a row of images composed of the starting image, the outline and then the filled/decorated outline. Do the same with the other objects. When you're finished, save all 9 parts as one image, save it as a JPEG and post it to your website.
An example of one row

Week 8 (3/4, 3/6):
Illustrator
Make a diagram of rivers and their relationship to a city's boundary. Use google maps to download a satellite image of a city (not Chicago), and then find a map of the city's boundary. Use illustrator to trace the images so as to accentuate the necessary information. Use arrows to show the direction of flow and title the diagram. Save as a JPEG and upload to your website.
Example

Week 9 (3/11, 3/13):
Illustrator
Make a diagram similar to the one we did last week, however, add some geo-spatial data culled from ESRI's ArcWeb Explorer. Using the available data along with satellite images or other maps, tell a story. For instance, show the relationships between low-income housing and public transit. Include a legend in your diagram to explain what the colors in the diagram represent and give it a descriptive title. Save as a JPEG and post to your website.
Example

Week 10 (3/18, 3/20):
Spring Break, No Class

Week 11 (3/25, 3/27):
Rhino: 2D, 2.5D
Using the skills we learned in Rhino, construct a table using a Google image search as a guide. Make a quick rendering of the table, save the image as a JPEG and use Photoshop or Illustrator to place the images next to each other in ONE image file. Try to make the rendered image look like the guide image as much as possible. Post that image to your website. *Feel free to experiment with render settings.
Example

Week 12 (4/1, 4/3):
Rhino: 3D, Surfaces, Solids
Using the tools we have learned, render a proposed model of a Chicago bus stop. The proposal should include a seating area and a shelter. Use you imagination and explore the variety of other tools available in Rhino. The actual units are not important...yet, but make sure that the proportions are appropriate for a human-sized object. You might find it easier to work in feet instead of inches. To dress it up a little, experiment with the object properties and render settings. Also post a satellite image of the place where the bus stop will be located.
Example

Week 13 (4/8, 4/10):
3DS Max Rendering, Rhino
Using the tools and techniques we learned in class, use 3DS Max to render a scene that includes your bus stop, sidewalk/road and rough models of surrounding buildings. The first step is to screen-grab a satellite image of your site. It should be zoomed in as far as possible. Using photoshop, crop the screen-grab so that you have only the satellite image. Be sure to include the scale bar! Save the image as a JPEG or BMP file. Open rhino and set the units to feet+inches. Use this file as wallpaper for the top viewport in rhino. Using the polyline tool in rhino, outline features such as groups of buildings, sidewalks, roads, etc. Trace the scale bar as well. Now, measure the scale bar with the distance command and scale all the objects so that the scale bar now matches the real-world size. Extrude the polylines to roughly match real-world objects. For instance, a sidewalk might be eight inches high and a building fifty feet. Mesh all objects and save as an autocad drawing file (DWG). Open 3DS Max and import this model. Make sure the option to derive autocad primitives is set to "Entity, Blocks as Node Hierarchy". Now create some trees: Create>AEC objects>foliage. Next, create a sunlight system: Create>Lights>Daylight System. Enter a location, date and time appropriate for your site. Make a quick render by pressing the F10 key and then pressing "render". Save the render and put the image in an HTML page using Dreamweaver. The page should give the location, date and time of the scene.
Example.

By the way, you can download a fully-functional, 30-day demo version of 3DS Max here.

Week 14 (4/15, 4/17):
3DS Max Rendering

Week 15 (4/22, 4/24):
3DS Max Rendering

Week 16 (4/29, 5/1):
Preparation for Final
Next week is our last class, and we will be having a critique. Each student will present their bus stop proposals from a web page created for that purpose. The web page should contain the following: 1) Three views of the bus stop and site rendered in 3DS Max. One view should be a close up, as if you were standing near to it. Be sure to include a figure in the scene. The next should be one showing the bus stop and its environs, as if you were standing down or across the street. Include a figure here, too. The third should be a plan or birds-eye view, taking in the entire site. 2) There should be a map (not satellite) showing the bus route. This could be done in illustrator. 3) An image or images that convey some other information about the site. The actual content is up to you. As an example, you could do a lighting study, or map so demographic data for the site and its surroundings. The images should be organized so as to be easily navigated. The actual layout is up to you.

Week 17 (5/6, 5/8):
Final Review

Week 18:
Final Exams, No Class