TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO THỰC TẬP TỐT NGHIỆP

ĐỀ TÀI:
XÂY DỰNG WEBSITE ĐẶT VÉ VÀ QUẢN LÝ RẠP
CHIẾU PHIM DINU CINEMA

Sinh viên thực hiện : NGUYỄN BÁ HƯNG

Giảng viên hướng dẫn : TH.S NGUYỄN THỊ NGỌC TÚ
Ngành : CÔNG NGHỆ THÔNGTIN
Chuyên ngành : THƯƠNG MẠI ĐIỆN TỬ
Lớp : D13HTTMDT2
Khóa : D13

Hà Nội, tháng 10 năm 2022

 PHIẾU CHẤM ĐIỂM

Họ và tên sinh viên Nội dung thực hiện Chữ ký

Họ và tên giảng viên Điểm Ghi chú

Giảng viên chấm 1

(Ký và ghi rõ họ tên)

Giảng viên chấm 2

(Ký và ghi rõ họ tên)

 NHẬN XÉT
(Của cán bộ hướng dẫn)

Tên tôi là: Nguyễn Thị Ngọc Tú

Hiện công tác tại: Khoa công nghệ thông tin trường Đại Học Điện Lực
Nhận hướng dẫn sinh viên: Nguyễn Bá Hưng
Thực hiện đồ án thực tập tốt nghiệp: Xây dựng website đặt vé và quản lý rạp
chiếu phim DinuCinema
Ngành: Công nghệ thông tin.
Hệ: Đại học chính quy.
Trong thời gian hướng dẫn sinh viên thực hiện đồ án thực tập tốt nghiệp, tôi
có một số ý kiến nhận xét như sau:
1. Về cách trình bày:
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
…..................................................................................................................................
…..................................................................................................................................
…..................................................................................................................................
…..................................................................................................................................
2. Về nội dung:
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
3. Tính thực tiễn và khả năng ứng dụng của đồ án:
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
 ......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
4. Các hướng phát triển của đồ án:
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
5. Nhận xét (Kết quả hoàn thành, kiến thức, thái độ, kỷ luật của sinh viên?)

......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
......................................................................................................................................
6. Đánh giá: Đồng ý cho báo cáo Không đồng ý

Hà nội, ngày tháng năm 20….

CÁN BỘ HƯỚNG DẪN
(Ký, Ghi rõ tên)
 Lời nói đầu
Thời đại hiện nay, với sự bùng nổ của công nghệ và ứng dụng rộng rãi của
khoa học công nghệ nhất là với ngành công nghệ thông tin là ngành thương mại
điện tử. Thương mại điện tử vừa là cơ hội , vừa là công cụ hữu hiệu đãm bảo sự
bình đẳng và bứt phá của doanh nghiệp Việt Nam trong tiến trình hội nhập kinh tế
quốc tế . Tuy mới chỉ chiếm tỉ trọng nhỏ trong thương mại , xong ngành TMDT đã
mang lại lợi ích to lớn cho doanh nghiệp và chính phủ, người tiêu dùng và xã hội.
Thương mại điện tử đã vượt xa khỏi lĩnh vực thương mại, hứa hẹn mang lại những
giá trị to lớn và sâu sắc mọi mặt đời sống xã hội loài người. Vậy nó áp dụng gì đến
đời sống xã hội con người cụ thể như thế nào ? chúng ta cùng tìm hiểu .
Một trong những áp dụng tiêu biểu nhất đó là đặt hàng và book vé online.
Bạn đã từng đến quầy mua vé, chờ đợi rất lâu nhưng vẫn phải ra về vì hết vé bởi số
lượt người mua vé đông? Giờ đây, phương thức đặt vé xem phim online sẽ giúp
bạn khắc phục tình trạng này và nhận được lợi ích nhiều hơn thế. Cụ thể:
- Không còn tốn thời gian xếp hàng tại rạp để chờ mua vé, đặc biệt là những
bộ phim bom tấn hay suất chiếu sớm với lượt người xem đông đảo.
- Chọn được chỗ ngồi yêu thích, tận hưởng bộ phim tại vị trí thoải mái nhất.
- Có thêm thời gian cân nhắc và lựa chọn bộ phim để giải trí, bạn có thể xem
trailer, diễn viên, thể loại, chọn đúng phim phù hợp với sở thích.
- Dễ dàng tra cứu lịch chiếu phim tại các cụm rạp gần bạn để lựa chọn thời
điểm xem phim phù hợp.
- Nhận đầy đủ ưu đãi dành cho khách hàng thành viên của rạp chiếu phim,
mua vé với mã giảm giá hoặc giá khuyến mãi hấp dẫn.

Trong khuôn khổ đồ án tốt nghiệp này, em đã tìm hiểu về kiến thức về thệ thống
rạp chiếu phim . Để thực hiện dự án, em đã lên kế hoạch xây dựng một hệ thống
rạp chiếu phim với ngôn ngữ lập trình PHP. Laravel framework được sử dụng để
tối ưu cũng như xây dựng dự án, giúp tương tác với giao diện hệ thống.
Tên đề tài: Xây dựng website đặt vé và quản lý rạp chiếu phim DinuCinema.
Đồ án tốt nghiệp gồm các nội dung sau:
Chương 1: Giới thiệu tổng quan. Chương 1 sẽ giới thiệu tổng quan về đề tài, bao
gồm việc giới thiệu hệ thống DinuCinema, mục đích và phạm vi thực hiện, khảo
sát cũng như định hướng giải pháp cũng như phạm vi của dự án.
Chương 2: Phân tích thiết kế hệ thống. Chương 2 sẽ trình bày nội dung về việc xây
dựng và phân tích tài liệu yêu cầu, các usecase, diagram cho hệ thống DinuCinema
và lên kế hoạch xây dựng dự án cũng như đánh giá chức năng của dự án.
Chương 3: Thực hiện dự án và đánh giá. Chương 3 sẽ trình bày việc thực hiện, vận
hành dự án và đánh giá những chức năng cũng như điểm mạnh điểm yếu, thiếu sót
của dự án . Sau đó sẽ nhận xét kết quả đạt được và chưa đạt được của dự án từ đó
cải thiện dự án.

