Đồ án lập TRÌNH PYTHON TRÊN nền WEBSITE GAMEBALL

Đồ án lập TRÌNH PYTHON TRÊN nền WEBSITE GAMEBALL Đồ án lập TRÌNH PYTHON TRÊN nền WEBSITE GAMEBALL Đồ án lập TRÌNH PYTHON TRÊN nền WEBSITE GAMEBALL Đồ án lập TRÌNH PYTHON TRÊN nền WEBSITE GAMEBALL Đồ án lập TRÌNH PYTHON TRÊN nền WEBSITE GAMEBALL Đồ án lập TRÌNH PYTHON TRÊN nền WEBSITE GAMEBALL Đồ án lập TRÌNH PYTHON TRÊN nền WEBSITE GAMEBALL

VIỆN ĐIỆN TỬ - VIỄN THÔNG

Đánh giá quyển đồ án tốt nghiệp (Dùng cho giảng viên hướng dẫn)

Giảng viên đánh giá:

Họ và tên Sinh viên: MSSV: ……….

Tên đồ án:

……….

Chọn các mức điểm phù hợp cho sinh viên trình bày theo các tiêu chí: Rất kém (1); Kém (2); Đạt (3); Giỏi (4); Xuất sắc (5)

Có sự kết hợp giữa lý thuyết và thực hành (20)

1 Nêu rõ tính cấp thiết và quan trọng của đề tài, các vấn đề và các giả

thuyết (bao gồm mục đích và tính phù hợp) cũng như phạm vi ứng

dụng của đồ án

1 2 3 4 5

2 Cập nhật kết quả nghiên cứu gần đây nhất (trong nước/quốc tế) 1 2 3 4 5

3 Nêu rõ và chi tiết phương pháp nghiên cứu/giải quyết vấn đề 1 2 3 4 5

4 Có kết quả mô phỏng/thưc nghiệm và trình bày rõ ràng kết quả đạt

được

1 2 3 4 5

Có khả năng phân tích và đánh giá kết quả (15)

5 Kế hoạch làm việc rõ ràng bao gồm mục tiêu và phương pháp thực

hiện dựa trên kết quả nghiên cứu lý thuyết một cách có hệ thống

1 2 3 4 5

6 Kết quả được trình bày một cách logic và dễ hiểu, tất cả kết quả đều

được phân tích và đánh giá thỏa đáng

1 2 3 4 5

7 Trong phần kết luận, tác giả chỉ rõ sự khác biệt (nếu có) giữa kết quả

đạt được và mục tiêu ban đầu đề ra đồng thời cung cấp lập luận để

đề xuất hướng giải quyết có thể thực hiện trong tương lai

1 2 3 4 5

Kỹ năng viết (10)

8 Đồ án trình bày đúng mẫu quy định với cấu trúc các chương logic và

đẹp mắt (bảng biểu, hình ảnh rõ ràng, có tiêu đề, được đánh số thứ

tự và được giải thích hay đề cập đến trong đồ án, có căn lề, dấu cách

sau dấu chấm, dấu phẩy v.v), có mở đầu chương và kết luận chương,

có liệt kê tài liệu tham khảo và có trích dẫn đúng quy định

1 2 3 4 5

9 Kỹ năng viết xuất sắc (cấu trúc câu chuẩn, văn phong khoa học, lập

luận logic và có cơ sở, từ vựng sử dụng phù hợp v.v.)

1 2 3 4 5

Thành tựu nghiên cứu khoa học (5) (chọn 1 trong 3 trường hợp)

10a Có bài báo khoa học được đăng hoặc chấp nhận đăng/đạt giải 5

VIỆN ĐIỆN TỬ - VIỄN THÔNG

ĐỒ ÁN

TỐT NGHIỆP ĐẠI HỌC

Đề tài:

THIẾT KẾ HỆ THỐNG TRÒ CHƠI PHIÊU LƯU BẮN BÓNG BAY BẰNG NGÔN NGỮ LẬP TRÌNH PYTHON TRÊN NỀN WEBSITE GAMEBALL

Hà Nội, 6-2018

Chương 17

Chương 18

sáng chế

10b

Được báo cáo tại hội đồng cấp Viện trong hội nghị sinh viên

nghiên cứu khoa học nhưng không đạt giải từ giải 3 trở lên/Đạt giải

khuyến khích trong các kỳ thi quốc gia và quốc tế khác về chuyên

ngành như TI contest

2

Điểm tổng quy đổi về thang 10

3 Nhận xét thêm của Thầy/Cô (giảng viên hướng dẫn nhận xét về thái độ và tinh thần làm việc của sinh viên)

Ngày: / /201 Người nhận xét

(Ký và ghi rõ họ tên)

(Dùng cho cán bộ phản biện)

Giảng viên đánh giá:

Họ và tên sinh viên: MSSV: ……….

Tên đồ án:

……….

Chọn các mức điểm phù hợp cho sinh viên trình bày theo các tiêu chí: Rất kém (1); Kém (2); Đạt (3); Giỏi (4); Xuất sắc (5)

Có sự kết hợp giữa lý thuyết và thực hành (20)

1

Nêu rõ tính cấp thiết và quan trọng của đề tài, các vấn đề và các giả

thuyết (bao gồm mục đích và tính phù hợp) cũng như phạm vi ứng

dụng của đồ án

1 2 3 4 5

2 Cập nhật kết quả nghiên cứu gần đây nhất (trong nước/quốc tế) 1 2 3 4 5

3 Nêu rõ và chi tiết phương pháp nghiên cứu/giải quyết vấn đề 1 2 3 4 5

4 Có kết quả mô phỏng/thưc nghiệm và trình bày rõ ràng kết quả đạt

Có khả năng phân tích và đánh giá kết quả (15)

5 Kế hoạch làm việc rõ ràng bao gồm mục tiêu và phương pháp thực

hiện dựa trên kết quả nghiên cứu lý thuyết một cách có hệ thống 1 2 3 4 5

6 Kết quả được trình bày một cách logic và dễ hiểu, tất cả kết quả đều

7

Trong phần kết luận, tác giả chỉ rõ sự khác biệt (nếu có) giữa kết

quả đạt được và mục tiêu ban đầu đề ra đồng thời cung cấp lập luận

để đề xuất hướng giải quyết có thể thực hiện trong tương lai

1 2 3 4 5

Kỹ năng viết (10)

8

Đồ án trình bày đúng mẫu quy định với cấu trúc các chương logic

