159.** 2024/S1 – Assignment 1 Brief
Online Psychological Profiling
In this assignment, you will extend the minimalistic Web servers developed in the exercises
from the lectures. Here you will develop a Web application to generate an online (and not
necessarily serious) psychological profile of the user.
Your application will function both as a server to the end user and as a client itself in order
to consume 3rd party Web services via RESTful APIs—as in the following schematic.
A key aim of this assignment is to gain hands-on experience with HTTP fundamentals. Do
not use any high level framework (Django, Flask, Nodejs, etc) as they abstract the low level
HTTP functionality. You will get a chance to use these frameworks in the 2nd assignment.
Here you are being asked to implement your own micro-framework.
However, you may make use of standard modules that come with Python, e.g. http.server,
urllib.parse, requests, json etc. Also it is strongly encouraged that you do not hard code
HTML text within your Python scripts.
Requirements
Authentication
Use basic HTTP authentication to protect your site. Implement this in your Python server
so that without the correct login credentials, none of the resources will be accessible.
Use your 8-digit student ID for both the user name and password, e.g.. when your browser
asks for the credentials put in :
User Name: 12345678
Password: 12345678 (replace 12345678 with your own ID)
[4 marks]
The back end
Design your server to respond to the following URI paths. Also add other path definitions
as you see fit. Any undefined path should result in a 404 NOT FOUND response.
/
The default/empty path should deliver the content of the “landing page” index.html (or
otherwise). This will function as the “front end” as below.
/form
Deliver the content of the file psycho.html to the user. The content here is a classic form
using vanilla HTML. Your browser should then display this appropriately.
/analysis
This is the “action” upon submitting the form data from the browser. You will first need to
(slightly) modify psycho.html.
This URI should action the following tasks at the server-side:
1. Parse the input form data and store at the server side in a suitable format.
2. Analyze the input data to generate a “psychological profile”. The results should be as
follows:
• an assessment of the users suitability for their selected preferred career
• a recommendation of movies the user might like—fetch the relevant data from a
3rd party site via a RESTful API (see below)
3. Fetch a random image, from a 3rd party site (see also below), for each pet that the
user selected in the check boxes. Store these at the server side.
For step 2 you can analyze the form data in any way you see fit—be creative and have fun!
The result of actioning the /analysis URI should be the psychological profile data and image
files stored at the server. These data should NOT be be delivered to the client at this point.
The server response should just be a simple message in a suitable format.
The delivery of actual data is to be handled by the view URI paths below.
/view/input
This URI delivers the input data to the client. This should be delivered in a suitable
serialization format. Do not include HTML. The visualization of the data is to be handled
by the front end.
/view/profile
Deliver the psychological profile data to the user for display in the front end. Again, use a
suitable serialization format.
[11 marks]
The front end
This deals with the presentation and visualization of the data generated at the server. Design
a suitable front end in index.html to interact with server. You will need to add JavaScript
functionality. This should have the following functionality:
1. Fetch the input data form psycho.html by actioning the appropriate back end URI.
The content of this HTML will need to be displaced in a separate browser window.
2. Fetch the serialized input data and display in the browser in a suitable human viewable
form.
3. Fetch the serialized psychological profile data together with the pet images (if any)
and display them in the browser in a human readable format.
Results should be displayed in a manner you would expect to see in a browser window after
appropriately parsing the serialization text. Do not just dump this raw text in the display
document.
[7 marks]
Deployment
Package your application as a Docker image and get it working in a Docker container.
[3 marks]
Submission
Please upload your saved Docker image. Instructions are on Stream.
This assignment is worth 25 marks (25% towards your final grade).
Due date: 2024 March 29, 11:55pm.
Appendix: 3rd Party Services
Movie Database
Visit http://www.omdbapi.com/apikey.aspx. Click on the “FREE!” radio button and
enter your details, e.g.:
Your API key will be sent to your e-mail. To get details on a particular movie title, try the
URI (replace abcdefgh with your own key)
http://www.omdbapi.com/?apikey=abcdefgh&t=alien
and see what comes back. See the documentation for other types of API calls.
Random Animal Pictures
The following URIs will fetch image metadata for animal image files. No API keys are
needed. Note: the metadata will be in JSON format which will contain the URL for the
actual image file—which you also need to action.
To understand what is going here, use curl, wget, or your own Python test script to action
請加QQ：99515681  郵箱：99515681@qq.com   WX：codehelp