FACULTY OF COMPUTER SCIENCES AND MATHEMATICS

VISUAL PROGRAMMING (CSC 301)

GROUP PROJECT (30%)

PROPOSAL

PROJECT TITLE:
CINEMA TICKETING SYSTEM

Prepared for:
MADAM NURUL HAFIZA BINTI ISMAIL

Prepared by:

NO NAME STUDENT ID
1. NURUL AISYA BINTI RIDZWAN 2021208656
2. NUR ALEFAH BINTI MOHD SOLAH 2021214624
3. NUR ADLIN FILDZA BINTI CHE MOHD NOOR 2021626436
4. ANIS SARA UMAIRAH BINTI MUHAMMAD MASRI 2021608872
5. CHE MUHAMMAD AIZAT EZHAM BIN CHE ABD MALEK 2021892098

GROUP: CS1435D
 TABLE CONTENT

NO CONTENT PAGE

1. Project Background 3

2. Proposed Project Overview 3

3. System Flow Chart Diagram 4-12

4. Proposed User Interface Screen Design 13-17

5. Role and Responsibilities 18-19

2
1.0 Project Background

Cinema is known as simply a theatre, which is a business that contains auditoriums

for viewing films (movies) for public entertainment. Cinema must keep up with the times to
provide customers with the best possible experience. To ensure customer satisfaction and
efficiency, the cinema staff must put in a lot of effort to keep everything running smoothly and
stay up-to-date with technology. Organising data in a better way will benefit both the
organisation and their customers.

The Cinema Ticketing System is a system that provides convenience to both customers
and cinema staff. This system aimed at developing a ticket system for a Cinema Hall which
basically manages the ticket booking process providing an interface to the user to book movie
tickets in the easiest way. Efficiencies in staff work will lead to customer satisfaction. Cinema
also can improve in providing suitable facilities for all age groups from children to adults.
Customers can easily book tickets through the cinema website or by walk-in. This system can
also assist in making decisions based on the customer's interest.

2.0 Proposed Project Overview

The purpose of Cinema Ticketing system is:

1) To store customer information, including different types of movies, movie duration,
available seats, and number of seats.
2) To assist in deciding based on customer interest.
3) To develop a user-friendly website with many online transactions using a system.

The significance of Cinema Ticketing system is:

1) To securely keep all customers' data from hacking threats.
2) To help the cinema staff do the transition from manual operations into automatic
operations and make their work running smoothly.
3) To increase the efficiency and effectiveness of cinema ticketing system operations, it
also benefits the cinema organisation.

3
3.0 System Flow Chart Diagram

Start

Login:
Insert username and password

Stored the username into txtUser.Text

Stored password into txtPassword.Text

Show message box

MessageBox.Show(“Login successfully”)

End

Figure 1: Flow chart diagram – The btnLogin Click Event

4
 Start

Select a movie in the picture box

Display title of the movie chosen:

lblMessage.Text = “(movie title)”

Figure 2: Flow chart diagram – The btnNext Click Event

5
 A

Display movie synopsis, duration, available

seat and price

Stored the synopsis into lblSynopsis.Text

Stored the duration into lblRuntime.Text
Stored the available seats into lblAvailableSeats.Text
Stored the date into listDate.Text
Stored the price into lblPrice.Text
Stored the time slot into cboTimeSlot.Text

End

Figure 3: Flow chart diagram – The btnBuyTicket Click Event

6
 Start

Press button back to go back to login

page

btnBack_Click (sender As Object, e As

EventArgs) Handles btnBack.Click

End

Figure 4: Flow chart diagram – The btnBack Click Event

7
 A

Select seat number

Display seat number

Stored the seat number into

lblSeatNumber.Text,

End

Figure 5: Flow chart diagram – The btnSubmit Click Event

8
 Start A

Display number of seat and selected Choose payment method:

seats
radDebit.Checked= True

radVISA.Checked= True

Calculate total price

Input card number
dblTotalPrice =
CintNumOfSeats*dblPrice lblCardNo = Cint (txtCardNo.Text)

Copy the value in dblTotalPrice into

End
lblTotalPrice.Text

Figure 6: Flow chart diagram – The btnCalculate Click Event

9
 Start

Reset
txtNumOfSeats.Clear(),

txtSeatNumber.Clear(),

txtCardNo.Clear(),

End

Figure 7: Flow chart diagram – The btnReset Click Event

10
 Start

Display movie name, number of seats,

seat number, date, time slot, ticket price
and total price

Private Sub btnPrint_Click(Sender As

Object, e As EventArgs)Handles
btnPrint.Click

End

Figure 8: Flow chart diagram – The btnPrint Click Event

