Objectives:
- to combine the technologies we have studied into an application
- to demonstrate understanding of how each technology should be applied
Assignment:
Each student will design and construct a web site on a topic of his/her choosing that combines the technologies learned in class. The completed site will be graded on its adherence to the principles of good web design and its technical content. The site must include at least 5 pages that make appropriate use of:
- XHTML
- CSS
- JavaScript used in calculation
- JavaScript used in form validation
- DHTML
- Server-side scripting in Perl with file reading or writing
- Server-side scripting in PHP with MySQL database access
Phase 1 - Site Definition:
Prepare a short document (~2 pages) with the following information:
- Topic, purpose and goals for site
- Description of the site content
- General description of the calculation you plan to do
- General description of the data that will be stored on the server.
NOTE: Do NOT describe the structure of your site - e.g. the pages you will include and the layout of information on those pages. You will develop that information in the site design.
Phase 2 - Site Design:
Prepare a document that illustrates the architecture of the site, the layout of each page, and how you plan to use JavaScript, DTHML, Perl, PHP and MySQL. Include the following in your document:
Site Architecture:
- Draw a diagram (storyboard) showing an overall view of all the pages in your site and how they relate to each other.
- Identify each page in your diagram with the file name you plan to use for the page.
- Include arrows showing the links between pages.
Page Layout:
- Develop a prototype page and external style sheet to help decide on the "look" of the site.
- Draw a sketch of each page. Identify the sketch with the file name you plan to use for the page. Show how the text and images will be laid out on the page.
- Identify the page(s) that will use JavaScript for calculation and describe the calculation that will be performed
- Identify the page(s) that will use JavaScript for form validation and describe the validation that will be performed
- Identify the page(s) that will use DHTML and describe how you will use DHTML
- Identify the page(s) that will interact with a Perl script and describe the interaction
- Identify the page(s) that will interact with a PHP page and describe the interaction
- Identify the page(s) that will interact with a database and describe the interaction
Turn in:
- your storyboard
- your prototype style sheet
- your page sketches and the associated descriptions of the programming components where applicable.
Phase 3 - Site Implementation:
Implement the site and publish it on antipasto/rotini. The URL should be "http://antipasto.union.edu/~username/csc240/project"
Update your site design to accurately describe your completed site. Add descriptions omitted from the original site design and expand on those where it was indicated that more detail was needed. Include descriptions (what information is stored in each row or record) of the data files and database tables used.
Turn in:
- your updated site design
- printouts of:
- XHTML or PHP code for each page
- all external scripts
- all Perl scripts
- all external style sheets