BÁO CÁO ĐỒ ÁN CUỐI KÌ KTISI’S PROJECT đề tài Gaming & Coding

KHOA ĐÀO TẠO QUỐC TẾ MÔN INTRODUCTION TO INFORMATION TEACHNOLOGY BÁO CÁO ĐỒ ÁN CUỐI KÌ KTISI’S PROJECT Giảng viên hướng dẫn: PGS.TS Đồn Đức Hiếu Nhóm sinh viên thực hiện: Lâm Nguyễn Huy Hoàng Nguyễn Văn Anh Đồng Dương Đức Khải Lâm Quốc Hưng Nguyễn Khắc Huy MSSV : 21110001 MSSV : 21110752 MSSV : 21110751 MSSV : 21110753 MSSV : 21110773 MỤC LỤC Lời mở đầu : Lý chọn đề tài……………………………………………….2 Chương : Tổng quan dự án…… ……………………………… Mục tiêu nghiên cứu………………………………………………… Đối tượng nghiên cứu……………………………………………… 3 Tiến trình nghiên cứu…………………………………………….… Chương : Quá trình thực kết Quá trình thực 2.1 IoT……………………………………………………………… 2.1a Kết nối động dựng mơ hình sơ cấp…………………… …3 2.1b Kết nối hệ thống trung ương……………………………….… …4 2.1c Kết nối Module giao tiếp……………………………………… …4 2.1d Nạp chương trình………………………………………………….5 2.1e Trang web điều khiển game………………………………………6 2.2 Game…………………………………………………………………… 2.2.1 Ktisi donjo ………………………………………………… ……6 2.2.2 Ktisi oẳn ………………………………………………… …9 2.3 Web (các thao tác, công đoạn)…………………………………………10 2.3.1 Ktisi web game……………………………… ………………….10 2.3.1a Thiết kế trang giới thiệu…………………………………….10 2.3.1b Web hướng dẫn html, css, js………….………………….10 2.3.1c Tạo web code editor ……………………… ……………….10 2.3.1d Web giới thiệu Team………………………… ………….10 2.3.2 Web ktisi film, ktisi music, ktisi manga, ktisi shop…… …… 11 Kết quả……………………………………………… ………………….….11 Sơ đồ hoàn chỉnh trang web……………………………………….….11 Chương : Kết luận tiềm dự án……………………………….12 2|Page Chương : Tài liệu tham khảo ………………………………………………12 LỜI MỞ ĐẦU Ngày nay, ứng dụng công nghệ thơng tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty; đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, cơng ty chí cá nhân, ngày nay, khơng lấy làm xa lạ Với vài thao tác đơn giản, người trở thành chủ website giới thiệu họ quan tâm: website giới thiệu thân gia đình họ, website trình bày sưu tập hình ảnh loại xe mà họ thích chẳng hạn Ø Lý chọn đề tài Đối với phủ cơng ty việc xây dựng website riêng ngày trở nên cấp thiết Thông qua website này, thông tin họ công văn, thông báo, định phủ hay sản phẩm, dịch vụ công ty đến với người quan tâm, đến với khách hàng họ cách nhanh chóng kịp thời, tránh phiền hà mà phương thức giao tiếp truyền thống thường gặp phải Hoạt động cơng ty game có quy mơ lớn cảng tăng cường mở rộng xây dựng website tốt Bắt nguồn với ý tưởng này, với gợi ý thầy Nguyễn Đăng Quang, chúng em chọn đề tài “Gaming & Coding” hoàn thành tập lớn kế hoạch Có kết vậy, nhóm chúng em xin gửi lời cảm ơn sâu sắc tới thầy Nguyễn Đăng Quang người hướng dẫn chúng em suốt trình làm tập lớn 3|Page Chúng em xin chân thành cảm ơn thầy ! CHƯƠNG : TỔNG QUAN VỀ DỰ ÁN Mục tiêu nghiên cứu : Giới thiệu rõ số ứng dụng phổ biến xây dựng việc sử dụng Internet Chỉ khác trò chơi xây dựng tảng độc lập khác Đối tượng nghiên cứu : Web ứ ng dụ ng củ a web o thự c tế với xe điều khiển từ xa qua Bluetooth Tiến trình nghiên cứu  Tìm hiểu lý thuyết , trang bị kiến thức cần có để bắt đầu làm dự án  Chọn chủ đề cho dự án  Phân chia công việc phù hợp với lực thành viên  Tiến hành thực công việc phân công  Kiểm tra chất lượng sản phẩm chỉnh sửa cho hợp lí  Phân tích khó khăn gặp phải trình làm, tổng hợp lại sửa chữa  Cập nhật, sửa lỗi sản phẩm liên tục sản phẩm hoàn thiện CHƯƠNG : QUÁ TRÌNH THỰC HIỆN VÀ KẾT QUẢ Quá trình thực : 2.1 Iot : 4|Page a) Kết nối động dựng mơ hình sơ cấp  Trước tiên, ta hàn dây điện vào cực động Ở ta sử dụng động V1 thường với điện áp cấp từ 6-9V  Sau tiến hành hàn dây với động  Tiếp theo, tiến hành lắp động vào khung xe b) Kết nối hệ thống trung ương Sử dụng motor driver để điều khiển động Ở motor driver L293D motor driver sử dụng phổ biến với Arduino L293D sử dụng 2 IC cầu H hoàn chỉnh với chế độ bảo vệ IC logic 74HC595 để điều khiển động Có thể điều khiển nhiều loại động khác động bước, động servo, động DC, với mức áp lên đến 36V, dòng tối đa 600mA cho kênh điều khiển Kết nối Motor Shield L293D vào Arduino Uno R3 Nối động vào Motor Shield L293D theo sơ đồ vẽ, động nối vào chân M1, M2, M3, M4 Shield với kí số số thưa tự Motor tương ứng Hai chân M+ GND dùng để nối với nguồn điện bên c) Kết nối Module giao tiếp Ở dự án này, sử dụng Module Bluetooth HC-06 để giúp cho mạch Arduino dễ dàng giao tiếp với thiết bị cho phép truy cập kết nối Bluetooth vai trị Slave, từ thơng qua Serial để dễ dàng giao tiếp với Arduino VCC GND HC-06 cắm vào đầu 5V GND Arduino tương tự tất Module khác 5|Page Riêng chân RX TX HC-06 với vai trò cổng Receiver Transmitter Module, nối chéo với RX TX Arduino Rx từ module nối với Tx Arduino ngược lại d) Nạp chương trình Sau hồn thành lắp khung nối dây, thực nạp code vào Arduino để vận hành xe Giải thích cách hoạt động code, trước tiên ta khai báo động nút nhấn Với nút nhấn gọi hàm điều khiển hướng xe Để xe tiến, lùi hay quẹo ta thiết đặt hoạt động dành cho bánh xe, chẳng hạn muốn xe quẹo phải, để bánh trước chạy quay thuận bánh sau quay nghịch, xe từ từ trượt sang phải Sử dụng thuật toán tương tự cho quẹo trái, thẳng lùi Và việc thiết lập hoạt động xe hoàn thành Cuối cùng, kết nối nguồn vào Arduino để vận hành xe Ở ta sử dụng nguồn để đảm bảo xe đủ nguồn để hoạt động Sử dụng nguồn điện đầu vào:  Nguồn chính: - Dùng để vận hành Arduino module - Là nguồn DC điện 5V - Ở nguồn ta pin dự phòng  Nguồn phụ: - Dùng để bổ sung điện vận hành Motor quay - Là nguồn gồm pin, tổng cộng 6VDC Để điều khiển xe ta sử dụng phần mềm có sẵn điện thoại, kết nối Bluetooth bắt đầu sử dụng Sau đèn nháy màu xanh, tức kết nối thành cơng bắt đầu để điều khiể n 6|Page e) Trang web điều khiển game Trang web liên kết với Arduino để giúp người dùng thiết lập hướng di chuyển thời gian di chuyển xe 2.2 Game : 2.2.1 Ktisi donjo :  Thể loại : Roguelike Roguelike (hay Rogue-like) một nhánh phụ trong thể loại game nhập vai Với yếu tố thiết kế đồ một hầm ngục, hệ thống cấp độ, cách chơi theo từng lượt và chế “trừng phạt” người chơi chết.   Bảng menu Gồm nút bắt đầu ,hướng dẫn thoát code dựa thư viện JavaFx  Các ải game Ban đầu xây dựng đồ dựa theo mảng liệu xếp trước,sau o update cấu trúc đồ số lượng tạo cách ngẫu nhiên không cần phải thiết lập trước o Khi o Các phòng game liên kết với cửa vị trí cửa tạo cách ngẫu nhiên   Loại phòng o Phòng đầu phòng cuối có cấu tạo o Các phịng cịn lại có loại phịng khác o Các khối phịng khởi tạo ngẫu nhiên Nhân vật quái o Nhân vật quái có số khác bao gồm strength (sức mạnh), defense(phòng ngự), dexterity(nhanh nhẹn) o Các nhân vật 7|Page o Nhân vật có kinh nghiệm cấp độ Mỗi tiêu diệt yêu quái nhân vật nhận điểm kinh nghiệm,ở số điểm kinh nghiệm định nhân vật tăng cấp tương ứng với cấp tăng số cá nhân tăng o Thêm khả bị đói cho nhân vật, ăn thức ăn chết dần o Các quái vật gồm có zombie, skeleton, ghost, golem o Khi qua tầng số quái vật thay đổi để phù hợp với cấp độ nhân vật  Bảng trạng thái thông báo o Thêm bảng trạng thái giúp xác định số vật phẩm trang bị cho nhân vật game o Thêm bảng thông báo giúp xác định phương hướng cho người chơi  Trang bị vật phẩm game o Các Items thức ăn, giúp người chơi hồi phục máu giảm đói o Rương vật phẩm, xuất ngẫu nhiên map o Chìa khóa qua ải: Để qua tầng cần phải có chìa khóa để mở cửa o Các trang bị, giúp thay đổi số người chơi: o o o Giáp:  Giáp da  Giáp xích  Giáp bạch kim Khiên:  Khiên gỗ  Khiên thép  Khiên bạc Vũ khí:  Dao găm  Đoản đao 8|Page  o  o Trường kiếm Nhẫn:  Nhẫn Hộ Vệ: +3 DEF  Nhẫn Sức Mạnh: +3 STR  Nhẫn Dẻo Dai: +3 DEX  Nhẫn Lời nguyền Mong manh: -5 DEF  Nhẫn Lời nguyền Yếu đuối: -5 STR  Nhẫn Lời nguyền Nhếch nhác: -5 DEX Công dụng nhẫn biết sau đeo vào Các loại Potion: Potion với chức tương ứng với màu, thay đổi ngẫu nhiên lần chơi lại, biết màu thuốc sau uống  Thuốc hồi phục  Thuốc tăng số ( STR, DEF, DEX )  Thuốc chảy máu, tê liệt,làm choáng o Thêm tính Drop túi vật phẩm từ quái bị giết (Theo tỉ lệ) o Túi trang bị nơi trang bị Giáp, Khiên, Vũ khí, Nhẫn o Scroll Identify dùng để khai quan Nhẫn Potion chưa nhận biết công o Đuốc :được gắn tường giúp soi sáng đồ  Cách di chuyển nhân vật quái o Ban đầu nhân vật di chuyển dựa nguyên lý ma trận với bước dùng phép delay để tránh cho nhân vật di chuyển nhanh, sau update nhân vật di chuyển dựa tọa độ thay đổi từ việc delay 9|Page chuyển sang việc sử dụng độ dài bước chân giúp cân tốc độ di chuyển nhân vật o Các quái game di chuyển dựa trục tọa độ khung hình sử dụng vecto để định hướng Độ sáng đồ  o Ban đầu toàn đồ chiếu sáng,sau update map trở nên tăm tối hơn, xung quanh nhân vật đuốc thấy sáng Để làm cho map trở nên tối ta chồng mảng điểm tối lên map  sau tăng độ suốt điểm tối xung quanh đuốc nhân vật khiến cho xung quanh nhân vật đuốc sáng  Hiệu ứng đặc biệt o Thêm gói âm cho hoạt động nhân vật o Thêm nhạc o Thêm hiệu ứng đặc biệt nhân vật đứng yên di chuyển 2.2.2 Ktisi oẳn :  Dựa ngun lý trị oẳn để xây dựng game: o Người chơi chọn lựa chọn cho sẵn máy đưa kết ngẫu nhiên dựa lựa chọn cho trước o Mỗi hiệp có số ván tương ứng với số lượng chọn trước gia tăng số ván hiệp kết thúc o Mỗi bên thắng cộng điểm sau số lượng ván cho trước bên có nhiều điểm dành chiến thắng  Người chơi chọn nhân vật cho thân máy  Thêm background trò chơi trở nên sinh động 2.3 Web (các thao tác, công đoạn) 10 | P a g e 2.3.1 Ktisi web game  Lên ý tưởng web  Tìm kiếm hình ảnh background, tạo logo riêng nhóm  Sử dụng thêm thư viện JS bootstrap để code nhanh làm sản phẩm đẹp a) Thiết kế trang giới thiệu  Tạo thiết kế nav bar xài chung (trang chủ, giới thiệu, sản phẩm, team) + thiết kế nav bar riêng cho thiết bị có độ phân giải thấp  Thêm background logo b) Web hướng dẫn html, css, js  Phân chia bố cục: Giới thiệu ngôn ngữ web, Giới thiệu html, css, js, Ưu điểm & nhược điểm html, css, js, Vai trò ngôn ngữ web, Cách thức hoạt động ngôn ngữ web  Tìm kiếm tài liệu chứa thơng tin phần tương ứng  Thêm tài liệu vào web thiết kế bắt mắt c) Tạo web code editor  Phân chia bố cục: mảng để người dùng viết code (html, css, js), mảng đưa kết code  Tạo mảng riêng để người dung viết code(html, css, js)  Thêm thư viện vào để web nhận code xử lí chúng  Tạo mảng bên phải để đưa kết code d) Web giới thiệu Team :  Phân chia bố cục: mảng giới thiệu team, mảng chứa intro video team, mảng giới thiệu thành viên team  Tạo edit video giới thiệu nhóm để thêm vào web  Tạo mảng giới thiệu thành viên nhóm(ảnh & sơ yếu lí lịch) 2.3.2 Web ktisi film, ktisi music, ktisi manga, ktisi shop  Tìm kiếm tài liệu (thơng tin phim, nhạc, manga sản phẩm, video 11 | P a g e trailer phim, file mp3 nhạc, hình ảnh giới thiệu phim, nhạc, manga, hình ảnh tác giả, hình ảnh sản phẩm,…)  Lên ý tưởng phân chia bố cục tùy vào loại web  Phân chia bố cục, thêm tài liệu vào web chỉnh sửa cho đẹp Kết :  Kết thực nghiệm : a) Iot:  Tạo xe Arduino điều khiển từ xa  Mở rộng kiến thức hệ thống Iot b) Game :  Tạo trị chơi hồn thiện với thư viện JavaFX  Thể khác biệt game viết ngôn ngữ web game viết ngôn ngữ khác Sơ đồ hoàn chỉnh web 12 | P a g e CHƯƠNG : KẾT LUẬN VÀ TIỀM NĂNG CỦA DỰ ÁN Kết luận : Ngày nay, thông tin khoa học công nghệ coi chìa khóa hoạt động sang tạo, yếu tố thiết yếu lực đổi mới, cạnh tranh phát triển tập thể, đơn vị, cá nhân toàn thể quốc gia Nhiều nước giới ý thức tầm quan trọng thông tin xếp thông tin vào loại nguồn lực quan trọng cho phát triển kinh tế tồn xã hội Vì thế, Ktisi (Nhóm ) chúng em định làm dự án đa chức cho người có nhìn tổng quan ngành công nghệ thông tin, ứng dụng lĩnh vực Tiềm : Nhìn chung, dự án tiềm trang web đa chức Nếu đầu tư nghĩa, hồn tồn đáp ứng để làm hài long nhu cầu người dùng từ chơi game, nghe nhạc giải trí đến giây phút trầm lắng chia sẻ tâm tư diễn đàn Ktisi CHƯƠNG : TÀI LIỆU THAM KHẢO https://github.com/gijsroge/tilt.js https://mattboldt.com/demos/typed-js/ https://www.cssscript.com/scroll-triggered-counter/ https://github.com/srexi/purecounterjs https://biati-digital.github.io/glightbox/ https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css 13 | P a g e https://v1study.com/jquery-cach-su-dung-slickminjs.html https://popper.js.org/ https://framework7.io/docs/swiper https://cdnjs.com/libraries/jquery.nicescroll http://fitvidsjs.com/ https://michalsnik.github.io/aos/ https://openjfx.io/ https://www.javatpoint.com/java-tutorial https://getbootstrap.com/docs/4.4/components/carousel/ https://boxicons.com/?query= https://cdnjs.com/libraries/font-awesome https://www.jplayer.org/ https://www.npmjs.com/package/perfect-scrollbar https://isotope.metafizzy.co/ 14 | P a g e ... website tốt Bắt nguồn với ý tưởng này, với gợi ý thầy Nguyễn Đăng Quang, chúng em chọn đề tài ? ?Gaming & Coding? ?? hoàn thành tập lớn kế hoạch Có kết vậy, nhóm chúng em xin gửi lời cảm ơn sâu sắc tới... dẫn html, css, js  Phân chia bố cục: Giới thiệu ngôn ngữ web, Giới thiệu html, css, js, Ưu điểm & nhược điểm html, css, js, Vai trị ngơn ngữ web, Cách thức hoạt động ngơn ngữ web  Tìm kiếm tài... team  Tạo edit video giới thiệu nhóm để thêm vào web  Tạo mảng giới thiệu thành viên nhóm(ảnh & sơ yếu lí lịch) 2.3.2 Web ktisi film, ktisi music, ktisi manga, ktisi shop  Tìm kiếm tài liệu