Assignment No. 2

Creating Your First Web Page

Date Due: Thursday, September 10, 2015

Contents Top

What This Assignment Is About
What You Are To Do
Submitting Your Assignment for Grading
How You Will Be Graded

What This Assignment Is About Top

In this assignment you will create your first web page. That may sound easy, but there are a number of pieces involved in getting yourself and your account ready for the more complex assignments to follow. To complete this assignment successfully, your first web page must be visible to everyone on the weblab.cs.uml.edu server.

What You Are To Do Top

I have asked System Manager Tuyen Nguyen to create accounts on weblab.cs.uml.edu for all students registered for this course as of August 30, 2015. Everyone should attempt to log in to weblab.cs.uml.edu with their cs.uml.edu credentials. If you have any problem doing so, please see the system managers or their assistants in Olsen 312A.

Your weblab.cs.uml..edu file system is the same as the one for your regular cs.uml.edu account. Thus, when you log in to weblab.cs.uml.edu you should see the same files that you see when you log into cs.uml.edu. Test this to ensure that it is true, and if not, again please see the system managers or their assistants.
Verify that your file system is set up correctly. If the directories described below do not exist, create them.
1. Log into either your cs.uml.edu or weblab.cs.uml.edu account.
2. Under your main directory you should find a subdirectory named public_html. If it does not exist, create it.
3. Check that the protection on directory public_html is drwx--x--x (711). If it is not, set this protection using the command
4. Check that your public_html directory has a subdirectory named WEB-INF. If it does not, create it.
5. Check that your WEB-INF directory contains two subdirectories named lib and classes. If it does not, create them.
  - These directory name are lowercase.
6. Check that the protection on your WEB-INF directory and its lib and classes subdirectories is drwx--x--x (711). If it is not, use the chmod command to set this protection.
Create an HTML5 web page in your public_html directory that introduces yourself and can be used as an index to the future assignments in this course. Your web page need not be fancy, but it should show that you have put in effort to use the techniques and tags discussed in class so far. Lay out the page so that it can be used as an index to all of the future assignments you will do for this course. You need to use at least some CSS (in an external file), but again, your page need not be fancy at this point. You can continue to improve it throughout the semester as you learn new techniques.
Set the protection of your HTML file to 644 (-rw-r--r--) using the command

chmod 644 your-HTML-file-name

Make sure that your file contains the following documentation within  tags at the top of the file:

your full name
your e-mail address
your affiliation as a student at UMass Lowell in course 91.461 GUI Programming I
the date on which you created the file
a short description of what your web page does (this can be very short for this simple page)

This documentation is very important and will be a major part of your grade for this assignment. Most students who do poorly on this assignment simply don’t put enough effort into the documentation.

Here is an example of proper documentation at the top of an HTML file. Documentation in this format appears at the top of virtually all the web pages that I create by hand. You can see the documentation below in this file by selecting View->Source in your browser.

<!--
  File:  /~heines/91.461/91.461-2015-16f/461-assn/FirstWebPage-v05.jsp
  91.461 Assignment:  Creating Your First Web Page
  Jesse M. Heines, UMass Lowell Computer Science, heines@cs.uml.edu
  Copyright (c) 2015 by Jesse M. Heines.  All rights reserved.  May be freely 
    copied or excerpted for educational purposes with credit to the author.
  updated by JMH on August 30, 2015 at 1:08 PM
-->

Note: The extension for this page is .jsp because this is a JavaServer^TM Page, not a straight HTML5 page. Your file’s extension should be .html.

Verify that you can view your web page over the Internet.
1. Open a browser and enter: http://weblab.cs.uml.edu/~your_login_name/your_html_file_name.html
2. note that you must not include public_html in the URL to your page
Test your page using the W3C Markup Validation Service (http://validator.w3.org/)

To receive full credit on this assignment, your page must validate with no errors. Indicate which validator you used (one or the other or both) on the Assignment Submission Form (see below).

Submitting Your Assignment for Grading Top

Please follow these directions carefully. Incorrectly submitted assignments will not be given appropriate credit.

To submit this assignment you must go to the Assignment Submission Form. This form will lead you through providing all the information we need to evaluate your work, confirming that it is correct, and then emailing that information to our teaching assistant and me with a copy to yourself. Be sure to select 91.461 Assignment No. 2: Creating Your First Web Page from the assignment drop-down list on that form. If your name does not appear in the list of students, you will need to see me.

Important Note: If you do not receive an email in your CS account within a few minutes confirming that your assignment has been submitted, something has gone wrong. Try submitting again or contact our teaching assistant or me.

How You Will Be Graded Top

This assignment will be graded on a 20-point system with points awarded as follows. Please note that the lists of features provided below are not meant to be exhaustive. They are merely representative of the types of things we are looking for in each grading category. Also note that 5 of the 20 points, or 25% of your grade, are awarded for documentation.

I reiterate that your page need not be fancy. I am very aware that some students enter this class with significant prior knowledge of HTML, CSS, and JavaScript. Those students are encouraged to use — and more importantly to expand upon — their existing knowledge, but no extra credit will be given at this time for things that we have not yet covered in class. (In the future I will expect you to go “above and beyond” what we have covered in class.) All students should be able to score all 20 points on this assignment, regardless of what you knew before you took this course.

Criteria	Possible Points
Access web page is visible by our teaching assistant and me over the Internet from weblab.cs.uml.edu (see Step 6 above)	5
Content web page must be set up so that it can serve as an index to all future assignments in this course (see Step 3 above) content is non-trivial, that is, your page contains more than we would expect from a non-major taking 91.113 Introduction to the Internet all content is written in proper English with correct spelling	5
Structure properly structured as an HTML5 document passes HTML5 validation (or includes an explanation of why not)	5
Source Code Documentation and Formatting (see Step 5 above) user name and pertinent contact information appear in each source file all files contain adequate explanatory documentation all files have adequate white space for readability all files are properly indented and formatted all documentation is meaningful and does not merely echo code any sources used are cited in comments embedded within code Additional Notes: documentation is critically important in this course and is where many students lose points, especially on their first few assignments be sure to include all the necessary information and document your work thoroughly note that in this assignment, documentation is 25% of your grade!	5

UMass Lowell Dept. of Computer Science

91.461 GUI Programming I

Fall 2015 Semester, Section 201

Prof. Jesse M. Heines