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[.]
TỔNG QUAN VỀ RẠP CHIẾU PHIM DINU CINEMA
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
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.
- 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
- 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
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,
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
- Công cụ IDE: PHPStorm, Visual Studio Code
- Sử dụng ngôn ngữ lập trình PHP , Javascript
- 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
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:
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ể
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ể
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
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
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
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.
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).
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
PHÂN TÍCH THIẾT KÊ HỆ THỐNG
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
Chức năng đăng nhập bao gồm:
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
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
Hình 2.3 Biểu đồ Usecase chức năng đăng nhập
Hình 2.4 Biểu sồ hoạt động của chức năng đăng nhập
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:
- 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
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 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
Hình 2.6 Biểu đồ Usecase chức năng quản lý thông tin phim
Hình 2.7 Biểu sồ hoạt động của chức năng quản lý thông tin phim
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
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
1 Quản trị viên vào mục quản lý vé có trong hệ thống.
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)
Hình 2.9 Biểu đồ User case chức năng quản lý đặt vé
Hình 2.10 Biểu sồ hoạt động của chức năng quản lý đặt vé
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:
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.
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
1 Quản trị viên vào mục quản lý rạp chiếu có trong hệ 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)
Hình 2.12 Biểu đồ User case chức năng quản lý rạp chiếu phim
Hình 2.13 Biểu sồ hoạt động của chức năng quản lý rạp chiếu phim
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
Bảng 2.5 Đặc tả chức năng quản lý rạp chiếu phim
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
1 Khách hàng vào trang của rạp chiếu phim
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
Hình 2.15 Biểu đồ User case chức năng đặt vé xem phim
Hình 2.16 Biểu sồ hoạt động của chức năng đặt vé xem phim
Hình 2.17 Biểu sồ trình tự của chức năng đặt vé xem phim
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
- 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.
- 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
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
- Kiểm soát tiến độ làm việc
- Review code và demo dự án
- Báo cáo / đẩy task daily
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
Nguồn lực Ngày bắt đầu
1 Xây dựng kế hoạch Nguyễn Bá Hưng 10/08/2022 23/08/2022
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:
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ử.
KẾT QUẢ TRIỂN KHAI VÀ ĐÁNH GIÁ
Giao diện của website
3.1.1 Giao diện người quản lý
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
Hình 3.9 Profile quản trị viên
Hình 3.10 Giao diện đăng nhập khách hàng
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
Hình 3.13 Giao diện giỏ hàng
Hình 3.14 Giao diện thanh toán
Đá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
- 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,