báo cáo môn học dự án mẫuxây dựng webapp tìm kiếm phim

Đối tượng sử dụng:- Quản trị viên: có quyền truy cập và quản lý toàn bộ thông tin liên quan đến suất chiếu, bao gồm thêm, sửa, xóa thông tin suất chiếu.Yêu cầu bảo mật:- Quản lý quyền tr

Trang 1

BÁO CÁO MÔN HỌC DỰ ÁN MẪU XÂY DỰNG WEBAPP TÌM KIẾM PHIM

Trang 2

MỤC LỤC

1 Giới thiệu dự án 4

1.1 GIỚI THIỆU CÁ NHÂN/NHÓM PHÁT TRIỂN DỰ ÁN 4

1.2 YÊU CẦU CỦA DỰ ÁN 4

1.3 LẬP KẾ HOẠCH CHO DỰ ÁN 5

2 Phân tích yêu cầu khách hàng 8

2.1 MÔ TẢ BÀI TOÁN 8

2.2 SƠ ĐỒ USE CASE 8

2.2.1 ACTOR: ADMIN (QUẢN TRỊ) 8

2.3.6 QUẢN LÝ TÀI KHOẢN 13

2.3.7 THỐNG KÊ TÀI KHOẢN 13

2.4 SƠ ĐỒ TRIỂN KHAI VÀ YÊU CẦU HỆ THỐNG 15

2.4.1 SƠ ĐỒ TRIỂN KHAI 15

Trang 3

3.4 Giao diện (Làm FIGMA KHÔNG THÌ DÙNG MOCKUP) 27

3.4.1 Sơ đồ tổ chức giao diện 27

3.4.2 Giao diện cửa sổ chính 28

3.4.3 Giao diện chức năng 29

4 Thực hiện dự án (VIẾT CODE) 43

4.1 Tạo giao diện ASP.NET MVC 43

4.1.1 Cửa sổ chính 43

4.1.2 Các cửa sổ quản lý 44

5 Kiểm thử phần mềm và sửa lỗi 57

5.1 Lập bảng test case theo mẫu 57

Trang 4

1.2 YÊU CẦU CỦA DỰ ÁN

- Hiện nay nhu cầu xem phim ở rạp đang rất phổ biến trong thế giới cũng như Việt Nam hiên nay Có thể nói đến như là các rạp chiếu phim trong nước như: CGV Cinema, StarLight, Lotte Cinema…Xét theo thực tế nhóm chúng em thấy việc tìm kiếm phim ở mỗi trang web của rạp rất tốn thời gian và không đáp ứng được nhu cầu tìm phim theo yêu cầu của khách hàng vì có nhiều phim chỉ có ở rạp này mà không có ở rạp khác - Để khách hàng có một trải nghiệm tốt về việc tìm kiếm phim, nhóm em

quyết định lựa chọn đề tài xây dựng một web/app tra cứu thông tin phim trước hết triển khai tại khu vực Buôn Ma Thuột Nếu dự án thành công sẽ tiếp tục phát triển và triển khai ở những khu vực khác.

Too long to read on your phone?

Save to read later on your computer

Save to a Studylist

Trang 5

1.3 LẬP KẾ HOẠCH CHO DỰ ÁN

NHIỆM 1 Phân tích yêu cầu khách

hàng 16/9/2023 22/9/2023 Các yêu cầu của khách hàng với ứngdụng Hồ Tấn Dũng 1.

1 Vẽ sơ đồ use cases 16/9/2023 17/9/2023 Sơ đồ use case của web app Hồ Tấn Dũng 1.

2 Đặc tả yêu cầu hệ thống 18/9/2023 21/9/2023 Chi tiết các chức năng Đăng nhậpđăng kí quản lí tài khoản, quản lí danh sách phim, quản lí thông tin vé,quản lí lịch chiếu, thống kê lượt tìm kiếm phim

Hồ Tấn Dũng

