Phân tích thiết kế hệ thống bán vé xem phim online

TRƯỜNG ĐẠI HỌC HẢI PHỊNG
Khoa Cơng Nghệ Thơng Tin

Mục Lục
-----------DANH MỤC KÝ HIỆU VÀ VIẾT TẮT..............................................................................3
DANH MỤC HÌNH ẢNH.....................................................................................................4
DANH MỤC BẢNG..............................................................................................................5
Chương 1. TỔNG QUAN.........................................................................................................6
1.1. Giới Thiệu.......................................................................................................................6
1.1.1. Giới thiệu đề tài........................................................................................................6
1.1.2. Yêu cầu đề tài............................................................................................................6
1.1.3. Phương pháp thực hiện.............................................................................................6
Chương 2: MÔ TẢ TỔNG QUÁT...........................................................................................8
1.

Biểu đồ ca sử dụng tổng quát.......................................................................................8

2.

Đặc tả các use case......................................................................................................10

BÁO CÁO

2.1.

Biểu đồ ca sử dụng đặt vé.......................................................................................10

2.2.

Biểu đồ ca sử dụng tìm kiếm..................................................................................10
MƠN:

Thực hành dự án phát triển phần mềm

2.3.

Biểu đồ ca sử dụng đăng nhập................................................................................11

2.4.

Biểu đồ ca sử dụng update thông tin firm...............................................................12

2.5.

Biểu đồĐề
ca sử
dụngQuản
đăng thông
báo từvé
Admin........................................................13
tài:
lý bán
xem phim online

2.6.
2.7.

Biểu đồ ca sử dụng thống kê..................................................................................14
Biểu đồ ca sử dụng hiển thị thơng tin.....................................................................15

Trịnh
Thanh

Bình
2.8. Giảng
Biểu đồviên
ca sử: dụng
thông
báo................................................................................15
3.

Biểu
đồ tuần
và đặc
tả............................................................................................16
Sinh
viêntựthực
hiện
: Vũ Xuân Giang

3.1.

Biểu đồ tuần tự đặt vé.............................................................................................16

3.2.

Biểu đồ tuần tự tìm kiếm........................................................................................17

3.4.

Biểu đồ tuần tự update thông tin firm.....................................................................18

3.5.

3.6.

Biểu đồ tuần tự đăng thông báo từ Admin..............................................................19
-Hải Phòng, 2021Biểu đồ tuần tự thống kê.........................................................................................20

3.7.

Biểu đồ tuần tự hiển thị thông tin...........................................................................20

3.8.

Biểu đồ tuần tự thông báo.......................................................................................20

Nguyễn Quang Trung

CNTT2-K20
3.3. Lớp
Biểu:đồ
tuần tự đăng nhập......................................................................................18

Chương 3. KẾT QUẢ THỰC NGHIỆM..............................................................................22
1. Giao diện trang chủ........................................................................................................22
Tháng 09 năm 2011
1.1. Giao diện Header & Slider.........................................................................................22
1.2. Giao diện nội dung trang chủ.....................................................................................22
1.3. Giao diện Footer........................................................................................................23
1.4. Giao diện đăng nhập & đăng ký................................................................................24
1

1.5. Giao diện toàn chi tiết phim.......................................................................................25
1.6. Giao diện chọn combom............................................................................................28
1.7. Giao diện thanh tốn thành cơng...............................................................................29
1.8. Giao diện người quản trị............................................................................................30
1.9. Giao diện quản lý phòng............................................................................................32
1.10. Giao diện chi tiết phim và cập nhật.........................................................................34
1.11. Giao diện thêm thức ăn............................................................................................38
TÀI LIỆU THAM KHẢO......................................................................................................40

DANH MỤC KÝ HIỆU VÀ VIẾT TẮT
Danh sách các từ viết tắt
TỪ VIẾT TẮT
CSDL
CSS
DL
HTML
PHP
ERD
SQL

Ý NGHĨA
Cơ sở dữ liệu
Cascading Style Sheets
Dữ liệu
HyperText Markup Language
PHP: Hypertext Preprocessor
Entity Relationship Diagram
Structured Query Language
Bảng 1. 1 Danh sách các từ viết tắt

