Đề cương môn học thiết kế giao diện người dùng Đề tài xây dựng Ứng dụng Đặt vé xem phim

Với ứng dụng này, người dùng có thể dễ dàng tìm kiếm các bộ phim yêu thích, kiểm tra lịch chiếu, chọn ghế ngồi, thanh toán trực tuyến, và lưu trữ vé ngay trên điện thoại di động của mình

LỜI NÓI ĐẦU LỜI CẢM ƠN CHƯƠNG 1: PHÂN TÍCH VÀ ĐẶC TẢ YÊU CẦU

NHÓM 7

Hà Nội, tháng 11 năm 2024

Nguyễn Văn Hảo - AT180216 Mai Huy Việt Hoàng – AT180619

Sinh viên thực hiện: Nguyễn Duy Khánh - AT180525

Giảng viên hướng dẫn:

XÂY DỰNG ỨNG DỤNG ĐẶT VÉ XEM PHIM

ĐỀ TÀI

THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG

ĐỀ CƯƠNG MÔN HỌC HỌC VIỆN KỸ THUẬT MẬT MÃ BAN CƠ YẾU CHÍNH PHỦ

1.1 Mô tả chung

1.1.1 Mục tiêu của hệ thống

1.1.2 Đối tượng sử dụng

1.2 Phạm vi hệ thống

1.3 Yêu cầu chức năng

1.3.1 Quản lý phim

1.3.2 Quản lý rạp chiếu

1.3.3 Đặt vé trực tuyến

1.4 Yêu cầu phi chức năng

1.4.1 Tính hiệu quả

1.4.2 Bảo mật

1.5 Rủi ro và hạn chế

CHƯƠNG 2: THIẾT KẾ CÁC MÀN HÌNH CHI TIẾT

2.1 Màn hình đăng nhập/đăng ký

2.2 Màn hình danh sách phim

2.3 Màn hình chi tiết phim

2.4 Màn hình chọn ghế và thanh toán

2.5 Màn hình quản lý vé (dành cho người dùng)

CHƯƠNG 3: ĐẶC TẢ CHỨC NĂNG CHƯƠNG TRÌNH (SRS)

3.1 Tổng quan hệ thống

3.2 Đặc tả chức năng chính

3.2.1 Đặt vé xem phim

3.2.2 Quản lý lịch chiếu

3.3 Mô tả luồng hoạt động

3.3.1 Sơ đồ use case

3.3.2 Sơ đồ trình tự (sequence diagram)

CHƯƠNG 4: BÁO CÁO CHƯƠNG TRÌNH

4.1 Tổng kết quá trình phát triển

4.2 Các vấn đề gặp phải và cách giải quyết

4.3 Kết quả kiểm thử

4.3.1 Kịch bản kiểm thử

4.3.2 Báo cáo lỗi

4.4 Đề xuất cải tiến

CHƯƠNG 5: SOURCE CODE CHƯƠNG TRÌNH

5.1 Cấu trúc thư mục mã nguồn

5.2 Hướng dẫn triển khai

5.3 Chú thích mã nguồn chính

5.3.1 Đăng nhập/đăng ký

5.3.2 Xử lý đặt vé

5.3.3 Quản lý phim

LỜI NÓI ĐẦU

Trong thời đại công nghệ số phát triển mạnh mẽ, việc số hóa các hoạt động

trong đời sống hàng ngày không chỉ giúp tối ưu hóa trải nghiệm người dùng

mà còn nâng cao hiệu quả trong quản lý và vận hành các dịch vụ Ứng dụng

Đặt vé xem phim trực tuyến ra đời nhằm đáp ứng nhu cầu ngày càng tăng

của người dùng trong việc đặt vé nhanh chóng, tiện lợi và không cần phải

xếp hàng tại quầy

Với ứng dụng này, người dùng có thể dễ dàng tìm kiếm các bộ phim yêu

thích, kiểm tra lịch chiếu, chọn ghế ngồi, thanh toán trực tuyến, và lưu trữ vé

ngay trên điện thoại di động của mình Đồng thời, hệ thống còn hỗ trợ các

doanh nghiệp vận hành rạp chiếu phim trong việc quản lý lịch chiếu, phòng

vé và khách hàng một cách hiệu quả và chuyên nghiệp

Quá trình phát triển ứng dụng không chỉ tập trung vào việc cung cấp mộtgiao diện thân thiện, dễ sử dụng mà còn đảm bảo tính bảo mật và ổn định của