và đẹp mắt (bảng biểu, hình ảnh rõ ràng, có tiêu đề, được đánh số

thứ tự và được giải thích hay đề cập đến trong đồ án, có căn lề, dấu

cách sau dấu chấm, dấu phẩy v.v), có mở đầu chương và kết luận

chương, có liệt kê tài liệu tham khảo và có trích dẫn đúng quy định

1 2 3 4 5

9 Kỹ năng viết xuất sắc (cấu trúc câu chuẩn, văn phong khoa học, lập

luận logic và có cơ sở, từ vựng sử dụng phù hợp v.v.) 1 2 3 4 5

Thành tựu nghiên cứu khoa học (5) (chọn 1 trong 3 trường hợp)

10a Có bài báo khoa học được đăng hoặc chấp nhận đăng/đạt giải

SVNC khoa học giải 3 cấp Viện trở lên/các giải thưởng khoa học

5

Được báo cáo tại hội đồng cấp Viện trong hội nghị sinh viên nghiên

cứu khoa học nhưng không đạt giải từ giải 3 trở lên/Đạt giải khuyến

khích trong các kỳ thi quốc gia và quốc tế khác về chuyên ngành

như TI contest

2

Điểm tổng quy đổi về thang 10

3 Nhận xét thêm của Thầy/Cô (giảng viên hướng dẫn nhận xét về thái độ và tinh thần làm việc của sinh viên)

Ngày: / /201 Người nhận xét

(Ký và ghi rõ họ tên)

Trước hết, em xin cảm ơn tất cả các thầy cô giáo trường đại học Bách Khoa

Hà Nội nói chung và các thầy cô của Viện Điện tử - Viễn thông nói riêng đã tận tâmtruyền đạt kiến thức cho em trong suốt quãng thời gian em được đi học ở trường.Thầy cô đã truyền dạy lại cho em rất nhiều kiến thức nền tảng cơ sở đến những kiếnthức chuyên môn hữu ích và cả những kinh nghiệm sâu sắc ngoài đời sống để giúp

đỡ cho chúng em cho cuộc sống sau này

Là sinh viên năm cuối của Viện Điện tử -Viễn thông, Đại Học Bách Khoa HàNội, em nhận thấy mình cần phải phát huy thế mạnh về lĩnh vực lập trình bởi vìhiện nay, công nghệ lập trình phát triển rất nhanh đói hỏi các kỹ sư như em cần nắmbắt nhanh với tư duy lập trình mới, nắm bắt tìm hiểu những ngôn ngữ mới, nhữngthư viện mới, framework mới xuất hiện ngày càng nhiều và có rất nhiều điểm mạnhriêng phù hợp với hầu hết các yêu cầu của các công ty, các đối tác khách hàng Lựachọn tìm hiểu và ứng dụng trong lập trình ReactJS và Python có tính mới mẻ, tínhphổ biến, tính hiệu quả hàng đầu, em quyết định chọn đề tài Đồ án Tốt nghiệp:

“THIẾT KẾ HỆ THỐNG TRÒ CHƠI PHIÊU LƯU BẮN BÓNG BAY BẰNGNGÔN NGỮ LẬP TRÌNH PYTHON TRÊN NỀN WEBSITE GAMEBALL”

Em xin tỏ lòng biết ơn đến thầy giáo ThS đã hỗ trợ cho em trong việc chọn

đề tài cũng như hướng dẫn em trong suốt quá trình thực hiện đồ án tốt nghiệp Em

đã nhận được rất nhiều lời khuyên bổ ích cũng như những kiến thức về chuyên mônđáng quý hỗ trợ để em trong suốt quá trình làm đồ án Đây là những kiến thức sẽtheo em trong suốt quá trình làm việc sau này

Em cũng xin gửi lời cảm ơn chân thành đến các anh chị trong Công ty Cổphần Đầu tư và Phát triển Koolsoft cung cấp chia sẻ kiến thức, giúp đỡ về chuyênmôn cho em làm đồ án cũng như tạo môi trường làm việc khoa học cho em rấtnhiều kinh nghiệm quý giá cho công việc tương lai của em

Trong suốt quá trình làm đồ án, dù đã rất cố gắng nhưng vì thời gian có hạnnên sản phẩm chắc chắn sẽ còn những thiếu sót Nên em rất mong nhận được sựgóp ý của các thầy cô và các bạn, để em rút ra được những kinh nghiệm cho nhữngsản phẩm sau này của em Em xin chân thành cảm ơn !

LỜI NÓI ĐẦU

TÓM TẮT ĐỒ ÁN

ngày càng nhiều và có rất nhiều điểm mạnh riêng đáp ứng hầu hết yêu cầu ngàycàng cao của các công ty, các đối tác khách hàng Cuối năm 2017 và đầu năm 2018,

cả Python và React đều nằm trong mọi bảng xếp hạng xu hướng lập trình như được

yêu thích hàng đầu, phổ biến nhất Thế giới, cũng như đáp ứng tốt nhất nhu cầutuyển dụng Nắm bắt những điểm mạnh vượt trội của chúng, trong Đồ án tốt nghiệp

của mình, em đã tìm hiểu về chúng và ứng dụng trong lập trình, cụ thể: Python trong lập trình Game và ReactJS trong lập trình website gameball

Đồ án của em bao gồm 3 chương, nội dung chính các chương như sau:

Chương 1 sẽ đề cập đến khái niệm, đặc điểm và ứng dụng trong lập trình củaPython và ReactJS

Chương 2 trình bày phần triển khai ứng dụng Python để lập trình trò chơi bắn bóng

”Game Ball3”

Chương 3 trình bày triển khai ứng dụng ReactJS để lập trình website về trò chơi

“GameBall3”

Cuối cùng là kết luận, đưa ra những mục tiêu đã và chưa làm được trong hệ

thống, những thuận lợi và khó khăn trong quá trình thực hiện đồ án và hướng

phát triển trong tương lai

Until now programming technology has grown tremendously and rapidly,today's new languages, new libraries, and new frameworks appear to have more andmore strengths that meet most of the requirements high of companies, customerpartners By the end of 2017 and early 2018, both Python and React programminglanguages will be in every rankings as Top programming languages, Top of the mostpopular languages Grasp the strengths of the above two languages, in mygraduation project, I learned about them and application in the programmer,specifically: Python in game programming and ReactJS in website programming

My project includes 3 program, primary content programs as following:

Chapter 1 shows the Python and React with the specific and applications inthe programming

ABSTRACT

Chapter 2 shows implementation of the Python application to set the game:

”GameBall3”

Chapter 3 presents the ReactJS application to set the website about game

“GameBall3”