2


Chương 1. TỔNG QUAN
1.1. Giới Thiệu
1.1.1. Giới thiệu đề tài
- BugCinema là website mang đến giải pháp cho nhưng tín đồ của điện ảnh,
trước tình hình mà các fan phải xếp hàng hàng giờ đồng hồ để có được 1 chiếc vé xem
phim cho mình, bên cạnh đó là BugCinema hướng đến 1 hình ảnh thân thiện bắt mắt
và dễ gần đối với khách hàng. Không chỉ là đặt vé mà BugCinema cịn mang đến cho
khách hàng thơng tin mới nhất của nhưng bộ phim khủng. Nếu là 1 fan của điện ảnh
thì BugCinema tịn rằng bạn khơng thể bỏ quan trang web này.

1.1.2. Yêu cầu đề tài
- Mang đến cho người dùng website một thao tác dễ dàng nhất phù hợp với mọi
người, cung cấp đầy đủ các tính năng cơ bản của một website đặt vé.
- Ứng dụng web sẽ được chia thành hai phần là quản trị và khách hàng.
- Những chức năng không thể thiếu của ứng dụng web như thêm, xóa sửa, xem,
tìm kiếm: phim, rạp, phòng, lịch chiếu cực kỳ gần gũi và bắt mắt với người quản trị.
- Từng rap phim, phòng vé, sẽ được phân chia và quản lý một cách rõ ràng.
- Admin sẽ là người trực tiếp quản lý nhân viên và thực hiện được toàn bộ chức
năng. Kể cả quản lý nhân viên.
- Ở phần quản trị đã được phân quyền, giúp xác định được vai trò rõ ràng giữa
admin và nhân viên, tùy vào chức vụ mà người quản trị có chức năng khác nhau.
- Giao diện thân thiện với người dùng, các tính năng đăng nhập, đăng ký nhanh,
lấy lại tài khoản thông tin cá nhân, lịch sử đặt vé.
- Khách hàng có thẻ đặt vé và combo theo sở thích của mình. Hình thức thanh
tốn vnpay và paypal...
- Khách hàng có thẻ xem thơng tin vé của mình bằng mã qrCode
- Thao tác đơn giản nhanh chóng, hạn chế tiêu tốn dữ liệu

1.1.3. Phương pháp thực hiện
- Để thực hiện ứng dụng nhóm em tiến hành phân tích thiết kế hệ thống, xây
dựng data dựa trên ý tưởng từ kiến thức ở trường và trải nghiệm mua vé của bản thân,
đồng thời tham khảo một số trang đặt vé lớn như CGV, Lotte.
- Nhân những lời khuyên từ giảng viên hướng dẫn.

3


- Chủ động truy cập vào các trang web đặt vé và trải nghiệm hết các tính năng
của trang web từ đó lấy ý tưởng.
- Thực hiện nhưng cuộc khảo với nhưng đối tượng có nhu câu mua vé xem
phim để xem họ cần gì.
- Một số trang web lớn được nhóm tham khảo: /> ….

Chương 2: MƠ TẢ TỔNG QUÁT
1. Biểu đồ ca sử dụng tổng quát

Các tác nhân:
Tác nhân
Khách hàng

Quản lý

Mô tả và tác nhân
Ghi chú
Là người mua vé của
rạp thơng qua hình
thức thanh tốn

online bằng thẻ tín
dụng.
Là người quả lý trang Tức là người điểu
4


đăng thơng tin,
thơng báo update
fim và kiểm sốt vé
đã đặt
Server
Hệ thống xử lý tín
dụng

Các use case:

Tên use case
Hiển thị

Là nơi lưu trữ dữ liệu
của trang web
Là tác nhân liên kết
hệ thống rạp với
ngân hàng khi khác
hàng có u cầu
thanh tốn tiền vé
qua thẻ tín dụng.

Mơ tả ngắn gọn
use cae

Hiển thị form
trang chủ khi
người dùng
truy cập vào
trang web

Tìm kiếm

Tìm kiếm 1 bộ
phim theo
nhiều tiêu chí