Sinh viên thực hiện:

Nguyễn Bá Hưng
 Lời cảm ơn
Trong suốt quá trình học tập và làm đồ án tốt nghiệp tại trường Đại học
Điện Lực, em đã nhận đƣợc rất nhiều sự giúp đỡ, đóng góp ý kiến và chỉ bảo nhiệt
tình của các thầy cô khoa Công nghệ thông tin.
Đầu tiên, em xin gửi lời cảm ơn tới các thầy cô của Khoa Công nghệ thông tin đã
giảng dạy chúng em. Những kiến thức mà thầy cô truyền đạt không chỉ giúp đỡ
chúng em trong lĩnh vực học tập, mà còn gửi gắm cả những kinh nghiệm làm việc
quý báu trong cuộc sống. Đặc biệt, em xin gửi lời cảm ơn chân thành tới ThS.
Nguyễn Thị Ngọc Tú, giảng viên hướng dẫn của em, người đã quan tâm, tận tình
chỉ bảo, định hướng cũng như tạo điều kiện cho em trong quá trình thực hiện đồ án.
Và cuối cùng, em xin được gửi lời cảm ơn sâu sắc tới gia đình và bạn bè
của em đã hết lòng động viên, tạo điều kiện để em có đƣợc những tháng ngày đại
học bổ ích và có thể hoàn thành đồ án tốt nghiệp này một cách tốt nhất.
Do sự hạn chế về thời gian, kiến thức và kinh nghiệm thực tế, em không thể tránh
khỏi những sai sót, vì vậy, em rất mong nhận được sự góp ý của thầy cô và bạn bè
để em có thể hoàn thiện và phát triển đồ án tốt nghiệp và nâng cao kiến thức của
mình.
Em xin chân thành cảm ơn!
Trân trọng!

Hà Nội, tháng 01 năm 2019.

Sinh viên thực hiện:

Nguyễn Bá Hưng
 MỤC LỤC
CHƯƠNG 1: TỔNG QUAN VỀ RẠP CHIẾU PHIM DINU CINEMA...........................12

1.1. Tổng quan về đề tài............................................................................................12

1.1.1. Giới thiệu về hệ thống DinuCinema............................................................12

1.1.2. Mục tiêu và phạm vi đề tài...........................................................................12

1.1.2.1. Mục tiêu đề tài...........................................................................................12

1.1.2.2. Phạm vi đề tài............................................................................................13

1.2. Tổng quan về xây dựng trang web.....................................................................14

CHƯƠNG 2 : PHÂN TÍCH THIẾT KÊ HỆ THỐNG.......................................................18

2.1. Xác định chiến Actor và biểu đồ user case tổng quát của website.........................18

2.1.1. Xác định Actor của hệ thống............................................................................18

2.1.2. Xây dựng biểu đồ Usecase tổng quát...............................................................18

2.1.3. Các chức năng của hệ thống.............................................................................18

2.1.3. Relationship Diagram tổng quát.......................................................................20

2.2. Phân tích các chức năng chính của hệ thống......................................................20

2.2.1. Chức năng của quản trị viên.............................................................................20

2.2.1.1. Chứ nhập c năng đăng...................................................................................20

2.2.2.2. Chức năng quản lý thông tin phim................................................................24

Chức năng quản lý thông tin phim bao gồm:.............................................................24

2.2.2.3. Chức năng quản lý đặt vé xem phim.............................................................27

2.2.2.4. Chức năng quản lý rạp chiếu phim................................................................29

Chức năng quản lý rạp chiếu phim bao gồm:.............................................................29

2.2.3. Chức năng của Khách hàng..............................................................................32

2.2.3.1. Chức năng đặt vé xem phim..........................................................................32

2.3. Lập kế hoạch xây dựng.......................................................................................35

 2.3.1. Quy trình..........................................................................................................35

2.3.2. Kỹ thuật xây dựng............................................................................................35

2.3.3. Công cụ xây dựng............................................................................................36

2.3.4. Nhân lực...........................................................................................................36

2.3.5. Lịch trình..........................................................................................................37

CHƯƠNG 3: KẾT QUẢ TRIỂN KHAI VÀ ĐÁNH GIÁ.................................................39

3.1. Giao diện của website.............................................................................................39

3.1.1. Giao diện người quản lý...................................................................................39

3.1.1.1. Chức năng đăng nhập....................................................................................39

3.1.1.2. Trang chủ quản trị viên.................................................................................39

3.1.1.3. giao diện danh sách đồ ăn.............................................................................40

3.1.1.4. Chức năng thêm mới đồ ăn...........................................................................40

3.1.1.5. Chức năng cập nhật đồ ăn.............................................................................41

3.1.1.6. Chức năng xóa đồ ăn.....................................................................................41

3.1.1.7. Chức năng phân quyền quản trị viên.............................................................42

3.1.1.8. Tạo và cập nhật quyền cho quản trị viên.......................................................42

3.1.1.9. Profile quản trị viên.......................................................................................43

3.1.2. Giao diện khách hàng.......................................................................................43

3.1.2.1. Giao diện đăng nhập......................................................................................43

3.1.2.2. Giao diện chính.............................................................................................44

3.1.2.3. Giao diện chọn ghế xem phim......................................................................44

3.1.2.4. Giao diện giỏ hàng.......................................................................................45

3.1.2.5. Giao diện thanh toán....................................................................................45

3.2. Đánh giá..............................................................................................................46

KẾT LUẬN........................................................................................................................47
 Tài liệu Tham khảo........................................................................................................47

MỤC LỤC BẢNG

Bảng 2.1. Đặc tả chức năng đăng nhập..............................................................................22

Bảng 2.2. Đặc tả chức năng quản lý thông tin phim..........................................................25

