Advance Software Engineering: "City Taxi"
Advance Software Engineering: "City Taxi"
ENGINEERING
“City Taxi”
Group Member
Chathuragani - 23039175
Table of Content
Abstract .............................................................................................................................. 11
Introduction ........................................................................................................................ 12
Objective ............................................................................................................................ 13
Goal .................................................................................................................................... 14
ER-Diagram ............................................................................................................... 22
Architecture Diagram................................................................................................. 26
Flowchart ................................................................................................................... 34
Admin .................................................................................................................... 34
Operator ................................................................................................................. 35
Customer ................................................................................................................ 36
Driver ..................................................................................................................... 37
Pseudocode ................................................................................................................ 38
Database ......................................................................................................................... 40
Wireframe ...................................................................................................................... 44
Homepage .................................................................................................................. 45
Customer dashboard................................................................................................... 49
Interface ......................................................................................................................... 57
Component clarification..................................................................................................... 84
Figure 3: ER-Diagram........................................................................................................ 23
Figure 52: Admin manage cab category (Add new customer) .......................................... 65
The primary goal of "The City Taxi" is to establish a reliable, accessible, and affordable
transport service that caters specifically to the transportation needs of low to mid-income
passengers. By focusing on this demographic, the service aims to address the challenges
faced by individuals with constrained financial resources, providing them with a convenient
and cost-effective solution for their mobility requirements.
Implemented using a robust 3-tier architecture, the system integrates a backend database, a
middle tier utilizing XAMPP and PHP, and a front-end client accessible through a web
browser.
This project adopts a multi-tiered architecture, leveraging server and client-side scripting
techniques, and employing cutting-edge implementation technologies, including PHP
(Object-Oriented Programming), jQuery, Bootstrap, HTML5, and relational databases like
MySQL.
The project’s objective is to provide a reliable and cost-effective transport service tailored
to the transportation needs of low to mid-income passengers. The focus is on offering an
accessible and convenient mobility solution, enhancing the overall quality and affordability
of transportation for individuals within this income demographic.
Introduction
Our service is not merely about reaching a destination; it’s about the journey itself. City
taxi leverages cutting- edge technology to offer a seamless and user-friendly experience.
The intuitive mobile application empowers passengers to effortlessly book a taxi, track its
real time location, and experience a level of transparency that in stills confidence. We
understand that time is of the essence, and our commitment to prompt service ensures that
our passengers reach their destination on time and every time.
This online platform facilitates seamless interactions between passengers and vehicle
owners/drivers, providing an array of features for a user-centric and efficient taxi service.
During registration, both passengers and vehicle owners/drivers receive a personalized
login, enhancing the security and accessibility of the system. Passengers can effortlessly
reserve taxis through the user-friendly website, receiving detailed information about the
assigned driver and vehicle via SMS, ensuring transparency and peace of mind. Drivers
maintain real-time connectivity through the web-based system on their smartphones,
always ready for service unless marked 'BUSY.' The platform encourages passenger
feedback, allowing them to rate drivers based on their travel experiences, fostering a culture
of accountability and service improvement.
Passengers can choose drivers from a list of those closest to their location, a feature that
enhances efficiency and reduces waiting times. Simultaneously, drivers can update their
availability status, ensuring accurate representation on the available drivers' list. For
unregistered passengers, a telephone operator facilitates manual reservations, ensuring
inclusivity. While customer details remain private during phone bookings, essential
information is recorded in the system, and confirmation SMS messages are sent.
Utilizing advanced relocation technology, the system automatically retrieves and displays
the closest drivers to passengers, optimizing the matching process. The same technology
allows the precise setting of passenger locations when reserving a taxi, either by the
passenger or the operator. The system calculates journey payments automatically, allowing
passengers to pay securely through the platform, providing a seamless and cashless
transaction experience. Drivers receive instant notifications of successful payments,
ensuring a streamlined and efficient financial process. Finally "The City Taxi" transforms
urban transportation by seamlessly integrating technology, efficient operations, and
passenger-focused features, ultimately creating a reliable and accessible transport service
tailored to the unique needs of low to mid-income passengers.
Objective
The user-oriented objective for "The City Taxi" transport service, within the context of
developing the project using a PHP web application, is to create a seamless and accessible
platform for low to mid-income passengers. The thesis aims to develop a user-friendly PHP
web application that prioritizes affordability, reliability, and convenience in urban
transportation. Users anticipate a hassle-free experience, from registering and reserving
taxis effortlessly to receiving timely SMS notifications with driver details. The goal is to
provide passengers with a technologically advanced and cost-effective solution,
emphasizing a user-centric design that enhances the overall quality of their commuting
experience. Through the development of this PHP web application, the thesis endeavours
to contribute to the optimization of urban transportation for the target demographic,
aligning with the unique needs and preferences of low to mid-income passengers.
Goal
The goals for "The City Taxi" transport service, with a focus on targeting low to mid-
income passengers, encompass various aspects to ensure the provision of an inclusive,
reliable, and affordable urban transportation solution. The City Taxi aims to establish itself
as a socially responsible, technologically advanced, and user-focused transport service,
ultimately enhancing urban mobility for low to mid-income passengers.
Non-functional requirements define the attributes that characterize the overall behaviour
and performance of a system rather than specific features.
Reliability: The system must have a high level of reliability, ensuring minimal downtime
for maintenance or unexpected issues. Backup and recovery mechanisms should be in place
to safeguard against data loss and system failures.
Security: Passenger and driver data must be securely stored and encrypted to protect
against unauthorized access and data breaches. Secure communication channels, such as
HTTPS, should be implemented to protect sensitive information during data transmission.
Scalability: The system should be scalable to accommodate a growing user base and
increasing demand for the service over time. Scalability considerations should extend to
both the backend infrastructure and the user interface.
Usability: The user interfaces, both on the web and mobile applications, should be designed
for ease of use, catering to passengers with varying levels of technological proficiency.
Accessibility features should be implemented to ensure inclusivity for users with
disabilities.
Availability: The service must be available 24/7, allowing passengers to book taxis at any
time, reflecting the dynamic nature of urban transportation needs.
Maintainability: The system should be designed for ease of maintenance, allowing for
updates, bug fixes, and feature enhancements without significant downtime. Codebase
documentation and commenting should be thorough to facilitate ongoing development and
maintenance.
Interoperability: The system should be interoperable with various devices and operating
systems to cater to a diverse user base. Integration with third-party services, such as
payment gateways and mapping services, should be seamless and efficient.
Compliance: The system must comply with relevant data protection and privacy
regulations, ensuring the secure handling of personal information. Adherence to
transportation industry standards and local regulations should be considered.
Functional requirements describe the specific features and capabilities that a system must
User Registration and Authentication: Users should be able to create accounts securely.
The system should authenticate users to ensure secure and personalized access.
Booking System: The application should allow users to book a taxi easily through a user-
friendly interface. Users should be able to specify pick-up and drop-off locations.
Fare Calculation: The application should calculate fares accurately based on distance,
time, and any additional charges. Transparent fare structures should be communicated
clearly to the users.
Payment Integration: Passengers should be able to make payments for rides through the
system using various payment methods. Drivers should receive payment confirmation
notifications.
Review and Rating System: Passengers should be able to provide feedback and ratings
for drivers and the overall service. Drivers should have access to their ratings and reviews
to improve their service.
Taxi Reservation System: Passengers should be able to reserve taxis through the website
or mobile app. Reservation details should include pickup and drop-off locations, date, and
time preferences.
HTML
Adobe XD
Edraw max
JQuery
PHP
MySQL
Adobe Photoshop
System Requirements
Hardware Requirements
Server side
Client side
Admin/Customer – Any type of device with the internet connection and web browsers like
Laptop, PC, and Tab
Software Requirements
Server side
Client side
Driver/ Customer– Any operating system with Windows, Android, IOS, Any device with
a high speed internet connection
Any type of device with internet connection and web browsers like chrome, safari, Firefox
and opera.
System Methodology
Requirements
Operator Additional
User Login & Location and Payment and Final
management Features and
Registration Driver rating Deployment
and Taxi Testing
management
reservation
Admin
dashboard
System Design
The system design is the process of the art of the defining the architecture, component,
modules, interfaces and the system to satisfy the requirement. The system architecture
creates the blue print for the design with the necessary specification for the hardware,
software; people and data resources. In the many cases, multiples architecture are evaluated
before one is selected.
UML Diagram
In a user case diagram for "The City Taxi" transport service targeting low to mid-income
passengers, the relationships between the admin, driver, customer, and operator can be
illustrated to provide a visual representation of their interactions and system functionalities.
Admin: The admin has the authority to manage and oversee the entire system. This includes
functionalities such as user management, system configuration, and access to analytical
data. The admin can view and modify driver and customer details, ensuring the smooth
operation of the service.
Driver: Drivers interact with the system primarily through a mobile application. They have
functionalities such as updating their availability status ('AVAILABLE' or 'BUSY'),
receiving ride requests, and accessing navigation information. The driver's interactions are
crucial for efficient service delivery and real-time communication.
Customer: Customers access the system through a web or mobile application to perform
various actions. This includes functionalities such as booking a taxi, viewing available
drivers, providing feedback, and making payments. The customer's interactions focus on
creating a seamless and user-friendly experience throughout the transportation process.
The admin oversees and manages both drivers and customers, ensuring the overall
functionality and efficiency of the system.
Drivers interact directly with customers when accepting ride requests, creating a
direct relationship between these two entities.
Customers have a direct relationship with the system, booking rides and providing
feedback on their experiences.
The operator facilitates manual reservations, linking unregistered passengers with
the system and ensuring a smooth booking process.
In this user case diagram, the relationships and interactions between the admin, driver,
customer, and operator are visually depicted, providing a comprehensive overview of the
roles and functionalities within "The City Taxi" transport service.
City Taxi PVT LTD
Login
Manage Taxi
Enter username & Password
Manage Reservation
Rate Driver
Manage Location
Manage payment
Driver
Show Driver Availability
View Avaliable Driver details
Operator
Reserver Taxi/Driver
ER-Diagram
The above shown image is the ER diagram. An ER diagram is a visual representation that
the data in a database design to shown the relationships between entities. The enterprise
schema, which is specified by the ER data model, graphically depicts the entire logical
structure of a database. It serves as the foundation for building a database. ER diagram
outline entities as rectangles and their attributes as ovals, and relationships as lines,
providing a concise overview of data structure and connections. Primary keys serve as
unique identifiers for entities, establishing the foundation for a well-organized and
streamlined database structure. Their role is essential in ensuring the uniqueness of each
record, contributing to efficient data management within the database schema.
Figure 3: ER-Diagram
Dataflow Diagram
A Data Flow Diagram (DFD) for "The City Taxi" transport service targeting low to mid-
income passengers provides a visual representation of how data flows within the system. It
illustrates the processes, data stores, external entities, and data flows that constitute the
overall operation of the system.
Reserve Taxi Check the Booking
Manage
Operator Admin Booking
Handle
Request Details Request
Details Request
Manage Details
Operator Details Admin Details Booking Details
Taxi
Control
Request
Details
Driver
Reservation
View driver details Taxi Details Manage
Request
Details
Request
Details supervise
Driver Details
Reservation Check
Details
Location Payment
Manage the Taxi location and pickup location
Customer details
Client Booking Taxi
Activity Diagram
The activity diagram provides a visual guide to the dynamic flow of activities within "The
City Taxi" system, outlining the processes involved in customer booking, driver response,
ride execution, payment processing, and operator-assisted reservations. This diagram aids
in understanding the sequential interactions between various entities and the system in the
context of the taxi service.
Admin Operator Customer Driver
Receive Customer
details
Check Available
Receive Customer
driver for specific details
pickup location
Pickup customer
Payment
confirmation SMS
Class Diagram
+Driver_Id: Int
+Email: String
+driver_contant: int
+driver_address: String
0..* 1
+Login();
+Register();
+pickup(); 1
1
+Drop();
Admin +manage status();
Customer +logout();
+Admin_Id: Int
+Customer_Id: Int +username: String
+first_name: String +Password: int
+middle_name: String Operator
+last_name: String +Login(); +operator_Id: Int
+Gender: String
+manage cab_category(); +username: string
+Contact_number: Int +manage cab();
1 0..* +password: string
+address: String +manage location();
+email: String Name
+manage user(); 1 1 +login();
+ Password: String +manage registered_customer(); +reserve_taxi();
+view_reservation(); +view_avaliable_driver();
Name 1
+login(); +generate_Report(); +View_reservation();
+signup(); 1
1 1 1 1
+Book_cab();
+Reserve_Cab();
+Logout();
1 1
The process of breaking down a large, complex system into smaller subsystems is known
as architectural design. An architecture diagram for "The City Taxi" transport service
targeting low to mid-income passengers provides a high-level view of the system's overall
structure and how its components interact. The purpose of these subsystems is to provide
some related services.
Book via
class
Driver
Operator
Avaliable Reserve Taxi
make booking
location
Mini bus
Book via
online
10 seater bus
Figure 7: Architecture Diagram
Sequence Diagram
A sequence diagram for "The City Taxi" transport service targeting low to mid-income
passengers depicts the interactions and flow of messages between different components or
objects over a period of time.
An Admin Sequence Diagram for "The City Taxi" transport service, targeting low to mid-
income passengers, would depict the interactions and message flow between the admin and
the system components.
Admin Logs In: The sequence begins with the admin logging into the system. The message
flows from the admin object to the authentication component, verifying the admin's
credentials.
System Authenticates Admin: The system authenticates the admin's credentials, ensuring
secure access. This involves interactions between the admin, authentication component,
and potentially the user database.
Admin Accesses Dashboard: Upon successful authentication, the admin accesses the
system dashboard. The message flows from the admin object to the dashboard component,
initiating the display of relevant information.
Admin Manages Users: The admin interacts with the system to manage users, including
customers and drivers. This may involve actions such as viewing user details, modifying
information, or deactivating accounts. Interactions occur between the admin, user
management component, and user database.
Admin Analyses System Data: The admin utilizes the system to analyse data, such as ride
statistics, user feedback, or financial reports. Interactions occur between the admin,
analytics component, and the database.
Admin Configures System Settings: The admin configures system settings, potentially
adjusting parameters related to pricing, promotions, or general system behaviour.
Interactions take place between the admin, configuration component, and the system
settings.
Admin Logs Out: The sequence concludes with the admin logging out of the system. The
message flows from the admin object to the logout component, ensuring a secure
termination of the admin session.
This Admin Sequence Diagram illustrates the dynamic interactions between the admin and
various system components, showcasing how the admin navigates, manages users, analyzes
data, configures settings, and securely logs out of the system in the context of "The City
Taxi" transport service.
Admin Sequence
Diagram
Login Verify
Form Database
admin
Admin
Successfully verify
Message: Login Admin login successfully
successfully
A Customer Sequence Diagram for "The City Taxi" transport service, targeting low to mid-
income passengers, would illustrate the interactions and message flow between the
customer and various system components.
Customer Opens the App: The sequence begins with the customer opening the taxi
service application (web or mobile). The message flows from the customer object to the
application component.
Customer Logs In: The customer logs into the system by providing their credentials. The
message flows from the customer object to the authentication component for verification.
Customer Requests a Ride: The customer initiates a ride request through the application,
selecting pickup and drop-off locations. The message flows from the customer object to the
ride request component.
System Validates Ride Request: The system validates the ride request, checking factors
like driver availability and location. Interactions occur between the customer, ride request
component, and the system.
System Notifies Available Driver: If the ride request is valid, the system notifies an
available driver. This involves interactions between the system, the driver, and potentially
the ride object to update the ride status.
Driver Accepts the Ride: The driver, upon receiving the notification, accepts the ride
request. The message flows from the driver object to the system, confirming the acceptance.
System Confirms Ride and Provides Details: The system confirms the ride, providing
details such as the driver's name, vehicle information, and estimated arrival time. This
involves interactions between the system, ride object, and the customer.
Ride in Progress: The sequence moves into the ride execution phase, where the driver
picks up the customer, and the ride progresses to completion. Continuous interactions occur
between the customer, the driver, and the system to update the ride status, location, and
other relevant details.
Payment Process Initiation: After the ride is completed, the system initiates the payment
process. Interactions occur between the customer, the ride object, and the system to
calculate the fare and verify payment details.
Payment Verification: The system verifies the payment details, ensuring the accuracy and
security of the transaction. Interactions involve the system, the payment gateway (external
service), and the customer.
Customer Logs Out: The sequence concludes with the customer logging out of the
application. The message flows from the customer object to the logout component, ensuring
a secure termination of the customer session.
This Customer Sequence Diagram illustrates the dynamic interactions between the
customer and various system components, demonstrating how the customer logs in,
requests a ride, completes the ride, makes a payment, and securely logs out within "The
City Taxi" transport service.
Customer
Customer
A "Hiring a Cab" Sequence Diagram for "The City Taxi" transport service, targeting low
to mid-income passengers, illustrates the interactions and message flow between a user
hiring a cab and various system components. Here's an explanation of the key components
and interactions in a Hiring a Cab Sequence Diagram:
User Requests a Cab: The sequence begins with the user initiating a request for a cab
through the taxi service application (web or mobile). The message flows from the user
object to the ride request component.
System Validates Ride Request: The system validates the ride request, checking for
factors like driver availability, location, and other relevant criteria. Interactions occur
between the user, ride request component, and the system.
System Notifies Available Driver: If the ride request is valid, the system notifies an
available driver about the request. This involves interactions between the system, the driver,
and potentially the ride object to update the ride status.
Driver Accepts the Ride: The driver, upon receiving the notification, accepts the ride
request. The message flows from the driver object to the system, confirming the acceptance.
System Confirms Ride and Provides Details: The system confirms the ride, providing
details such as the driver's name, vehicle information, and estimated arrival time. This
involves interactions between the system, ride object, and the user.
Ride in Progress: The sequence transitions into the ride execution phase, where the driver
picks up the user, and the ride progresses to completion. Continuous interactions occur
between the user, the driver, and the system to update the ride status, location, and other
relevant details.
Payment Process Initiation: After the ride is completed, the system initiates the payment
process. Interactions occur between the user, the ride object, and the system to calculate the
fare and verify payment details.
Payment Verification: The system verifies the payment details, ensuring the accuracy and
security of the transaction. Interactions involve the system, the payment gateway (external
service), and the user.
Notification of Successful Payment: Upon successful payment verification, the system
notifies the user about the completed transaction. This involves interactions between the
system and the user.
User Provides Rating and Feedback: After the ride, the user has the option to provide a
rating and feedback on the driver and the overall experience. Interactions occur between
the user, feedback component, and the system.
Sequence Conclusion: The sequence concludes with the completion of the hiring process,
payment, and user feedback. The objects involved include the user, driver, ride, payment
gateway, and feedback component.
This "Hiring a Cab" Sequence Diagram illustrates the dynamic interactions between the
user and various system components, demonstrating how a user hires a cab, completes the
ride, makes a payment, provides feedback, and receives notifications within "The City
Taxi" transport service.
Hire Taxi
Taxi
Customer driver
Login in the system
open the website
Select vehicle
Select location
Hire a taxi
Contact operator
Request a Taxi check Available driver
location confirmation
Booking Confirmation
Pick-up customer
Admin
A flowchart for the admin functionalities in "The City Taxi" transport service targeting low
to mid-income passengers can provide a visual representation of the step-by-step process
involved in admin tasks. The flowchart is designed to be sequential, guiding the admin
through the logical steps of their tasks. Decision points are used to account for different
outcomes, such as successful or unsuccessful login attempts. Each step in the flowchart
corresponds to a specific action or decision the admin can take within the system. This
flowchart provides a visual overview of the administrative processes within "The City
Taxi" transport service, outlining the steps an admin would follow to manage users, analyze
data, configure settings, and log out of the system.
Admin
Start
Yes
Assign Task to the
Department
Update the received
information
Generate report
END
This flowchart provides a visual overview of the operator's processes within "The City
Taxi" transport service, outlining the steps an operator would follow to handle phone
reservations, manage tasks, and log out of the system.
Operator
Start
Reserve a Taxi
If the reservation is NO
confirm Reconfirm by the customer
YES
End
This flowchart provides a visual overview of the customer's processes within "The City
Taxi" transport service, outlining the steps a customer would follow to request a ride,
complete the ride, make a payment, provide feedback, and log out of the system.
Customer
Start
End
This flowchart provides a visual overview of the driver's processes within "The City Taxi"
transport service, outlining the steps a driver would follow to log in, manage availability,
accept/reject ride requests, complete rides, and log out of the system.
Driver
Start
YES
Automatically added to available
drivers list
Accept Reservation
Start Trip
Reach Destination
Automated payment
Receive Payment
confirmation
End
Admin
Start
Input username and password
Admin receive information
Verify the received information
If (If the information is correct)
Assign task to the department
Else
Request for more information
Update the received information
Endif
Update the task
Generate report
End
Operator
Start
Input username and password
Access the dashboard
Reserve a taxi
View the list of available drivers
Select the driver
If (If the reservation is confirm)
Send driver and vehicle details to customer via email
Else
Reconfirm by the customer
Endif
End
Customer
Start
Register for the service
Input email and password
Get access for dashboard
Reserve a taxi and driver
Add and pickup location
Chosen taxi driver with contact details
Rate the driver
End
Driver
Start
Register for the service
Input email and password
Get access for dashboard
While
If (driver is available)
Automatically added to available driver list
Receive reservation request
Accept reservation
Else
Status “BUSY”
Endif
Change the status to “BUSY”
Reach to the customer pickup location
Start Trip
Reach destination
Calculate the charge amount
Automated payment
Receive payment confirmation
End while loop
End
Database
Admin
Booking
Category
Location
Operator
Reservation
UnRegisteredcustomer_Reserve
Figure 24: UnRegisteredcustomer_Reserve database
Wireframe
A wireframe for the homepage of "The City Taxi" transport service targeting low to mid-
income passengers serves as a skeletal representation of the webpage's layout and structure.
Wireframes focus on the arrangement of elements, without detailed design elements.
Wireframes are intentionally basic and lack detailed design elements.
They focus on layout, structure, and functionality. The wireframe serves as a blueprint for
the homepage design, allowing designers and stakeholders to visualize the overall structure
before detailed design work begins. The actual wireframe may vary based on specific
design decisions, user interface considerations, and branding elements for "The City Taxi"
transport service.
Homepage
This is the site's wireframe view, which displays the homepage to users. The logo may be
seen on the top left of the border and navigation menu is placed. Beneath the header, the
wireframe may show a navigation menu with links to key sections such as Home, Service,
Featured car, new car, Brand, Contact and Log in. Slider with photos connected to cars is
in the middle design.
The hero section is a prominent area at the top of the homepage, often featuring a large
image or illustration related to taxi services. It may include a headline, a brief tagline, and
a call-to-action button encouraging users to explore the services.
A wireframe may include sections that briefly outline the key services provided by "The
City Taxi," such as reliable transportation for low to mid-income passengers. This section
could be accompanied by simple icons or illustrations.
An essential feature, the wireframe might display a simplified booking widget that allows
users to enter their pickup and drop-off locations, select ride preferences, and initiate a ride
request. This could include placeholders for text input and a 'Book Now' button.
To inform users about the availability of drivers, a wireframe might include a section
displaying the real-time status of drivers (e.g., 'Available,' 'Busy'). This section could be
designed as a dynamic element that updates in real-time.
A brief section about the company, its mission, and values may be included in the
wireframe to give users more information about "The City Taxi."
The wireframe concludes with a footer section that typically includes links to important
pages (Privacy Policy, Terms of Service), contact information, and possibly social media
icons. The actual wireframe may vary based on specific design decisions, user interface
considerations, and branding elements for "The City Taxi" transport service.
Customer Register form
This is the customer registration form for "The City Taxi" transport service for create a
new account, is a crucial element for on boarding new users. The top of the registration
form may feature a header with the taxi service's logo and a concise tagline or description
to reinforce the brand identity. A title such as "Customer Registration" is typically placed
at the top of the form to clearly indicate its purpose. Next to fill out the basic personal
information such as First Name, Middle Name (optional), Last Name, Gender and contact
information. Then the Fields for contact details are crucial for communication and account
verification to fill the Email Address and Address Details. Finally to create a password for
the secure the user’s account and a prominent "Register" button to submit the form once all
required fields are filled and if have any issue click the “back to home” button.
The Customer login form for “The City Taxi” transport service, is a key element for users
to access their accounts. A tittle such as “Customer Login” is typically placed at the top of
the form to clearly indicate its purpose. Next to fill out the fields for users to enter their
login credentials such as Email Address and password and a prominent “Sign In” button to
submit the form after users enter their credentials. There is a link to the “Forget Password”
page or functionality, providing users with a way to reset their password if forgotten. There
is a way for going back to the previous page such as “Back to Home” button. There is also
a button to create or register a new account for users.
The customer dashboard for "The City Taxi" transport service, serves as a centralized hub
where users can manage their rides, preferences, and account details. The top of the
dashboard often features a header with the taxi service's logo and a navigation menu
providing quick access to essential sections. A well-designed customer dashboard
contributes to user satisfaction, making it easy for passengers to manage their rides,
preferences, and account details within "The City Taxi" transport service.
A wireframe for the customer booking form in "The City Taxi" transport service, serves as
a skeletal representation of the form's layout and structure. Wireframes focus on the
arrangement of elements without detailed design elements. This wireframe provides a
visual blueprint for the customer booking form, allowing designers and stakeholders to
visualize the form's structure and layout before detailed design work begins. This wireframe
provides a visual blueprint for the customer booking form, allowing designers and
stakeholders to visualize the form's structure and layout before detailed design work begins.
A wireframe for the Admin and Operator login forms in "The City Taxi" transport service
is a simplified visual representation that outlines the layout and structure of the login forms.
Wireframes focus on the arrangement of elements without including detailed design
aspects. A title, such as "Admin Login," is placed at the top of the wireframe to clearly
indicate the purpose of the form. There are two buttons such as admin and for operator
login. There are two fields such as Username or Email Address and password to login. A
prominent “Login” button is included to submit the form after the admin enters their
credentials. These wireframes provide a visual blueprint for the Admin and Operator login
forms, allowing designers and stakeholders to visualize the forms' structure and layout
before detailed design work begins.
A wireframe for the Admin Dashboard in "The City Taxi" transport service, is a simplified
visual representation that outlines the layout and structure of the dashboard. Wireframes
focus on the arrangement of elements without including detailed design aspects. This
wireframe serves as a visual guide for the Admin Dashboard, enabling designers and
stakeholders to visualize the dashboard's structure and layout before detailed design work
begins.
A wireframe for the Admin Cab Category section in "The City Taxi" transport service is a
simplified visual representation that outlines the layout and structure of the interface where
administrators can manage and categorize different types of cabs. Wireframes focus on the
arrangement of elements without including detailed design aspects. This wireframe
provides a visual guide for the Admin Cab Category section, enabling designers and
stakeholders to visualize the structure and layout before detailed design work begins.
A wireframe for the "Add New Category" page in the Admin Cab Category section of "The
City Taxi" transport service is a simplified visual representation outlining the layout and
structure for creating a new cab category. Wireframes focus on the arrangement of elements
without including detailed design aspects. This wireframe serves as a visual guide for the
"Add New Category" page, allowing designers and stakeholders to visualize the structure
and layout before detailed design work begins.
A wireframe for the Operator Dashboard in "The City Taxi" transport service, targeting
low to mid-income passengers, is a simplified visual representation outlining the layout and
structure of the interface where operators can manage and oversee the taxi service
operations. Wireframes focus on the arrangement of elements without including detailed
design aspects. This wireframe serves as a visual guide for the Operator Dashboard,
enabling designers and stakeholders to visualize the structure and layout before detailed
design work begins.
A wireframe for the Operator Taxi Reservation Form in "The City Taxi" transport service
is a simplified visual representation outlining the layout and structure of the interface where
operators can manage taxi reservations initiated by customers. Wireframes focus on the
arrangement of elements without including detailed design aspects. This wireframe serves
as a visual guide for the Operator Taxi Reservation Form, enabling designers and
stakeholders to visualize the structure and layout before detailed design work begins.
Home
The page shows a front displays and about us and carries user & admin to login
Service
The page which is shows about system details and contacts.
Customer login
For new customers registration here we designed a form for collect details
Customer dashboard
The customer dashboard, where it contain all the information of the specific customer with
their booking, reservation and rating the driver after each ride.
Customer reservation
If customer want to reserve cab for their upcoming event, can visit to the reservation form
to reserve the Cab.
Customer can view at their overall reservation with the status of accepted, pending and
cancelled.
Admin login
Admin login form with the username and password
Admin can view at the dashboard after entering the correct username and password.
Admin manage the cab category with the status of the active or inactive.
Admin can add new category after clicking the button of “ADD NEW CATEGORY”
Admin have the access to manage the cab where it contain the details of the driver and taxi
details.
Admin have the access to manage the cab, like adding a new cab details into the system.
Admin manage the location details that customer select for their ride
Admin have the access to view at the booking list with the customer details and the status
of pending, accepted or cancelled.
Admin will manage the report of booking, by giving on the data of pickup and drop, can
view at the report.
After giving the date of pickup and drop, admin can view at the overall booking report.
Operator dashboard
After entering the correct username and password, operator get access to the dashboard
Operator get access to this from by clicking on to the button of reserve a vehicle in the
reserve a taxi form.
The operator can view at the available driver with the status of active of available and
inactive means busy.
Driver Booking
Driver receive the booking from the operator with the customer details of pickup and drop
location.
Admin adding a new category of cab in the cab category form by clicking on “ADD NEW
CATEGORY”.
Delete a cab category in the admin form
Deleting an unwanted category details from the cab category from by clicking the button
on delete.
Customer book a cab by entering the pickup and drop location, and the date and time of
pickup.
Implementing the system
Customer Login
Team collaboration tools are a set of technologies that enable one-on-one and group
communication through real-time messaging, group chat, file sharing, shared calendaring,
project coordination, and voice and video. These tools can be centrally managed in
enterprise environments, which simplifies administrative tasks (techtarget, 2023).
Trello
Trello is a popular project management tool that makes it simple to create and manage
tasks, whether they are for a team project or just an own personal list of chores. It's simple
to set deadlines, make notes on projects and tasks, and assign tasks to other project
collaborators. Trello uses a kanban board view to help to see how the project is progressing.
Trello is used a collaborating tools as the project goes on. The team member used the trello
to check on the pending work and completed one. It helps to stay up-to-date with the project
and helps to keep track on the pending works.
The City Taxi web based system, was prepared by the three person, shobikah, vivekan and
chathuragani. The programmer for the system is Mr.Vivekan, who have done his part
perfectly by implementing the code that have been design by Miss.Shobikah and
Miss.Chathuragani. Without the support of each other; it will be impossible to complete the
system on time. The leader for the project is Mr.Vivekan, who played a major role in
completing the system by working on with the implementation and database. That language
used to implement the system is PHP (Hypertext Preprocessor), the server is XAMPP
server. Therefore, our team work closely together to give the best of the project and with
the contribution of each other made this project successful.
Team confirmation
Evidence of system
Table 3: Component 2
Table 4: Component 3
Component Vivekan
developer
Evidence of
system
Table 5: Component 4
Component 4 Testing
Evidence of
system
Test plan for City Taxi
Table 6: Test plan
Test Data
City Taxi Test Duration 5 Hours
Plan
No of Test
Test Run
Vivekan, Shobikah, Chathurangani 16
by plan
Status : active
Select the
Delete Cab Pop up message
Delete the Cab delete details
06 category “Delete Vivekan
category details and click the
details successfully”
delete button
Type: Customer
Type: Customer
No Description
By
Evidence
Table 8: Test case 2
No Description
By
Evidence
Table 9: Test case 3
No Description
By
Evidence
Table 10: Test case 4
No Description
By
Evidence
Table 11: Test case 5
No Description
By
05 Category name
:7 seater
Input the
Pop up
Insert Cab Descroption: 7 details and Pop up message
message
category seater vehicle click the “successfully
“successfully
details with a AC save added”
added”
facility button
Status : active
Evidence
Table 12: Test case 6
No Description
By
Evidence
Table 13: Test case 7
No Description
By
Evidence
Table 14: Test case 8
No Description
By
Evidence
Table 15: Test case 9
No Description
By
Evidence
Table 16: Test case 10
No Description
By
Evidence
Table 17: Test case 11
No Description
By
Type: Customer
Evidence
Table 18: Test case 12
No Description
By
Evidence
Table 19: Test case 13
No Description
By
Evidence
Table 20: Test case 14
No Description
By
Evidence
Table 21: Test case 15
No Description
By
Evidence
Table 22: Test case 16
No Description
By
Evidence
Future recommendation
Above given screenshots are the implemented web based system for City Taxi. For the
front end user is customer and the back end users are admin, operator and driver. The
current implement web based system will have more feature in the future to make the
customer have friendlier interface and way more easily to handle.
Incremental model of software development life cycle – custom web & mobile
development company – new line technologies (2018) Newline.tech. Available at:
https://newline.tech/incremental-model-of-software-development-life-cycle/ (Accessed:
February 2, 2024).
UML diagrams: 14 types and templates (2020) Gliffy by Perforce. Perforce. Available at:
https://www.gliffy.com/blog/uml-2-5-diagram-types-and-templates (Accessed: February
3, 2024).
SDLC vs STLC: What’s the difference? [2024] (2024) InterviewBit. Available at:
https://www.interviewbit.com/blog/sdlc-vs-stlc/ (Accessed: February 1, 2024).
Gunnell, M. (2021) What is trello, and how do you use it?, How-To Geek. Available at:
https://www.howtogeek.com/751448/what-is-trello-and-how-do-you-use-it/ (Accessed:
February 4, 2024).
Make your own flow chart algorithm and pseudocode (2016) studylib.net. Available at:
https://studylib.net/doc/7156871/make-your-own-flow-chart-algorithm-and-pseudocode
(Accessed: February 5, 2024).