Đăng nhập

Cho quản lý
đăng nhập

Đặt vé

Đặt vé online

hành chính trang
web bao gồm thêm,
xóa, sữa fim, đăng
thơng báo, thống kê,
kiểm soát vé đặt.

Chức năng
Khi khách hàng
truy cập vào hệ

thống thì 1 yêu
cầu sẽ được gửi
tới server và
server sẽ gửi
lại phản hồi
hiển thị form
trang chủ cho
khách hàng.
Cho phép
khách hàng tìm
kiếm thơng tin
của 1 bộ phim
Cho phép quản
lý đăng nhập
vào hệ thống
để thực hiện
các tùy chọn
chỉnh sữa trên
trang.
Cho phép
khách hàng đặt
vé cho 1 bộ
phim u thích
và thanh tốn
online thơng
qua hệ thống

Ghi chú

Mặc đình tìm

kiếm theo tên
phim, quốc gia,
khu vực, rạp
chiếu
Tùy chọn chỉnh
sữa bao gồm:
Thêm, xóa, sữa
1 bộ phim,
đăng thơng tin,
kiểm soát vé
đặt

5


xử lý tín dụng
Thống kê ngày
và thống kê
tháng cho quản
lý

Thống kê

Thống kê hoạt
động của trang
web

Update phim

Thêm, xóa, sữa

thơng tin phim

Cho phép
thêm, xóa, sữa
thơng tin chi
tiết của 1 bộ
phim

Đăng thơng
báo

Cho phép đăng
thông báo

Cho phép quản
lý đăng các
thông báo lên
trên web

Thông báo

Hiển thị các
thông báo lên
server

Nhận các
thông báo từ
server để hiện
thị lên cho
khách hàng

Thống kê ngày:
là thống kê
theo phim số
vé đc đặt, số
vé được đặt
trong ngày, số
vé vừa đặt,
doanh thu ngày
Thống kê
tháng: giống
thống kê ngày
nhưng khơng
có thống kê số
vé vừa đặt và
sơ liệu thống
kê là
Thông tin chi
tiết gồm: tên,
quốc gia, khu
vực, nội dung
phim, trainler,
xuất chiếu, rạp,
ghế.
Thông báo như:
phim bị sự cố
không chiếu
được, các
chương trình
khuyến mãi.

Các thơng báo:
chương trình
khuyến mãi, sự
cố phim, …

2. Đặc tả các use case
2.1.

Biểu đồ ca sử dụng đặt vé

6


Mục đích
Mơ tả

Tác nhân
Điều kiện trước
Luồng sự kiện
chính

Luồng sự kiện phụ

Điều kiện sau

Đặc tả
Dùng để đặt vé khi khách hàng tìm được
phim u thích.
Giúp khách hàng chọn được cụm rạp, ghế
ưng ý rồi đặt vé và thanh toán dễ dàng

bằng thẻ ngân hàng thơng qua hệ thống
xử lý tín dụng.
Khách hàng, thông tin trên sever
Chọn được phim muốn xem
Chọn rạp, xuất chiếu->chọn ghế->bấm
vào thanh tốn-> nhập thơng tin của thẻ>xác nhận->chọn có để thanh tốn ->
xác nhận thanh tốn thành cơng ->bấm
nút thốt.
Sau khi chọn 1 loại thẻ->nhập thơng tin
thẻ ngân hàng -> hệ thống xử lý (nếu thẻ
sai)-> thông báo đăng nhập sai và quay
lai bước nhập thông tin thẻ.
Sau khi đăng nhập thẻ thành cơng->hiển
thị tùy chọn có hoặc khơng thanh tốn
->nếu khách hàng chọn khơng thì quay
lại bước hệ thống xử lý thẻ tín dụng ->
nếu thẻ hết tiền thì thơng báo khơng
thanh tốn được -> quay lại bước chọn
loại thẻ.
Sau khi bấm xác nhận để thanh tốn tiền
vé của khác hàng -> hiện lên thơng báo
7


đã thanh tốn thành cơng -> bấm nút
thốt để kết thúc quá trình đặt vé online.

2.2.