hệ thống Ngoài ra, ứng dụng còn hỗ trợ các tính năng tiện ích như lưu trữlịch sử đặt vé, nhắc nhở lịch chiếu phim, và các chương trình ưu đãi dành chongười dùng

Báo cáo này trình bày đầy đủ các bước trong quá trình xây dựng ứng dụng,

từ phân tích yêu cầu, thiết kế giao diện, đến triển khai hệ thống và kiểm thử

Chúng tôi hy vọng rằng ứng dụng Đặt vé xem phim trực tuyến sẽ không

chỉ mang lại sự tiện lợi cho người dùng mà còn góp phần vào sự phát triểncủa ngành công nghiệp giải trí tại Việt Nam

Xin chân thành cảm ơn sự quan tâm và góp ý của tất cả các bạn để chúng tôihoàn thiện hơn sản phẩm này trong tương lai!

LỜI CẢM ƠN

Trước tiên, chúng em xin bày tỏ lòng biết ơn chân thành và sâu sắc đến thầy

<Tên thầy>, người đã tận tình hướng dẫn và truyền đạt cho chúng em những

kiến thức quý báu trong suốt quá trình thực hiện đề tài này Sự hỗ trợ, chỉ bảotận tâm và những góp ý chi tiết của thầy không chỉ giúp chúng em hoàn thiệnsản phẩm mà còn giúp chúng em nâng cao kỹ năng, tư duy trong việc giảiquyết vấn đề thực tế

Chúng em cũng xin gửi lời cảm ơn đến thầy trong khoa đã tạo điều kiệnthuận lợi để chúng em có thể thực hiện đề tài này, từ việc cung cấp tài liệu, tổchức các buổi hướng dẫn, đến việc giải đáp những khó khăn mà chúng emgặp phải

Cuối cùng, chúng em xin cảm ơn gia đình, bạn bè và những người đã luônđộng viên, hỗ trợ chúng em trong suốt thời gian thực hiện đề tài Sự đồng

hành và khích lệ của mọi người chính là nguồn động lực lớn lao để chúng emhoàn thành tốt công việc của mình.

Mặc dù đã cố gắng hết sức, nhưng do thời gian có hạn và kinh nghiệm cònhạn chế, chắc chắn trong sản phẩm của chúng em vẫn còn những thiếu sót.Chúng em rất mong nhận được sự góp ý từ thầy cô và các bạn để có thể hoànthiện hơn trong tương lai

CHƯƠNG 1: PHÂN TÍCH VÀ ĐẶC TẢ YÊU CẦU

1.1 Mô tả chung

1.1.1 Mục tiêu của hệ thống

Mục tiêu của ứng dụng bao gồm:

● Cung cấp trải nghiệm đặt vé cơ bản: Hệ thống mô phỏng quy trình

đặt vé xem phim như trong thực tế, từ bước chọn phim đến bước xácnhận vé thành công

● Xây dựng giao diện thân thiện: Tạo ra các màn hình giao diện dễ

nhìn, dễ thao tác, phù hợp với người dùng phổ thông

● Tích lũy kiến thức lập trình: Hỗ trợ người học làm quen với các kỹ

thuật xây dựng giao diện và tổ chức mã nguồn

● Tập trung vào giao diện: Đặt trọng tâm vào thiết kế giao diện người

dùng, bao gồm cách tổ chức layout, hiển thị thông tin, và xử lý các thaotác cơ bản

1.1.2 Đối tượng sử dụng

Ứng dụng được thiết kế để phù hợp với các đối tượng sau:

● Người dùng cá nhân: Người dùng cuối muốn trải nghiệm thử quy trình

đặt vé trực tuyến, dù chỉ sử dụng dữ liệu mô phỏng

● Người học lập trình: Sinh viên hoặc lập trình viên mới bắt đầu, muốn

tìm hiểu và thực hành thiết kế giao diện ứng dụng di động hoặc web

● Nhóm nghiên cứu và phát triển: Các nhóm phát triển nhỏ cần một

ứng dụng mẫu để tham khảo hoặc làm nền tảng cho các dự án lớn hơn

1.2 Phạm vi hệ thống

Hệ thống được xây dựng với các giới hạn như sau:

Giao diện cơ bản:

○ Gồm các màn hình: danh sách phim, chi tiết phim, chọn ghế, và xácnhận vé

○ Sử dụng các công nghệ phổ biến như HTML, CSS và JavaScript (hoặccác framework giao diện tương ứng như Android XML hoặc FlutterWidgets)

○ Hiển thị thông tin phim và lịch chiếu

○ Sơ đồ ghế đơn giản để người dùng chọn ghế

