Delight Theatre Mobile Application Interface Design Report

Verified

Added on  2025/05/03

|30
|1566
|103
AI Summary
Desklib provides solved assignments and past papers to help students succeed.
Document Page
Introduction:
Delight Theatre is a cinema hall. According to case study the owner wants that their staff can book
ticket for the customers from anywhere and for this, they needed an interface application report in
which they can see, how should the application look like. This is the report with navigations, building
blocks used, user’s abilities and rectification that were needed to make this report flawless.
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Question no.3:
Screen no. 1 – Homepage
Figure 1: Homepage
Mock-up Explanation:
This screen is the interface screen of Homepage. User can access this screen to access its application.
Building blocks Used:
Button (Login, Register Yourself)
User Abilities:
This interface will let the user complete the following tasks:
Log-in page access
Registration page access
Document Page
Rectification:
Reprint Ticket Button Removed.
Participation of Member:
Parikshath Sai Thalluri removed Reprint Ticket button
Sai Teja Potluri designed interface
Navigations from Homepage Screen:
Document Page
Figure 2: Navigation from Homepage to login page, Registration screen and Reprint ticket screen
Screen no. 2 – Login Page
Figure 3: Login page
Mock-up Explanation:
Above is the interface screen of Delight Theatre application. This screen is Login page screen and
enables user to access Login page.
Building blocks Used:
Buttons used Login and Register Yourself
Input text used, username and password
Remember me checkbox used
Breadcrumbs used
User Abilities:
User can complete the following tasks by access to this screen.
Login into the application
Get to the Registration screen
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Rectification:
Reprint Ticket Button Removed.
Participation of Member:
Parikshath Sai Thalluri designed interface
Sai Teja Potluri rectified screen
Navigations from Login page Screen:
Document Page
Figure 4: Navigation from Login page
Screen no. 3 – Registration screen
Figure 5: Registration screen
Mock-up Explanation:
This screen is the interface screen of Registration page. User can access this screen to access its
application.
Building blocks Used:
Text input (Customer Name, DOB, mobile number, email-ID and password.
Breadcrumbs
Button (Register)
User Abilities:
This interface will let the user complete the following tasks:
Register their self
Document Page
Go to log-in page
Use Breadcrumbs
Rectification:
Reprint Ticket Button Removed.
Participation of Member:
Parikshath Sai Thalluri made Breadcrumbs and interface
Sai Teja Potluri made rectifications
Navigations from Registration Screen:
Figure 6: navigation from registration screen
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Screen no. 4 – Reprint Ticket page
Figure 7: Reprint Screen
Mock-up Explanation:
This screen is the interface screen of Reprint ticket. User can access this screen to access its
application.
Building blocks Used:
Text input (Customer ID, Movie date and movie time, Customer’s name,)
Breadcrumbs
Button (Reprint Ticket)
User Abilities:
This interface will let the user complete the following tasks:
Document Page
Reprint Movie Ticket
Access Registration page
Breadcrumbs access
Rectification:
Registration Button Removed.
Participation of Member:
Parikshath Sai Thalluri made rectifications
Sai Teja Potluri made interface
Navigations from Reprint Ticket Screen:
Figure 8: Navigation from Reprint screen
Document Page
Screen no. 5 – Choose Movie
Figure 9: Choose movie screen
Mock-up Explanation:
Above is the interface screen of Delight Theatre application. This screen is Choose movie screen and
enables user to choose movie.
Building blocks Used:
Available movies Details with time available
Scroll bar Vertical
Button used See description, Book seat
Breadcrumbs
Search Bar
Symbol used search, Back and Menu bars
User Abilities:
User can complete the following tasks by access to this screen.
Choose movie
View movie description
Go to Book seat screen
tabler-icon-diamond-filled.svg

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser
Document Page
Rectification:
Search bar added
Movie time added
Participation of Member:
Parikshath Sai Thalluri made the interface
Sai Teja Potluri made rectifications
Navigations from Choose Movie Screen:
Document Page
Figure 10: Navigation from Choose movie screen
Screen no. 6 – Choose Seats
Figure 11: Choose Seat screen
Mock-up Explanation:
This screen is the interface screen of choose seat. User can access this screen to access its
application.
Building blocks Used:
Booked and available seats
Button (back, menu, book seat)
Breadcrumbs for navigation
User Abilities:
This interface will let the user complete the following tasks:
Seat selection
breadcrumbs use
chevron_up_icon
1 out of 30
circle_padding
hide_on_mobile
zoom_out_icon
[object Object]