báo cáo bài tập lớn môn học lập trình mạng đề tài game bắn xe tăng

HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG KHOA CƠNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN MÔN HỌC: LẬP TRÌNH MẠNG Nhóm 04 Đề tài: Game bắn xe tăng Giảng viên: Thầy Nguyễn Trọng Khánh Sinh viên thực hiện: Phan Quang Hiếu : B18DCCN225 Chu Đức Chính : B18DCCN082 Hồ Sĩ Lâm : B18DCCN322 Lã Trung Hiếu : B18DCCN214 Lê Dương Hưng :B18DCCN280 Hà Nội - 2020 MỤC LỤC I DANH SÁCH THÀNH VIÊN VÀ ĐÓNG GÓP II PHÂN TÍCH YÊU CẦU ĐỀ BÀI .4 Mơ tả tốn .4 2.    Phạm vi phần mềm .4 Công nghệ sử dụng III PHÂN TÍCH THIẾT KẾ TỔNG QUAN HỆ THỐNG 1.    Các tác nhân (actor) tác động vào hệ thống .4 2.    Biểu đồ use case 3.    Mô tả chức (use case) IV PHÂN TÍCH THIẾT KẾ CHI TIẾT HỆ THỐNG 1.    Viết kịch Scenario 2.    Biểu đồ lớp 3.    Biểu đồ .7 V KIẾN TRÚC HỆ THỐNG VÀ CÀI ĐẶT HỆ THỐNG .7 1.    Kiến trúc hệ thống 2.    Cài đặt hệ thống VI CÁC KẾT QUẢ ĐẠT ĐƯỢC .8 1.    Đăng ký 2.    Đăng nhập .8 Giao diện vào chọn phòng Giao diện chơi game .9 VII KẾT LUẬN 10 bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang I DANH SÁCH THÀNH VIÊN VÀ ĐĨNG GĨP Thành viên Đóng góp Phan Quang Hiếu (nhóm trưởng) - Game Engine Chu Đức Chính - Lã Trung Hiếu - Làm giao diện đăng ký,đăng nhập,chọn phòng - Thiết kế database  - API đăng nhập, đăng ký Vẽ xe tăng Hồ Sĩ Lâm - Làm báo cáo Lê Dương Hưng bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang II PHÂN TÍCH U CẦU ĐỀ BÀI Mơ tả toán Game bắn xe tăng nhiều người chơi Gồm Server nhiều Client -        Phía Client + Để chơi người chơi phải login vào tài khoản từ máy client + Sau login thành cơng giao diện lên danh sách phòng + Để thách đấu người chơi khác chọn vào phịng(Một phịng có tối đa player) + Sau chọn phòng, player vào phòng thi đấu với -        Phía Server + Kết trận đấu lưu vào server 2.    Phạm vi phần mềm Người dùng có trình duyệt truy cập vào địa trang web trị chơi để chơi Cơng nghệ sử dụng  Client: HTML, CSS, JS, thư viện sockei.io.js  Server: node js, soket.io  Database: mongodb III PHÂN TÍCH THIẾT KẾ TỔNG QUAN HỆ THỐNG 1.    Các tác nhân (actor) tác động vào hệ thống -        Người chơi (player) bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang 2.    Biểu đồ use case   3.    Mô tả chức (use case) -        UC1 - Register: Người chơi đăng ký tài khoản để đăng nhập vào hệ thống -        UC2 - Login: Người chơi đăng nhập vào hệ thống -        UC3 - Choose room: Người chơi chọn phòng để bắn IV UC4 - Bắn PHÂN TÍCH THIẾT KẾ CHI TIẾT HỆ THỐNG 1.    Viết kịch Scenario ·       Kịch đăng ký Player chọn vào form login Server hiển thị giao diện login bao gồm: Tên tài khoản, mật khẩu, nút đăng ký, nút đăng nhập Player chọn vào nút Đăng ký Server hiển thị form Đăng ký bao gồm: input Tên tài khoản, input mật khẩu, button Đăng ký Player điền đầy đủ thông tin vào form Đăng ký Server kiểm tra thông tin nhập, hiển thị form Đăng nhập bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang Exception: Player điền account tồn sở liệu Server không hiển thị thông báo “Tài khoản tồn tại” ·  Kịch đăng nhập Player chọn vào form Đăng nhập Server hiển thị giao diện login bao gồm: tên tài khoản, mật khẩu, nút đăng nhập, nút đăng ký Player điền đầy đủ thông tin form Server kiểm tra thông tin bắt đầu giao diện game Exception: Player điền sai thông tin tài khoản Server hiển thị thông báo “Sai thông tin đăng nhập” Player nhập lại thông tin… ·  Kịch chơi game Các Player chọn phịng mà muốn để thi đấu với Server lắng nghe, đưa player vào phòng vừa chọn       3 Player sử dụng phím điều hướng click để bắn Server cập nhật trạng thái, tính tốn vị trí đường đạn bắn ra, lượng máu Player ·  Kịch xem phòng Player đăng nhập Server trả trang chủ bao gồm danh sách số phịng có sẵn Player xem số lượng Player có phịng(mặc định 4)   bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang 2.    Biểu đồ lớp     3.    Biểu đồ - Chức đăng ký - Chức đăng nhập bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang bao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tangbao.cao.bai.tap.lon.mon.hoc.lap.trinh.mang.de.tai.game.ban.xe.tang V - Chức chơi game - Chức tăng level (Tăng hp+dame) KIẾN TRÚC HỆ THỐNG VÀ CÀI ĐẶT HỆ THỐNG 1.    Kiến trúc hệ thống -        Kiến trúc hệ thống theo mơ hình MVC 2.    Cài đặt hệ thống -        Game bắn tank cài đặt dạng client-server, sử dụng giao thức TCP/IP -        Sau mở server server lắng nghe tiếp nhận kết nối từ client  -        Mỗi client tương đương với người chơi Client gửi yêu cầu xử lý lên server nhận kết từ server trả Cơ chế hoạt động game - Với phịng server có biết tồn cục(roomData) để lưu thông tin xe tank (tọa độ xe, hp, atk, id người chơi), viên đạn (tọa độ đạn, tốc độ, atk, id người chơi), hành động người chơi (lên, xuống, trái, phải, góc nịng súng, bắn) phòng - Khi người chơi đăng nhập chọn phịng gửi thơng tin lên server, server thêm người chơi vào phòng nguời chơi chọn, tạo biến xe tăng, biến hành động tương ứng với người chơi lưu vào biến toàn cục - Cứ khoảng thời gian (15ms) server tính tốn tọa độ xe tăng, viên đạn, kiểm tra va chạm, kiểm tra hp người chơi (