○ Không triển khai các tính năng nâng cao như thanh toán trực tuyến, gửi

vé qua email, hoặc tích hợp hệ thống bảo mật

1.3 Yêu cầu chức năng

1.3.1 Quản lý phim

Hiển thị danh sách phim trên giao diện chính với các thông tin cơ bản:

● Hình ảnh poster phim.

● Tên phim, thể loại và thời lượng

Cho phép người dùng chọn một bộ phim để xem chi tiết, bao gồm:

● Tóm tắt nội dung phim

● Trailer (đường dẫn đến video hoặc mô phỏng)

● Lịch chiếu theo rạp

1.3.2 Đặt vé trực tuyến

Quy trình đặt vé được thiết kế với các bước sau:

● Chọn phim: Người dùng chọn phim mong muốn từ danh sách.

● Chọn lịch chiếu: Hệ thống hiển thị lịch chiếu khả dụng và rạp tương

Thiếu kết nối với cơ sở dữ liệu thực tế:

○ Ứng dụng sử dụng dữ liệu giả lập được lưu cục bộ (JSON hoặc khai báotrong mã nguồn), không tích hợp với cơ sở dữ liệu Điều này dẫn đếnviệc ứng dụng không thể xử lý dữ liệu lớn hoặc duy trì thông tin độngtrong thời gian dài

○ Nếu cần mở rộng hoặc chuyển đổi sang sử dụng cơ sở dữ liệu thực tế,việc thay đổi kiến trúc hệ thống có thể gặp khó khăn

Hiệu năng khi xử lý giao diện phức tạp:

○ Giao diện sơ đồ ghế hoặc danh sách phim có thể gây chậm trễ hoặc gặplỗi khi số lượng phần tử tăng cao, đặc biệt khi chạy trên thiết bị có cấuhình thấp.

○ Không có tối ưu hóa hiệu suất để xử lý số lượng người dùng lớn hoặctruy cập đồng thời

Hạn chế trong tính năng bảo mật:

○ Ứng dụng không triển khai các biện pháp bảo mật như mã hóa dữ liệu,xác thực người dùng, hoặc quản lý quyền truy cập Điều này làm giảmkhả năng bảo vệ thông tin nếu mở rộng sang môi trường thực tế

○ Trong trường hợp thêm các tính năng như thanh toán trực tuyến, việcthiếu bảo mật sẽ dẫn đến rủi ro tiềm tàng cho người dùng

Phụ thuộc vào nền tảng và công cụ phát triển:

○ Nếu giao diện được xây dựng trên nền tảng cụ thể (như Android hoặcweb), khả năng chuyển đổi giữa các nền tảng khác có thể bị hạn chế

○ Các thư viện hoặc framework sử dụng có thể ngừng hỗ trợ trong tươnglai, gây khó khăn khi bảo trì hoặc nâng cấp ứng dụng

1.4.2 Hạn chế

Chưa hoàn thiện các chức năng nâng cao:

○ Hệ thống chỉ tập trung vào phần giao diện, chưa tích hợp các chức năngthực tế như thanh toán trực tuyến, lưu trữ thông tin vé, hoặc gửi thôngbáo qua email

○ Một số chức năng như đặt vé qua nhiều rạp hoặc quản lý ưu đãi kháchhàng chưa được triển khai

Thiếu tính năng đa nền tảng:

○ Ứng dụng chủ yếu tập trung trên một nền tảng (web hoặc di động), chưa

○ Do sử dụng dữ liệu tĩnh, hệ thống không thể phản ánh chính xác cácthay đổi thực tế, như lịch chiếu mới hoặc thông tin phim cập nhật.

○ Không có cơ chế để người dùng quản lý thông tin cá nhân hoặc lưu trữlịch sử đặt vé

Chưa xử lý các tình huống phát sinh:

○ Ứng dụng chưa có cơ chế xử lý lỗi, như kiểm tra trạng thái ghế đã bị đặttrước hoặc thông báo nếu người dùng chọn lịch chiếu không hợp lệ

○ Thiếu kiểm tra tính hợp lệ dữ liệu đầu vào, dẫn đến khả năng xảy ra lỗigiao diện khi nhập sai thông tin

CHƯƠNG 2: THIẾT KẾ CÁC MÀN HÌNH CHI

TIẾT

2.1 Màn hình danh sách phim

Màn hình danh sách phim cho phép người dùng duyệt qua các bộ phim có sẵn, tìmkiếm và lọc phim theo các tiêu chí khác nhau Các thành phần chính của màn hìnhnày bao gồm:

● Hình ảnh poster phim: Mỗi bộ phim sẽ có hình ảnh poster đặc trưng để

người dùng dễ nhận diện

● Tên phim và thể loại: Hiển thị tên phim và thời gian công chiếu.

● Thanh tìm kiếm: Tính năng tìm kiếm giúp người dùng tìm bộ phim yêu

thích nhanh chóng theo tên phim, thể loại, hoặc năm phát hành

2.3 Màn hình chi tiết phim

Màn hình chi tiết phim cung cấp các thông tin chi tiết về bộ phim mà người dùngchọn, giúp họ có cái nhìn đầy đủ trước khi quyết định xem phim Các thành phầnchính bao gồm:

Tóm tắt nội dung: Một đoạn mô tả ngắn gọn về nội dung chính của phim Trailer: Cho phép người dùng xem trailer để nắm bắt nội dung phim.

Đánh giá: Hiển thị số điểm đánh giá của người dùng khác về bộ phim.

2.5 Màn hình quản lý vé (dành cho người dùng)

Màn hình này giúp người dùng xem và quản lý các vé đã đặt Các tính năng củamàn hình này bao gồm:

● Danh sách vé đã đặt: Người dùng có thể xem các vé đã đặt, thông tin về bộ

phim, thời gian chiếu và ghế ngồi

● Chức năng hủy vé: Cho phép người dùng hủy vé nếu cần thay đổi kế

hoạch

● Thông báo: Hiển thị thông báo về các sự kiện hoặc thay đổi lịch chiếu

phim

CHƯƠNG 3: ĐẶC TẢ CHỨC NĂNG CHƯƠNG TRÌNH (SRS)

3.1 Tổng quan hệ thống

3.2 Đặc tả chức năng chính

3.2.1 Đặt vé xem phim

Chức năng "Đặt vé xem phim" cho phép người dùng lựa chọn bộ phim, chọn lịch

chiếu, và ghế ngồi Các bước thực hiện chức năng này bao gồm:

Người dùng sẽ được cung cấp danh sách các bộ phim đang chiếu Mỗi bộphim sẽ được hiển thị với các thông tin cơ bản như tên, thể loại và posterphim Người dùng có thể tìm kiếm phim theo tên hoặc thể loại bằng công cụtìm kiếm có sẵn

Sau khi chọn phim, người dùng sẽ xem lịch chiếu của bộ phim đó Mỗi bộphim có thể có nhiều buổi chiếu tại các rạp khác nhau, và người dùng có thểlựa chọn thời gian và rạp chiếu phù hợp với lịch trình của mình

3 Chọn ghế:

Sau khi chọn lịch chiếu, hệ thống sẽ hiển thị sơ đồ ghế ngồi của rạp chiếu.Người dùng có thể chọn các ghế trống để đặt vé Các ghế đã được đặt sẽkhông còn sẵn có và sẽ được đánh dấu rõ ràng Ghế có thể được chọn theohàng và cột, giúp người dùng dễ dàng chọn lựa

Sau khi chọn ghế, người dùng sẽ xem lại thông tin vé, bao gồm bộ phim,thời gian chiếu, và ghế ngồi đã chọn Khi thông tin đã chính xác, ngườidùng sẽ xác nhận đơn hàng và tiến hành lưu thông tin vé đã đặt

3.2.2 Thêm phim vào danh sách yêu thích

Chức năng "Thêm phim vào danh sách yêu thích" cho phép người dùng lưu lại

các bộ phim mà họ yêu thích để dễ dàng truy cập và theo dõi sau này Chức năngnày giúp người dùng có thể tạo một danh sách phim yêu thích cá nhân và kiểm tralại các bộ phim mình muốn xem trong tương lai mà không cần phải tìm kiếm lại.Các bước thực hiện chức năng này bao gồm:

1 Hiển thị phim yêu thích:

○ Người dùng có thể xem danh sách các bộ phim yêu thích của mình từmột mục riêng biệt trong ứng dụng Mỗi bộ phim trong danh sách sẽđược hiển thị với các thông tin cơ bản như tên phim, thể loại vàposter phim

2 Thêm phim vào danh sách yêu thích:

○ Trên màn hình danh sách phim, mỗi bộ phim sẽ có một nút "Thêm vào yêu thích" (biểu tượng trái tim hoặc một dấu sao) Khi người

dùng nhấn vào nút này, bộ phim sẽ được thêm vào danh sách yêuthích của họ

○ Hệ thống sẽ lưu trạng thái yêu thích của bộ phim và biểu tượng yêuthích sẽ thay đổi (ví dụ: đổi màu hoặc hiển thị một dấu tích) để chobiết bộ phim đã được thêm vào danh sách yêu thích

