Managing Digital Design and Web Development MANG6531

Coursework Brief:
Activity
Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: _0206girl
Your task is to develop one or more scripted web pages that are meant to be part of a web application for a travel and tour company that offers packaged holidays. The aim of the business is to enable people use their website to book packaged holidays. The business currently offers three types of packaged holidays, namely
Gold , Silver, and Diamond . The Gold package is a 3-week holiday, costing £10,000 per person, while the Silver is a 2-week package costing £5000 per person. The Diamond package on the other hand is a week holiday costing £3,000 per person. 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 -- an effective home page, or collection of navigable pages, with corresponding (example) content, that effectively showcases information about the business, holiday order page, contact form that allows customers to make enquiries. The contact form should request customers' full name, email address, phone number, and message as well as have a dummy "Send" button.
• Functionality/scripting -- a script that calculates the total cost by fetching the type of holiday package selected and corresponding cost from a pre-specified MySQL database table (see database specifications below) and multiply with the number of people going on the holiday and successfully displays this content on a respective page. Note that children get an automatic 25% discount on the package so this should be coded in the design . In addition, a standard VAT of 20% of the total cost must be included in the final amount. For instance, if the customer selects the Gold package for 2 adults and 1 child, the system should accurately calculate the total cost including the 25% child discount, and the standard 20% VAT.
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.
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 ( www.southampton.ac.uk/~username/ ) 1 . 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.
Database specifications
For the purpose of this assignment, a MySQL database named "mgmt_webapp_msc" was created and stored on a University server ( srv02958.soton.ac.uk ). This database contains a table named "holiday", which was defined as follows:
CREATE TABLE holiday ( holidayid INT NOT NULL PRIMARY KEY AUTO_INCREMENT,
package VARCHAR(100),
packagedetails VARCHAR(255),
cost decimal (8,2),
duration VARCHAR (100)
);
You have been granted the necessary rights to select records from this table under the username:
MANG6531_student, password: tintin6531. You may assume the contents of this table will be maintained by the business; you are not given any user rights to insert, delete or update records in the table.

相关推荐
CHU72903514 分钟前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序
GISer_Jing22 分钟前
Page-agent MCP结构
前端·人工智能
王霸天24 分钟前
💥别再抄网上的Scale缩放代码了!50行源码教你写一个永不翻车的大屏适配
前端·vue.js·数据可视化
小领航27 分钟前
用 Three.js + Vue 3 打造炫酷的 3D 行政地图可视化组件
前端·github
@大迁世界29 分钟前
2026年React大洗牌:React Hooks 将迎来重大升级
前端·javascript·react.js·前端框架·ecmascript
PieroPc30 分钟前
一个功能强大的 Web 端标签设计和打印工具,支持服务器端直接打印到局域网打印机。Fastapi + html
前端·html·fastapi
悟空瞎说42 分钟前
深入 Vue3 响应式:为什么有的要加.value,有的不用?从设计到源码彻底讲透
前端·vue.js
J船长43 分钟前
深入理解 Dart 中的 mixin:优雅复用代码的利器
前端
风止何安啊1 小时前
为什么要有 TypeScript?让 JS 告别 “薛定谔的 Bug”
前端·javascript·面试
一蓑烟雨,一任平生1 小时前
鸿蒙H5调试方法
前端·华为·h5·harmonyos