Bảng 2.3. Đặc tả chức năng quản lý đặt vé........................................................................27

Bảng 2.4. Đặc tả chức năng quản lý rạp chiếu phim..........................................................30

Bảng 2.5. Đặc tả chức năng quản lý rạp chiếu phim..........................................................32

Bảng 2.6. Nhân lực thực hiện dự án...................................................................................37

Bảng 2.7: Lịch trình xây dựng – kế hoạch xây dựng.........................................................37

MỤC LỤC HÌNH ẢNH

Hình 2.1. Biểu đồ Usecase tổng quát.................................................................................20

Hình 2.2. Biểu đồ Quan hệ tổng quát.................................................................................20

Hình 2.3. Biểu đồ Usecase chức năng đăng nhập..............................................................23

Hình 2.4. Biểu sồ hoạt động của chức năng đăng nhập.....................................................23

Hình 2.5. Biểu sồ trình tự của chức năng năng đăng nhập................................................24

Hình 2.6. Biểu đồ Usecase chức năng quản lý thông tin phim..........................................26

Hình 2.7. Biểu sồ hoạt động của chức năng quản lý thông tin phim.................................26

Hình 2.8. Biểu sồ tuần tự chức năng quản lý thông tin phim.............................................27

Hình 2.9. Biểu đồ User case chức năng quản lý đặt vé......................................................28

Hình 2.10. Biểu sồ hoạt động của chức năng quản lý đặt vé.............................................28

Hình 2.11. Biểu sồ trình tự của chức năng năng quản lý đặt vé........................................29

Hình 2.12. Biểu đồ User case chức năng quản lý rạp chiếu phim.....................................30

Hình 2.13. Biểu sồ hoạt động của chức năng quản lý rạp chiếu phim...............................31
Hình 2.14. Biểu sồ trình tự của chức năng quản lý rạp chiếu phim...................................32

Hình 2.15. Biểu đồ User case chức năng đặt vé xem phim................................................33

Hình 2.16. Biểu sồ hoạt động của chức năng đặt vé xem phim.........................................34

Hình 2.17. Biểu sồ trình tự của chức năng đặt vé xem phim.............................................35

Hình 2.18. Theme dự án.....................................................................................................36

Hình 3.1. Giao diện đăng nhập quản trị viên.....................................................................39

Hình 3.2. Giao diện trang chủ quản trị viên.......................................................................40

Hình 3.3. Giao diện danh sách đồ ăn.................................................................................40

Hình 3.4. Giao diện thêm mới đồ ăn..................................................................................41

Hình 3.5. Chức năng cập nhật đồ ăn..................................................................................41

Hình 3.6. Chức năng xóa đồ ăn..........................................................................................42

Hình 3.7. Chức năng phân quyền quản trị viên.................................................................42

Hình 3.8. Tạo mới và cập nhật quyền cho quản trị viên....................................................43

Hình 3.9. Profile quản trị viên............................................................................................43

Hình 3.10. Giao diện đăng nhập khách hàng.....................................................................44

Hình 3.11. Giao diện trang chủ khách hàng.......................................................................44

Hình 3.12. Giao diện chọn ghế ngồi..................................................................................45

Hình 3.13. Giao diện giỏ hàng...........................................................................................45

Hình 3.14. Giao diện thanh toán........................................................................................46

 CHƯƠNG 1: TỔNG QUAN VỀ RẠP CHIẾU PHIM DINU CINEMA

Trong chương này sẽ giới thiệu một cái nhìn tổng quan về đề tài, bao gồm việc giới
thiệu hệ thống DinuCinema, mục đích và phạm vi thực hiện, định hướng giải pháp,
cung cấp các kiến thức về xây dựng dự án.
1.1. Tổng quan về đề tài
1.1.1. Giới thiệu về hệ thống DinuCinema

DinuCinema là 1 web giúp khách hàng có thể mua vé xem phim cũng như xem
được thông tin phim và lịch chiếu mọi lúc mọi nơi mà không phải đến rạp chiếu
phim
Website là một hệ thống cung cấp cho người dùng những chức năng cần thiết để
tham khảo, xem thông tin phim và lịch chiếu . Với khách hàng thì hệ thống cho
phép tìm kiếm, xem thông tin phim trên website, ngoài ra có thể chọn trước đồ ăn
và đồ uống. Sau khi chọn hàng xong thì chuyển qua thanh toán. Thực hiện xong
khách hàng tiến hành xác nhận thanh toán và nhận thông tin vé xem phim cùng như
đồ ăn đồ uống tại email của khách hàng, sau đó kết thúc giao dịch . Với quản trị
viên thì có thể quản lí thông tin của các rạp trên hệ thống cũng như các phòng của
rạp, số lượng phim , thông tin phim ,…
1.1.2. Mục tiêu và phạm vi đề tài

1.1.2.1. Mục tiêu đề tài

Mục tiêu của đề tài là vận dụng việc xây dựng web vào một đồ án cụ thể, nhằm xây
dụng, cung cấp kiến thức và giúp nâng cao chất lượng website.

Kiến thức lý thuyết:

- Hiểu biết các kiến thức về xây dựng web.
- Tìm hiểu về trang web đặt vé xem phim như CGV, LotteCinema, BHD,
Beta...
- Tìm hiểu về ngôn ngữ sử dụng để xây dựng trang web và các framework cần
thiết cho dự án
 Vận dụng thực hành:
- Giao diện trang web (FrontEnd): Thành thạo kĩ năng HTML, CSS,
Bootstrap, UX/UI, hiểu được giao diện của dự án để xây dựng 1 cách hợp lý,
phân chia bố cục trang web rõ ràng,..
- Xử lý data và logic(BackEnd): Thành thạo ngôn ngữ PHP, sử dụng
framework laravel, hiểu về logic của bài toán cần xử lý, xây dựng logic
khoa học dễ bảo trì và cập nhật

1.1.2.2. Phạm vi đề tài

Phạm vi tìm hiểu về xây dựng trang web:

