Page 612 - Emerging Trends and Innovations in Web-Based Applications and Technologies

International Journal of Trend in Scientific Research and Development (IJTSRD) @ www.ijtsrd.com eISSN: 2456-6470
III. Conceptual Framework:
"Efficiency and User Experience: Key Features of FlySmart Booking System" can be designed by outlining key components
that contribute to the system's functionality, usability, and the quality of user experience (UX). This framework would
encompass aspects of both technology (back-end processes, tools) and human-centered design.
1. System Architecture:
The FlySmart Booking System consists of multiple components that interact with each other to ensure smooth functionality.
Below are the main components of the architecture:
 Frontend (UI/UX Layer):
· Components: The user interface is built using HTML, CSS, and JavaScript. It serves as the interaction layer where the users
make their requests (e.g., searching for flights, booking tickets, and viewing confirmations).
· Key Objective: Ensure responsiveness and ease of use, emphasizing intuitive navigation, accessibility, and user-friendly
design.
· User Experience Features:
o Simple search and filter options for flights.
o Clear and readable booking details.
o Notification system for booking confirmation or errors.
o Intuitive user flows from search to payment.
 Backend (Server-side Logic):
· Components: This layer handles the core business logic, including flight availability, user authentication, and booking
processing. Java is used for the backend, with MySQL as the database.
· Key Objective: Manage user requests, perform CRUD operations on the database, and ensure accurate processing of flight
bookings and payments.
· Database Management: MySQL stores flight information, user accounts, and booking data, ensuring the system can
retrieve and update data efficiently.
 Communication Layer:
· Components: Communication between frontend and backend is done via REST APIs.
· Key Objective: Send and receive data between the user interface and server, ensuring real-time updates, and efficient data
retrieval and submission.

2. User Interaction Flow:
The user interaction flow defines how the user interacts with the system from start to finish. Here's a basic overview:
 Search Flight:
· The user inputs the departure and destination airports, date, and number of passengers.
· The system queries the database and returns available flight options.
· UX Objective: Simple, quick flight search functionality with clear filters for sorting by price, duration, etc.
 Select Flight:
· After reviewing the available options, the user selects a flight.
· The system retrieves flight details, including seat availability and pricing.
· UX Objective: Easy-to-read flight details and a simple process to select flights.

IJTSRD | Special Issue on Emerging Trends and Innovations in Web-Based Applications and Technologies Page 602