11
 Start

Click btnExit to end application

Private Sub btnExit_Click(Sender As Object, E As EventArgs)

Handles btnExit.Click

Me.Close()

End

Figure 9: Flow chart diagram – The btnExit Click Event

12
4.0 Proposed User Interface Screen Design

4.1 GSC Main Page

WELCOME TO GSC CINEMA

USERNAME:

PASSWORD:

LOG IN

Figure 1: Sketch of the GSC main page form.

The GSC main page form is developed for:

a. Purpose: To access the cinema ticketing webpage by inserting user information.

b. Input: username, password.

c. Process: The user can log in through the webpage by keying in its username into

txtUser control and password into txtPassword control.

d. Output: Display a message that the user has successfully logged in. In the meantime,

a message box will pop out if the user keyed in the wrong password.

13
 4.2 Movie Selection Page

SELECT A MOVIE

ABANG DIDI
JOHN
LONG AND
WICK
FADHIL FRIENDS

REAL FAST AND

THE NUN FURIOUS
STEEL

SELECTED MOVIE

NEXT

Figure 2: Sketch of the movie selection page form.

The Movie selection form is developed for:

a. Purpose: To select a movie based on user interest

b. Input: Movie pictureBox

c. Process: click the movie's picture which is pictureBox (result in lblMessage for the

movie title)

d. Output: Display a message that shows the title of the movie

14
 4.3 Movie Description

ABANG SYNOPSIS
LONG
FADHIL

DATE:

RUNTIME: 2 HOURS TIME SLOT: 2:00PM

TICKET PRICE: RM20.00 AVAILABE SEATS: 40

BACK BUY TICKET

Figure 3: Sketch of the movie description form.

The Movie description form is developed for:

a. Purpose: To show movie information based on the movie selected by the user

b. Input: date, time slot

c. Process: The user selects time from time slots in cboTimeSlot and selects date from

listDate

d. Output: Display movie description that include runtime, date, ticket price, time slot

and available seats

15
 4.4 Seat Selection

PLEASE SELECT SEAT YOU WOULD LIKE TO OCCUPY

SCREEN

1 2 3 4 5 6 7 8 9 10

11 12 13 14 15 16 17 18 19 20

21 22 23 24 25 26 27 28 29 30

31 32 33 34 35 36 37 38 39 40

SUBMIT

Figure 4: Sketch of the seat selection form.

The seats selection form is developed for:

a. Purpose: To choose seats based on the seat's numbers

b. Input: pictureBox for seats

c. Process: Click the image for the seat's numbers (result is the number of seats

selected in lblSeatNum)

d. Output: Display a message that shows the number of seats for user seat selection

16
 4.5 Ticket Purchase

SELECTED SEATS: PAYMENT METHOD

NO. OF SEATS: DEBIT CARD

TICKET PRICE: CASH

ENTER CARD NO:

TOTAL PRICE:

1 2 3
CALCULATE
BACK 4 5 6 RESET

EXIT 7 8 9 10 PRINT

Figure 5: Sketch of the ticket purchase form.

The ticket purchase form is developed for:

a. Purpose: To calculate the total price for tickets based on the number of seats that

selected by the user

b. Input: card number, selected seats, number of seats, price ticket and total price

c. Process: Multiply the number of seats by the ticket price (result is user's total price in

lblTotalPrice)

d. Output: Display a message that shows total price that the user needs to pay.

17
5.0 Role and Responsibilities

No. Activity Responsibility Role (Full name &

passport picture)

1. Project background Stating the introduction of NUR ALEFAH BINTI

Cinema Ticketing System MOHD SOLAH

2. Proposed Project Stating the purpose and ANIS SARA UMAIRAH

Overview significance of Cinema BINTI MUHAMMAD
Ticketing System MASRI

3. System Flow Chart Create flowchart for: NUR ADLIN FILDZA

Diagram BINTI CHE MOHD NOOR
1. btnLogin Click Event
2. btnNext Click Event
3. btnBuyTicket Click
Event
4. btnBack Click Event
5. btnSubmit Click Event
6. btnCalculate Click
Event
7. btnReset Click Event
8. btnExit Click Event

18
4. Proposed User Interface Create the interface for: CHE MUHAMMAD AIZAT
Screen Design EZHAM BINN CHE ABD
1. GSC main page MALEK
2. Movie selection page
3. movie description
4. Seat selection
5. 5. Ticket purchase

Interpret the purpose, input, NURUL AISYA BINTI

process and output for: RIDZWAN
1. GSC main page
2. Movie selection page
3. movie description
4. Seat selection
5. 5. Ticket purchase

19