Overview and objectives

The goal of this assignment is to propose a website of your own interest and develop a prototype of the proposed website.

The assignment can be done either in the lab or at home via VPN. However, you must present this assignment from your allocated personal web server (infs3202-xxxxx.uqcloud.net) to your lab tutor. You must also submit the code and proposal you have shown to the tutor.

This assignment is divided into two tasks, where you will create a proposal and prototype of a website:

? Proposal
? Prototype

Note: you must deploy your work on your allocated student server in order to be assessed. You do not need to implement any PHP, JSP or advanced JavaScript for this prototype.

Proposal

The proposal should be for a website you are interested in developing. There are however a few requirements that must be met. These requirements are described in the Proposal Requirements below.

A key part of your website proposal, is a unique interactive functioning Web feature that requires the use of PHP or JSP to function. This feature may use external libraries and APIs, however it must have functionality that would be predominantly developed by you. If you are unsure about whether your feature will be appropriate, you can discuss this with your tutor.

To begin your proposal, you should include a brief overview of your website layout, followed by an overview and justification of the technologies that will be used, and a note on why the use of Web standards in the development of the Website (and Websites in general) is important.

Next, you should cover the design of your website and functionality that will be included (e.g., interactions with users, a certain online business transactions, or special interactive visual effects). Please ensure that your Website meets the requirements outlined in the proposal breakdown.

Your proposal should be in the form of a PDF or Microsoft Word Document.

This document should have no more than 5 pages in text and pictures.

Marking Criteria of the Proposal:

1. Completeness: This proposal must give the sufficient information about what kind of Website will be implemented, what technology will be used, and what business function (purposes) will be achieved.

2. Soundness: This proposal must give the reasoning about the design objects (i.e., HTML elements, Website structure, visual effects, interactive functions, and scripting language techniques).

3. Adaptiveness: This proposal must descript the deployment environment about this Website, give the instructions on preferred browser if a specific browser is required or platform independent, and identify the technique issues to implement such a Website.

Prototype

For the prototype, you will be implementing the HTML, CSS and some basic JavaScript for your proposed website. Be sure to include appropriate styling for a quality Website, and make use of semantic and valid HTML, CSS and basic JavaScript. You will need to upload this prototype to your student zone server, which you should have created in Tutorial 1.

Preparation

HTML/JS/CSS

Before attempting this assignment, you must have a good working knowledge of how to create a basic site using HTML, JavaScript and CSS. You should know how to use style sheets to change both the style and layout of a page and the advantages of using CSS over inline styling and table layouts.

Assignment 1

Note that the assignment has three parts - Part A, B, C You should hand in (via on-line submission in Blackboard

Part A

The FTP application layer protocol is described in RFC 959.

Write a list of the four letter FTP client commands, in alphabetical order in table like the one below. For each command, write a brief description (no more than two lines) of what that command does.

Part B

Use Wireshark to analyse the file: simple-capture.pcapang and answer the following questions. Note that only the packets that that are part of the HTTP message protocol are captured.

This was captured from my home computer connecting to a simple website. Answer the following questions.

B1: What are the URLs of the three pages requested?

B2 What are the socket IDs (IP address :port) of the client and server? B3 What are three compression encodings that this browser will accept?

B4 Is the returned html file compressed? If so, what are the compressed and uncompressed sizes of the file.

B5 The JPEG image file is not compressed by the webserver. Why do you think this might be so?

Hand In - a single PDF file with answers to the above questions on Blackboard.

Part C

Write a short program to use the SMTP protocol to connect to the SMTP server:

smtp.uq.edu.au

and send a short email to your uq email account, with the Subject line:

Testing For Assignment 1

And a body starting with

Welcome

You can use any programming language + a socket library, but DON"T use an existing SMTP library. Python or C are probably the easiest languages to use.

Your program can be a single purpose program to send any message to any email address, or it could be fixed purpose just for this assignment, and have no user input.

Your program should output to a file "smtplog.txt' all characters sent and received over the socket. Write out your name and student number in the first line of the file.

Start each sent or received message on a new line. Prefix sent data with
TX>

and received data lines with RX>

Indicate non printable characters with escape codes either like \r \n or Hand In -

(i) A copy of your program listing as one or more source files (.py, .c) (we aren't going to run the programs, just look at them)

(ii) A copy of the protocol message file smtplog.txt

(iii) A copy of the received mail message as displayed by your mail access program