Finally, the conclusion presents the advantages and difficulties in project implementation and development in the future

LỜI NÓI ĐẦU 1

TÓM TẮT ĐỒ ÁN 2

ABSTRACT 3

MỤC LỤC 4

DANH MỤC HÌNH VẼ 6

DANH MỤC BẢNG BIỂU 7

DANH SÁCH CÁC TỪ VIẾT TẮT 8

CHƯƠNG 1 TÌM HIỂU VỀ PYTHON VÀ REACT 9

1.1 TÌM HIỂU VỀ PYTHON 9

1.1.1 Lịch sử phát triển 9

1.1.2 Đặc điểm chung 9

1.1.3 Điểm đặc biệt trong cú pháp, quy tắc lập trình 10

1.1.4 Câu lệnh rẽ nhánh 16

1.1.5 Vòng lặp 17

1.1.6 Hàm 18

1.1.7 Lớp (Class) 19

1.2 TÌM HIỂU VỀ REACTJS 21

1.2.1 Khảo sát hiện trạng 21

1.2.2 Giới thiệu chung về ReactJS 21

MỤC LỤC

2.1 Ý tưởng 28

2.2 Giới thiệu sơ lược về thư viện pygame 28

2.3 Phân tích trò chơi 28

2.3.1 Ý tưởng 28

2.3.2 Xác định rõ yêu cầu 28

2.3.3 Mô hình hóa chức năng 29

2.3.4 Sơ đồ hoạt động của hệ thống (Activity Diagram) 35

2.3.5 Mô hình cầu trúc 36

2.3.6 Mô hình hóa hoạt động 41

2.4 Thiết kế trò chơi 45

2.4.1 Thiết kế lớp và phương thức 45

2.5 Thuật toán 46

2.5.1 Phát hiện va chạm 46

2.5.2 Phát hiện click trúng vật thể 47

2.5.3 Giải quyết va chạm 47

2.6 Một số hình ảnh của trò chơi 48

2.7 Kết luận 53

CHƯƠNG 3 ỨNG DỤNG REACTJS LẬP TRÌNH WEBSITE TRÒ CHƠI “GAME BALL3” 54

3.1 Ý tưởng thiết kế website cho trò chơi “Game Ball3” 54

3.2 Lý do lựa chọn thư viện ReactJS 54

3.3 Mục tiêu cần đạt được 55

3.4 Yêu cầu phi chức năng 56

3.5 Thiết kế cấu trúc 56

3.5.1 Lựa chọn cấu trúc phần mềm 56

3.6 Kiểm thử 58

3.7 Các bước thiết kế giao diện website 59

3.7.1 Thiết kế giao diện trang chủ 59

3.7.2 Tạo trang đăng ký, đăng nhập, đổi mật khẩu cho người chơi 62

3.7.3 Thống kê bảng xếp hạng điểm chơi 62

3.7.4 Tạo tính năng bình luận cho người dùng 62

3.7.5 Tính năng tải game cho người dùng 63

3.7.6 Tạo cơ sở dữ liệu cho web 63

3.7.7 Hình ảnh hoàn thiện 64

KẾT LUẬN 66

KẾT LUẬN CHUNG 69

TÀI LIỆU THAM KHẢO 70

BẢNG ĐỐI CHIẾU THUẬT NGỮ VIỆT – ANH 71

PHỤ LỤC 72

Hình 1.1: Virtual DOM 23

Hình 2.2: Sơ đồ hoạt động của hệ thống 35

Hình 2.3: Sơ đồ lớp 39

Hình 2.4: Sơ đồ đối tượng 40

Hình 2.6: Sơ đồ tuần tự của hoạt động đăng nhập 41

Hình 2.7: Sơ đồ tuần tự của hoạt động chơi không đăng nhập 42

Hình 2.8: Sơ đồ tuần tự của hoạt động hướng dẫn chơi 42

Hình 2.9: Sơ đồ tuần tự của hoạt động bật/tắt âm thanh 43

Hình 2.0: Sơ đồ tuần tự của hoạt động xem điểm số 43

Hình 2.11: Sơ đồ tuần tự của hoạt động chọn màn chơi 44

Hình 2.12 Sơ đồ tuần tự của hoạt động chơi 44

Hình 2.13: Menu start game sau run code ‘main’ trong Pycharm 48

Hình 2.14: Tính năng đăng ký tạo tài khoản chơi game 48

Hình 2.15: Tính năng đăng nhập tài khoản chơi game 49

Hình 2.16: Menu chọn map 49

Hình 2.17: Map chơi 3 50

Hình 2.18: Map chơi 7 50

Hình 2.19: Map chơi 9 51

Hình 2.20: Điểm của người chơi từng map 52

Hình 2.21: Giao diện code Pycharm 52

Hình 2.22: Giao diện màn hình run code Python 53

Hình 3.1: Giao diện trang chủ hoàn thiện 59

Hình 3.2: Giao diện trang chủ hoàn thiện 60

Hình 3.3: Giao diện trang chủ hoàn thiện 60

Hình 3.4: Giao diện tab tin tức thông báo trên trang chủ 61

Hình 3.5: Giao diện thông tin trang liên kết trang chủ hoàn thiện 61

DANH MỤC HÌNH VẼ

Hình 3.8: Giao diện box bình luận trên trang chủ hoàn thiện 63

Hình 3.9: Giao diện tab tải game 63

Hình 3.10: Giao diện hoàn thiện 64

Hình 3.11: Giao diện hoàn thiện 64

Hình 3.12: Giao diện hoàn thiện 65

Bảng 1.1: Các từ khóa trong Python 10

Bảng 1.2: Biểu thức toán học 11

Bảng 1.3: Danh sách các escape sequence 12

Bảng 2.1 Mô tả đăng ký 30

Bảng 2.2 Mô tả đăng nhập 31

Bảng 2.3 Mô tả chọn màn chơi 31

Bảng 2.4 Mô tả hiển thị điểm số cao 31

Bảng 2.5 Mô tả bật âm thanh 32

Bảng 2.6 Mô tả tắt âm thanh 32

Bảng 2.7 Mô tả hướng dẫn chơi 32

Bảng 2.8 Mô tả chơi 33

Bảng 2.9 Mô tả tạm dừng trò chơi 33

Bảng 2.10 Mô tả tiếp tục trò chơi 33

Bảng 2.11 Mô tả chơi lại 34

Bảng 2.12 Thẻ Error! Bookmark not defined. Bảng 2.13 Thẻ Ball 36

Bảng 2.14 Thẻ Bomb 36

Bảng 2.15 Thẻ wall 37