3 Sơ đồ triển khai và yêucầu 22/9/2023 22/9/2023 Luồng hoạt động của hệ thống, cấuhình và phần mềm của nhóm Hồ Tấn Dũng 2 Thiết kế ứng dụng 23/9/2023 27/9/2023 Mô hình công nghệ, giao diện và thực

Trang 6

3 nhóm Phong 3 Thực hiện dự án 28/9/2023 30/10/2023 Màn hình chức năng và mô tả bảng

điều khiển Hồ Tấn Dũng,Đỗ Hoàng

2 Tạo CSDL 30/9/2023 30/9/2023 Hoàn thành các rang buộc quan hệ vàsơ đồ quan hệ Hồ Tấn Dũng 4 Xây dựng ứng dụng 1/10/2023 10/10/2023 Các chức trên được hoàn thiện Hồ Tấn Dũng,

3 Tạo automation unit test 17/10/2023 18/10/2023 Automation unit test 8 pass 2 fail Phạm MinhThịnh 5 Fix bug 13/10/202 17/10/2023 Đã kiểm thử 8 kịch bản pass và fix 2 Phạm Minh 6

Trang 7

4 3 kịch bản fail Thịnh, Đỗ Hoàng Phong 6 Đóng gói & triển khai 19/10/202

3 19/10/2023 File dự án hoàn thiện Hồ Tấn Dũng,Đỗ Hoàng

Trang 8

2PHÂN TÍCH YÊU CẦU KHÁCH HÀNG 2.1MÔ TẢ BÀI TOÁN

Khi khách hàng muốn xem phim tại các rạp khác nhau thì phải đăng nhập tài khoản và mật khẩu vào trang web của rạp đó sau đó thực hiện tìm kiếm phim, khách hàng có thể chọn phim theo nhiều danh mục như là loại Phim: Đang chiếu hoặc sắp chiếu, Theo thể loại phim: Hành động, tình cảm, trinh thám, theo định dạng phim đang chiếu: 2D, 3D… Nếu tìm phim không được như ý muốn thì khách hàng đổi sang trang web khác để tìm Phim mà mình muốn coi Tại đấy khách hàng lại thực hiện thao tác như trên đã đề cập

2.2 SƠ ĐỒ USE CASE

2.2.1 ACTOR: ADMIN (QUẢN TRỊ)

Diagram 01 – Vai trò: Admin( Thực hiện tại dự án mẫu )

8

Trang 9

2.2.2 ACTOR: KHÁCH HÀNG (CUSTOMER)

Diagram 02 – Vai trò: Khách hàng( Thực hiện và nâng cấp sau )

9

Trang 10

2.3 ĐẶCTẢYÊUCẦUHỆTHỐNG (SRS)

2.3.1 ĐĂNG NHẬP

Mô tả chức năng:

- Chức năng đăng nhập: Cho phép xác thực người dùng vào hệ thống, với tên tài khoản và mật khẩu.

Dữ liệu liên quan:

- Tên tài khoản - Mật khẩu

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

- Tất cả người dùng (quản trị, khách hàng) có thể sử dụng chức năng này.

Các yêu cầu bảo mật:

- Mật khẩu được bảo mật dưới dạng kí tự (*)

2.3.2 ĐĂNG KÝ

-Mô tả chức năng:

- Chức năng đăng ký cho phép người dùng tạo tài khoản mới bằng cách cung cấp tên người dùng, mật khẩu, họ và tên, và địa chỉ email, số điện thoại

-Dữ liệu liên quan:

- Tất cả người dùng(ngoại trừ quản trị viên) muốn tạo tài khoản mới trong hệ thống phải sử dụng chức năng này.

-Các yêu cầu bảo mật:

10

Trang 11

- Xác thực email để hoàn thành quá trình đăng ký(chúng em sẽ hoàn thành chức năng này sau).

- Mật khẩu được bảo mật dưới dạng kí tự (*)

2.3.3 QUẢN LÝ SUẤT CHIẾU

Chức năng quản lý suất chiếu dựa vào chức năng đăng nhập cho phép người dùng có quyền truy cập vào hệ thống và thực hiện các thao tác liên quan đến suất chiếu.

- Mã suất chiếu, ngày chiếu, khung giờ, loại chiếu, tên rạp Đối tượng sử dụng:

- Quản trị viên: có quyền truy cập và quản lý toàn bộ thông tin liên quan đến suất chiếu, bao gồm thêm, sửa, xóa thông tin suất chiếu.

Yêu cầu bảo mật:

- Quản lý quyền truy cập: Hệ thống phải kiểm soát quyền truy cập dựa trên đăng nhập để đảm bảo chỉ những người dùng có quyền mới được phép thực hiện các thao tác quản lý xuất chiếu.

2.3.4 QUẢN RẠP CHIẾU

- Người dùng đăng nhập vào hệ thống vào tài khoản quản trị viên có thể quản lí các rạp chiếu phim được thêm trong web/app, giúp người dung có thể thêm sửa xóa rạp chiếu.

- Mã rạp, tên rạp, địa chỉ, tên phim Đối tượng sử dụng:

- Quản trị viên: có quyền truy cập và quản lý toàn bộ thông tin liên quan đến xuất chiếu, bao gồm thêm, sửa, xóa thông tin phim, lịch chiếu, đặt vé, v.v.

11

Trang 12

- Quản lý quyền truy cập: Hệ thống phải kiểm soát quyền truy cập dựa trên đăng nhập để đảm bảo chỉ những người dùng có quyền mới được phép thực hiện các thao tác quản lý rạp chiếu.

2.3.5 QUẢN LÍ PHIM

- Người dùng cần đăng nhập bằng tên người dùng và mật khẩu để truy cập vào hệ thống quản lý thông tin phim.

- Tên người dùng: Để xác định người dùng trong hệ thống.

- Hình ảnh: hình ảnh của người dung

- Thông tin phim: đạo diễn, nhà sản suất

- Trạng thái

- Ngày chiếu

- Mật khẩu: Để xác thực người dùng.

- Quyền truy cập:

+ Quản trị viên: Có quyền truy cập và quản lý toàn bộ thông tin về phim + Khách hàng: không có quyền truy cập

- Chức năng quản lý phim: + Thêm mới phim:

Thêm thông tin mới về một bộ phim, bao gồm tên, đạo diễn, diễn viên, thể loại, năm sản xuất,

+ Sửa thông tin phim:

Cập nhật thông tin về phim đã có trong hệ thống.

Trang 13

+ Xem danh sách phim:

Hiển thị danh sách toàn bộ các bộ phim có trong hệ thống.

- Quản lý quyền truy cập: Hệ thống phải kiểm soát quyền truy cập dựa trên đăng nhập để đảm bảo chỉ những người dùng có quyền mới được phép thực hiện các thao tác quản lý phim.

2.3.6 QUẢN LÝ TÀI KHOẢN

- Cho phép người dùng quản lí tài khoản của khách hàng đã khi đã có tài khoản của admin.

- Tên tài khoản

- Quản lý quyền truy cập: Hệ thống phải kiểm soát quyền truy cập dựa trên đăng nhập để đảm bảo chỉ những người dùng có quyền mới được phép thực hiện các thao tác quản lý tài khoản.

- Mật khẩu được mã hóa: Hệ thống sẽ chuyển mật khẩu thành mật khẩu mã hóa dựa theo mã ACSII.

2.3.7 THỐNG KÊ TÀI KHOẢN

Cho phép người dùng có thể xem thống kê về tài khoản như là: số tài khoản khách hàng đã đăng kí trong tháng.

13

Trang 14

- Tên người dùng: Để xác định người dùng trong hệ thống.

- Mật khẩu: Để xác thực người dùng.

- Chức năng thống kê tài khoản: + Thống kê doanh tài khoản:

Xem số người đã đăng kí tài khoản trong tháng

- Quản lý quyền truy cập: Hệ thống phải kiểm soát quyền truy cập dựa trên đăng nhập để đảm bảo chỉ những người dùng có quyền mới được phép xem các thống kê về tài khoản.

14

Trang 15

2.4 SƠ ĐỒ TRIỂN KHAI VÀ YÊU CẦU HỆ THỐNG

2.4.1 SƠ ĐỒ TRIỂN KHAI

Trang 16

3THIẾT KẾ ỨNG DỤNG

3.1 MÔ HÌNH CÔNG NGHỆ ỨNG DỤNG

Mô hình MVC (Model-View-Controller) là một mô hình thiết kế phần mềm phổ biến, thường được sử dụng trong các ứng dụng web Mô hình này chia ứng dụng thành ba thành phần chính:

Model: Đại diện cho dữ liệu và quy tắc kinh doanh Nó quản lý việc truy

cập, lưu trữ, và xử lý dữ liệu.

View: Đại diện cho giao diện người dùng Nó hiển thị dữ liệu cho người

dùng và cũng nhận thông tin từ người dùng.

Controller: Điều khiển luồng của ứng dụng Nó xử lý yêu cầu từ người

dùng, tương tác với Model để xử lý dữ liệu, và sau đó cập nhật View tương ứng.

16

Trang 17

3.2THỰCTHỂ - THUỘC TÍNH

3.2.1 SƠĐỒQUANHỆTHỰCTHỂ (ERD)

7 SuatChieu_Phim Liên kết giữa suất chiếu phim 8 Phim_TheLoai Liên kết giữa phim và thể loại

17

Trang 18

3.2.2 C

3.2.2.1Thực thể tài khoản

TÍNHKIỂU DỮLIỆUM Ô TẢ

HinhAnh VARCHAR(MAX) Hình ảnh người dùng DiaChi NVARCHAR(256) Địa chỉ người dùng SoDienThoa

3.2.2.2Thực thể rạp

18

Trang 19

DiaChi NVARCHAR(256) Địa chỉ của rạp

3.2.2.3Thực thể xuất chiếu

Loại chiếu VARCHAR(10) Hình dạng xuất chiếu

3.2.2.4 Thực thể phim

19

Trang 20

MaPhim CHAR(10) Mã Phim

ThongTinPhim NVARCHAR(Max) Thông tin của phim

TrangThai NVARCHAR(50) Trạng thái của phim

3.2.2.5 Thực thể Rap_Phim

20

Trang 21

3.2.2.6 Thực thể Rap_Phim

3.2.2.7 Thực thể TheLoai

3.2.2.6 Thực thể Phim_TheLoai

21

Trang 22

3.3TẠO CSDL VỚI SQL SERVER 3.3.1BẢNG PHIM

TÊNCỘTKIỂU DỮ LIỆURÀNG BUỘCMÔ TẢ

ThongTinPhi m

NVARCHAR(max )

Thông tin phim

NoiDung NVARCHAR(max )

Nội dung phim

22

Trang 23

3.3.2BẢNG TAIKHOAN

3.3.3 BẢNG RAPCHIEU

23

Trang 24

3.3.4 BẢNG UAT HIEU SC

24

Trang 25

3.3.5 BẢNG RAP_PHIM

3.3.6 BẢNG RAPCHIEU_PHIM

25

Trang 26

3.3.7 BẢNG HE TLOAI

3.3.8 BẢNG HIM P_THELOAI

26

Trang 27

3.4GIAO DIỆN (LÀM FIGMA KHÔNG THÌ DÙNG MOCKUP)

3.4.1 SƠĐỒTỔ CHỨCGIAODIỆN

27

Trang 28

3.4.2 GIAODIỆNCỬASỔCHÍNH

MÔTẢ HOẠT ĐỘNG

T ĐIỀUKHIỂN SỰKIỆN MÔ TẢ HOẠT ĐỘNG 1 Cửa sổ Initialize Hiển thị tất cả các chức năng của

2 [Quản Lý Tài Khoản] Click cho phép actor quản lý phòng chiếu 3 [Quản LÝ PHIM] Click Cho Phép actor quản lý phim 4 [QuẢn Lý RẠP Chiếu] Click Cho phép actor quản lý rạp 5 [QUẢN LÝ XUẤT CHIẾU] Click Cho phép quản lý xuất chiếu

7 [TÀI KHOẢN] Click Cho phép xem sửa thông tin tài khoản 8 [ĐĂNG XUẤT] Click Cho phép đăng xuất tài khoản

28

Trang 29

3.4.3.1 Cửa sổ đăng nhập

TT ĐIỀUKHIỂN SỰKIỆN MÔTẢHOẠTĐỘNG

1 [ĐĂNG NHẬP] Click Cho phép actor đăng nhâ¬p vào hê ¬ thống

29

Trang 30

3.4.3.2 Cửa sổ đăng ký

1 [ĐĂNG K ]Ý Click Cho phép actor đăng kí tài khoản vào hê¬ thống

30

Trang 31

1 [Thống Kê] Click Cho phép hiện thống kê tài khoản

2 [Chart] Initialize Cho phép actor xem số tài khoản được đăng kí trong tháng

31

Trang 32

3.4.3.4 Cửa sổ quản lý TaiKhoan

1 Cửa sổ Initialize Hiển thị tất cả tài khoản lên bảng

2 [Thêm(+)] Click Kích hoạt trạng thái cho nhập dữ liệu vào các điều khiển 3 [Sửa] Click Validation, Cập nhật thông tin tài khoản đang xem trên

web vào CSDL

4 [Xóa] Click Xóa tài khoản đang xem trên web 5 [Tìm kiếm] Click Tìm kiếm tài khoản đang xem trên web 6 Danh Sách Click Hiển thị thông tin toàn bộ tài khoản

32

Trang 33

3.4.3.5 Cửa sổ tạo mới TaiKhoan

1 Cửa sổ Initialize Hiển thị tên các trường cần thêm 2 [Thêm mới] Click Thêm mới dữ tài khoản vào màn hình hiển thị 3 [Trở lại] Click Trở lại trang chủ

33

Trang 34

3.4.3.6 Cửa sổ cập nhật TaiKhoan

1 Cửa sổ Initialize Hiển thị tên các trường cần thêm

2 [Cập nhật] Click Cập nhật dữ liệu tài khoản vào màn hình hiển thị 3 [Trở lại] Click Trở lại trang chủ

34

Trang 35

3.4.3.7 Cửa sổ quản lý Phim

1 Cửa sổ Initialize Hiển thị tất cả Phim lên bảng

2 [Thêm(+)] Click Kích hoạt trạng thái cho nhập dữ liệu vào các điều khiển 3 [Sửa] Click Validation, Cập nhật thông tin Phim đang xem trên web

vào CSDL

4 [Xóa] Click Xóa Phim đang xem trên web 5 [Tìm kiếm] Click Tìm kiếm Phim đang xem trên web 6 Danh Sách Click Hiển thị thông tin toàn bộ Phim

35

Trang 36

3.4.3.8 Cửa sổ thêm mới Phim

1 Cửa sổ Initialize Hiển thị tên các trường cần thêm 2 [Thêm mới] Click Thêm mới dữ liệu Phim vào màn hình hiển thị 3 [Trở lại] Click Trở lại trang chủ

36

Trang 37

3.4.3.9 Cửa sổ cập nhật Phim

1 Cửa sổ Initialize Hiển thị tên các trường cần thêm 2 [Cập nhật] Click Cập nhật dữ liệu Phim vào màn hình hiển thị 3 [Trở lại] Click Trở lại trang chủ

37

Trang 38

3.4.3.10 Cửa sổ quản lý suất chiếu

MÔTẢ HOẠT ĐỘNG

