Đồ á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

TRƢỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI 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 TRƢỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI 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 Đánh giá đồ án tốt nghiệp (Dùng cho giảng viên hƣớng dẫn) Giảng viên đánh giá: Họ tên Sinh viên: MSSV: ………………… Tên đồ án: ………………………………………………………………………………… Chọn mức điểm phù hợp cho sinh viên trình bày theo tiêu chí: Rất (1); Kém (2); Đạt (3); Giỏi (4); Xuất sắc (5) Có kết hợp lý thuyết thực hành (20) Nêu rõ tính cấp thiết quan trọng đề tài, vấn đề giả thuyết (bao gồm mục đích tính phù hợp) nhƣ phạm vi ứng dụng đồ án Cập nhật kết nghiên cứu gần (trong nƣớc/quốc tế) Nêu rõ chi tiết phƣơng pháp nghiên cứu/giải vấn đề Có kết mơ phỏng/thƣc nghiệm trình bày rõ ràng kết đạt đƣợc Có khả phân tích đánh giá kết (15) Kế hoạch làm việc rõ ràng bao gồm mục tiêu phƣơng pháp thực dựa kết nghiên cứu lý thuyết cách có hệ thống Kết đƣợc trình bày cách logic dễ hiểu, tất kết đƣợc phân tích đánh giá thỏa đáng 5 Trong phần kết luận, tác giả rõ khác biệt (nếu có) kết đạt đƣợc mục tiêu ban đầu đề đồng thời cung cấp lập luận để đề xuất hƣớng giải thực tƣơng lai Kỹ viết (10) Đồ án trình bày mẫu quy định với cấu trúc chƣơng logic đẹp mắt (bảng biểu, hình ảnh rõ ràng, có tiêu đề, đƣợc đánh số thứ tự đƣợc giải thích hay đề cập đến đồ án, có lề, dấu cách sau dấu chấm, dấu phẩy v.v), có mở đầu chƣơng kết luận chƣơng, có liệt kê tài liệu tham khảo có trích dẫn quy định Kỹ 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 có sở, từ vựng sử dụng phù hợp v.v.) Thành tựu nghiên cứu khoa học (5) (chọn trƣờng hợp) Có báo khoa học đƣợc đăng chấp nhận đăng/đạt giải 10a SVNC khoa học giải cấp Viện trở lên/các giải thƣởng khoa học (quốc tế/trong nƣớc) từ giải trở lên/ Có đăng ký phát minh sáng chế Đƣợc báo cáo hội đồng cấp Viện hội nghị sinh viên 10b nghiên cứu khoa học nhƣng không đạt giải từ giải trở lên/Đạt giải khuyến khích kỳ thi quốc gia quốc tế khác chuyên ngành nhƣ TI contest 10c Khơng có thành tích nghiên cứu khoa học Điểm tổng /50 Điểm tổng quy đổi thang 10 Nhận xét thêm Thầy/Cô (giảng viên hướng dẫn nhận xét thái độ tinh thần làm việc sinh viên) Ngày: / /201 Ngƣời nhận xét (Ký ghi rõ họ tên) Đánh giá đồ án tốt nghiệp (Dùng cho cán phản biện) Giảng viên đánh giá: Họ tên sinh viên: MSSV: ………………… Tên đồ án: ………………………………………………………………………………… Chọn mức điểm phù hợp cho sinh viên trình bày theo tiêu chí: Rất (1); Kém (2); Đạt (3); Giỏi (4); Xuất sắc (5) Có kết hợp lý thuyết thực hành (20) Nêu rõ tính cấp thiết quan trọng đề tài, vấn đề giả thuyết (bao gồm mục đích tính phù hợp) nhƣ phạm vi ứng dụng đồ án Cập nhật kết nghiên cứu gần (trong nƣớc/quốc tế) Nêu rõ chi tiết phƣơng pháp nghiên cứu/giải vấn đề Có kết mơ phỏng/thƣc nghiệm trình bày rõ ràng kết đạt đƣợc Có khả phân tích đánh giá kết (15) Kế hoạch làm việc rõ ràng bao gồm mục tiêu phƣơng pháp thực dựa kết nghiên cứu lý thuyết cách có hệ thống Kết đƣợc trình bày cách logic dễ hiểu, tất kết đƣợc phân tích đánh giá thỏa đáng 5 Trong phần kết luận, tác giả rõ khác biệt (nếu có) kết đạt đƣợc mục tiêu ban đầu đề đồng thời cung cấp lập luận để đề xuất hƣớng giải thực tƣơng lai Kỹ viết (10) Đồ án trình bày mẫu quy định với cấu trúc chƣơng logic đẹp mắt (bảng biểu, hình ảnh rõ ràng, có tiêu đề, đƣợc đánh số thứ tự đƣợc giải thích hay đề cập đến đồ án, có lề, dấu cách sau dấu chấm, dấu phẩy v.v), có mở đầu chƣơng kết luận chƣơng, có liệt kê tài liệu tham khảo có trích dẫn quy định Kỹ 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 có sở, từ vựng sử dụng phù hợp v.v.) Thành tựu nghiên cứu khoa học (5) (chọn trƣờng hợp) Có báo khoa học đƣợc đăng chấp nhận đăng/đạt giải 10a SVNC khoa học giải cấp Viện trở lên/các giải thƣởng khoa học (quốc tế/trong nƣớc) từ giải trở lên/ Có đăng ký phát minh sáng chế Đƣợc báo cáo hội đồng cấp Viện hội nghị sinh viên nghiên 10b cứu khoa học nhƣng không đạt giải từ giải trở lên/Đạt giải khuyến khích kỳ thi quốc gia quốc tế khác chun ngành nhƣ TI contest 10c Khơng có thành tích nghiên cứu khoa học Điểm tổng /50 Điểm tổng quy đổi thang 10 Nhận xét thêm Thầy/Cô (giảng viên hướng dẫn nhận xét thái độ tinh thần làm việc sinh viên) Ngày: / /201 Ngƣời nhận xét (Ký ghi rõ họ tên) GVHD: ThS LỜI NÓI ĐẦU Trƣớc hết, em xin cảm ơn tất thầy cô giáo trƣờng đại học Bách Khoa Hà Nội nói chung thầy cô Viện Điện tử - Viễn thơng nói riêng tận tâm truyền đạt kiến thức cho em suốt quãng thời gian em đƣợc học trƣờng Thầy cô truyền dạy lại cho em nhiều kiến thức tảng sở đến kiến thức chun mơn hữu ích kinh nghiệm sâu sắc đời sống để giúp đỡ cho chúng em cho sống sau Là sinh viên năm cuối Viện Điện tử -Viễn thông, Đại Học Bách Khoa Hà Nội, em nhận thấy cần phải phát huy mạnh lĩnh vực lập trình nay, cơng nghệ lập trình phát triển nhanh đói hỏi kỹ sƣ nhƣ em cần nắm bắt nhanh với tƣ lập trình mới, nắm bắt tìm hiểu ngơn ngữ mới, thƣ viện mới, framework xuất ngày nhiều có nhiều điểm mạnh riêng phù hợp với hầu hết yêu cầu công ty, đối tác khách hàng Lựa chọn tìm hiểu ứng dụng lập trình ReactJS Python có tính mẻ, tính phổ biến, tính hiệu hàng đầu, em đị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ẰNG NGƠ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 việc chọn đề tài nhƣ hƣớng dẫn em suốt trình thực đồ án tốt nghiệp Em nhận đƣợc nhiều lời khuyên bổ ích nhƣ kiến thức chuyên môn đáng quý hỗ trợ để em suốt trình làm đồ án Đây kiến thức theo em suốt trình làm việc sau Em xin gửi lời cảm ơn chân thành đến anh chị Công ty Cổ phần Đầu tƣ Phát triển Koolsoft cung cấp chia sẻ kiến thức, giúp đỡ chuyên môn cho em làm đồ án nhƣ tạo môi trƣờng làm việc khoa học cho em nhiều kinh nghiệm quý giá cho công việc tƣơng lai em Trong suốt trình làm đồ án, dù cố gắng nhƣng thời gian có hạn nên sản phẩm chắn thiếu sót Nên em mong nhận đƣợc góp ý thầy cô bạn, để em rút đƣợc kinh nghiệm cho sản phẩm sau em Em xin chân thành cảm ơn ! SVTH: Kiều Văn Đông – MSSV: 20130947 GVHD: ThS TĨM TẮT ĐỒ ÁN Trong thời điểm Cơng nghệ lập trình phát triển mạnh vơ nhanh chóng nhƣ nay, ngôn ngữ mới, thƣ viện mới, framework xuất ngày nhiều có nhiều điểm mạnh riêng đáp ứng hầu hết yêu cầu ngày cao công ty, đối tác khách hàng Cuối năm 2017 đầu năm 2018, Python React nằm bảng xếp hạng xu hƣớng lập trình nhƣ đƣợc u thích hàng đầu, phổ biến Thế giới, nhƣ đáp ứng tốt nhu cầu tuyển dụng Nắm bắt điểm mạnh vƣợt trội chúng, Đồ án tốt nghiệp mình, em tìm hiểu chúng ứng dụng lập trình, cụ thể: Python lập trình Game ReactJS lập trình website gameball Đồ án em bao gồm chƣơng, nội dung chƣơng nhƣ sau: Chƣơng đề cập đến khái niệm, đặc điểm ứng dụng lập trình Python ReactJS Chƣơng 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 trình bày triển khai ứng dụng ReactJS để lập trình website trò chơi “GameBall3” Cuối kết luận, đƣa mục tiêu chƣa làm đƣợc hệ thống, thuận lợi khó khăn q trình thực đồ án hƣớng phát triển tƣơng lai SVTH: Kiều Văn Đông – MSSV: 20130947 GVHD: ThS ABSTRACT Until now programming technology has grown tremendously and rapidly, today's new languages, new libraries, and new frameworks appear to have more and more strengths that meet most of the requirements high of companies, customer partners By the end of 2017 and early 2018, both Python and React programming languages will be in every rankings as Top programming languages, Top of the most popular languages Grasp the strengths of the above two languages, in my graduation project, I learned about them and application in the programmer, specifically: Python in game programming and ReactJS in website programming My project includes program, primary content programs as following: Chapter shows the Python and React with the specific and applications in the programming Chapter shows implementation of the Python application to set the game: ”GameBall3” Chapter 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 SVTH: Kiều Văn Đông – MSSV: 20130947 GVHD: ThS MỤC LỤC LỜI NÓI ĐẦU TÓM TẮT ĐỒ ÁN ABSTRACT .3 MỤC LỤC DANH MỤC HÌNH VẼ DANH MỤC BẢNG BIỂU .7 DANH SÁCH CÁC TỪ VIẾT TẮT CHƢƠNG TÌM HIỂU VỀ PYTHON VÀ REACT .9 1.1 TÌM HIỂU VỀ PYTHON 1.1.1 Lịch sử phát triển .9 1.1.2 Đặc điểm chung 1.1.3 Điểm đặc biệt 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 trạng 21 1.2.2 Giới thiệu chung ReactJS 21 1.2.3 Đặc điểm chi tiết ReactJS 25 CHƢƠNG ỨNG DỤNG PYTHON LẬP TRÌNH TRÕ CHƠI GAMEBALL 28 2.1 Ý tƣởng 28 2.2 Giới thiệu sơ lƣợc 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 29 2.3.4 Sơ đồ hoạt động 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 SVTH: Kiều Văn Đông – MSSV: 20130947 GVHD: ThS TC_03 Xem điểm chơi Click vào trang xếp Màn hình hiển thị hạng thứ tự, điểm số, Passed mail, tên user TC_04 Xem video, Tự động hiển thị ảnh mô tả game Hiển thị Passed TC_05 Bình luận Nhập text vào box Gửi liệu data Passed TC_06 Tải game Click vào link tải gảm Tải game đƣợc passed trang Tải game 3.7 Các bƣớc thiết kế giao diện website 3.7.1 Thiết kế giao diện trang chủ  Khi ngƣời dùng truy cập vào web lên giao diện trang chủ logo trò chơi, phần Header cho phép ngƣời dùng xem ảnh nhƣ video mô tả sơ qua trò chơi Game ball3 Hình 3.1: Giao diện trang chủ hồn thiện SVTH: Kiều Văn Đơng – MSSV: 20130947 59 GVHD: ThS Hình 3.2: Giao diện trang chủ hồn thiện  Màn hình có button giúp ngƣời dùng đăng nhập vào hệ thống Hình 3.3: Giao diện trang chủ hồn thiện SVTH: Kiều Văn Đơng – MSSV: 20130947 60 GVHD: ThS  Bên dƣới hình link thơng báo admin, tin tức Hình 3.4: Giao diện tab tin tức thơng báo trang chủ  Phần cuối thông tin liên hệ tác giả, dịch vụ hỗ trợ ngƣời dùng Hình 3.5: Giao diện thông tin trang liên kết trang chủ hồn thiện Hình 3.6: Giao diện footer trang chủ hồn thiện SVTH: Kiều Văn Đông – MSSV: 20130947 61 GVHD: ThS 3.7.2 Tạo trang đăng ký, đăng nhập, đổi mật cho ngƣời chơi Khi ngƣời dùng click vào đăng nhập hiển thị cho ngƣời dùng bảng mẫu Nếu ngƣời dùng có tài khoản đăng nhập , chƣa có tài khoản đăng kí mục bên cạnh form đăng nhập đăng ký cho ngƣời dung nhƣ sau: Hình 3.7: Giao diện modal đăng nhập & đăng ký 3.7.3 Thống kê bảng xếp hạng điểm chơi Thông tin bảng xếp hạng theo ngày , tháng ngƣời chơi đƣợc hiển thị ngƣời dùng click vào tab “Xếp hạng” tab thuộc header trang chủ 3.7.4 Tạo tính bình luận cho ngƣời dùng Em tạo box nhập email text để ngƣời dùng gửi lời nhắn, bình luận, đánh giá tới quản trị viên trang web SVTH: Kiều Văn Đông – MSSV: 20130947 62 GVHD: ThS Hình 3.8: Giao diện box bình luận trang chủ hồn thiện 3.7.5 Tính tải game cho ngƣời dùng Ngƣời dùng click vào tab “Tải game” tab trang chủ làm theo hƣớng dẫn để tải game Hình 3.9: Giao diện tab tải game 3.7.6 Tạo sở liệu cho web  Cài đặt MySQLdb client cho trình duyệt chạy game Pycharm  Cài đặt ứng dụng phần mềm tạo máy chủ Web Server XAMPP XAMPP đƣợc tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server công cụ nhƣ phpMyAdmin Xampp có chƣơng trình quản lý tiện lợi, cho phép chủ động bật tắt khởi động lại dịch vụ máy chủ lúc  Sau bật XAMPP Chọn Start Apache MySQL SVTH: Kiều Văn Đông – MSSV: 20130947 63 GVHD: ThS Trên trình duyệt, mở trang: localhost/phpMyAdmin, ta tạo bảng sở liệu lƣu lại tồn thơng tin đăng ký web, đăng nhập game kèm theo số điểm , số map ứng với tên đăng nhập ngƣời chơi 3.7.7 Hình ảnh hồn thiện Hình 3.10: Giao diện hồn thiện Hình 3.11: Giao diện hồn thiện SVTH: Kiều Văn Đông – MSSV: 20130947 64 GVHD: ThS Hình 3.12: Giao diện hồn thiện SVTH: Kiều Văn Đông – MSSV: 20130947 65 GVHD: ThS KẾT LUẬN Khó khăn gặp phải giải pháp 1.1 Vấn đề Khi login vào hệ thống vấn đề xảy Khi ngƣời dùng nhập tài khoản mật ta phải gửi dễ liệu sever để xem có tài khoản mật có hay khơng Tiếp theo để login lần Login lần có nghĩa ngƣời dùng đăng nhập trình duyệt Khi login thành cơng mà chƣa logout ngƣời dùng tắt bỏ tab đóng trình duyệt, mở lại trình duyệt ngƣời dùng không cần đăng nhập lại lần 1.2 Giải pháp Để giải cho vấn đề em, đặc biệt Reactjs em thực nhƣ sau Khi check thành công cho đăng nhập vào hệ thống Trong phần login có xử dụng thƣ viện tiếng axios để gửi liệu lên sever, liệu gửi lên bào gồm tên tài khoản, mật kèm theo session (phục vụ cho việc login lần) Khi thấy liệu sever khớp sever trả tồn thơng tin (thông tin ngƣời dùng, thông tin điểm số ngƣời dùng) cho đăng nhập vào hệ thống Những lần đăng nhập khi thấy session sever khớp không yêu cầu đăng nhập Khi đăng xuất session biến Thiết kế giao diện cho website 2.1 Vấn đề Vì ngơn ngữ công nghệ em tiếp xúc nên việc giao diện đòi hỏi tính cẩn thận tỉ mỉ việc phù hợp hình khác quan trọng hệ thống dành cho hầu hết thiết bị có kết nối Internet SVTH: Kiều Văn Đơng – MSSV: 20130947 66 GVHD: ThS 2.2 Giải pháp Trong q trình tìm hiểu reactjs để làm đƣợc front-end có giao diện đẹp khả phù hợp với hình kích thƣớc khác em tìm hiểu thƣ viện antd, Bootstraps Hai thƣ viện hỗ trợ giúp ta phân chia hình, hỗ trợ tốt mặt giao diện nhƣng chủ yếu tự code tự hiểu để giải vấn đề Giao diện gần nhƣ phù hợp với loại hình Giao diện tƣơng đối đẹp bắt mắt với học viên sử dụng hệ thống Kết luận Vì cơng nghệ em tiếp xúc nên bắt tay vào làm project em gặp nhiều khó khăn, thiết sót hạn chế mặt kĩ thuật nhiều Nhờ sợ giúp đỡ thầy hƣớng dẫn bạn bè giúp em làm tốt hơn, học hỏi đc nhiều điều làm Dƣới em xin nêu kết đạt đƣợc, thứ mà hệ thống chƣa đạt đƣợc kinh nghiệm rút em 3.1 Mục tiêu sản phẩm đạt đƣợc  Sản phẩm đơn giản phù hợp với nhiều nhiều đối tƣợng, bạn bè, ngƣời quen đối tƣợng chủ yếu  Giao diện game web đẹp mắt, dễ sử dụng 3.2 Mục tiêu sản phẩm chƣa đạt đƣợc Bên cạnh mục tiêu sản phẩm đạt đƣợc nhƣng điểm hệ thống chƣa đạt đƣợc là:  Chƣa có khả chơi web trực tiếp  Đồ họa Game chƣa đẹp, độ khó chƣa cao  Còn số hình chƣa responsive đƣợc Kinh nghiệm rút Sau hoàn thành đồ án, em rút học kinh nghiệm là:  Khâu thiết kế tìm hiểu, phân tích u cầu khâu quan trọng để làm sản phẩm tốt, đáp ứng đầy đủ yêu cầu ngƣời dùng  Không lên lạm dụng code thƣ viện có sẵn, cần tìm hiểu rõ đƣợc cách thức code hoạt động SVTH: Kiều Văn Đông – MSSV: 20130947 67 GVHD: ThS  Phải đặt vào vị trí ngƣời dùng, ngƣời dùng cần gì, nhƣ để phát triển phần mềm theo hƣớng  Liên tục làm việc với khách hàng từ khâu bắt đầu hình thành sản phẩm hồn tất sản phẩm, tránh trƣờng hợp làm theo ý mình, khơng hiểu yêu cầu khách hàng phải sửa lại, làm tốn thời gian  Khơng nên giữ tƣ tƣởng làm sản phẩm DEMO, tƣ theo cách làm sản phẩm Hƣớng phát triển Nhƣ trình bày báo cáo tồn project Còn nhiều điểm cần phát triển tƣơng lai:  Sẽ phát triển thêm nhiều game Python nhƣ ngơn ngữ khác  Thêm nhiều tính cho Game nhƣ trang web game  Làm cho web xử lí nhanh  Giao diện đƣợc thiết kế cách tự nhiên hơn, chuyên nghiệp, đẹp mắt  Nâng cấp tên miền server cho web SVTH: Kiều Văn Đông – MSSV: 20130947 68 GVHD: ThS KẾT LUẬN CHUNG Phát triển trò chơi Game Ball với web cơng việc đòi hỏi cần có nhiều thời gian kiến thức lập trình Để có kết tốt em cần phải mày mò, tìm hiểu thêm nhiều cách ứng dụng thƣ viện hỗ trợ, nhƣ tìm hiểu đào sâu ngôn ngữ, tảng React Python Đồ án em tìm hiểu đƣợc bƣớc thiết kế website trò chơi hồn chỉnh, ứng dụng đƣợc ngơn ngữ thƣ viện thời kỳ phát triển thu hút lớn lƣợng lập trình viên nhƣ nhà phát triển Song sản phẩm tạo chƣa thể đƣợc hết tính hiệu nhƣ điểm mạnh chúng Hƣớng phát triển đồ án tƣơng lai là: mở rộng phát triển them nhiều game viết Python nhƣ số ngôn ngữ khác, thêm tính cho game nhƣ trang web game, nâng cấp web giao diện, tốc độ xử lý, server, tên miền… SVTH: Kiều Văn Đông – MSSV: 20130947 69 GVHD: ThS TÀI LIỆU THAM KHẢO [1] T.R Padmanabhan, Programing with Python [2] Jerremy Gibson, Introductions to Game Design, Prototyping, and Development [3] Al Sweigart, Making Games with Python & Pygame [4] TS Nguyễn Thanh Bình , Giáo trình Phân tích thiết kế hướng đối tượng, Đại học Bách khoa Hà Nội [5] https://docs.python.org/3/tutorial/ truy cập cuối ngày 20/2/2018 [6] https://www.pygame.org/docs/ truy cập cuối ngày 5/3/2018 [7] T.R Padmanabhan , Programing with Python [8] https://www.youtube.com/watch?v=gL5HBA_1bDQ&list=PLJ5qtRQovuEOoKffo CBzTfvzMTTORnoyp&index=1 truy cập cuối ngày 1/6/2018 [9] https://ant.design/components truy cập cuối ngày 1/6/2018 [10] http://class.fedu.vn truy cập cuối ngày 1/6/2018 [11] https://hackernoon.com truy cập cuối ngày 1/6/2018 [12]https://codeburst.io/how-to-build-your-own-react-boilerplate-1a97d09337fd truy cập cuối ngày 1/6/2018 [13] https://blog.bitsrc.io/5-tools-for-faster-development-in-react-676f134050f2 truy cập cuối ngày 1/6/2018 [14] https://medium.freecodecamp.org/learn-react-js-in-5-minutes-526472d292f4 truy cập cuối ngày 1/6/2018 [15] https://stackoverflow.com/questions/tagged/reactjs truy cập cuối ngày 20/5/2018 [16] https://nodejs.vn truy cập cuối ngày 5/6/2018 [17] https://fullstackstation.com truy cập cuối ngày 5/6/2018 [18] https://viblo.asia/tags/reactjs truy cập cuối ngày 3/6/2018 [19] http://getbootstrap.com.vn/css/#forms truy cập cuối ngày 1/6/2018 SVTH: Kiều Văn Đông – MSSV: 20130947 70 GVHD: ThS BẢNG ĐỐI CHIẾU THUẬT NGỮ VIỆT – ANH Thuật ngữ Tiếng Anh Thuật ngữ Tiếng Việt API Giao diện lập trình ứng dụng CNTT Cơng nghệ thông tin ĐATN Đồ án tốt nghiệp SV Sinh viên JS Java Scripts CSS Cascading Style Sheets Interpreter Trình thơng dịch Compiler Trình biên dịch SVTH: Kiều Văn Đơng – MSSV: 20130947 71 GVHD: ThS PHỤ LỤC [1] Cài đặt Python  Truy cập trang web : https://www.python.org/downloads/  Tải Python 3.6.5 trang chủ  Chạy cài đặt tải [2] Liên kết Python với Netbeans (thay cho IDE Pycharm)  Truy cập trang web : http://plugins.netbeans.org/PluginPortal/  Tải NetBeans 8.0.2  Khởi động Netbeans  Trên công cụ lựa chọn Tools > Plugin  Trong Tab Downloaded chọn Add Plugin…  Chọn đƣờng dẫn đến thƣ mục vừa tải plugin ấn OK  Khởi động lại Netbeans [3] Cài thƣ viện Pygame  Truy cập trang web : https://www.lfd.uci.edu/~gohlke/pythonlibs/#pygame  Tải pygame-1.9.3-cp36-cp36m-win32.whl  Copy pygame-1.9.3-cp36-cp36m-win32.whl đến thƣ mục C:\python3.6\Scripts  Chạy lệnh “python –m ensurepip”  Chạy lệnh “python –m ensurepip –upgrade”  Chạy lệnh “pip install wheel”  Chạy lệnh “pip install wheel – upgrade”  Chạy lệnh “pip install pygame”  Chạy lệnh “pip uninstall pygame”  Chạy lệnh “pip install pygame-1.9.3-cp36-cp36m-win32.whl” SVTH: Kiều Văn Đông – MSSV: 20130947 72 GVHD: ThS [4] Cài đặt gói pip 10.0.1, gói setuptools 39.1.0, gói pygame 1.9.3, gói mysqlclient 1.3.12 Pycharm để ứng dụng thƣ viện, kết nối liệu game với web số cài đặt khác [5] Cài đặt XamPP để tạo môi trƣờng ảo Web Server [6] Câu lệnh cài đặt cửa sổ cmd  npm install để cài đặt gói JS  npm start để chạy React app  npm install -g create-react-app , create-react-app gameball để tạo project React SVTH: Kiều Văn Đông – MSSV: 20130947 73 ... dụng lập trình, cụ thể: Python lập trình Game ReactJS lập trình website gameball Đồ án em bao gồm chƣơng, nội dung chƣơng nhƣ sau: Chƣơng đề cập đến khái niệm, đặc điểm ứng dụng lập trình Python. .. 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 Đánh giá đồ án. .. ReactJS Chƣơng 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 trình bày triển khai ứng dụng ReactJS để lập trình website trò chơi GameBall3 ” Cuối