Bảng 2.17 Thẻ storm 37

Bảng 2.18 Thẻ resizeObj 38

Bảng 3.1: So sánh AngularJS và ReactJS 55

Bảng 3.2: Kiểm thử 58

DANH MỤC BẢNG BIỂU

DANH SÁCH CÁC TỪ VIẾT TẮT

MVC Model – View - Control

 Có một thư viện chuẩn rất lớn, đây là một lợi thế không hề nhỏ cho nhữnglập trình viên python Họ có thể tận dụng nguồn thư viện này để phát triển

dự án của mình mà không phải mất công xây dựng thư viện

 Python là một ngôn ngữ thông dịch, thực thi code theo từng dòng nên rất dễdàng để debug

 Không giống như C là ngôn ngữ hướng cấu trúc Python là một ngôn ngữhướng đối tượng

 Ngoài ra Python còn hỗ trợ rất nhiều thư viện lập trình GUI (lập trình giaodiện người dùng), tương thích với các ngôn ngữ lập trình khác

1.1.3 Điểm đặc biệt trong cú pháp, quy tắc lập trình

1.1.3.1 Biến

Biến giúp chúng ta lưu trữ dữ liệu và cho phép lấy các dữ liệu để tính toán.Khi một biến được khai báo một vùng nhớ trong bộ nhớ RAM sẽ được dành chobiến

Không giống các ngôn ngữ khác, khi khai báo biến phải có kiểu dữ liệu đikèm thì Pyhon không cần Nó sẽ tự xác định kiểu dữ liệu của biến Cú pháp khởitạo:

<tên biến> = <giá trị của biến>

A = 3

Ten = ‘Dong’

Cú pháp khởi tạo nhiều biến:

<tên biến thứ nhất>, <tên biến thứ hai>, ,<tên tên biến thứ n> = <giá trịbiến thứ nhất>, <giá trị biến thứ hai>, , <giá trị biến thứ n>

a,b,c,d,e = 1,2,3,4,5

*Một chú ý khi đặt tên biến: Không được trùng với từu khóa Dưới đây là danh sách

từ khóa của Python

Bảng 1.1: Các từ khóa trong Python

while with yield

1.1.3.2 Kiểu dữ liệu

Như đã nói ở trên, khi khởi tạo giá trị của biến không cần phải đi kèm với kiểu

dữ liệu Cũng giống như các ngôn ngữ khác python hỗ trợ kiểu dữ liệu số nguyên,

số thực,số phức,phân số,kiểu ký tự,kiểu chuỗi Ngoài ra Python còn định nghĩathêm các kiểu dữ liệu riêng biệt của chính mình: list, tuple, set, dic

X / Y Thương của X với Y(kết quả là 1 số thực)

1.1.3.4 Kiểu dữ liệu chuỗi

Chuỗi hay string là tập hợp các ký tự Trong python rất linh hoạt, chuỗi cóthể đặt trong cặp dấu ‘ ’ hoặc “ ” hoặc ‘‘‘ ’’’ Nhưng phổ biến nhất là ‘ ’và “ ” Cúpháp khai báo 1 chuỗi:

<tên biến>=’<giá trị chuỗi>’

Ten = ‘Dong’

Khi làm việc với chuỗi ta phải chú ý đến một thứ rất quan trọng đó là Escape

Sequence là một chuỗi (chính xác là kí tự) Bắt đầu với một dấu \ Python có rất

nhiều các escape sequence

Bảng 1.3: Danh sách các escape sequence

Tên Kí hiệu Giải thích

Các escape sequence có thể làm chuỗi không giống như mong muốn

Ví dụ: ta có một chuỗi ‘co\n me\o tre\o cay cau’

Kết quả khi in chuỗi ra màn hình:

co

me\o tre\o cay cau

Vì vậy lúc này Python hỗ trợ một chuỗi gọi là chuỗi trần Cú pháp như sau:

r’<chuỗi>’

r‘co\n me\o tre\o cay cau’

Kết quả khi in chuỗi ra màn hình:

co\n me\o tre\o cay cau

Sự thật thì, chuỗi trần không phải bỏ qua các Escape Sequence, mà nó sẽ giúpchúng ta sửa những Escape Sequence đó bằng các thêm \ trước các EscapeSequence

Có một chú ý khi làm việc với chuỗi là ta không thể thay đổi nội dung của chuỗinhư

với các ngôn ngữ như Pascal, C, C++ sử dụng phương pháp Indexing

1.1.3.5 Kiểu dữ liệu List

List là một sự thay thế cho mảng ở các ngôn ngữ khác, hơn nữa list linh hoạt

hơn mảng rất nhiều Với một mảng các giá trị trong mảng phải cú cùng kiểu dữ liệunhưng list thì khác, trong một list có thể có rất nhiều kiểu dữ liệu khác nhau Cácđặc điểm của list:

 Giới hạn trong cặp [ ], các phần tử nằm trong [ ] là phần tử của list

 Các phần tử phân cách nhau bởi dấu phẩy

 List có thể chứa mọi giá trị kể cả chính nó

Cách khởi tạo List:

>>>[1, 2, 3]

1.1.3.6 Kiểu dữ liệu Tuple

Tuple về cũng là một thay thế cho mảng giống như list Các đặc điểm của tuple:

 Giới hạn trong cặp ( ), các phần tử nằm trong ( ) là phần tử của tuple

 Các phần tử của Tuple được phân cách nhau ra bởi dấu phẩy

 Tuple có khả năng chứa mọi giá trị, cả chính nó

Cách khởi tạo Tuple

Indexing và cắt Tuple hoàn toàn tương tự như với kiểu dữ liệu List

Thay đổi nội dung Tuple trong Python

Việc bạn muốn thay đổi nội dung của tuple trên lí thuyết là không thể

1.1.3.7 Kiểu dữ liệu Set

Set cũng là một tập hợp chứa các phần tử như list và tuple Set gồm các đặc điểmsau:

 Được giới hạn bởi cặp ngoặc {}, tất cả những gì nằm trong đó là những phần

tử của Set

 Các phần tử của Set được phân cách nhau ra bởi dấu phẩy

 Set không chứa nhiều hơn 1 phần tử trùng lặp

 Không thể chứa một set trong một set

Cách khởi tạo Set

Set không quan tâm đến vị trí của phần tử nằm trong set Nên việc indexing

là không thể

1.1.3.8 Kiểu dữ liệu Dict

Dict(Dictionary) cũng là một tập hợp chứa các phần tử như LIST, TUPLE.