- Các khái niệm xây dựng trang web
- Các nguyên tắc xây dựng trang web
- Quy trình thực hiện , xây dựng
- Các kỹ thuật xây dựng
- Một số khái niệm khác
- Kiến thức về kiểm thử tự động.
Phạm vi xây dựng data:
- Tìm hiểu cơ sở dữ liệu: Các quan hệ giữ liệu, luồng giữ liệu,..
- Xây dựng quan hệ, module chức năng,..
1.1.3. Định hướng giải pháp
Xây dựng trang web có thể sử dụng rất nhiều ngôn ngữ lập trình, mỗi ngôn ngữ đều
có ưu và nhược điểm riêng , để xây dựng cả về phía FE và BE cũng như tối ưu
trang web cho người dùng thì cần một kĩ thuật cực kì tốt.
Vì vậy, với đồ án tốt nghiệp, em vận dụng Laravel để xây dựng trang web

1.1.4. Giải pháp

- Công cụ IDE: PHPStorm, Visual Studio Code

- Sử dụng ngôn ngữ lập trình PHP , Javascript
- Framework – sử dụng Laravel
- Thư viện: Bootstrap, Jquery,…
- Xây dựng trên môi trường ảo Laragon
 - Cơ sở dữ liệu MySQL
- Mô hình MVC – Model View Controller: MVC là viết tắt của cụm từ
“Model-View-Controller“. Đây là mô hình thiết kế được sử dụng trong kỹ
thuật phần mềm. MVC là một mẫu kiến trúc phần mềm để tạo lập giao diện
người dùng trên máy tính. MVC chia thành ba phần được kết nối với nhau
và mỗi thành phần đều có một nhiệm vụ riêng của nó và độc lập với các
thành phần khác MVC là viết tắt của cụm từ “Model-View-Controller“.
Đây là mô hình thiết kế được sử dụng trong kỹ thuật phần mềm. MVC là
một mẫu kiến trúc phần mềm để tạo lập giao diện người dùng trên máy
tính. MVC chia thành ba phần được kết nối với nhau và mỗi thành phần
đều có một nhiệm vụ riêng của nó và độc lập với các thành phần khác

1.2. Tổng quan về xây dựng trang web

1.2.1. Các khái niệm về xây dựng trang web

Xây dựng website là hoạt động xây dựng, tạo một trang web từ một hay
nhiều ngôn ngữ lập trình.
Xây dựng website là quá trình bao gồm tất cả các hoạt động trong chu trình
phát triển website, liên quan đến việc lập kế hoạch, xây dựng đồng thời test lại
những chức năng để chắc chắn rằng nó không xảy ra bất kì lỗi nào.
Xây dựng thành công một trang web đảm bảo rằng trang web hoạt động
trên serve mà không gây ra lỗi gì, hoạt động tốt và mang đến trải nghiệp tốt nhất
cho khách hàng.
1.2.2. Các nguyên lý xây dựng trang web
Có 9 nguyên lý quan trọng:

Nguyên lý 1: Mục đích

Một website tốt luôn phải phù hợp với nhu cầu của khách hàng. Mà còn phải
nắm bắt được tâm lý người dùng. Khách truy cập trang web đang tìm kiếm
thông tin, giải trí. Do đó, doanh nghiệp có thể tận dụng một số kiểu tương tác
chat tư vấn hoặc giao dịch. Mỗi trang trong website của bạn cần phải có một
mục đích rõ ràng. Để từ đây bạn có thể đáp ứng nhu cầu cụ thể cho người dùng
một cách hiệu quả nhất có thể.
Nguyên lý 2: Truyền thông
Bất kì khách hàng nào truy cập vào trang web đều mong muốn tìm được thông
tin nhanh chóng. Do đó một điều quan trọng trong việc xây dựng và phát triển
website là phải thể hiện thật rõ ràng. Không những thế phải làm cho thông tin
của bạn dễ đọc, dễ hiểu nhất. Một số chiến thuật hiệu quả dành cho bạn bao
gồm một số yếu tố khác nhau. Ví dụ như tổ chức thông tin bằng cách sử dụng
tiêu đề chính và các tiêu đề phụ. Sử dụng dấu chấm hay ký hiệu để liệt kê ý
thay vì những câu dài dòng rối mắt. Thêm vào đó là nên chia nội dung thành
các đoạn ngắn cụ thể.
Nguyên lý 3: Kiểu chữ

Nhìn chung, các phông chữ tìm kiếm hiện đại mà không có trang trí như Arial
và Verdana sẽ dễ đọc trực tuyến hơn. Kích thước phông chữ lý tưởng là 16px
và đi kèm tối đa 3 kiểu chữ với kích thước tối đa 3 cỡ chữ. Để từ đây có thể giữ
cho thiết kế của bạn được tinh gọn.

Nguyên lý 4: Màu sắc

Một website với màu sắc cân bằng, hài hòa đã được cân nhắc chọn lọc kỹ lưỡng
là một ấn tượng tốt. Bạn có thể củng cố và giữ cho trải nghiệm người dùng một
cách lâu dài. Bạn nên sử dụng màu tương phản cho văn bản và nền. Để từ đây
sẽ giúp việc đọc dễ dàng hơn đối với khách hàng, tốt cho mắt. Màu sắc rực rỡ
tạo cảm xúc, tuy nhiên chỉ nên sử dụng ít cho các nút, CTA, slogan…Cuối cùng
nhưng cũng không kém phần quan trọng đó là không gian trắng. Không gian rất
hiệu quả trong việc đem lại cho trang web của bạn một cái nhìn hiện đại và sáng
sủa.

Nguyên lý 5: Hình ảnh

