BÁO cáo đồ án CUỐI kì KTISI’S PROJECT

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:
1. Lâm Nguyễn Huy Hoàng
2. Nguyễn Văn Anh Đồng
3. Dương Đức Khải
4. Lâm Quốc Hưng
5. Nguyễn Khắc Huy
MSSV :
21110773


MỤC LỤC
Lời mở đầu : Lý do chọn đề tài……………………………………………….2

Chương 1 : Tổng quan về dự án……..……………………………….....3
1.

Mục tiêu nghiên cứu…………………………………………………..3

2.

Đối tượng nghiên cứu………………………………………………....3

3.

Tiến trình nghiên cứu…………………………………………….…...3

Chương 2 : Quá trình thực hiện và kết quả
2.

Quá trình thực hiện
2.1. IoT………………………………………………………………...3
2.1a. Kết nối động cơ và 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……………………………………………………………………..6
2.2.1 Ktisi donjo …………………………………………………..……6
2.2.2 Ktisi oẳn tù tì …………………………………………………..…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 về html, css, js………….………………….10
2.3.1c. Tạo web code editor ………………………...……………….10
2.3.1d. Web giới thiệu về Team…………………………..………….10
2.3.2. Web ktisi film, ktisi music, ktisi manga, ktisi shop……..……..11
3.

Kết quả………………………………………………..………………….….11

4.

Sơ đồ hoàn chỉnh của trang web……………………………………….….11

Chương 3 : Kết luận và tiềm năng của dự án……………………………….12

2|Page


Chương 4 : Tài liệu tham khảo ………………………………………………12

LỜI MỞ ĐẦU
Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là
một trong những yếu tố mang tính quyết định trong hoạt động của các chính
phủ, tổ chức, cũng như của các cơng ty; nó đóng vai trị hết sức quan trọng, có
thể tạo ra những bước đột phá mạnh mẽ. Việc xây dựng các trang web để phục
vụ cho các nhu cầu riêng của các tổ chức, cơng ty thậm chí các cá nhân, ngày
nay, khơng lấy gì làm xa lạ. Với một vài thao tác đơn giản, một người bất kì có
thể trở thành chủ của một website giới thiệu về bất cứ gì họ quan tâm: một
website giới thiệu về bản thân và gia đình họ, hay là một website trình bày các
bộ sưu tập hình ảnh các loại xe hơi mà họ thích chẳng hạn.
Ø Lý

do chọn đề tài

Đối với các chính phủ và các cơng ty thì việc xây dựng các website riêng
càng ngày càng trở nên cấp thiết. Thông qua những website này, thông tin về họ
cũng như các công văn, thơng báo, quyết định của chính phủ hay các sản phẩm,
dịch vụ mới của công ty sẽ đến với những người quan tâm, đến với khách hàng
của họ một cách nhanh chóng kịp thời, tránh những 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ủa một cơng ty game có quy
mơ khá lớn sẽ cảng được tăng cường và mở rộng nếu xây dựng được một
website tốt. Bắt nguồn với ý tưởng này, cùng với những gợi ý của thầy Nguyễn
Đăng Quang, chúng em đã chọn đề tài “Gaming & Coding” và đã hoàn thành
bài tập lớn đúng kế hoạch. Có được kết quả như vậy, nhóm chúng em xin được
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 trong suốt quá trình làm bài tập lớn này.

3|Page


Chúng em xin chân thành cảm ơn thầy !

CHƯƠNG 1 : TỔNG QUAN VỀ DỰ ÁN
1. Mục tiêu nghiên cứu :
Giới thiệu và chỉ rõ một số ứng dụng cơ bản và phổ biến có thể được xây
dựng bởi việc sử dụng Internet
Chỉ ra sự khác nhau giữa những trò chơi được xây dựng trên nền tảng độc lập
khác
2.

Đối tượng nghiên cứu :
Web vàứng d ng c a web vào th c tếcùng với xe điều khiển từ xa
qua Bluetooth

3.

Tiến trình nghiên cứu



Tìm hiểu về lý thuyết , trang bị các 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 năng lực của từng thành viên.



Tiến hành thực hiện những công việc đã được phân công.



Kiểm tra chất lượng sản phẩm đầu tiên và chỉnh sửa cho hợp lí.



Phân tích các khó khăn gặp phải trong q trình làm, tổng hợp lại và sửa
chữa.



Cập nhật, sửa lỗi sản phẩm liên tục để cho ra sản phẩm hoàn thiện nhất.

CHƯƠNG 2 : QUÁ TRÌNH THỰC HIỆN VÀ KẾT QUẢ
2.

Quá trình thực hiện :

2.1 Iot :

4|Page


a)

Kết nối động cơ và dựng mơ hình sơ cấp
Trước tiên, ta hàn dây điện vào 2 cực của động cơ. Ở đây ta sẽ sử
dụng 4 động cơ 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 cơ.
Tiếp theo, tiến hành lắp các động cơ vào khung xe

b)

Kết nối hệ thống trung ương
Sử dụng một motor driver để điều khiển động cơ. Ở đây motor driver
L293D là một trong những motor driver được sử dụng phổ biến nhất với
Arduino.
L293D sử dụng 2 IC cầu H hoàn chỉnh với các chế độ bảo vệ và 1 IC
logic 74HC595 để điều khiển các động cơ. Có thể điều khiển nhiều loại
động cơ khác nhau như động cơ bước, động cơ servo, động cơ DC, với
mức áp lên đến 36V, dòng tối đa 600mA cho mỗi kênh điều khiển.

Kết nối Motor Shield L293D vào Arduino Uno R3.
Nối các động cơ vào Motor Shield L293D theo sơ đồ đã được vẽ, động
cơ sẽ được nối vào các chân M1, M2, M3, M4 của Shield với mỗi kí số

là số thưa tự của Motor tương ứng. Hai chân M+ và GND sẽ được dùng
để nối với nguồn điện bên ngoài
c)

Kết nối Module giao tiếp
Ở

dự án này, chúng ta sẽ sử dụng Module Bluetooth HC-06 để có thể

giúp cho mạch Arduino dễ dàng giao tiếp với một thiết bị cho phép truy
cập kết nối Bluetooth dưới vai trò một Slave, từ đó thơng qua Serial để
dễ dàng giao tiếp với Arduino.
VCC và GND của HC-06 sẽ được cắm vào đầu 5V và GND của Arduino
tương tự như tất cả Module khác.

5|Page


Riêng chân RX và TX của HC-06 với vai trò là cổng Receiver và
Transmitter của Module, sẽ được nối chéo với RX và TX của Arduino.
Rx từ module sẽ nối với Tx của Arduino và ngược lại.
d) Nạp chương trình
Sau khi đã hoàn thành lắp khung và nối dây, chúng ta sẽ thực hiện nạp
code vào Arduino để có thể vận hành xe
Giải thích cách hoạt động của code, trước tiên ta khai báo các động cơ và
các nút nhấn. Với mỗi nút nhấn sẽ gọi ra một hàm điều khiển hướng của
chiếc xe. Để xe có thể tiến, lùi hay quẹo ta sẽ thiết đặt các hoạt động dành
cho từng bánh xe, chẳng hạn nếu muốn xe quẹo phải, sẽ để 2 bánh trước
chạy quay thuận và 2 bánh sau quay nghịch, như vậy chiếc xe sẽ từ từ
trượt sang phải. Sử dụng thuật toán tương tự cho quẹo trái, đi thẳng và lùi.

Và như vậy việc thiết lập hoạt động của xe đã hoàn thành
Cuối cùng, kết nối nguồn vào Arduino để có thể vận hành xe. Ở đây ta sẽ
sử dụng 2 nguồn để có thể đảm bảo xe đủ nguồn để hoạt động
Sử dụng 2 nguồn điện đầu vào:
Nguồn chính: - Dùng để vận hành Arduino cũng như các module - Là
một nguồn DC điện thế 5V - Ở đây nguồn chính của ta sẽ là pin dự phòng
Nguồn phụ: - Dùng để bổ sung điện và vận hành các Motor quay - Là
một nguồn gồm 4 pin, tổng cộng 6VDC.
Để điều khiển xe ta sẽ sử dụng một phần mềm có sẵn trên điện thoại, kết
nối Bluetooth và bắt đầu sử dụng.
Sau khi đèn nháy hiện màu xanh, tức là đã kết nối thành công và có thể
bắt đầu để điều khiể n.

6|Page


e) Trang web điều khiển game
Trang web được liên kết với Arduino để giúp người dùng thiết lập hướng
di chuyển và thời gian di chuyển của xe.
2.2. Game :
2.2.1 Ktisi donjo :
Thể loại : Roguelike
Roguelike (hay Rogue-like) là một nhánh phụ trong thể loại game
nhập vai. Với những yếu tố chính như thiết kế bản đồ là một hầm ngục,
hệ thống cấp độ, cách chơi theo từng lượt và cơ chế “trừng phạt” người
chơi khi chết.
Bảng menu
Gồm các nút bắt đầu ,hướng dẫn và thoát được code dựa trên thư viện
JavaFx.
Các ải trong game

Ban đầu xây dựng bản đồ dựa theo mảng dữ liệu sắp xếp trước,sau khi

o

update thì cấu trúc bản đồ và số lượng được tạo ra một 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 trong game được liên kết với nhau bằng các cửa và vị trí cửa
được tạo một cách ngẫu nhiên.

Loại phịng
o

Phịng đầu và phịng cuối sẽ có cấu tạo cơ bản

o

Các phịng cịn lại sẽ có các loại phịng khác nhau

o

Các khối trong mỗi phịng thì cũng sẽ được khởi tạo ngẫu nhiên

Nhân vật và các quái
o

Nhân vật và các quái đều có các chỉ số khác nhau 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ó thanh kinh nghiệm và cấp độ. Mỗi khi tiêu diệt được yêu
quái thì nhân vật sẽ nhận được điểm kinh nghiệm,ở một số điểm kinh
nghiệm nhất định nào đó thì nhân vật sẽ được tăng cấp và tương ứng
với mỗi cấp tăng thì các chỉ số cá nhân sẽ được tăng.

o

Thêm khả năng bị đói cho nhân vật, ăn thức ăn hoặc chết dần.

o

Các quái vật cơ bản gồm có zombie, skeleton, ghost, golem.

o

Khi qua các tầng thì chỉ số quái vật sẽ thay đổi để phù hợp với cấp độ
của nhân vật.

Bảng trạng thái và thông báo
o

Thêm bảng trạng thái giúp xác định chỉ số và các vật phẩm được trang
bị cho nhân vật trong 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à vật phẩm trong game
o

Các Items thức ăn, giúp người chơi hồi phục máu và giảm sự đói

o

Rương vật phẩm, xuất hiện ngẫu nhiên trong map

o

Chìa khóa qua ải: Để qua tầng mới thì cần phải có chìa khóa để mở cửa

o

Các trang bị, giúp thay đổi chỉ số của 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 của nhẫn chỉ có thể biết sau khi đeo vào

Các loại Potion: Potion với mỗi chức năng sẽ tương ứng với mỗi màu, sẽ
được thay đổi ngẫu nhiên mỗi lần chơi lại, chỉ có thể biết màu nào là thuốc gì
sau khi uống


Thuốc hồi phục



Thuốc tăng các chỉ số ( STR, DEF, DEX )



Thuốc chảy máu, tê liệt,làm chống

o

Thêm tính năng Drop túi vật phẩm từ qi bị giết (Theo tỉ lệ)

o

Túi trang bị là nơi trang bị Giáp, Khiên, Vũ khí, Nhẫn

o

Scroll và Identify dùng để khai quan Nhẫn hoặc Potion chưa nhận biết được
công năng

o

Đuốc :được gắn ở trên tường giúp soi sáng bản đồ.

Cách di chuyển của nhân vật và quái
o

Ban đầu nhân vật di chuyển dựa trên nguyên lý ma trận với mỗi bước đi sẽ
dùng 1 phép delay để tránh cho nhân vật di chuyển quá nhanh, sau khi
update thì nhân vật di chuyển dựa trên tọa độ và 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 bằng tốc độ di
chuyển của nhân vật.
o

Các quái trong game di chuyển dựa trên trục tọa độ của khung hình và sử
dụng vecto để định hướng

Độ sáng của bản đồ
o

Ban đầu toàn bộ bản đồ đều được chiếu sáng,sau khi update map trở nên
tăm tối hơn, xung quanh nhân vật và đuốc thì vẫn thấy sáng.



Để làm cho map trở nên tối hơn thì ta chồng 1 mảng các điểm tối lên map
hiện tại sau đó tăng độ trong suốt của điểm tối ở xung quanh đuốc và nhân
vật khiến cho xung quanh nhân vật và đuốc sáng hơn.

Hiệu ứng đặc biệt
o

Thêm gói âm thanh cho các hoạt động của nhân vật