Điều khác biệt là List, Tuple có các index để phân biệt các phần tử thì Dict dùng cáckey để phân biệt Một Dict gồm các yếu tố sau:

 Được giới hạn bởi cặp ngoặc nhọn {}, tất cả những gì nằm trong đó là nhữngphần tử của Dict

 Các phần tử của Dict được phân cách nhau ra bởi dấu phẩy

 Các phần tử của Dict phải là một cặp key-value

 Cặp key-value của phần tử trong Dict được phân cách bởi dấu hai chấm

Cách khởi tạo Dict

Cú pháp:

{<key_1: value_1>, <key_2: value_2>, , <key_n: value_n>}

dic = {‘ten’: ‘Dong’, ‘maso’: 47}

Thay đổi nội dung Dict

Ví dụ:

dic ={‘ten’: ‘Dong’, ‘maso’: 47}

dic[‘ten’] = ‘Van’

Kết quả

{‘ten’: ‘Van’, ‘maso’: 47}

Thêm thủ công một phần tử vào dict

Cách này khá giống với cách ta thay đổi nội dung của Dict

1.1.4 Câu lệnh rẽ nhánh

1.1.4.1 Câu lệnh if-else

Giống như các ngôn ngữ khác Python hỗ trợ câu lệnh if –else Nếu thỏa mãnđiều kiện trong mênh đề if thì sẽ thực thi câu lệnh bên trong mệnh đề và ngược lạithì thực hiện câu lênh bên trong mệnh đề else

Cú pháp của câu lệnh if-else:

Nếu như trong trường hợp chúng ta không cần thực thi điều gì khi điều kiện

đó không đúng thì chúng ta có thể bỏ mệnh đề else cho gọn code

Trong đó, thì sau các mệnh đề if và elif sẽ tồn tại các điều kiện tương ứng, vànếu như các điều kiện đó đúng thì câu lệnh ở trong mệnh đề đó sẽ được thực hiện.

 <biến> là các biến tạm dùng để chứa dữ liệu sau mỗi lần lặp

 <tập hợp> là một list, tuple hoặc string, chứa giá trị cần lặp

1.1.6.1 Khai báo hàm trong Python.

Để khai báo một hàm trong Python thì chúng ta sử dụng keyword def với cúpháp như sau:

def <tên hàm>(<danh sách biến truyền vào>):

1.1.7.1 Khai báo Class trong Python

Class là một phần không thể thiếu trong lập trình hướng đối tượng Một class

là thể hiện cho một tập hợp các đối tượng có chung đặc điểm Để khai báo mộtclass trong Python dụng cú pháp:

class <tên class>:

<câu lệnh>

Ví dụ:

class nguoi:

<câu lệnh>

1.1.7.2 Khai báo thuộc tính trong Class

Một class có thể không hoặc chứa nhiều thuộc tính Chúng là những đặcđiểm để mô tả đối tượng Để khai báo một thuộc tính trong class thì mọi người chỉcần khai báo như khai báo một biến bình thường và lưu ý là nó phải nằm trongphạm vi của class

1.1.7.3 Khai báo phương thức trong Class.

Trong khi thuộc tính là mô tả đối tượng thì phương thức lại thể hiện hànhđộng của đối tượng Phương thức ở trong hướng đối tượng cũng tương tự như hàm

ở trong lập trình hướng thủ tục và một class thì có thể không có hoặc có nhiều

phương thức Để khai báo một phương thức trong Python ta khai báo như là khaibáo với hàm và kèm theo 1 tham số mặc định là self.

Ví dụ:

class nguoi:

#thuộc tính ten = "Kieu Van Dong"

1.1.7.4 Khởi tạo class

Sau khi đã khai báo được class, để khởi tạo một đối tượng thuộc class thì sửdụng cú pháp:

<tên đối tượng> = <tên class>()

Để truy cập thuộc tính đối tượng:

<đối tượng>.<phương thức>(<danh sách tham số truyền vào>)

và cùng với Python, Ruby và Java trở thành 4 ngôn ngữ hiệu quả nhất trong năm

2017 (theo Stack Overflow Developer Survey 2017, GitHub và Stack Overflow), được đề xuất làngôn ngữ nên học đầu tiên dành cho người mới bắt đầu lập trình (theo

www.devskiller.com)

Hàng triệu triệu nền tảng và thư viện được xây dựng dựa trên JS tạo nên mộtthế giới JS đa dạng và phong phú

1.2.2 Giới thiệu chung về ReactJS

Reactjs được phát triển dưới thư viện JavaScrip vậy JS là gì em sẽ trình bày

kỹ hơn về nó

1.2.2.1 Java Scripts

JavaScript là ngôn ngữ lập trình hướng đối tượng (OOP) vô cùng linh hoạt,thông dịch tích hợp vào trình duyệt nhằm tăng tính tương tác của người dùng vớitrang web, nó chiếm vị trí độc tôn trong vị trí client-side Các slideshow, pop-upquảng cáo và tính năng autocomplete của Google là những thứ được viết bằngJavaScript Nó được tạo ra lần đầu tiên bởi Brendan Eich tại công ty Netscape vàonăm 1995 - được đặt tên là Mocha trong quá trình phát triển, phát hành phiên bảnbeta với tên là LiveScript và cuối cùng được đặt tên là JavaScript để lợi dụng sựphổ biến của Java

Qua 20 năm tồn tại và phát triển, Javascript đã có những thay đổi lớn đểthích nghi với thời cuộc, và bây giờ trở thành một ngôn ngữ toàn năng, thiết yếu vàphù hợp đối với bất cứ một nhà phát triển nào Là ngôn ngữ lập trình full stack duynhất cho đến thời điểm hiện nay, Javascript làm được nhiều thứ từ web client đếnserver, từ desktop đến mobile … một cách khá hoàn hảo

Bây giờ chúng ta sẽ phân tích JavaScrip có thể làm được những gì?JavaScrip có thể xây dựng toàn bộ một trang web nếu sử dụng Node.Js vàMongoDB (Một cơ sở dữ liệu) Js hiện nay là một trong những cách ưa thích đểphát triển ứng dụng web Đó là ngôn ngữ sử dụng rất nhiều vì nó được sử dụng cảfont-end và back-end

Điểm mạnh của JavaScript:

 Sự tương tác Server ít hơn: Bạn có thể xác nhận đầu

vào (input) người sử dụng trước khi gửi trang tới Server Điều này làm tiết kiệm lưu lượng tải ở Server, nghĩa là Server của bạn tải ít hơn.

 Phản hồi ngay lập tức tới khách truy cập: Họ không