Biểu đồ ca sử dụng tìm kiếm

Mục đích
Miêu tả
Tác nhân
Điều kiện trước
Luồng sự kiện
chính
Luồng sư kiện phụ
Điều kiện sau

2.3.

Đặc tả
xuất kết quả tìm kiếm của khách hàng
khách hàng truy cập vào form tìm, nhập thơng tin tìm kiếm sau một thời gian
hệ
thống trả về kết quả tìm
khách hàng, thơng tin khách hàng nhập, dữ liệu trên sever
truy cập vào form tìm kiếm
nhập thơng tin tìm kiếm->hệ thống tìm kiếm->hiển thị kết quả->
nhấn thốt để quay về form tìm kiếm
hệ thống ko có kết quả tìm kiếm->quay về form tìm kiếm
hiển thị kết quả tìm kiếm dc trên trang web

Biểu đồ ca sử dụng đăng nhập

8


Mục đích

Mơ tả
Tác nhân
Điều kiện trước
Luồng sự kiện chính

Luồng sự kiện phụ

Điều kiện sau

2.4.

Đặc tả
Dùng để tùy chọn cái mình muốn
Giúp khách hàng đăng nhập vào tài khoản và đưa tới
form tùy chọn
Khách hàng
Phải có 1 tài khoản
Hiện thị from đăng nhập->nhập thông tin->xử lý đăng
nhập->bấm vào 1 tùy chọn->nhập thông tin tùy chọn>bấm ok -> hiển thị lựa chọn có muốn làm tiếp hoặc
khơng -> Chọn khơng -> thốt khỏi form
Sau khi đăng nhập:
+Nếu sai->quay về bước nhập thông tin
Sau khi bấm ok để đăng các thông tin cho tùy chọn
+Hiển thị lựa chọn -> chọn có-> quay lại bước hiển thị
các tùy chọn
Sau khi hoàn thành việc nhập thơng tin cho tùy chọn của
mình-> bấm nút ok ->chọn khơng-> thốt khỏi form
đăng nhập.

Biểu đồ ca sử dụng update thông tin firm

9


Mục đích
Mơ tả

Tác nhân
Điều kiện trước
Luồng sự kiện
chính

Luồng sự kiện phụ
Điều kiện sau

Đặc tả
Dùng để nhập mới hoặc hiệu chỉnh thơng
tin phim.
Giúp quản lí có thể dùng các chức năng
thêm, xóa, sữa để đăng mới thơng tin
phim hoặc để thay đổi hoặc xóa đi các
thơng tin cũ.
Quản lí, thơng tin trên sever
Đăng nhập vào hệ thống.
Chọn chức năng:
- Chọn thêm->nhập thơng tin mới>bấm thêm, chờ hệ thống xử lí.
- Chọn xóa -> hệ thống gửi về form list
các thơng tin cũ, chọn thơng tin cần
xóa->bấm xóa, chờ hệ thống xử lí.
- Chọn sửa -> hệ thống gửi về form list

các thông tin cũ, chọn thông tin cần
sửa->nhập thông tin mới->bấm sửa,
chờ hệ thống xử lí.
Sau khi bấm xác nhận gửi yêu cầu lên
server -> hiện lên thông báo đã update
thành cơng -> bấm nút thốt để kết thúc
q trình update thơng tin và trở về form
quản lí.

10


2.5.

Biểu đồ ca sử dụng đăng thông báo từ Admin

Mục đích
Mơ tả
Tác nhân
Điều kiện trước
Luồng sự kiện
chính
Luồng sự kiện phụ
Điều kiện sau

2.6.

Đặc tả
Dùng để đăng thơng báo.
Giúp quản lí có thể thơng báo đến khách

hàng 1 cách nhanh chóng các sự kiện
hoặc các lỗi mà hệ thống mắc phải.
Quản lí, thông tin trên sever
Lịch chiếu bị delay hoặc hủy hoặc khi có
chương trình khuyến mãi, đăng nhập vào
hệ thống.
Chọn mục đăng thông báo -> nhập thông
báo->bấm nút đăng
Sau khi bấm đăng thì hệ thống sẽ báo
đăng thành cơng-> bấm nút thốt để kết
thúc q trình đưng thơng báo và trở về
form quản lí.

