Web Development
Assignment 2
Semester 1, 2021
DUE ON: 11:59 PM, Wednesday 26 May 2021
Assignment Worth: 25% of total marks
NB: Assignments will be accepted up to five (5) days late, but a penalty of 5% per day (or part of a day) late
will be imposed on either the team or the individual depending on the circumstances.
NB: This is an individual assignment. Students are referred to the school’s policy on plagiarism. A confirmed
case will incur zero mark to all the involved students.
NB about naming standard:
- All file names must be consistent with what is specified in the assignment instruction.
o For Task 2.1, please use the same name “booking” for all types of files for this task. For
example, booking.html, booking.php, booking.js.
o For Task 2.2, please use the same name “admin” for all types of files for this task. For
example, admin.html, admin.php, admin.js.
o For the MySql table creation command, please write in mysqlcommand.txt
1. Overview
The aim of this assignment is to develop a better understanding of building web applications using
simple Ajax techniques, PHP, and MySQL. It assumes that you are able to work with MySQL and
PHP on the server, as learned in the first part and Assignment One of this course, and that you
can develop an Ajax client interface using HTML and JavaScript, as learned in the second part of
this course.
For this assignment, you will need to create all the appropriate HTML, JavaScript, PHP files and
Database tables. You should save and test all your HTML and PHP files on cmslamp14.aut.ac.nz
server in a directory "/home//public_html/assign2".
2. Assignment Tasks
The assignment is to develop a simple web-based taxi booking system called CabsOnline.
CabsOnline allows passengers to book taxi services from any of their internet connected
computers or mobile phones. The techniques you are going to use include the Ajax techniques
(JavaScript/HTML, XMLHttpRequest, CSS, and DOM), MySQL and PHP. For client-server
communication, you must use XMLHttpRequest object.
Two components (booking and admin) of such an online service that must be completed for this
assignment are specified in the following two sub-sections. Other components such as querying
service for drivers, monitoring services for customers, payment processing, detailed processing for
assigning taxi are not required in this assignment but you are free to extend for your fun later.
2.1 The Booking Component
This component is used to allow a passenger to put in a taxi booking request in Auckland and
surrounding areas.
1) On the client side, design an HTML page (booking.html) and a client-side program to take
inputs for a booking request, and pass them to server for processing (using XHR object). You
need to validate these inputs before sending them to the server:
• Customer Name (Text input type. Must set its name attribute to ”cname”: