ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM LÂM SƠN HẢI PHAN HỒNG QUÂN KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG THƯ VIỆN TRUYỆN TƯƠNG TÁC TRÊN THIẾT BỊ DI ĐỘNG Building an interactive-story library on smartphones KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM TP. HỒ CHÍ MINH, 2022 ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM LÂM SƠN HẢI - 18520699 PHAN HỒNG QUÂN - 18520239 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG THƯ VIỆN TRUYỆN TƯƠNG TÁC TRÊN THIẾT BỊ DI ĐỘNG Building an interactive-story library on smartphones KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THS.
TRẦN ANH DŨNG TP. HỒ CHÍ MINH, 2022 THÔNG TIN HỘI ĐỒNG CHẤM KHÓA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số. của Hiệu trưởng Trường Đại học Công nghệ Thông tin. ĐẠI HỌC QUỐC GIA TP.
HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN Độc Lập - Tự Do - Hạnh Phúc TP. NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG THƯ VIỆN TRUYỆN TƯƠNG TÁC TRÊN THIẾT BỊ DI ĐỘNG Building an interactive-story library on smartphones Nhóm SV thực hiện: Cán bộ hướng dẫn: Lâm Sơn Hải 18520699 Ths. Trần Anh Dũng Phan Hồng Quân 18520239 Đánh giá Khóa luận 1. Về cuốn báo cáo: Số trang: ……….
Số chương: …………. Số bảng số liệu: ………. Số hình vẽ: ………. Số tài liệu tham khảo: ……….
Một số nhận xét về hình thức cuốn báo cáo:. Về nội dung nghiên cứu:. Về chương trình ứng dụng:. Về thái độ làm việc của sinh viên:.
Đánh giá chung:. Điểm từng sinh viên: Lâm Sơn Hải./10 Phan Hồng Quân./10 Người nhận xét (Ký và ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN Độc Lập - Tự Do - Hạnh Phúc TP. NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG THƯ VIỆN TRUYỆN TƯƠNG TÁC TRÊN THIẾT BỊ DI ĐỘNG Building an interactive-story library on smartphones Nhóm SV thực hiện: Cán bộ phản biện: Lâm Sơn Hải 18520699 Phan Hồng Quân 18520239 Đánh giá Khóa luận 1.
Về cuốn báo cáo: Số trang: ………. Số chương: …………. Số bảng số liệu: ………. Số hình vẽ: ……….
Số tài liệu tham khảo: ………. Một số nhận xét về hình thức cuốn báo cáo:. Về nội dung nghiên cứu:. Về chương trình ứng dụng:.
Về thái độ làm việc của sinh viên:. Đánh giá chung:. Điểm từng sinh viên: Lâm Sơn Hải./10 Phan Hồng Quân./10 Người nhận xét (Ký và ghi rõ họ tên) LỜI CẢM ƠN Lời đầu tiên, nhóm chúng em xin gửi lời chân thành cảm ơn quý thầy cô khoa Công nghệ Phần mềm, trường Đại Học Công Nghệ Thông Tin, ĐHQG TP. Thầy cô đã tận tình hướng dẫn nhóm trong suốt thời gian qua.
Nhóm chúng em xin gửi lời cảm ơn chân thành và lòng biết ơn sâu sắc đến với ThS. Trần Anh Dũng, người đã luôn theo sát, hướng dẫn tận tình và cho chúng em rất nhiều lời khuyên bổ ích trong quá trình thực hiện khóa luận nhằm đảm bảo tiến độ thực hiện đáp ứng đúng với các yêu cầu đề ra ban đầu. Lời cuối cùng, nhóm chúng em xin gửi lời cảm ơn đến với gia đình, bạn bè, những người đã luôn bên cạnh động viên và tiếp thêm nghị lực, sức mạnh cho chúng em để có thể hoàn thành khóa luận một cách tốt nhất. MỤC LỤC LỜI CẢM ƠN.10 DANH MỤC BẢNG.13 DANH MỤC HÌNH ẢNH.
Giới thiệu về đề tài. Ứng dụng liên quan. Đối tượng nghiên cứu. Phạm vi nghiên cứu.
Phương pháp nghiên cứu. Nhiệm vụ của đề tài. NGHIÊN CỨU LÝ THUYẾT. Tổng quan về trò chơi điện tử.
Tổng quan về tiểu thuyết trực quan (visual novel). Mô hình phần mềm và vấn đề bản quyền phần mềm. Công nghệ ứng dụng. Thư viện sử dụng.
XÂY DỰNG ỨNG DỤNG. Đặc tả yêu cầu. Đặc tả tổng quát. Danh sách các Actor.
Danh sách các Use-case. Đặc tả Use-case. Đặc tả Use-case “Đăng nhập”. Đặc tả Use-case “Đăng ký”.
Đặc tả Use-case “Quản lý tài khoản”. Đặc tả Use-case “Quản lý trạng thái truyện”. Đặc tả Use-case “Thư viện truyện tương tác”. Đặc tả Use-case “My studio”.
Thiết kế hệ thống. Thiết kế cơ sở dữ liệu. Thiết kế tổng quát. Bảng cơ sở dữ liệu.
Thiết kế giao diện. Màn hình đăng nhập/đăng ký. Màn hình thư viện truyện tương tác. Màn hình Admin.
Màn hình đọc truyện tương tác. Màn hình quản lý nhân vật. Màn hình quản lý truyện. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN.122 TÀI LIỆU THAM KHẢO.123 DANH MỤC BẢNG Bảng 2-1 Bảng mô tả các loại trò chơi trên thị trường.47 Bảng 2-2 Bảng mô tả các thể loại trò chơi trên thị trường.
Bảng so sánh cơ bản giữa Unity và Unreal. Bảng danh sách các Actor. Bảng danh sách các Use-case. Bảng đặc tả Use-case "đăng nhập".
Bảng đặc tả Use-case "đăng ký". Bảng đặc tả Use-case "quản lý tài khoản". Bảng đặc tả Use-case "quản lý trạng thái truyện". Bảng đặc tả Use-case "thư viện truyện tương tác".
Bảng đặc tả Use-case "my studio". Bảng cơ sở dữ liệu tổng quát. Bảng cơ sở dữ liệu user. Bảng cơ sở dữ liệu user.
Bảng cơ sở dữ liệu user. Bảng cơ sở dữ liệu user. Bảng cơ sở dữ liệu user. Bảng cơ sở dữ liệu image.109 DANH MỤC HÌNH ẢNH Hình 1-1 Hình ảnh minh họa cho trò chơi "If my heart had wings".
Một phân cảnh trong trò chơi "If my heart had wings". Hình ảnh minh họa cho trò chơi "7 ngày tồn vong!". Một đoạn hội thoại trong trò chơi "7 ngày tồn vong!". Biểu tượng của Ren'Py.
Hình ảnh minh họa trò chơi được làm từ Ren'Py. Giao diện của Ren'Py. Đoạn mã mô phỏng đoạn hội thoại được viết trên Ren'Py. Đoạn mã minh họa cú pháp thao tác với hình ảnh trên Ren'Py.
Đoạn mã mô phỏng thao tác chuyển cảnh trên Ren'Py. Đoạn mã mô phỏng thao tác đặt vị trí nhân vật trên Ren'Py. Đoạn mã mô phỏng tạo tình huống trên Ren'Py. Hình ảnh minh họa cho phần mềm Visual Novel Maker.
Tạo dự án mới trên Visual Novel Maker. Màn hình làm việc trên Visual Novel Maker. Trò chơi được khởi chạy trên Visual Novel Maker. HÌnh ảnh Ralph – cha đẻ của trò chơi Chase.
Hình ảnh trò chơi điện tử Pong. Hình ảnh minh họa cho Nintendo. Hình ảnh minh họa cho CD-ROM. Hình ảnh minh họa cho phim Kinoautomat của đạo diễn Raduz Cincera.
Hình ảnh minh họa cho trò chơi Phantasmagoria. Hình ảnh minh họa cho trò chơi Wing Commander IV (1997). Hình ảnh minh họa cho trò chơi Face của Michael Mateas.51 Hình 2-9 Hình ảnh kết quả thu được từ buổi thực nghiệm. Hình ảnh minh họa cho hộp thoại nằm bên dưới màn hình.
Hình ảnh minh họa cho hộp thoại nằm ở giữa màn hình. Hình ảnh minh họa cho trò chơi The Portopia Serial Murder Case. Hình ảnh minh họa cho trò chơi Otogirisō. Hình ảnh minh họa cho trò chơi To Heart.57 Hình 2-15 Hình ảnh giao diện trong Unity.60 Hình 2-16 Hình ảnh mô tả asset trong Unity.62 Hình 2-17 Hình ảnh mô tả scene trong Unity.62 Hình 2-18 Hình ảnh mô tả Component trong Unity.63 Hình 2-19 Hình ảnh mô tả Script trong Unity.64 Hình 2-20 Hình ảnh mô tart Prefab trong Unity.65 Hình 2-21 Hình ảnh mô tả đồ họa trong Unity.65 Hình 2-22 Hình ảnh mô tả Animation trong Unity.
Hình ảnh minh họa Navigation và Path trong Unity.68 Hình 2-24 Hình ảnh mô tả Audio trong Unity. Hình ảnh minh họa cho Firebase. Hình ảnh luồng hoạt động của OpenID Connect. Hình ảnh minh họa cho Firebase Authentication.
Hình ảnh minh họa cho ImageMagick. Hình ảnh minh họa cho thuật toán DCT. Hình ảnh minh họa cho thuật toán LZ77. Hình ảnh minh họa cho thư viện UniRx.
Hình ảnh minh họa cho Native Gallery. Hình ảnh minh họa cho DOTween. Sơ đồ Use-case tổng quát. Hình ảnh cho Use-case "quản lý tài khoản".
Hình ảnh mô tả Use-case "quản lý trạng thái truyện". Hình ảnh mô tả Use-case "thư viện truyện tương tác". Hình ảnh mô hình hệ thống của ứng dụng. Hình ảnh thiết kế cơ sở dữ liệu của ứng dụng.
Hình ảnh màn hình đăng nhập/ đăng ký của ứng dụng. Hình ảnh màn hình thư viện truyện tương tác. Hình ảnh màn hình Collection trong Gallery của ứng dụng. Hình ảnh màn hình Explore trong Gallery của ứng dụng.
Hình ảnh màn hình My Stories trong My Studio của ứng dụng. Hình ảnh màn hình Character trong My Studio của ứng dụng. Màn hình cập nhật thông tin tài khoản. Màn hình chế độ Admin trong ứng dụng.
Màn hình danh sách trạng thái truyện của người dùng. Màn hình danh sách người dùng trong ứng dụng. Màn hình chọn chương truyện. Màn hình một phân cảnh trong truyện.
Màn hình một phân cảnh lựa chọn tình huống trong truyện. Màn hình danh sách các nhân vật. Màn hình thêm nhân vật. Màn hình chỉnh sửa nhân vật.
Màn hình danh sách truyện cá nhân. Màn hình chọn vị trí nhân vật xuất hiện trên màn hình. Màn hình tạo tình huống lựa chọn cho truyện. Màn hình tạo truyện.
Màn hình tạo văn bản hiển thị trong truyện. Màn hình lựa chọn các công cụ cho việc tạo truyện. Màn hình lựa chọn hình ảnh nhân vật cho truyện.120 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng thư viện truyện tương tác trên thiết bị di động (Building an interactive-story library on smartphones) Cán bộ hướng dẫn: ThS. Trần Anh Dũng Thời gian thực hiện: Từ ngày 1/9/2022……….đến ngày 22/12/2022…………… Sinh viên thực hiện: Lâm Sơn Hải - 18520699 Phan Hồng Quân - 18520239 Nội dung đề tài:(Mô tả chi tiết mục tiêu, phạm vi, đối tượng, phương pháp thực hiện, kết quả mong đợi của đề tài) 1.
Tổng quan: Sự phát triển của công nghệ số đã tạo ra nhiều phương thức giúp người dùng tiếp cận với các nội dung giải trí, nổi bật là truyện tranh, trò chơi và phim ảnh. Truyện tương tác (interactive stories), hay nổi bật hơn cả là tiểu thuyết có tính tương tác (visual novel), đang đi đầu trong xu hướng này. Về cơ bản, truyện tương tác là một thể loại trò chơi mà ở đó, người chơi tham gia vào quá trình phát triển nhân vật và khám phá cốt truyện thông qua việc lựa chọn những hành động nhằm xử lý các tình huống xảy đến xuyên suốt trò chơi. Từ đó, những hệ quả tương ứng cũng xảy đến dựa trên các hành động trước đó của họ.
Do đó, truyện sẽ có nhiều cái kết khác nhau dựa trên chuỗi hành động của người chơi (đọc). Nói cách khác, truyện tương tác có thể được coi như là một hình thức đọc bán tương tác (semi- interactive fiction), thường được đưa vào trong các trò chơi điện tử. Nó có thể bao gồm các hoạt ảnh, văn bản, lời dẫn mà người đọc (chơi) có thể tham gia với mức độ tương tác nhất định.