phải chờ cho một trang web tải lại để thấy xem nếu họ đã quên nhập cái gì đó.

 Khả năng tương tác người dùng tăng lên: Bạn có thể

tạo các giao diện mà phản ứng lại khi người sử dụng rê chuột qua chúng hoặc kích hoạt chúng thông qua bàn phím.

 Giao diện phong phú hơn: Bạn có thể sử dụng

JavaScript để bao gồm những mục như các thành phần Drag và Drop (DnD) và các con trượt (Slider) để cung cấp một Rich Interface (Giao diện giàu tính năng) tới site khách truy cập của bạn.

1.2.2.2 ReactJS

React.js được Facebook ra mắt hồi 2013 và đang phát triển mạnh mẽ nó là một thưviện Javascript đang nổi lên trong những năm gần đây với xu hướng Single PageApplication hỗ trợ việc xây dựng những thành phần (components) UI có tính tươngtác cao, có trạng thái và có thể sử dụng lại được React còn là công cụ có thể thay thế chocác framework MVC, như Angular hoặc Backbone, với cấu trúc rõ ràng hơn và tập trung vàotối ưu hiệu năng React được sử dụng tại Facebook trong production,

và www.instagram.com được viết hoàn toàn trên React

Vậy reactjs là gì? Reactjs là một thư viện UI để hỗ trợ việc xây dững nhữngthành phần (components) Ui có tính tương tác cao có trạng thái và có thể tái sửdụng được React được sử dụng tại

Facebook trong production và instagram

được viết hoàn toàn trên React

Một trong những điểm hấp dẫn là thư

viện React không chỉ hoạt động phía

client, mà còn được render trên sever và

có thể kết nối với nhau

React sử dụng khái niệm DOM ảo

(Virtual DOM) để chọn lựa và render

những phần tử của node dựa trên sự

thay đổi trạng thái khiến cho ta chỉ cần thay đổi ít thành phần nhất có thể để giữDOM update.

Tư tưởng của tác giả ReactJs là xây dựng lên các components có tính tái

sử dụng, dễ dàng cho việc phân chia nhỏ vấn đề, testing Reactjs sẽ giúp giúp

chúng ta dễ dàng quản lý, mở rộng hệ thống

React.js là một thư viện Javascript đang nổi lên trong những năm gần đây

với xu hướng Single Page Application Trong khi những framework khác cố gắng

hướng đến một mô hình MVC hoàn thiện thì React nổi bật với sự đơn giản và dễ

dàng phối hợp với những thư viện Javascript khác Nếu như AngularJS là một

Framework cho phép nhúng code javasscript trong code html thông qua các

attribute như ng-model, ng-repeat thì với react là một library cho phép nhúng

code html trong code javascript nhờ vào JSX, bạn có thể dễ dàng lồng các đoạn

HTML vào trong JS Tích hợp giữa javascript và HTML vào trong JSX làm cho

các component dễ hiểu hơn

1.2.2.2.1 Vitual DOM

Virtual DOM hoạt động như thế nào ?

Hình 1.1: Virtual DOMTường tượng bạn có một vật thể được thiết kế dựa trên một người Nó cómọi bộ phận một người có thể có, và phản ánh lại trạng thái hiện tại của người đó.Đây là

điều cơ bản React làm với DOM Bây giờ thử nghĩ rằng nếu bạn lấy vật thể đó vàthay đổi một vài bộ phận Thêm ria, bắp tay và đôi mắt xanh Trong React, khichúng ta tạo ra thay đổi, sẽ diễn ra 2 việc

Đầu tiên, React chạy một thuật toán so sánh sự khác biệt để phát hiện ra thayđổi Bước thứ 2 là điều hòa bằng cách cập nhật DOM với kết qủa của thuật toán ởbước 1 Cách React hoạt động là thay vì lấy một người thật và tái tạo lại từ đầu,React chỉthay đổi khuôn mặt và tay Điều này có nghĩa là khi bạn nhập vào 1 đoạntext và render xong thì đoạn text này sẽ không bị ảnh hưởng cho tới khi parent nodeđược sắp xếp lại Vì React sử dụng một DOM giả nên cũng có khá nhiều ý tưởngthú vị xung quanh Ví dụ như ta có thể render DOM giả này trên server

1.2.2.2.2 Component

Chúng ta có thể tái sử dụng một component ở nhiều nơi, với các trạngthái hoặc các thuộc tính khác nhau, trong một component lại có thể chứathành phần khác Mỗi component trong React có một trạng thái riêng, có thểthay đổi, và React sẽ thực hiện cập nhật component dựa trên những thay đổicủa trạng thái

Mỗi component cũng có thành phần cha, thành phần con và thuộctính Component gồm 2 loại (i) component mặc định thì nó tương ứng vớimột thẻ HTML, nó có đầy đủ các thuộc tính và sự kiện của thẻ HTML và (ii)loại thứ hai là component customize, component được viết dựa trên cáccomponent mặc định, với các thuộc tính và sự kiện mình tự quy định Có haicách để lưu trữ dữ liệu trong component, bao gồm

(i) Props là những thuộc tính mà ta truyển vào cho component,component sẽ không thay đổi được props của nó

(ii) State là những thuộc tính chỉ được sử dụng bên trong component,bên ngoài component không thể truy xuất đến state của nó, để

thay đổi state ta sử dụng hàm this.setState({stateName: ‘giá trị’}),

biến truyền vào là object chứa các state cần thay đổi Em sẽ cóbẳng so sánh để cho mọi người có cái nhìn tổng quan hơn vềProps và State

1.2.3 Đặc điểm chi tiết về ReactJS

1.2.3.1 Ưu điểm

 Reactjs cực kì hiệu quả: Reactjs tạo ra cho chính nó DOM ảo – nơi mà cáccomponent thực sự tồn tại trên đó Điều này sẽ giúp cải thiện hiệu suất rấtnhiều Reactjs cũng tính toán những thay đổi nào cần cập nhật len DOM vàchỉ thực hiện chúng Điều này giúp Reactjs tránh những thao tác cần trênDOM mà nhiều chi phí

 Reactjs giúp việc viết các đoạn code JS dễ dàng hơn: Nó dung cú pháp đặcbiệt là JSX (Javascript mở rộng) cho phép ta trộn giữa code HTML vàJavascript Ta có thể them vào các đoạn HTML vào trong hàm render màkhông cần phải nối chuỗi Đây là đặc tính thú vị của Reactjs Nó sẽ chuyểnđổi các đoạn HTML thành các hàm khởi tạo đối tượng HTML bằng bộ biếnđổi JSX

 Nó có nhiều công cụ phát triển: Khi bạn bắt đầu Reactjs, đừng quên cài đặtứng dụng mở rộng của Chrome dành cho Reactjs Nó giúp bạn debug code dễdàng hơn Sau khi bạn cài đặt ứng dụng này, bạn sẽ có cái nhìn trực tiếp vàovirtual DOM như thể bạn đang xem cây DOM thông thường

 Render tầng server: Một trong những vấn đề với các ứng dụng đơn trang làtối ưu SEO và thời gian tải trang Nếu tất cả việc xây dựng và hiển thị trangđều thực hiện ở client, thì người dung sẽ phải chờ cho trang được khởi tạo vàhiển thị lên Điều này thực tế là chậm Hoặc nếu giả sử người dung vô hiệuhóa Javascript thì sao? Reactjs là một thư viện component, nó có thể vừa