Biểu đồ ca sử dụng thống kê

11


Mục đích
Mơ tả
Tác nhân
Điều kiện trước
Luồng sự kiện chính
Luồng sự kiện phụ
Điều kiện sau

2.7.

Biểu đồ ca sử dụng hiển thị thơng tin

Mục đích
Mơ tả
Tác nhân
Điều kiện trước
Luồng sự kiện chính
Luồng sự kiện phụ

Điều kiện sau

2.8.

Đặc tả
Dùng để thống kê cái mà người quản lý muốn
Giúp người quản lý thống kê một cách dễ dàng
Người quản lý và hệ thống trên sever
Phải chọn được muốn thống kê cái gì
Hiển thị tùy chọn thống kê->chọn kiểu thống kê->xử lý
thống kê->hiển thị->bấm thoát
Sau khi chọn kiểu thống kê ngày hoặc tháng->Xử lý
thống kê sẽ gữi đến sever->rùi từ sever sẽ trả dữ liệu về
lại
Sau khi hoàn thành việc chọn kiểu thống kê-> hiển thị>bấm thoát

Đặc tả
Dùng để cho người dùng chọn yêu cầu mà mình muốn
Giúp người dùng hiện thị yêu cầu một cách dễ dàng
Người dùng và hệ thống trên sever
Phải chọn được muốn hiển thị yêu cầu gì
Truy cập vào web->hiển thị->chọn yêu cầu cần hiển thị>Xử lý yêu cầu->bấm thoát
Sau khi chọn yêu cầu cần

+Nếu chọn->thông tin sẽ được xử lý->gửi đến cho
sever-> rùi từ sever sẽ trả dữ liệu
+Nếu khơng chọn->người dùng bấm thốt
Sau khi hồn thành việc người dùng chọn yêu cầu>thông tin sẽ được xử lý->rùi bấm thốt

Biểu đồ ca sử dụng thơng báo

12


Đặc tả
thơng báo cho khách hàng khi có lỗi
khi khách hàng bị lỗi thì gửi thơng báo cho họ

mục đích
miêu tả

thông tin khách hàng nhập, thông tin vé đặt, thông tin ghế
tác nhân
điều kiện trước
luồng sự kiện
chính
luồng sư kiện phụ
điều kiện sau

khách hàng phải mắc lỗi
phát hiện lỗi->gửi thơng b khách hàng
hiển thị lỗi trên trang web

3. Biểu đồ tuần tự và đặc tả

3.1.

Biểu đồ tuần tự đặt vé

13


Đặc tả:
1: Khách hàng click đặt vé, chọn rạp và xuất chiếu nó hiển thị ra trong phần
danh sách rạp, nó gọi danh sách rạp nên trên server rồi trả kết quả về phần danh
sách rạp
2: khách hàng chọn ghế ngồi trong danh sách rạp sẽ hiểu thị form chọn ghế, sau
khi chọn được ghế thích hợp khách hàng được chuyển đến form đăng nhập thẻ
ngân hàng
3: sau khi đăng đăng nhập thẻ nếu sai trả về form đăng nhập thẻ lại cịn nếu
đúng thì khách hàng chọn khơng thì quay về trang chủ nếu chọn có thanh tốn
thì u cầu được xử lý trên hệ thơng thẻ tín dụng thành công trả về thông báo và
mã vé thông tin vé được lưu trên server, k thành công quay lại form đăng nhập
thẻ ngân hàng
3.2. Biểu đồ tuần tự tìm kiếm

14


Đặc tả:
1: Người dùng nhập thơng tin tìm kiếm vào form tìm kiếm nó hiện ra trong trang
danh sách film rồi bảng film gửi yêu cầu đến data base
2: Từ data base hiển thị kết quả film cần tìm lên trang danh sách fim
3: Từ data base quay lại form tìm kiếm nếu khơng thấy film cần tìm
4: Người dùng có thể bấm thốt ở mục danh sách film

3.3.

Biểu đồ tuần tự đăng nhập