3 Xem và quản lý danh sách yêu thích:

○ Người dùng có thể vào mục "Danh sách yêu thích" trong menu để

xem tất cả các bộ phim mà họ đã thêm vào Tại đây, người dùng cóthể:

■ Xem lại các bộ phim yêu thích

■ Nhấn vào phim để xem chi tiết và thực hiện các hành độngkhác như đặt vé

■ Loại bỏ bộ phim khỏi danh sách yêu thích bằng cách nhấn lại

vào nút "Đã yêu thích" (hoặc biểu tượng trái tim), để xóa bộ

phim khỏi danh sách

Chức năng này không chỉ giúp người dùng dễ dàng lưu lại và quản lý các bộ phimyêu thích mà còn mang lại trải nghiệm cá nhân hóa, giúp người dùng quay lại ứngdụng nhanh chóng để tìm và xem các bộ phim mà họ quan tâm

3.2.3 Khác

Tính năng Search

Tính năng Search (tìm kiếm) giúp người dùng dễ dàng tìm kiếm các bộ phim, lịch

chiếu, hoặc các thông tin khác trong ứng dụng một cách nhanh chóng và chínhxác Tính năng này được tích hợp ở nhiều màn hình khác nhau để người dùng cóthể tìm kiếm ngay khi cần Các chi tiết về tính năng tìm kiếm bao gồm:

1 Tìm kiếm bộ phim:

○ Người dùng có thể tìm kiếm bộ phim bằng cách nhập tên phim vàothanh tìm kiếm Hệ thống sẽ tự động hiển thị các kết quả liên quanđến từ khóa tìm kiếm, bao gồm các bộ phim có tên hoặc thể loại khớpvới từ khóa

○ Hệ thống hỗ trợ tính năng tự động hoàn thành khi người dùng nhập từkhóa, gợi ý các bộ phim nổi bật hoặc phổ biến theo từng ký tự nhậpvào

2 Tìm kiếm theo thể loại hoặc năm phát hành:

○ Người dùng có thể lọc kết quả tìm kiếm theo thể loại phim (hànhđộng, hài, kinh dị, v.v.) hoặc theo năm phát hành, giúp việc tìm kiếmphim theo sở thích hoặc yêu cầu trở nên thuận tiện hơn

3 Tìm kiếm lịch chiếu:

○ Người dùng cũng có thể tìm kiếm lịch chiếu của các bộ phim bằngcách nhập ngày tháng, thời gian hoặc tên phim Hệ thống sẽ hiển thịcác buổi chiếu phim phù hợp với tìm kiếm, giúp người dùng chọnđược lịch chiếu và rạp phù hợp

4 Giao diện tìm kiếm dễ sử dụng:

○ Thanh tìm kiếm luôn được hiển thị ở phần đầu của trang, giúp ngườidùng dễ dàng truy cập và thực hiện tìm kiếm ngay lập tức

○ Kết quả tìm kiếm được hiển thị ngay dưới thanh tìm kiếm, cho phépngười dùng lựa chọn phim hoặc lịch chiếu mà mình muốn mà khôngcần phải làm mới trang

Tính năng Dark Mode

Dark Mode (Chế độ tối) là một tính năng giúp người dùng thay đổi giao diện của

ứng dụng từ nền sáng sang nền tối, tạo cảm giác dễ chịu khi sử dụng trong điềukiện ánh sáng yếu, đồng thời giúp bảo vệ mắt và tiết kiệm năng lượng trên cácthiết bị hỗ trợ Các chi tiết về tính năng Dark Mode bao gồm:

1 Chế độ tối cho toàn bộ giao diện:

○ Khi người dùng chuyển sang chế độ tối, toàn bộ giao diện của ứngdụng, bao gồm các màn hình như danh sách phim, chi tiết phim, vàquản lý vé, đều sẽ chuyển sang nền tối Các màu sắc được điều chỉnh

để giảm độ sáng và làm cho giao diện dễ nhìn hơn vào ban đêm

2 Chuyển đổi dễ dàng giữa chế độ sáng và tối:

○ Người dùng có thể dễ dàng chuyển giữa chế độ sáng và chế độ tốibằng một nút chuyển đổi (thường nằm ở góc trên bên phải hoặc trongphần cài đặt của ứng dụng) Khi bật chế độ tối, toàn bộ giao diện sẽ tựđộng chuyển sang màu nền tối, và ngược lại khi chuyển về chế độsáng

3 Lợi ích của chế độ tối: