ITC 504 Interface Usability Assignment 4: Golden Cinema App Prototype

Desklib provides solved assignments and past papers to help students succeed.

ITC 504 - Interface Usability
Assignment 4 - Working Prototype
Team Members
Surendra Penta
Mohammed Shabaz Uddin

Contents
Introduction:...............................................................................................................................3
Question.....................................................................................................................................4
Design changes:.......................................................................................................................90
Navigation path:.......................................................................................................................91
Conclusion:..............................................................................................................................91

List of figures:
Figure 1: Welcome Screen.........................................................................................................6
Figure 2: Navigation Screen.......................................................................................................7
Figure 3: Login Screen...............................................................................................................8
Figure 4: Navigation Screen.......................................................................................................9
Figure 5: Login with Facebook Screen....................................................................................11
Figure 6: Navigation Screen.....................................................................................................12
Figure 7: Login with Google Screen........................................................................................14
Figure 8; Navigation Screen.....................................................................................................15
Figure 9: Registration Screen...................................................................................................16
Figure 10: Navigation Screen...................................................................................................17
Figure 11: Registration Confirmation Screen..........................................................................18
Figure 12: Navigation Screen...................................................................................................19
Figure 13: Movie Theatre Screen.............................................................................................20
Figure 14: Navigation Screen...................................................................................................21
Figure 15: Movie Theatre 2 Screen..........................................................................................22
Figure 16: Navigation Screen...................................................................................................23
Figure 17; Movie Theatre 3 Screen..........................................................................................24
Figure 18; Navigation Screen...................................................................................................25
Figure 19: Movie Screen..........................................................................................................26
Figure 20: Navigation Screen...................................................................................................27
Figure 21: Movie 2 Screen.......................................................................................................28
Figure 22: Navigation Screen...................................................................................................29
Figure 23: Captain Marvel Movie Screen................................................................................30
Figure 24; Navigation Screen...................................................................................................31
Figure 25: Undermined Movie Screen.....................................................................................32
Figure 26: Navigation Screen...................................................................................................33
Figure 27: King of thieves’ movie Screen...............................................................................34
Figure 28; Navigation Screen...................................................................................................35
Figure 29: What men want movie Screen................................................................................36
Figure 30: Navigation Screen...................................................................................................37
Figure 31: A star is born movie Screen....................................................................................38
Figure 32: Navigation Screen...................................................................................................39
Figure 33: Alita: Battle Angel Movie Screen..........................................................................40
Figure 34: Navigation Screen...................................................................................................41
Figure 35: Bohemian Rhapsody movie Screen........................................................................42
Figure 36: Navigation Screen...................................................................................................43
Figure 37: Green Book movie Screen......................................................................................44
Figure 38: Navigation Screen...................................................................................................45
Figure 39: Seat Arrangement Screen.......................................................................................46
Figure 40: Navigation Screen...................................................................................................47
Figure 41: Seat Arrangement 2 Screen....................................................................................48
Figure 42: Navigation Screen...................................................................................................49
Figure 43: Seat Confirmation Screen.......................................................................................50
Figure 44: Navigation Screen...................................................................................................51
Figure 45: Payment mode Screen............................................................................................52

Figure 46: Navigation Screen...................................................................................................53
Figure 47: Payment Mode 1 Screen.........................................................................................54
Figure 48: Navigation Screen...................................................................................................55
Figure 49: Payment form Screen..............................................................................................56
Figure 50: Navigation Screen...................................................................................................57
Figure 51: Payment form 1 Screen...........................................................................................58
Figure 52; Navigation Screen...................................................................................................59
Figure 53 Payment form 2 Screen............................................................................................60
Figure 54; Navigation Screen...................................................................................................61
Figure 55: Payment form 3 Screen...........................................................................................62
Figure 56: Navigation Screen...................................................................................................63
Figure 57: Tickets Receipt Screen...........................................................................................64
Figure 58: Navigation Screen...................................................................................................65
Figure 59: Menu Screen...........................................................................................................66
Figure 60: Navigation Screen...................................................................................................67
Figure 61: Menu 1 Screen........................................................................................................68
Figure 62; Navigation Screen...................................................................................................69
Figure 63: Find theatre Screen.................................................................................................70
Figure 64: Navigation Screen...................................................................................................71
Figure 65: Re-print ticket Screen.............................................................................................72
Figure 66: Navigation Screen...................................................................................................73
Figure 67: Re-print ticket 1 Screen..........................................................................................74
Figure 68: Navigation Screen...................................................................................................75
Figure 69: Re-print ticket 2 Screen..........................................................................................76
Figure 70: Navigation Screen...................................................................................................77
Figure 71: Benefits & Offers Screen........................................................................................78
Figure 72; Navigation Screen...................................................................................................79
Figure 73: About Us Screen.....................................................................................................80
Figure 74: Navigation Screen...................................................................................................81
Figure 75: Privacy Policy Screen.............................................................................................82
Figure 76: Navigation Screen...................................................................................................83
Figure 77; Update your profile Screen.....................................................................................84
Figure 78: Navigation Screen...................................................................................................85
Figure 79: FAQ Screen............................................................................................................86
Figure 80: Navigation Screen...................................................................................................87
Figure 81: Car parking Screen.................................................................................................88
Figure 82: Navigation Screen...................................................................................................89
Figure 83: Confirmation of car Screen.....................................................................................90
Figure 84; Navigation Screen...................................................................................................91
Figure 85: Navigation path.......................................................................................................93

Introduction:
Design and implement a tablet-based application for a cinema hall so that customers can book
movie tickets from any location. The cinema includes ten theatres with different movies and
customers can book a ticket just before the movie started. The application shows the seat
number in different category like, booked and vacant. Payment would be done after book the
tickets and customer get the receipt number. The design of the cinema hall would be creating
on heuristic principles and cinema hall also provide additional functionality to print the
movie ticket by just enter receipt number. Different offers and parking facility also provided
by the cinema hall.

Question
Welcome Screen:
 Screen -Purpose: the home screen of the design name as the welcome screen
 Screen-Functionality: user can log in and register on the application through this
screen functionality
 Screen-components: the components are like, image, label and buttons
Member’s contribution:
 Surendra Penta: design the graphical user interface
 Mohammed Shabaz Uddin: add the functionality
Figure 1: Welcome Screen

Navigation:
user can navigate to login and signup page by over the buttons and enter into the application
by entering their detail
Figure 2: Navigation Screen

Login Screen:
 Screen -Purpose: for login into the screen by entering username and password
 Screen-Functionality: provide the login functionality to the customer to enter into the
application
 Screen-components: the components used to design the screen are icon, image,
button, text input and label
Member’s contribution:
 Surendra Penta: create the login functionality
 Mohammed Shabaz Uddin: design other components of the screen
Figure 3: Login Screen

Navigation:
User can move to two different login functionality by this screen and these are, log in with
Facebook and log in with Google accounts.
Figure 4: Navigation Screen

Login with Facebook screen:
 Screen -Purpose: the purpose to design this screen is to log in with the Facebook
account
 Screen-Functionality: user can log in with using the Facebook account and that is the
functionality of this screen
 Screen-components: components text, text input, rectangle, buttons are used to design
this screen
Member’s contribution:
 Surendra Penta: put the text and text input
 Mohammed Shabaz Uddin: design the buttons and other GUI of the screen

Figure 5: Login with Facebook Screen

Navigation:
User can redirect to the main page of the application by entering correct login details
Figure 6: Navigation Screen