Journal of how you came to AUB
Write a web application using JavaScript, XML and CSS that contains a journal of major events and places on your journey to Bond University. The aim is for you to provide details of how you arrived at Bond and comments about interesting places on the way. Registered visitors will be able to post comments and links to other features of your visited places.
There are three types of users - you as the administrator and owner of the application, guests who can only view your journey and registered visitors who can make comments.
As well as the main application heading and information about the current user at the top right, the owner is presented with a text area with the caption ‘How did I arrive here?' and an Update and Clear button. Note that as the user types the number of characters left out of 160 is displayed. A visitor is presented with a text area with the caption ‘Any comments?'.
Requirements from assignment 1
- When the Update button is clicked the following occurs:
1. The user name is added to the message text typed by the user
2. A time stamp is added after the message text
3. A photo is added at the left
4. Any URLs are made into hyperlinks
5. The combined photo and text, formatted suitably, is prepended to the list of previous messages below the input area, i.e. the most recent item is at the top of the places visited.
6. The message box is cleared to allow further user input.
- When the Clear button is clicked the text area is cleared.
New requirements to be added for assignment 2
1. Allow users to register themselves - the password cannot be blank. You will need to manually create your users XML file
2. All your journey data is to be saved on the server. You will need to manually create a sample of your journey.
3. When anyone opens the default page they are presented with a list of all your journey and comments (retrieved from the server). Use javascript similar to the users.htm sample
4. Allow a registered user who has logged in to add, delete or modify only their comments.
5. Use one or more XML files to record registered users and passwords as well as your journey and comments. These are manually created in 1& 2 above
Make sure that all presentation of the page content is done using styles and style sheets. The old deprecated HTML tags for font size, family, colour and weight should not be used. Take care to use meaningful names for the Ids of all XHTML tags and JavaScript variable and function names. Add some JavaScript comments to each function. Attempt to keep the JavaScript statements to 20 or less for each function. Please follow normal user interface conventions such as feedback for every user action, autofocus of form controls, checks for invalid data entry, and horizontal and vertical alignment.
In the assignment demonstration:
1..Your web site must be resident on your VM.
2. You must run Firefox on your VM (or a browser of your choice).
3. Be quickly able to show the contents of the XHTML, CSS, XML and JavaScript. These need to be in separate files.