F28WP Coursework I: Develop a Product Ordering Web Service System

This document presents a comprehensive solution for the F28WP Coursework I assignment at Heriot-Watt University's Edinburgh campus. The project involves developing a product ordering web service that allows users to browse products, select items, and submit orders with contact and delivery information. The front-end utilizes HTML5 (XHTML syntax), CSS3, and JavaScript (DOM 1+ compliant) for user interface and form validation, ensuring adherence to W3C standards. The back-end requires server-side programming in Java or JavaScript to record order details, including user information and product selections. The solution includes a detailed report outlining the project's design, implementation, testing, and a discussion of the technologies used. The final deliverable is a fully functional web application accessible via a specified URL, along with the source code and a report detailing the development process. The project emphasizes the importance of adhering to web standards and producing a robust, user-friendly application.

F28WP Coursework I - Edinburgh Campus
A product ordering web service should be developed that lets users browse through product
information and decide which and how many of these products they wish to order. It should support
the recording of their order in a web form along with user and delivery details. On submission order
information should be delivered to a web server and recorded in a file and the order displayed back to
users in a confirmation web page. The assignment should be done jointly in pairs.
Students on the Edinburgh campus who are unable to find a partner may contact Hamish Taylor by e-
mail ([e-mail]) for assistance in finding a partner.
The following Web technologies should be used:
 HTML 5 (XHTML syntax), CSS 3, DOM 1+ and JavaScript
 web server programs in JavaScript or Java
All client side programs must be written in JavaScript and server side programs written in Java,
JavaScript or JSP. The use of JavaScript libraries like JScript and web frameworks/templates like
AngularJS, Bootstrap, React.js, Sails.js etc. is not permitted. However, JSP, Servlets and utility
modules for Node.js like Express.js are permitted. HTML must be written in the XHTML serialisation of
HTML 5 and include some elements specific to HTML 5. CSS must be supplied in a stylesheet file
linked into each web page and include some features specific to CSS 3. The final report must contain
a URL of working web pages for the product ordering system and be accessible within Heriot-Watt
University. The web pages must continue to be available at that URL for 3 weeks after the final
submission date.
The product ordering service may be hosted on departmental web servers like the Apache and
Tomcat servers on ports 80 and 8080 of anubis.macs.hw.ac.uk that are guaranteed to be running
24/7. Or it may be hosted on web servers like Node.js or Jetty that are set up ad hoc to run i.e. aren't
guaranteed to continue running all the time. However, in the latter case it must be feasible for the
coursework assessor to restart the web server component in order to test the product ordering service
if it has ceased to run. Clear instructions must be given with the submitted coursework on how to run
such a web server component and suitable access permissions must be set so that the assessor can
do so.
The listing of the sources for the system should be accompanied by a 5 page joint report that includes:
♦A statement of how the task was divided between the pair.
♦A description of the application, the reasons for any design decisions, and the public http
URL where the system is deployed (including server start up details where needed).
♦A brief statement of what specifically HTML 5 and CSS 3 elements are included.
♦A brief discussion of the strengths and weaknesses/deficiencies of the system, and what
could be done to improve it given more time.
♦A brief discussion of the testing of the system, stating what was done to provide assurance
that the various parts of the system worked correctly.
Listings of the JavaScript, web server programs, XHTML 5 and CSS 3 should include authors' names.

The front end.
The front end should be web pages that detail products of the developers' own choice. They should let
users enter their contact and delivery details and select products in a web form. There should be links
available from each product's name allowing the user to look at a more detailed description of that
product including its cost. Some general information about the supplier, delivery and handling etc.
should also be provided. Use of a good range of different types of form controls is expected.
A common CSS stylesheet should be used to give a consistent appearance to elements. JavaScript
code or form validation attributes should ensure that the user enters their name and address and
makes coherent product choices before being allowed to submit the form. JavaScript should NOT use
any libraries such as JQuery. JavaScript should interact with web page elements and events in a
standard DOM 1+ compliant manner.
The web pages of the application should validate as correct XHTML 5 and CSS 3 using the W3C
validation services. Validation links should be embedded in each web page to make this checking
convenient.
While students may use cookies or web storage if they choose, their use is not required in order to
complete this assignment. Any use of cookies or web storage should comply with UK law i.e. require
consent where needed.
Server Side
Product selections on the web site should be recorded in a file including the name, address and email
address of the user, the list of products ordered, and the total cost of the products. The user should be
supplied with a confirmation page which lists their order, total cost, name, email and delivery address.
Marks
Marks for this assignment are worth up to 25% of the overall course mark. Marks will be awarded for
XHTML 5, CSS 3, JavaScript, DOM 1+ and server side programs in Java or JavaScript. They will take
into account conformity to the specification and W3C standards and how well and to what level it was
achieved in the report writing, the programs produced, the test cases illustrated and the overall scope
of what was essayed. High marks (70%+) will only be awarded to those who have successfully
attempted something reasonably challenging and written it up appropriately.
Date Due
The coursework is due for Edinburgh campus students by Wednesday 26th October 2016. It should be
submitted digitally through Vision as a single PDF file (report + code listing). Separate PDFs for report
and code can be stitched together using the Linux utility pdftk or the Windows utility PDFArchitect from
PDFCreator. A separate submission is required from each student in a pair even though it is a
common joint coursework. E-mail or hard copy submissions of the coursework are NOT acceptable.
Late coursework will be penalised at the standard school rate unless explicit permission to submit late
is sought and granted before the due submission date and time. Permission to submit late will not be
given without manifest good reasons. This coursework is worth 25% of the overall course mark.