Một hình ảnh có thể thể hiện ý nghĩa của một ngàn chữ. Việc chọn đúng hình
ảnh cho trang web của bạn có thể giúp định vị thương hiệu. Từ đó có thể kết nối
với đối tượng mục tiêu bạn mong muốn. Nếu bạn không có hình ảnh chuyên
nghiệp chất lượng cao. Hãy cân nhắc việc mua các ảnh chuyên nghiệp có sẵn để
nâng tầm trang web của bạn. Bạn cũng nên xem xét sử dụng các biểu tượng,
hình ảnh và đồ họa. Do đó, chúng có thể hiệu quả hơn nhiều trong việc giao tiếp
với người dùng hơn là những bài viết.
 Nguyên lý 6: Điều hướng

Sự điều hướng giúp mọi người có thể thực hiện. Từ đó, di chuyển xung quanh
trang web của bạn dễ dàng hơn. Một số chiến thuật điều hướng hiệu quả bao
gồm một hệ thống phân cấp trang hợp lý. Sử dụng chuỗi liên kết các mẩu thông
tin, thiết kế các nút có thể nhấp vào. Theo “quy tắc ba lần nhấp chuột”, có nghĩa
là người dùng có thể tìm thấy thông tin mà họ đang tìm kiếm trong vòng ba
click chuột.

Nguyên lý 7: Bố cục dựa trên lưới

Các bố cục dựa trên lưới sẽ chia nội dung thành các phần. Các cột và các hộp
theo các dòng giúp tạo ra cảm giác cân bằng, hài hòa. Từ đó, dẫn đến việc cảm
nhận thiết kế trang web sẽ đẹp hơn.
8. Thiết kế mẫu “F”
Các nghiên cứu theo dõi mắt đã chứng minh được rằng mọi người quét màn
hình máy tính theo mô hình “F”. Phần lớn những gì mọi người nhìn thấy là nội
dung ở phía trên, bên trái. Còn thông tin phía bên phải của màn hình hiếm khi
được nhìn thấy. Thay vì cố gượng ép dòng chảy trực quan của người xem. Các
website hiệu quả sẽ được thiết kế khớp với hành vi tự nhiên của người đọc. Từ
đó, hiển thị thông tin theo thứ tự quan trọng (từ trái sang phải và từ trên xuống
dưới).
9. Load time
Mọi người sẽ khó chịu với một website phải mất nhiều thời gian để tải. Mẹo để
làm cho thời gian tải trang hiệu quả hơn chính là tối ưu hóa kích thước hình
ảnh. Sau đó, kết hợp mã vào một tệp CSS hoặc JavaScript trung tâm (điều này
làm giảm yêu cầu HTTP). Cuối cùng là giảm thiểu HTML, CSS, JavaScript
(nén để tăng tốc thời gian tải).Quy trình kiểm thử

1.2.3. Quy trình xây dựng website cơ bản cho một dự án kiểm thử phần mềm
gồm các bước sau đây:
 Bước 1: Xác định mục đích của website , lập kế hoạch

Lập kế hoạch xây dựng thường được Team Leader thực hiện. Lập kế hoạch
xây dựng thường được phân tích dựa trên quy mô và độ khó của bài toán. Sau đó
sẽ tính toán rủi ro , điểm mạnh và điểm yếu của từng công nghệ tham gia dự án .
Từ đó quyết định xem sử dụng công nghệ gì và theo dõi dự án như thế nào. Đây
là bước quan trọng nhất quyết định độ thành công của dự án . Team có phải cập
nhật bảo trì nhiều cũng như khối lượng và độ khó công việc đều được quyết định
ở bước này.
Bước 2: Phân tích và thiết kế

Phân tích và thiết kế. Ở bước này sau khi đã chọn được công nghệ sử dụng
thì cả team sẽ cùng phân tích những module cũng như luồng của dự án . Bước
này nhằm xây dựng phân tích luồng, data cũng như logic của dự án. Ở bước này
sau khi họp xong thì sẽ cử 1 đến 2 thành viên xây dựng data, thiết kế giao diện
cũng như chọn theme. Sau đó sẽ đẩy lên team để đồng bộ về dự án.
Bước 3: Thực hiện và thực thi

Bước này sẽ bắt đầu công việc xây dựng dự án, sẽ có quy trình nhất định.
Thường thì sẽ sử dụng Git để đồng bộ cũng như giao tiếp và quản lý code của
dự án. Ở bước này sẽ có những quy trình nhất định trước khi merge code vào
code chính. Mọi công việc sẽ được giám sát cẩn thận tránh lỗi ảnh hưởng đến dự
án
Bước 4: Testing và báo cáo

Là hoạt động mà các hoạt động thực thi kiểm tra được đánh giá dựa trên các
mục tiêu xác định, nên được thực hiện đối với từng mức độ test. Đánh giá tiêu
chí hoàn thành có các nhiệm vụ chủ yếu là kiểm tra các báo cáo kiểm thử đối với
các tiêu chí hoàn thành quy định trong kế hoạch kiểm tra, đánh giá nếu kiểm thử
nhiều hơn cần thiết hoặc nếu các tiêu chuẩn hoàn thành nên được thay đổi, viết
báo cáo tóm tắt kiểm thử cho các bên liên quan.
 CHƯƠNG 2 : PHÂN TÍCH THIẾT KÊ HỆ THỐNG

Trong chương 2 sẽ trình bày nội dung về việc xây dựng và phân tích tài liệu
yêu cầu cho hệ thống DinuCinema, lên kế hoạch xây dựng module từng chức năng
của hệ thống

2.1. Xác định Actor và biểu đồ user case tổng quát của website
2.1.1. Xác định Actor của hệ thống

Actor được dùng để chỉ người sử dụng hoặc một đối tượng nào đó bên ngoài tương
tác với hệ thống chúng ta đang xem xét. Ở dự án này sẽ có 2 Actor là Khách hàng
và Quản trị viên.
- Khách hàng:
Là người trực tiếp tiếp xem thông tin vé trên website, được thanh toán và
nhận được email xác nhận thanh toán khi đặt vé.
- Quản trị viên
Là người quản lý website , nắm mọi quyền quản lý rạp. Ngoài ra quản trị
viên còn có chức năng phân quyền quản trị , giúp dễ quản lý công việc cũng
như đồng nhất dữ liệu của rạp.
2.1.2. Xây dựng biểu đồ Usecase tổng quát