render ở ngoài trình duyệt sử dụng DOM và cũng có thể render bằng cácchuỗi HTML mà server trả về

 Làm việc với vấn đề test giao diện: Nó cực kì dễ để viết các test case giaodiện vì virtual DOM được cài đặt hoàn toàn bằng JS

 Hiệu năng cao đối với các ứng dụng có dữ liệu thay đổi liên tục, dễ dàng chobảo trì và sửa lỗi

 Dễ dàng thiết kế giao diện và học API

 Tăng hiệu suất đáng kể so với các frameworks JavaScript khác

 Cập nhật nhanh hơn ReactJS tạo một DOM ảo mới, cơ chế vá các dữ liệugần đây nhất và so sánh nó một cách hiệu quả so với phiên bản trước đó, tạo

ra một danh sách tối thiểu các phần cập nhật được làm cho DOM để mang nóđồng bộ Hiển thị toàn bộ trang web trên mỗi thay đổi

 Dễ dàng nhập các thành phần mặc dù có rất ít dependencies

 Sử dụng lại code tốt, ứng dụng của bạn có giao diện thống nhất, sử dụng lại

mã giúp bạn dễ dàng duy trì và phát triển mã nguồn của mình, và phát triển

ứng dụng của bạn dễ dàng hơn

 Sử dụng JSX: JSX là một cú pháp duy nhất cho phép trích dẫn HTML và ápdụng cú pháp thẻ HTML để hiển thị các tiểu hợp phần Điều này giúp thúcđẩy xây dựng các mã máy có thể đọc được trong khi làm cho nó có thể hợpchất các thành phần trong một lần xác minh tập tin

 Render nhanh hơn: Đây là tính năng dễ nhận biết nhất của ReactJS, mang lạilợi thế cạnh tranh so với Angular ReactJS chỉ làm những gì đã được thay đổitrong một tệp bằng cách sử dụng DOM ảo (Document Object Model) thay vìtoàn bộ tệp tin Nếu bạn có một danh sách 5000 thành phần, nhưng cập nhật

500, chỉ có 500 thay đổi sẽ được cập nhật trong khi phần còn lại vẫn giữnguyên

 ReactJS lấy JS làm trọng tâm: Không giống như Angular là HTML-Centric,việc JS-Centric mang lại nhiều lợi ích hơn vì JavaScript mạnh hơn Điều nàylàm cho ReactJS đơn giản và tập trung

 Mặc dù có một chút phụ thuộc, ReactJS giúp bạn dễ dàng nhập các thànhphần.

 Component mang tính encapsulation (đóng gói) Mỗi component đều độclập với nhau và giao tiếp thông qua các thông số đầu vào được định nghĩatrước (property) Do đó, khi debug, ta dễ dàng dự đoán được sai ở phần nào

để fux bug Giả dụ, một ngày đẹp trời, designer bảo phải chuyển avatar từhình vuông sang hình tròn của mỗi news feed Thay gì phải mò mẫm xemđoạn code hiện thị avatar ở đâu trong hàng tỉ dòng code, bạn dễ dàng pháthiện rằng: Avatar của news feed thì vào component News Feed mà sửa lại

 Thư viện React Native React là một thư viện ‘viết một lần dùng mọi nơi’,

theo người sáng lập thì, nó là thư viện ‘học một lần viết mọi nơi’ Đúng, bạn

có thể viết native apps cho Android và iOS bằng React Native

 React sử dụng cú pháp đặc biệt gọi là JSX, cho phép bạn trộn HTML vàJavaScript Điều này không phải là bắt buộc – bạn vẫn có thể viết thuầnJavaScript – nhưng tôi khuyên mạnh rằng bạn nên sử dụng cú pháp mới bởi

nó giúp việc viết ‘components’ đơn giản hơn

1.2.3.2 Hạn chế

 Reactjs chỉ phục vụ cho tầng View React chỉ là View Library nó không phải

là một MVC framework như những framework khác Đây chỉ là thư viện củaFacebook giúp render ra phần view Vì thế React sẽ không có phần Model vàController, mà phải kết hợp với các thư viện khác React cũng sẽ không có 2-way binding hay là Ajax

 Tích hợp Reactjs vào các framework MVC truyền thống yêu cầu cần phải cấuhình lại

 React khá nặng nếu so với các framework khác React có kích thước tươngtương với Angular (Khoảng 35kb so với 39kb của Angular)

2.1 Ý tưởng

Sử dụng thư viện pygame để viết một game giải trí đơn giản có tên là gameball Trò chơi hướng đến tất cả mọi người có thể chơi được, nên lối chơi rất đơngiản Trong trò chơi sẽ có các quả bóng bay di chuyển khắp màn hình nhiệm vụ củangười chơi là sử dụng chuột để click vào những quả bóng đó để ghi điểm Độ khó

sẽ tăng dần bên cạnh những quả bóng sẽ có thêm những vật cản nhằm cản trở ngườichơi chiến thắng Trò chơi sẽ kèm theo hiệu ứng âm thanh vui nhộn

1.3 Giới thiệu sơ lược về thư viện pygame

Pygame là một thư viện mã nguồn mở được viết bằng python hỗ trợ lập trình

trò chơi Đây là một thư viện được rất nhiều người đam mê lập trình trò chơi ưathích

Pygame đã ra nhiều phiên bản và phiên bản em sử dụng là pygame 1.9.0

click chuột vào sẽ ăn điểm, khi đó những ý tưởng ban đầu về trò chơi đã được rađời Trò chơi sẽ xoay quay việc người chơi click vào những quả bóng nhiều màu sắc

