Tài liệu báo cáo môn học thiết kế web cơ bản Đề tài website bán vé xem phim trực tuyến

Các chức năng của website - Hiển thị các rạp theo từng khu vực  Mục đích: Giúp người dùng dễ dàng tìm kiếm các rạp chiếu phim gần nhà hoặc ở khu vực họ muốn đến.. - Chức năng quán lý, c

`HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

KHOA ĐA PHƯƠNG TIỆN

-*** -TÀI LIỆU BÁO CÁO

MÔN HỌC THIẾT KẾ WEB CƠ BẢN

ĐỀ TÀI:

WEBSITE BÁN VÉ XEM PHIM TRỰC TUYẾN

Sinh viên thực hiện: Đinh Hoàng Phúc Nguyên Nhóm bài tập: Nhóm 09

Giảng viên giảng dạy: Ths Vũ Thị Tú Anh Lớp: Thiết kế Web cơ bản 01

HÀ NỘI – 2024

LỜI NÓI ĐẦU Trong quá trình học tập tại trường, việc áp dụng kiến thức lý thuyết vào thực tiễn là một yếu tố quan trọng giúp sinh viên phát triển kỹ năng và tư duy sáng tạo Bài tập lớn cuối kỳ môn "Thiết kế Web cơ bản" được thực hiện nhằm mục đích giúp sinh viên nắm vững các kỹ thuật cơ bản trong việc xây dựng và thiết kế website, từ đó phát triển khả năng thiết kế giao diện và ứng dụng các công nghệ web hiện đại

Trong bài báo cáo này, em sẽ trình bày về quá trình thiết kế và xây dựng một website thực tế, từ việc lên ý tưởng, thiết kế giao diện đến lập trình và tối ưu hóa trải nghiệm người dùng Bằng việc sử dụng các công cụ Figma và các kỹ thuật thiết kế web

cơ bản, em hy vọng có thể cung cấp một cái nhìn tổng quan về các bước trong việc phát triển một website đơn giản nhưng đầy đủ chức năng

Bài báo cáo sẽ bao gồm các phần như giới thiệu chung về website, các chức năng

mà website có, phân tích yêu cầu của người dùng, thiết kế giao diện người dùng và thiết

kế giao diện cho người quản lý Đồng thời, em cũng sẽ chia sẻ về những khó khăn gặp phải trong quá trình thực hiện và những giải pháp đã được áp dụng để khắc phục

Em mong rằng báo cáo này sẽ giúp em củng cố và mở rộng kiến thức về thiết kế web cơ bản, đồng thời nâng cao kỹ năng thực hành và khả năng làm việc với các công nghệ web hiện nay.Trong quá trình thực hiện đề tài không tránh khỏi những sai sót, em rất mong nhận được sự góp ý và đánh giá của cô Xin chân thành cảm ơn cô đã hướng dẫn và tạo điều kiện để em hoàn thành bài tập này

I Giới thiệu chung

I.1 Giới thiệu chung về website

Website của em là một nền tảng bán vé xem phim F88 Website này được thiết kế nhằm cung cấp trải nghiệm đặt vé trực tuyến nhanh chóng, tiện lợi cho khách hàng, đồng thời hỗ trợ quản lý hiệu quả quy trình bán vé cho nhà quản lý rạp chiếu phim Với giao diện thân thiện và chức năng đa dạng, website hướng đến việc đáp ứng nhu cầu giải trí của người dùng và tối ưu hóa hoạt động kinh doanh của rạp

I.2 Các đối tượng sử dụng

- Khách hàng: Mong muốn đặt được vé dễ dàng, lựa chọn suất chiếu, vị trí ngồi và thanh toán trực tuyến thanh toán Ngoài ra khách hàng sẽ luôn cập nhật được thông tin về lịch chiếu, phim mới và các chương trình khuyến mãi

- Bộ phận quản lý rạp: Mong muốn có hệ thống quản lý vé, giám sát doanh thu và theo dõi số lượng vé bán ra theo từng suốt chiếu Ngoài ra còn giúp quản lý

dữ liệu phim, lịch chiếu và kiểm soát hoạt động của hệ thống đặt vé trực tuyến I.3 Các chức năng của website

- Hiển thị các rạp theo từng khu vực

 Mục đích: Giúp người dùng dễ dàng tìm kiếm các rạp chiếu phim gần nhà hoặc ở khu vực họ muốn đến

- Hiện thị các phim đang chiếu và sắp khởi chiếu

 Mục đích: Cung cấp thông tin đầy đủ về các bộ phim đang chiếu và sắp

ra mắt, giúp người dùng lựa chọn phim phù hợp với sở thích, phù hợp với thời gian biểu cá nhân

- Chọn vé theo phim

 Mục đích: Cho phép người dùng tìm kiếm vé của một bộ phim cụ thể, bất kể rạp chiếu

- Chọn vé theo rạp

3

 Mục đích: Dành cho những người đã có rạp chiếu phim yêu thích và muốn xem những gì đang chiếu tại đó

- Chức năng chọn ghế ngồi

 Mục đích: Giúp người dùng chủ động lựa chọn vị trí ngồi ưng ý nhất trong rạp

- Chức năng chọn dịch vụ đi kèm

 Mục đích: Tăng trải nghiệm xem phim bằng cách cho phép người dùng mua thêm các dịch vụ như bỏng ngô, nước ngọt, hoặc các gói combo

- Chức năng thanh toán

 Mục đích: Hoàn tất quá trình đặt vé và thanh toán một cách nhanh chóng, tiện lợi và minh bạch rõ ràng

- Chức năng quán lý, cập nhật khung giờ giá vé

 Mục đích: Giúp nhà quản lý, xây dựng linh hoạt điều chỉnh giá vé, khung giờ chiếu phim theo từng rạp phù hợp với từng thời điểm và đối tượng khách hàng

- Chức năng quản lý vé đặt

 Mục đích: Quản lý hiệu quả các vé đã được đặt, xác nhận đặt vé và hỗ trợ khách hàng trong quá trình đổi trả vé nếu cần

II Phân tích chức năng hiển thị rạp theo từng khu vực

a Đối tượng sử dụng: Khách hàng có nhu cầu đặt vé xem phim

b Giao diện:

c Hoạt động của chức năng:

- Người dùng có thể tìm rạp với từng tỉnh có trên toàn quốc Hệ thống sẽ hiện thị các tỉnh theo thứ tự từ trên xuống dưới, người dung có thể tìm khu vực mong muốn bằng cách di chuột hoặc sử dụng thanh tìm kiếm từ khóa Số lượng rạp cũng hiển thị bên cạnh từng tỉnh

5

- Sau khi nhấp chuột vào tỉnh mong muốn, đồng thời các rạp có ở khu vực cũng hiện bên cạnh Các rạp sẽ hiển thị theo các hãng rạp phim Từ đó người dung

có thể dễ dàng tìm kiếm rạp mong muốn của mình

- Ngoài ra hệ thống còn hiển thị địa chỉ cụ thể từng rạp, liên kết với GG map

để việctheo dõi, di chuyển của khách hàng dễ dàng hơn

III Phân tích chức năng hiển thị các phim đang chiếu và sắp khởi chiếu

a Đối tượng sử dụng: Khách hàng có nhu cầu đặt vé xem phim

b Giao diện:

c Họt động của chức năng:

- Hệ thống sẽ hiện thị poster củn từng phim cùng tên phim tương ứng Người dung có thể theo dõi theo thứ tự từ trái qua phải, sử dụng mũi tên hoặc lăn chuột để chuyển trang xem

- Dưới mỗi chân poster đều có ngày chiếu, đánh giá tổng quan cụ thể

- Nếu click vào poster, hệ thống sẽ điều hướng đến chi tiêt Phim do bạn Nguyễn Văn Tuấn thiết kế

IV Phân tích chức năng mua vé theo phim

a Đối tượng sử dụng: Khách hàng có nhu đặt vé xem phim

b Giao diện:

c Hoạt động của chức năng:

- Với những người dung đã có trước bộ phim họ muốn xem hoặc đang tìm kiếm 1 bộ phim để thư giãn, họ có thể sử dụng chức năng này

- Sau khi nhấp chuột vào nút mua vé, hệ thống sẽ điều hướng đến hệ thống chọn rạp người dùng

7

- Ở đây người dùng có thể chọn thời gian, khu vực, rạp cùng khung giờ mong muốn Sau đó hệ thống sẽ đưa người dùng đến hệ thống chọn ghế ngồi mà

em sẽ nói ở chức năng sau

- Nhấp vào mũi tên ở khu vực hoặc rạp để hệ thống sổ thêm lựa chọn về khu vực hoặc rạp

V Phân tích chức năng mua vé theo rạp

a Đối tượng sử dụng: Khách hàng có nhu cầu đặt vé

b Giao diện

c Hoạt động của chức năng:

- Người dùng có thể chọn rạp theo những bước nói ở chức năng hiện thị rạp theo khu vực

- Chức năng này phù hợp với những ai muốn xem phim ở những rạp quen hoặc có địa điểm thuận tiện Sau khi chọn được rạp, hệ thống sẽ hiển thị các phim

mà rạp được chọn đang khởi chiếu

- Từng phim đều có poster độ tuổi thời gian, … Ngoài ra khung giờ và giá vé cũng được hiển thị bên dưới

- Khi nhấn vào trailer hệ thống sẽ điều hướng đến phần đánh giá do bạn Cao Phước Anh thiết kế

- Sau khi nhấn chuột vào khung giờ của phim muốn chọn, hệ thống sẽ điều hướng đến hệ thống chọn ghế mà em sẽ trình bày ở chức năng dưới

VI Phân tích chức năng chọn ghế ngồi

a Đối tượng dử dụng: khách hàng có nhu cầu đặt vé

b Giao diện

c Hoạt động của chức năng

9

- Sau khi người sử dùng chọn khung giờ thông qua đặt vé theo phim hoặc đặt

vé theo rạp, hệ thống sẽ điều hướng đến chức năng này

- Người dung sẽ chọn ghế bằng cách nhấp chuột vào các ô vuông tượng trưng cho ghế ngồi, mỗi ghế có tên tương ứng với hàng và cột Khi click chuột vào ô vuông, ghế được chọn sẽ được cập nhật ô bản thông tin bên phải, đồng thời tổng đơn hàng cũng được cập nhật

- Mũi tên “ Quay lại ”để quay lại trước Sau khi hoàn thành việc chọn ghế người dung sẽ nhấn chuột vào mũi tên “Tiếp theo” để đến vối chức năng chọn dịch

vụ đi kèm

VII Phân tích chức năng chọn dịch vụ đi kèm

a Đối tượng sử dụng: Khách hàng có nhu cầu đặt vé

b Giao diện:

c Hoạt động của chức năng:

- Hệ thống sẽ hiển thị các combo, giá tiền và số lượng theo thứ tự từ trái quá phải Để chọn dịch vụ, người dung nhấn chuột vào dấu “+” ở phần số lượng và sử dụng dấu “-“ để hoàn tác lại

- Số tiền tổng đơn hàng sẽ được cập nhật sau khi ngay sau khi người dung chọn dịch vụ Người dung nhấn vào mũi tên để đến với phần thanh toán

VIII Phân tích chức năng thanh toán

a Đối tượng sử dụng: Khách hàng có nhu cầu mua vé

b Giao diện:

c Hoạt động của chức năng:

- Sau khi chọn xong ghế, hệ thống sẽ hiển thị tóm tắt đơn hàng với từ trái qua phải lần lượt là “Mô tả”, “Số Lượng”, “Thành tiền”

11

- Bên dưới hiển thị các phương thức, các ngân hàng thanh toán và các ô để người dung điền thông tin cá nhân Nếu người dùng đã đăng nhập qua hệ thống đăng nhập do bạn Phạm Văn Quốc thiết kế thì phần nhập thông tin khách hàng sẽ không hiển thị nữa

- Người dùng di chuột và nhấp vào phương thức thanh toán tương ứng, nhập thông tin nếu cần và click vào nút “Thanh Toán

- Hệ thống sẽ hỏi người dùng một lần nữa, nhấn “ Xác Nhận” để tiếp tục và nhấn “Hủy” để quay lại

- Khi nhấn “ Xác Nhận” lập tức hệ thống sẽ gửi 1 mã OTP về số điện thoại

mà khách hàng đã khai báo Khách hàng nhập chính xác để hoàn tất việc thanh toán

- Việc cuối cùng là nhấn “ Xác nhận” để hoàn thành việc đặt vé

IX Phân tích chức năng quản lý, cập nhật khung giờ giá vé

a Đối tượng sử dụng: Bộ phận quản lý

b Giao diện

c Hoạt động của chức năng

- Để có các khung giờ, giá vé theo từng phim của các rạp thì phải có người quản lý chịu trách nhệm thêm, chỉnh sửa, điều chỉnh các khung giờ đó

13

- Bộ phận quản lý có thể xem các dự án qua bảng trên Có thể lọc các dự án thống qua thanh tìm kiếm hoặc theo lịch đã có sẵn

- Nhấn “Thêm sự án” ở góc phải để bắt đầu xây dựng khung giờ mới cho 1 phim

- Nhấn “chỉnh sửa” để chỉnh sửa dự án và xóa nếu muốn loại bỏ dự án

- Khi nhấn “ Thêm dự án”, “chỉnh sửa”,” xóa” thì hệ thông đều diều hướng đến trang dưới đây:

- Người dung sẽ bắt đầu từ chọn ngày, chọn tỉnh, chọn rạp và tên phim có sẵn

để bắt đầu xây dựng khung giờ Sau khi chọn xong tên phim, hệ thống sẽ tự động điều hướng đến trang xây dựng khung giờ dưới đây:

- Người quản lý sẽ điền khung giờ và số tiền tương ứng nhấn “Thêm khung giờ” để thêm 1 khung giờ mới

- Nhân “ Lưu để hoàn thành sự án”

X Phân tích chức năng quản lý vé đặt

a Đối tượng sử dụng: Bộ phận quản lý

b Giao diện:

c Hoạt động của chức năng:

- Hệ thống sẽ hiển thị 1 bảng gồm những thông tin về vé đã được đặt

- Bộ phận quản lý kiểm tra thông tin vé và xác nhận nếu đáp ứng được vé Có thể nhấn “Hủy” nếu có sự cố hoặc sai xót Hệ thống lập tức sẽ hoàn tiền mà gửi lời xin lỗi đến khách hàng

15

KẾT LUẬN Trong thời đại công nghệ số hiện nay, việc phát triển một trang web bán vé xem phim trực tuyến không chỉ đáp ứng nhu cầu của khán giả mà còn tối ưu hóa quy trình vận hành của các rạp chiếu phim Qua bài báo cáo này, chúng ta đã phân tích chi tiết về các chức năng chính của một trang web bán vé xem phim

Mỗi chức năng được thiết kế với mục đích cụ thể, giao diện thân thiện với người dùng, hoạt động hiệu quả và khả năng khai thác và cập nhật số liệu chính xác Những yếu tố này không chỉ giúp người dùng có trải nghiệm mua vé thuận tiện và nhanh chóng mà còn hỗ trợ các rạp chiếu phim quản lý tốt hơn quá trình bán vé và lịch chiếu

Việc xây dựng và phát triển một trang web bán vé xem phim là một bước tiến quan trọng trong việc ứng dụng công nghệ vào đời sống, nâng cao chất lượng dịch vụ và đáp ứng tốt hơn nhu cầu của khán giả Hy vọng rằng những phân tích và giải pháp được đề cập trong bài báo cáo này

sẽ góp phần vào sự thành công của dự án và mang lại giá trị thực tiễn cho người dùng cũng như các rạp chiếu phim