Biểu đồ use case là một tập hợp các giao dịch giữa hệ thống phần mềm với
các tác nhân bên ngoài hệ thống nhằm đạt được một mục tiêu sử dụng nào đó
của tác nhân. Một trường hợp sử dụng mô tả một hoặc nhiều tình huống sử
dụng xảy ra khi tác nhân tương tác với website.
2.1.3. Các chức năng của hệ thống

- SignUp : Đây là chức nắng đăng kí , giảng viên sẽ đăng kí tài khoản của mình ở
đây.
- Login : Chức năng đăng nhập giúp Admin hoặc giảng viên đăng nhập vào hệ
thống
- Forgot Password , Confirm by mail : Chức năng lấy lại mật khẩu : khi giảng viên
quên mật khẩu . hệ thống sẽ gửi 1 mã giúp giảng viên verify và đổi mật khẩu
- Thống kê : Trang thống kê sẽ thống kê chi tiết hệ thống
- Quản lý Class : Có thể thêm sửa xóa lớp học , giảng viên dạy lớp đó và có bao
nhiêu học sinh học lớp đó
- Quản lý Teacher : Quản lý những giảng viên đang dạy ở hệ thống
- Quản lý Student : Quản lý học sinh đang học trong trung tâm
- Profile : Giúp kiểm tra thông tin người dùng đang đăng nhập như số điện thoại ,..
- Calendar : quản lý lịch dạy giảng viên
 Hình 2.1. Biểu đồ Usecase tổng quát

2.1.3. Relationship Diagram tổng quát

Hình 2.2. Biểu đồ Quan hệ tổng quát

2.2. Phân tích các chức năng chính của hệ thống

2.2.1. Chức năng của quản trị viên

2.2.1.1. Chức năng đăng nhập

Chức năng đăng nhập bao gồm:

- Textbox Email
- Textbox Mật khẩu
- Button Đăng nhập
Trong đó, email không được vượt quá 255 ký tự, không phân biệt chữ hoa chữ
thường, người dùng sử dụng Email đã đăng ký để thực hiện đăng nhập. Mật khẩu
không được vượt quá 255 ký tự, tối thiểu 8 ký tự. Các trường là bắt buộc nhập(*).
Trường hợp nhập sai thông tin đăng nhập, hệ thống hiển thị thông báo: “Sai email
hoặc mật khẩu, vui long nhập lại.”. Nếu nhập rỗng trường bắt buộc thì không thực
thi yêu cầu đăng nhập
- Đặc tả chức năng
Bảng 2.1. Đặc tả chức năng đăng nhập

Tác nhân Quản trị viên

Mô tả Quản trị viên có quyền đăng nhập vào hệ

thống để quản lý

Điều kiện Quản trị viên, Nhân viên đăng nhập vào hệ
thống

Luồng sự kiện chính 1. Quản trị viên đăng nhâp vào hệ thống
2. Hệ thông hiển thị giao diện
3. Thêm, sửa, xóa các tài khoản
4. Nhấn nút lưu thông tin.

Kết quả Đăng nhập thành công

- Biểu đồ Usercase:

Hình 2.3. Biểu đồ Usecase chức năng đăng nhập

- Biểu đồ hoạt động:

 Hình 2.4. Biểu sồ hoạt động của chức năng đăng nhập

- Biểu đồ trình tự:

 Hình 2.5. Biểu sồ trình tự của chức năng năng đăng nhập

2.2.2.2. Chức năng quản lý thông tin phim

Chức năng quản lý thông tin phim bao gồm:

- Textbox Tiêu đề phim

- Textbox Mô tả phim
- Textbox ngày phát hành
- Textbox Thời lượng phim
- Textbox Tiêu đề phim
- Textbox Thể loại phim
- File Ảnh tiêu đề phim
- ….
Trong đó, tất cả các trường không được vượt quá 255 ký tự, không phân biệt chữ
hoa chữ thường, Các trường là bắt buộc nhập(*). Trường hợp nhập sai thông tin
hoặc không nhập trường bắt buộc. Hệ thống sẽ báo “Trường … không được bỏ
trống. ” Nhập đủ điều kiệu thì sẽ hành động thành công
- Đặc tả chức năng
Bảng 2.2. Đặc tả chức năng quản lý thông tin phim

Tác nhân Quản trị viên

Mô tả Quản trị viên sau khi đăng nhập có quyền

quản lý thông tin phim , thêm mới phim , cập
nhật và xóa phim

Điều kiện Quản trị viên cần đăng nhập vào hệ thống và
có quyền quản lý thông tin phim.

Luồng sự kiện chính
1. Quản trị viên đăng nhâp vào hệ thống
2. Hệ thông hiển thị giao diện
3. Chọn quản lý phim
3. Thêm, sửa, xóa thông tin phim
4. Nhấn nút lưu thông tin.

Kết quả Thêm mới / Cập nhật / Xóa thành công

- Biểu đồ Usercase:

Hình 2.6. Biểu đồ Usecase chức năng quản lý thông tin phim
- Biểu đồ hoạt động:

Hình 2.7. Biểu sồ hoạt động của chức năng quản lý thông tin phim

- Biểu đồ tuần tự:

 Hình 2.8. Biểu sồ tuần tự chức năng quản lý thông tin phim
2.2.2.3. Chức năng quản lý đặt vé xem phim

- Đặc tả chức năng:

Bảng 2.3. Đặc tả chức năng quản lý đặt vé

Tác nhân Quản trị viên

Mô tả Quản trị viên có thể kiểm soát được thông tin vé của
mình và quản lý qua các thao tác: Thêm,sửa, xóa vé.

Điều kiện Quản trị viên, Nhân viên đăng nhập vào hệ thống và có
quyền quản lý vé xem phim