1 Cửa sổ Initialize Hiển thị tất cả Suất Chiếu lên bảng

2 [Thêm(+)] Click Kích hoạt trạng thái cho nhập dữ liệu vào các điều khiển 3 [Sửa] Click Validation, Cập nhật thông tin Suất Chiếu đang xem trên

web vào CSDL

4 [Xóa] Click Xóa Suất Chiếu đang xem trên web 5 [Tìm kiếm] Click Tìm kiếm Suất Chiếu đang xem trên web 6 Danh Sách Click Hiển thị thông tin toàn bộ Suất Chiếu

38

Trang 39

3.4.3.11Cửa sổ thêm mới Suất Chiếu

2 [Thêm mới] Click Thêm mới dữ liệu Suất Chiếu vào màn hình hiển thị 3 [Trở lại] Click Trở lại trang chủ

39

Trang 40

3.4.3.12 Cửa sổ cập nhật Suất Chiếu

2 [Cập nhật] Click Cập nhật dữ liệu Suất Chiếu vào màn hình hiển thị 3 [Trở lại] Click Trở lại trang chủ

40

Trang 41

3.4.3.13 Cửa sổ quản lý Rạp Chiếu

1 Cửa sổ Initialize Hiển thị tất cả Rạp Chiếu lên bảng

2 [Thêm(+)] Click Kích hoạt trạng thái cho nhập dữ liệu vào các điều khiển 3 [Sửa] Click Validation, Cập nhật thông tin Rạp Chiếu đang xem trên

web vào CSDL

4 [Xóa] Click Xóa Rạp Chiếu đang xem trên web 5 [Tìm kiếm] Click Tìm kiếm Rạp Chiếu đang xem trên web 6 Danh Sách Click Hiển thị thông tin toàn bộ Rạp Chiếu

41

Trang 42

3.4.3.14 Cửa sổ thêm mới Rạp Chiếu

2 [Thêm mới] Click Thêm mới dữ liệu Rạp Chiếu vào màn hình hiển thị 3 [Trở lại] Click Trở lại trang chủ

3.4.3.15 Cửa sổ cập nhật Rạp Chiếu

2 [Cập nhật] Click Thêm mới Cập nhật Rạp Chiếu vào màn hình hiển thị 42

Trang 43

4THỰC HIỆN DỰ ÁN (VIẾT CODE) 4.1TẠO GIAO DIỆN ASP.NET MVC

ĐẶTTÊN CÁC ĐIỀU KHIỂN

TTĐIỀUKHIỂNTÊNGIÁ TRỊ

43

Trang 44

4.1.2CÁCCỬASỔ QUẢNLÝ

4.1.2.1 Cửa sổ đăng nhập

1 THẺINPUTTEXTBOXUSER

2 THẺINPUTTEXTBOXPASSWORD

3 THẺBUTTONBUTTONBTNBTN PRIMARY -4 THẺALINKSIGNUPLINK

44

Trang 45

4.1.2.2 Cửa sổ đăng kí

1 THẺINPUTTEXTBOX TENT KAI HOAN

2 THẺINPUTTEXTBOX USERNAME

3 THẺINPUTTEXTBOX PASSWORD

4 THẺINPUTTEXTBOXSDT

5 THẺINPUTBUTTOMBTN_DANGKY

6 THẺA LINKDANGNHAP

45

Trang 46

4.1.2.3 Cửa sổ quản lý tài khoản

1 THẺABUTTOMBTN_TAOMOI

2 THẺINPUTTEXTBOXFORM_CONTROL

3 THẺINPUTBUTTOMBTN BTN-SUCESS

4 THẺIBUTTOMFA-REGULAR

46

Trang 47

4.1.2.4 Cửa sổ quản lý Phim

47

Trang 48

4.1.2.5 Cửa sổ quản lý rạp chiếu

48

Trang 49

4.1.2.6 Cửa sổ quản lí suất chiếu

49