o

Thêm nhạc nền

o

Thêm hiệu ứng đặc biệt khi nhân vật đứng yên và di chuyển
2.2.2 Ktisi oẳn tù tì :
Dựa trên ngun lý của trị oẳn tù tì để xây dựng game:

o

Người chơi sẽ chọn một trong 3 lựa chọn cho sẵn và máy cũng sẽ
đưa ra kết quả ngẫu nhiên dựa trên 3 lựa chọn cho trước.

o

Mỗi hiệp sẽ có số ván tương ứng với số lượng mình chọn trước
và có thể gia tăng số ván khi một hiệp kết thúc.

o

Mỗi bên khi thắng sẽ được cộng 1 điểm và sau số lượng ván đã
được cho trước thì bên có nhiều điểm sẽ dành được chiến thắng.

Người chơi có thể chọn nhân vật cho bản thân và máy
Thêm background để cho 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 của nhóm
Sử dụng thêm thư viện JS và bootstrap để code nhanh và làm sản phẩm
đẹp hơn
a)

Thiết kế trang giới thiệu

Tạo và 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 các thiết bị có độ phân giải thấp
Thêm background và logo

b)

Web hướng dẫn về html, css, js
Phân chia bố cục: Giới thiệu về ngôn ngữ web, Giới thiệu về html, css,
js, Ưu điểm & nhược điểm html, css, js, Vai trị của ngơn ngữ web,
Cách thức hoạt động của ngơn ngữ web
Tìm kiếm tài liệu chứa thông tin về các phần tương ứng
Thêm tài liệu vào web và 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 ra kết quả code
Tạo 3 mảng riêng để người dung viết code(html, css, js)
Thêm thư viện vào để web có thể nhận code và xử lí
chúng Tạo một mảng bên phải để đưa ra kết quả của code

d)

Web giới thiệu về Team :
Phân chia bố cục: mảng giới thiệu về team, mảng chứa intro video của
team, mảng giới thiệu từng thành viên của team
Tạo và edit 1 video giới thiệu về nhóm để thêm vào web
Tạo một mảng giới thiệu về từng 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 về phim, nhạc, manga và 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 và phân chia bố cục tùy vào từng loại web
Phân chia bố cục, thêm tài liệu vào web và chỉnh sửa cho đẹp
3.

Kết quả :



Kết quả thực nghiệm :

a)

Iot:
Tạo ra xe Arduino có thể điều khiển từ xa.
Mở rộng kiến thức về hệ thống Iot.

b)

Game :
Tạo ra một trò chơi hoàn thiện với thư viện JavaFX.
Thể hiện được sự khác biệt giữa game viết bằng ngôn ngữ web và
game viết bằng các ngơn ngữ khác.

4. Sơ đồ hồn chỉnh của web

12 | P a g e


CHƯƠNG 3 : KẾT LUẬN VÀ TIỀM NĂNG CỦA DỰ ÁN
1. Kết luận :
Ngày nay, thông tin khoa học và cơng nghệ được coi là chìa khóa của mọi
hoạt động sang tạo, là yếu tố thiết yếu của năng lực đổi mới, cạnh tranh và phát
triển của mọi tập thể, đơn vị, cá nhân và toàn thể quốc gia. Nhiều nước trên thế
giới đều ý thức được tầm quan trọng của thông tin và xếp thông tin vào loại
nguồn lực quan trọng nhất cho sự phát triển của cả nền kinh tế và tồn xã hội.
Vì thế, Ktisi (Nhóm 3 ) chúng em quyết định làm 1 dự án đa chức năng cho
mọi người có được cái nhìn tổng quan về ngành công nghệ thông tin, về những
ứng dụng trong mọi lĩnh vực của nó.
2. Tiềm năng :
Nhìn chung, đây là một dự án rất tiềm năng vì nó là một trang web đa chức
năng. Nếu được đầu tư đúng nghĩa, nó hồn tồn có thể đáp ứng để làm hài long
mọi nhu cầu của người dùng từ chơi game, nghe nhạc giải trí đến những giây
phút trầm lắng chia sẻ tâm tư của mình trên diễn đàn Ktisi.

CHƯƠNG 4 : TÀI LIỆU THAM KHẢO
/> /> /> /> /> />
13 | P a g e


/>
/> /> /> /> /> /> /> /> /> /> /> /> />
14 | P a g e