Luồng sự kiện 1. Quản trị viên vào mục quản lý vé có trong hệ thống.
chính 2. Hệ thống hiển thị danh sách vé.
3. Thêm, sửa, xóa các vé cần thiết.
4. Nhấn nút lưu thông tin.

Kết quả Kiểm soát được thông tin vé (Thêm, sửa xóa)
- Biểu đồ Usercase:

Hình 2.9. Biểu đồ User case chức năng quản lý đặt vé

- Biểu đồ hoạt động:

Hình 2.10. Biểu sồ hoạt động của chức năng quản lý đặt vé
- Biểu đồ trình tự:
 Hình 2.11. Biểu sồ trình tự của chức năng năng quản lý đặt vé

2.2.2.4. Chức năng quản lý rạp chiếu phim

Chức năng quản lý rạp chiếu phim bao gồm:

- Textbox Tên rạp

- Textbox Địa chỉ rạp
Trong đó, tất cả các trường không được vượt quá 255 ký tự, không phân biệt chữ
hoa chữ thường, Các trường là bắt buộc nhập(*). Trường hợp nhập sai thông tin
hoặc không nhập trường bắt buộc. Hệ thống sẽ báo “Trường … không được bỏ
trống. ” Nhập đủ điều kiệu thì sẽ hành động thành công.
- Đặc tả chức năng:
Bảng 2.4. Đặc tả chức năng quản lý rạp chiếu phim

Tác nhân Quản trị viên

Mô tả Quản trị viên có thể kiểm soát được thông tin rạp chiếu
phim : thêm mới , cập nhật , xóa

Điều kiện Quản trị viên, Nhân viên đăng nhập vào hệ thống và có
quyền quản lý rạp chiếu phim

Luồng sự kiện 1. Quản trị viên vào mục quản lý rạp chiếu có trong hệ
chính thống.
2. Hệ thống hiển thị danh sách rạp chiếu.
3. Thêm, sửa, xóa các vé cần thiết.
4. Nhấn nút lưu thông tin.

Kết quả Kiểm soát được thông tin rạp chiếu (Thêm, sửa, xóa)

- Biểu đồ Usercase:

Hình 2.12. Biểu đồ User case chức năng quản lý rạp chiếu phim
- Biểu đồ hoạt động:
 Hình 2.13. Biểu sồ hoạt động của chức năng quản lý rạp chiếu phim
- Biểu đồ trình tự:
 Hình 2.14. Biểu sồ trình tự của chức năng quản lý rạp chiếu phim
2.2.3. Chức năng của Khách hàng

2.2.3.1. Chức năng đặt vé xem phim

- Đặc tả chức năng:

Bảng 2.5. Đặc tả chức năng quản lý rạp chiếu phim

Tác nhân Khách hàng

Mô tả Khách hàng có thể vào trang web của rạp phim để đặt vé
xem phim và thanh toán

Điều kiện

Luồng sự kiện 1. Khách hàng vào trang của rạp chiếu phim
chính 2. Hệ thống hiển thị danh sách rạp chiếu.
3. Khách hàng chọn rạp chiếu và ngày
4. Hệ thống hiển thị danh sách phim của rạp.
5. Khách hàng chọn phim cần xem
6. Khách hàng thanh toán và xem chi tiết vé
 Kết quả Khách hàng đặt được vé xem phim

- Biểu đồ Usercase:

Hình 2.15. Biểu đồ User case chức năng đặt vé xem phim
- Biểu đồ hoạt động:
 Hình 2.16. Biểu sồ hoạt động của chức năng đặt vé xem phim
- Biểu đồ trình tự:
 Hình 2.17. Biểu sồ trình tự của chức năng đặt vé xem phim

2.3. Lập kế hoạch xây dựng

2.3.1. Quy trình

Áp dụng quy trình kiểm thử gồm 4 bước sau:

Bước 1: Xác định mục tiêu
Bước 2: Phân tích và thiết kế
Bước 3: Thực hiện và thực thi kiểm thử
Bước 4: Testing và báo cáo
2.3.2. Kỹ thuật xây dựng

- Theme : Sneate-1.0.0
 Hình 2.18. Theme dự án
- Kỹ thuật tĩnh bao gồm xem xét tài liệu
- Kỹ thuật động bao gồm : Phân tích từng module , Xây dựng từng chức năng, fix
những lỗi xảy ra trong quá trình xây dựng module.
2.3.3. Công cụ xây dựng

- Môi trường: Để xây dựng 1 dự án thì cần một môi trường ảo để test dự án cũng
như sát nhất đối với môi trường thật. Đối với dự án này quyết định sử dụng môi
trường ảo Apache , giúp tiết kiệm thời gian setup môi trường cũng như dễ bảo trì
và cập nhật.
- IDE : Sử dụng IDE free Visual studio code
- Kết nối database: Heidi SQL
2.3.4. Nhân lực
 Bảng 2.6. Nhân lực thực hiện dự án

Vai trò Tên nhân sự Nhiệm vụ/Ghi chú

Leader Nguyễn Bá Hưng - Phân tích xây dựng dự án
- Lên kế hoạch
- Xây dựng theo testcase
- Kiểm soát tiến độ làm việc
- Review code và demo dự án
- Báo cáo / đẩy task daily

2.3.5. Lịch trình

Lịch trình xây dựng dự án DinuCinema , bao gồm phần tìm hiểu xác định dự án
đến hết test dự án. Phải xác định rõ ràng để cập nhật về tính hoàn thiện của dự án
cũng như thời gian hoàn thành dự án
Bảng 2.7: Lịch trình xây dựng – kế hoạch xây dựng

STT Mốc nhiệm vụ Nguồn lực Ngày Ngày kết

(Milestone Task) bắt thúc
đầu
1 Xây dựng kế hoạch Nguyễn Bá Hưng 10/08/2022 23/08/2022

2 Xây dựng kịch bản Nguyễn Bá Hưng 24/08/2022 10/09/2022

