SEMESTER 2 2024/25
INDIVIDUAL COURSEWORK BRIEF:
|
Module Code:
|
|
Assessment:
|
Individual Coursework - Assignment
|
Weighting:
|
30%
|
|
Module Title:
|
Managing Digital Design and Web Development
|
|
Module Leader:
|
|
|
Submission Due Date: @ 16:00
|
08 MAY 2025
|
Word Count:
|
1000
|
This assessment relatesto the following module learning outcomes:
A. Knowledge and Understanding
A1. Be able to identify and have a basic understanding of practices and challenges involved in managing digital design and web development;
A2. Have gained an appreciation of the technologiesrequired to develop and operate websites and other web or mobile applications.
B. Subject Specific Intellectual and Research Skills
B2. Have an appreciation of complexity in real-world systems;
B3. Be able to apply basic digital design and/or coding skills.
C. Transferable and Generic Skills
C3. Programming skills
Coursework Brief:
Activity
Your task is to develop one or more scripted web pages that are meant to be part of a web application for an eco-friendly travel company dedicated to promoting sustainable tourism through adventure packages that explore breathtaking natural locations. The company offers three carefully designed packages tailored to different experience levels and durations: Diamond, Silver and Gold. The Diamond, a 4-day adventure priced at £1,200 per adult; the Silver, a 7-day journey for £2,500 per adult; and the Gold, a premium 10- day experience for £4,500 per adult. Families benefit from a 30% discount for children on all packages, making these trips more affordable. Additionally, a 15% VAT is applied to the total cost.
At the moment, the business does not have a name, logo, and brand colours so it is your job to decide on these. Your web page(s) should be appealing, easy to use, and provide a package quote calculator. Specifically, your solution should contain:
• HTML pages – the Home Page will introduce the brand with captivating visuals of nature and adventure activities, accompanied by a brief description of the company’s ethos of eco-tourism. The Packages Page will provide detailed information about each adventure package, including its duration, cost, and the unique experiences it offers, helping users make informed decisions. The Booking Page will feature an interactive quote calculator that allows users to select their preferred package, specify the number of adults and children, and view the total cost dynamically. This includes applying the appropriate child discounts and VAT. A Contact Page will offer a simple form. to collect user details, including full name, email, phone number, and message, with a dummy "Send" button for demonstration purposes.
• Functionality/scripting – The website will feature dynamic functionality supported by a script. that fetches package details from a MySQL database (the database specification will be provided in a separate file). This script. will calculate the total cost based on the number of adults and children, applying the 30% discount for children and adding the 15% VAT. For example, if a family of two adults and one child selects the Silver package, the script. will calculate the total cost by multiplying the cost per adult by the number of adults, applying the child discount, and then calculating the VAT. The result will be displayed on the booking page, providing clear and transparent pricing.
• Styling (usability and visual aesthetics) – a user-friendly and visually appealing styling that are suitable for and well applied to the problem setting, and with appropriate positioning of all elements. The layout will feature clear navigation, modern typography for readability, and high-quality images that capture the essence of eco-tourism.
Importantly, to avoid any possible confusion, every page you include in your solution must clearly include the following disclaimer: “Note that this is a fictitious website that was developed by a student as part of a programming assignment. None of the content on this page is meant to be genuine nor should it be taken as such”. Also, please do not make any attempt to submit your pages to a search index or to provide any external link to them.
To develop your solution, you will need to use HTML, JavaScript, and PHP server-side scripting. Use of CSS for styling is strongly encouraged; some may wish to use Bootstrap for this purpose. Importantly, your server-side script(s) must be designed to run under the existing Web server configuration used to host your personal web file store (https://student-lamp.soton.ac.uk/~your_username/). Solutions that require different PHP versions, customised server configurations, etc. will attract low marks; you may wish to verify compatibility at the beginning stages of your work.
Furthermore, you are asked to produce a written report (max. 1,000 words) which discusses and justifies your main design decisions (e.g. usability considerations taken into account, visual aesthetics, choice of framework/starting template, etc.). This report should also reference any sources of information or of existing code you used, and how you applied or further customised these. It should demonstrate how you reflected on the most relevant elements of your solution; you are encouraged to justify certain choices based on further research/reading.
Database specifications
The database specification will be provided in due course. Necessary rights will be granted to access the database and select records from the required tables.
Important note on Academic Responsibility and Conduct
This is an individual assignment so your markup code and scripts must be your own work: you are not allowed to copy from other students.
You are of course encouraged to look for useful information sources to support your design choices and reference them in your code. Also, you are allowed to make use of existing templates or frameworks and development environments to speed up development, or you may look for scripting code examples on the Web, in books, etc., and adapt and incorporate individual chunks of scripting code provided you acknowledge their use and the sources in code comments.