di chuyển theo nhiều hướng để ăn điểm Bên cạnh những quả bóng sẽ là những vậtthể nhằm cản trở người chơi dành chiến thắng Những quả bom khi click vào sẽ bịmất “mạng” hay những vật thể làm thay đổi quỹ đạo, tốc độ, vị trí, kích thước …của những quả bóng Để thêm sự kịch tính cho trò chơi sẽ có một đồng hồ đếmngược thời gian Điểm số của người chơi sẽ được lưu lại để so sánh với nhữngngười chơi khác nhằm tăng tính cạnh tranh, một điều không thể thiếu với mỗi tròchơi

1.4.2 Xác định rõ yêu cầu

Yêu cầu về chức năng:

 Khi click vào quả bóng sẽ có hiệu ứng và ghi được điểm

 Các quả bóng, vật cản di chuyển theo nhiều hướng xung quanh màn hình

 Bóng sẽ thay đổi quỹ đạo, tốc độ, kích thước … khi va chạm với vật cản

 Có đồng hồ đếm ngược thời gian và kết thúc trò chơi khi đồng hồ về 0

 Người chơi có thể lựa chọn đăng nhập tài khoản hoặc chơi không đăng nhập.Khi người chơi chơi ở chế độ không đăng nhập thì điểm số chỉ được lưu tạimáy cá nhân Khi người chơi chơi ở chế độ đăng nhập mà có kết nối internetthì điểm số của người chơi sẽ được lưu tại máy chủ, nếu không có kết nốiinternet điểm số sẽ lưu lại tại máy người chơi và dữ liệu sẽ được đồng bộgiữa máy chủ và máy cá nhân khi có kết nối internet

 Có phần hướng dẫn chơi cho người mới

 Người chơi có thể lựa chọn màn chơi mình muốn

 Người chơi phải vượt qua từng màn chơi để có thể mở khóa màn tiếp theo

 Người chơi có thể tạm dừng trò chơi và tiếp tục khi muốn

 Người chơi cũng có thể chọn màn chơi khác khi đang chơi một màn nào đó

 Có hiệu ứng âm thanh, có thể bật tắt âm thanh theo ý muốn

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

 Hình ảnh đẹp mắt,các màn chơi đa dạng, đặc sắc không nhàm chán

 Âm thanh vui nhộn

1.4.3 Mô hình hóa chức năng

 Đăng ký tài khoản

 Chơi không đăng nhập

 Chọn màn chơi để chơi

 Tùy chỉnh bật tắt âm thanh

 Đừng và tiếp tục trò chơi giữa chừng

 Có thể chơi lại màn chơi đó hoặc chọn màn chơi khác để chơi

Sơ đồ ca sử dụng:

Hì

nh 2.1 Sơ đồ ca sử dụng

Mô tả ca sử dụng:

Bảng 2.1 Mô tả đăng ký

Tên Ca sử dụng: Đăng ký

Người sử dụng chính: Người chơi Loại Ca sử dụng: Tổng quan

Mô tả: Người chơi đăng ký một tài khoản

Dòng sự kiện chính

1 Hệ thống hiển thị thông tin cần thiết để tạo tài khoản

2 Người sử dụng nhập thông tin

3 Hệ thống lưu thông tin người chơi

Ngoại lệ:

3.a Thông tin không hợp lệ

3.a.1 Hệ thống yêu cầu nhập lại

Bảng 2.2 Mô tả đăng nhập

Tên Ca sử dụng: Đăng nhập

Người sử dụng chính: Người chơi Loại Ca sử dụng: Tổng quan

Mô tả: Người chơi đăng nhập tài khoản

Dòng sự kiện chính

1 Hệ thống hiển thông tin cần nhập

2 Người sử dụng nhập thông tin

3 Hệ thống xác nhận thông tin đăng nhập hợp lệ

Ngoại lệ:

3.a Thông tin không chính xác

3.a.1 Hệ thống yêu cầu người chơi nhập lại thông tin

Bảng 2.3 Mô tả chọn màn chơi

Tên Ca sử dụng: Chọn màn chơi

Người sử dụng chính: Người chơi Loại Ca sử dụng: Tổng quan

Mô tả:Người chơi chọn màn chơi

Dòng sự kiện chính

4 Hệ thống hiển thị danh sách màn chơi

5 Người sử dụng chọn màn chơi mình muốn

6 Hệ thống nạp màn chơi người chơi đã chọn

Ngoại lệ:

Bảng 2.4 Mô tả hiển thị điểm số cao

Mô tả:Người chơi xem hướng điểm số của mình

Dòng sự kiện chính

1 Hệ thống hiển thị điểm số cao của người chơi

Ngoại lệ:

Bảng 2.5 Mô tả bật âm thanh

Tên Ca sử dụng: Bật âm thanh

Người sử dụng chính: Người chơi Loại Ca sử dụng: Tổng quan

Mô tả: Người chơi bật âm thanh

Bảng 2.6 Mô tả tắt âm thanh

Tên Ca sử dụng: Tắt âm thanh

Người sử dụng chính: Người chơi Loại Ca sử dụng: Tổng quan

Mô tả: Người chơi tắt âm thanh

Bảng 2.7 Mô tả hướng dẫn chơi

Tên Ca sử dụng: Hướng dẫn chơi

Người sử dụng chính: Người chơi Loại Ca sử dụng: Tổng quan

Mô tả:Người chơi xem hướng dẫn chơi

Người sử dụng chính: Người chơi Loại Ca sử dụng: Chi tiết

Mô tả: Người chơi trò chơi

Dòng sự kiện chính

1 Người sử dụng chơi trò chơi

Ngoại lệ:

1.a Người sử dụng có thể dừng trò chơi

1.b Người sử dụng có thể chơi lại màn chơi

1.c Người sử dụng có thể chọn màn khác để chơi

Bảng 2.9 Mô tả tạm dừng trò chơi

Tên Ca sử dụng: Tạm dừng trò chơi

Người sử dụng chính: Người chơi Loại Ca sử dụng: Chi tiết

Mô tả: Người chơi tạm dừng trò chơi

Bảng 2.10 Mô tả tiếp tục trò chơi

Tên Ca sử dụng: Tiếp tục trò chơi

Người sử dụng chính: Người chơi Loại Ca sử dụng: Chi tiết

Mô tả:Người chơi tiếp tục trò chơi

Bảng 2.11 Mô tả chơi lại

Tên Ca sử dụng: Chơi lại

Người sử dụng chính: Người chơi Loại Ca sử dụng: Chi tiết

Mô tả:Người chơi chơi lại

Dòng sự kiện chính

1 Người sử dụng chơi lại

2 Hệ thống khởi động lại màn chơi