DinuCinema
3 Xây dựng DataBase Nguyễn Bá Hưng 11/09/2022 15/09/2022

4 Xây dựng module Nguyễn Bá Hưng 15/09/2022 20/10/2022

5 Testing module Nguyễn Bá Hưng 21/10/2022 22/10/2022

 6 Bao cáo dự án Nguyễn Bá Hưng 23/10/2022 25/10/2022

Các mốc tiêu chuẩn đánh giá dự án:

- Điều kiện dừng test
Nếu có quá 40% bug , dừng module để fix hết tất cả bug
- Điều kiện kết thúc test
Tất cả các test case đã được thực thi.
Các test case có độ ưu tiên cao tỉ lệ Pass là 100%.
Tỉ lệ tất cả test case Pass là 90%.
- Rủi ro và các vấn đề gặp phải
Rủi ro khi không có đủ người để đảm bảo tiến độ đề ra.
Rủi ro khi chất lượng kiểm thử không đạt.
Hệ thống nhiều lỗi, không sửa triệt để làm kéo dài thời gian / số vòng (round)
kiểm thử.
 CHƯƠNG 3: KẾT QUẢ TRIỂN KHAI VÀ ĐÁNH GIÁ

Trong chương 3 sẽ trình bày việc thực hiện vận hành hệ thống, bao gồm
hoạt động trên mọi trình duyệt , máy tính và điện thoại . Ngoài ra kiểm tra kết
quả thực hiện kiểm thử, tổng hợp và báo cáo lỗi lên công cụ quản lý lỗi từ đó
đánh giá và nhận xét kết quả thực hiện.
3.1. Giao diện của website
3.1.1. Giao diện người quản lý

3.1.1.1. Chức năng đăng nhập

Hình 3.1. Giao diện đăng nhập quản trị viên

3.1.1.2. Trang chủ quản trị viên

 Hình 3.2. Giao diện trang chủ quản trị viên

3.1.1.3. giao diện danh sách đồ ăn

Hình 3.3. Giao diện danh sách đồ ăn

3.1.1.4. Chức năng thêm mới đồ ăn

 Hình 3.4. Giao diện thêm mới đồ ăn

3.1.1.5. Chức năng cập nhật đồ ăn

Hình 3.5. Chức năng cập nhật đồ ăn

3.1.1.6. Chức năng xóa đồ ăn

 Hình 3.6. Chức năng xóa đồ ăn

3.1.1.7. Chức năng phân quyền quản trị viên

Hình 3.7. Chức năng phân quyền quản trị viên

3.1.1.8. Tạo và cập nhật quyền cho quản trị viên

 Hình 3.8. Tạo mới và cập nhật quyền cho quản trị viên

3.1.1.9. Profile quản trị viên

Hình 3.9. Profile quản trị viên

3.1.2. Giao diện khách hàng

3.1.2.1. Giao diện đăng nhập

 Hình 3.10. Giao diện đăng nhập khách hàng

3.1.2.2. Giao diện chính

Hình 3.11. Giao diện trang chủ khách hàng

3.1.2.3. Giao diện chọn ghế xem phim

 Hình 3.12. Giao diện chọn ghế ngồi

3.1.2.4. Giao diện giỏ hàng

Hình 3.13. Giao diện giỏ hàng

3.1.2.5. Giao diện thanh toán

 Hình 3.14. Giao diện thanh toán
3.2. Đánh giá

- Sản phẩm đã xây dựng được những chức năng cần thiết và cơ bản của 1 rạp
chiếu phim
- Tỉ lệ lỗi hầu như không có , các lỗi dã được fix hết
- Độ hoàn thiện đạt 90%
- Vẫn còn một số chức năng chưa hoàn thiện : phía khách hàng , thanh toán
tiền thật , Liên kết thật với ngân hàng , Visa,..
 KẾT LUẬN

Sau một thời gian tìm hiểu và nghiên cứu đề tài: “Xây dựng website đặt vé và quản
lý rạp chiếu phim Dinu Cinema ” em đã nỗ lực hết mình để hoàn thành theo đúng
những yêu cầu về nội dung và thời gian. Trong quá trình nghiên cứu và thực hiện
đồ án tốt nghiệp, em đã rất cố gắng tuy nhiên sẽ không thể tránh khỏi những thiếu
sót. Em rất mong nhận đƣợc ý kiến đóng góp từ quý thầy cô và các bạn để đồ án
đƣợc hoàn thiện hơn.
- Kết quả đạt được:

Em đã tìm hiểu đƣợc các kiến thức về xây dựng website, xây dựng đuọcw
kế hoạch ,phân tích hệ thống với một số chức năng của hệ thống, xây dựng được
module cơ bản của rạp chiếu phim , cũng như phân tích được bài toán còn thiếu
xót , những hạn chế mà mình gặp phải cũng như phát triển bản thân.
- Hạn chế và hướng phát triển:

Do thời gian thực hiện có hạn nên em chưa thể hoàn thiện đề tài một cách
đầy đủ. Đặc biệt, em chưa xây dựng được tất cả module của dự án
Với mục đích ngày càng hoàn thiện để đáp ứng tốt nhất việc xây dựng phát
triển website, trong tương lai em sẽ cố gắng tìm hiểu kỹ hơn, nghiên cứu sâu
hơn nữa. Đặc biệt, em sẽ cố gắng thực hiện xây dựng website bằng nhiều ngôn
ngữ cũng như công nghệ tối ưu hơn .
Trên đây là kết quả của em về đồ án tốt nghiệp, rất mong nhận được sự góp
ý từ các thầy cô, cũng như các bạn sinh viên trong lớp.
Em xin chân thành cảm ơn!

Tài liệu Tham khảo

Các trang web tham khảo
- https://text.xemtailieu.net/tai-lieu/xay-dung-website-he-thong-rap-chieu-phim-
2408839.html
- https://text.123docz.net/document/2491362-du-an-dau-tuu-rap-chieu-phim-
cinemastar.htm
- https://www.cgv.vn/