Agenda & Assignment 15 April 7

CSC 101/IMM 120

Spring 2009

Summary of Class Activities:

Introduction to HTML:

Markup code.

Looking at the "source" .... of this website.

Introduction to Dreamweaver.

An "integrated programming environment" for creating and maintaing web sites.

What do you need to know: (we will link to a TCNJ personal website on April 14).

1. How to "Manage a site" (Site pull down menu)
2. We will create SITES not FTP & RSD sites.
3. In the lab... clean up after yourself. Don't leave your password around!!

The essence of HTML is the HYPERLINK

Links can be absolute (like the HYPERLINK) one above:

http://en.wikipedia.org/wiki/Hyperlink

or

They can be relative: like the ones throughout this website.

../WebDocs/IntroICSP09CourseReqs.html

Relative links are based on "unix file structure"

. means this folder (file)

.. means the parent (enclosing) file.

Building a portofolio as an HTML document. (see assignment below for details)

Start with structure. (Essays, Scratch work, Processing Project, Your choice project, Programming Sketches)

What is the best way to organize things: as folders, on one page.

How are the pages linked, how do you go back and forth.

Style sheets.... imposing a style on the whole thing. (color, font, layout).

Using "under construction" pages as place holders.

 

HOMEWORK

Reading/Tutorials: (Due April 14)

Read the Wikipedia entry for "hyperlink" linked above.

On the TCNJ web site, research how to create a personal site. We will walk through this in class on 4/14. If you figure it out, show your classmates. If you are stuck, find some one to walk you through.

You are strongly encouraged to use Dreamweaver for these assignments, however you will need to learn to navigate that environment by following the tutorials provided with the software. Dreamweaver is available in all of the Mac labs in Forcina and Holman Halls. You can also download a 30 day trial from Adobe. See the course requirements for this course for details on downlaoding "Adobe" products.

You are expected to work through a number of online tutorials. I recommend the following, however you may use an alternative either online or in print form.

A good site for this is: http://www.htmlcodetutorial.com/
By TUESDAY, April 14:
On the site click:
Welcome to the HTML Code Tutorial. Our goal is to provide the most helpful and complete guide to creating web pages anywhere. If you're just beginning, start learning HTML here.

By FRIDAY, April 17:
CSS
Forms

Programming Assignment: (Due Tuesday, April 14)

Two parts:

1) WORK ON COMPLETING YOUR PROCESSING PROJECT

2) Begin to flesh out your portfolio based on the template provided in class.

By April 14: Have a tentative structure for the web site using "under construction" pages as place holders. At this stage manage your site locally on your USB drive. On April 14 we will walk through uploading your site to your TCNJ directory.

By April 28:

1) Create a website as a portfolio of the work you have done for this course. (This is your opportunity to put it all in one place in a cohesive form - you should have been collecting it on your flash drive all along.) If you want to use your TCNJ site for more than this course, then make sure you link the home page to a page that is exclusively devoted to this class. You may decorate the page as simply or as creatively as you choose, but bear in mind that the goal is a page that is easily traversed to view your work for this semester (e.g. for Dr. Wolz to provide a final grade.)

You should have separate pages for the following: ( a full list of assignments is posted - updated through Nov. 11)

• Reflective Essays (it is suggested that you put all of the essays on a single page.)
• Scratch Project work (including links to the project itself on the Scratch site, the proposal, usability review and critiques, code critiques and final report.
• Processing Project work (including links to the project itself as an exported applet, the proposal, usability review and critiques, code critiques and final report.)
• Your Choice: Processing/Actionscript/Applet (including links to the webbased version of the project, the proposal, usability review and critiques, code critiques and final report.)
• Programming Sketches including the formal assignments given in class for Processing and Scratch as well as any other interesting projects you have created.

NOTE WELL: For Friday you should have the general structure completed so that you can navigate "under construction" pages.

Journal Assignment: (Due Tuesday, April 14)

1)THIS IS YOUR DRAFT REPORT Summarize the comments from your reviewers for your usability review for your Processing project. You should have at least 2 reviews. If not, please negotiate to get them, and if you are having trouble, please let Dr. Wolz know. How do the reviews impact what you will do to complete the project. Project implementation requires coming to grips with the fact that the eyes are always bigger than the stomach. Explain the difference between what your imagination projected your project would look like, and what your project became.

2) HTML is considered a scripting language. Processing, based on Java is a programming language. Characterize the differences. Where does Scratch fall within this characterization? Make a case for or against Scratch being considered either a programming or scripting language.