Đặc tả:
1: Người dùng nhập vào form đăng nhập dự liệu đăng nhập được xử lý qua hệ
thống nếu đúng thì đi đến form tùy chọn, nếu sai thì quay lại form đăng nhập.
2: Người dùng nhập thơng tin vào form tùy chọn nếu đúng thì có thơng báo
thành cơng, sai thì quay lại form tùy chọn
3.4.

Biểu đồ tuần tự update thông tin firm
15


Đặc tả:
1: Quản lí bấm vào mục update thơng tin trong form update hiển thị danh sách
trong mục danh sách chức năng ấn chọn thêm trong form thêm
2: Nhập thông tin và thêm trong form thêm sẽ gửi yêu cầm nên server, server trả
về thơng báo hồn tất trên form thêm quản lý ấn thoát để trở về form update
3: Quản lý muốn xóa film chọn chức năng trong danh sách chức năng chọn xóa
trên form xóa sẽ gửi yêu cầu danh sách thông tin đến server, server sẽ trả lại list
thơng tin
4: Chọn thơng tin cần xóa & bấm xóa trên form xóa sẽ gửi yêu cầu đến server,
server gửi trả thơng báo hồn tất tiếp đó quản lý ấn thoát để trờ về form update
5: Quản lý chọn chức năng chọn sửa trên form sửa gửi yêu cầu nên server,
server trả về thông tin, quản lý muốn chọn thơng tin cần sửa và nhập thêm thơng
tin mới thì ấn nút sửa trên form sửa sẽ gửi yêu cầm nên server, server trả về
thơng báo hồn tất trên form sửa và bấm thoát để trở về form update
3.5.

Biểu đồ tuần tự đăng thông báo từ Admin

Đặc tả:
1: Quản lý bấm vào mục đăng thông báo trong form quản lý
2: Quản lý nhập thông báo vào form thông báo
16


3: Bấm đăng và gửi yêu cầu tới Sever.
3.6. Biểu đồ tuần tự thống kê

Đặc tả:
1: Quản lý chọn thống kê ngày hay thang qua bảng thống kê và được xử lý qua
Sever
2: Sever trả về dữ liệu và hiển thị ra cho người quản lý
3.7. Biểu đồ tuần tự hiển thị thông tin

Đặc tả:
1: Người dùng truy cập vào trang hiện thị tuỳ chọn thống kê và gửi yêu cầu xử
lý tới server
2: Nếu lỗi server sẽ hiển thị thông báo lại.
3.8. Biểu đồ tuần tự thông báo
17


Đặc tả:
1: Người dùng muốn xem thông báo trên web thì phải gửi yêu cầu tới server và
server hiện thị thơng báo lại cho người dùng
2: Cịn muốn thốt thì người dùng gửi yêu cầu thoát và được server xử lý và

hiển thị đã thoát cho người dùng.

18


Chương 3. KẾT QUẢ THỰC NGHIỆM
1. Giao diện trang chủ
1.1. Giao diện Header & Slider

Hình 3. 4 Giao diện Header & Slider
1.2. Giao diện nội dung trang chủ

Hình 3. 5 Giao diện Header sau khi đăng nhập

19


Hình 3. 6 Giao diện trang chủ
1.3. Giao diện Footer

20


Hình 3. 7 Giao diện footer

1.4. Giao diện đăng nhập & đăng ký

Hình 3. 8 Giao diện đăng nhập và đăng ký.

21

3.2.2.1 Giao diện thơng tin tài khoản

Hình 3. 9 Giao diện thơng tin tài khoản.
1.5. Giao diện tồn chi tiết phim

22


Hình 3. 10 Giao diện tồn chi tiết phim.

23


1.5.1. Giao diện thơng tin sản phẩm

Hình 3.11 Giao diện thơng tin sản phẩm.

1.5.2. Giao diện lịch chiếu

Hình 3. 11 Giao diện lịch chiếu.

24


1.5.3. Giao diện chọn ghế

Hình 3. 12 Giao diện chọn ghế

1.6. Giao diện chọn combom

Hình 3. 13 Giao diện chọn combom

25