SMART goals:

1. Develop and implement a user-friendly website interface for online games

within the next three months, ensuring easy navigation for teachers with varying
technological proficiency.
2. Establish a comprehensive ranking system for teachers based on their game
performance, aiming to roll out the feature within six months to enhance user
engagement and competition.
3. Create a form with announcements and news about teachers success in games
(new records for instance), built in main page of the website within six months.
4. Create a comprehensive online registration form with simplified fields and an
intuitive layout to optimize user experience and expedite the registration process
within the next six weeks.
5. Create a robust online authorization process with enhanced security features,
incorporating efficient user verification methods to streamline the overall
authorization experience within the next two months.

ERD:
Data dictionary:
users
logid
login
pass

Name of Data type Length Properties Example

field
logid int 3 AUTO_INCREMENT, 1
PRIMARY_KEY
login varchar 255 - Shertser123

pass varchar 255 - Pass1234

CREATE TABLE users(

logid int(3) AUTO_INCREMENT PRIMARY KEY,
login varchar(255),
pass varchar(255)
);

teachers
tid
teachnam
e
fullinfo

Name of Data Length Properties Example

field type
tid int 3 AUTO_INCREMENT, 1
PRIMARY_KEY
teachname varchar 255 - Shertser Alexander

fullinfo varchar 65536 - Sherstser Alexander

 Ivanovich,
shertser@kst.nis.edu.kz,
ictlab.kz
CREATE TABLE teachers(
tid int(3) AUTO_INCREMENT PRIMARY KEY,
teachname varchar(255),
fullinfo varchar(65536)
);

news
nid
news
tid

Name of Data type Length Properties Example

field
nid int 3 AUTO_INCREMENT, 1
PRIMARY_KEY
news varchar 65536 - Shertser123
got new
record in
‘Racing’
tid int 3 FOREIGN KEY 1

CREATE TABLE news(

nid int(3) AUTO_INCREMENT PRIMARY KEY,
news varchar(65536),
tid int(3),
FOREIGN KEY (tid) REFERENCES teachers(tid)
);

game_perfomance
 rid
tid
logid
score

Name of Data type Length Properties Example

field
rid int 3 AUTO_INCREMENT, 1
PRIMARY_KEY
tid int 3 FOREIGN KEY 1

logid int 3 FOREIGN KEY 1

score varchar 255 - 123 points

CREATE TABLE game_perfomance(

rid int(3) AUTO_INCREMENT PRIMARY KEY,
tid int(3),
logid int(3),
score varchar(255),
FOREIGN KEY (tid) REFERENCES teachers(tid),
FOREIGN KEY (logid) REFERENCES users(logid)
);

ERD from PHPMyAdmin:

DataFlowDiagram:
The first forms that will appear on users screen are registration or authorization
forms. If teacher needs to sign up, he must enter his login and password, it will
store in database, in table named ‘users’. If he wants to authorize, he will enter
same information, the site will check if there is information stored about him in
database and if there is, he will get access to the main page. On main page he can
go into ‘play’ section. If he plays, his game performance will store in database.
Also if it is new record between teachers, it will go into announcements section
and store in database as a news. Admin in his order, will edit announcements and
user interface of the site that will be shown on users screen.

Flowcharts:
Registration Registration form will check if
the form is null, if it is it will
ask a user to enter information.
Then, when it is not null, the
program will check if this
login already exists, if it does,
the program will not give him
access and he will need to
authorize instead. But if it
doesn’t exist, it will be stored
in database.

Authorization In authorization, program will

check if the form is null, if it is
it will ask a user to enter
information. Then, when it is
not null, the program will
check if there is such a login
and password in database, if
there is site will give him
access, if there is not, program
will restart and user will have
to sign up first.
Play In this form program will
check if the score is 0 and if it
is, it will ask an user to play.
When it is not 0, we will check
if this is user’s new best result
and only if it is store in
database. If it is not new best
result, user will need to restart
the game to gain new result.
Navigation In navigation program will
check if user is on main page
or not, if he is he will start
interacting, but if he is not he
will need to login. Then if user
does anything on main page
(play for instance), program
will store it in database. But if
he does nothing program will
restart.
News Program will check if there are
any news and if there is it will
check condition. But if there is
not it will output that there is
no news. The condition is does
the announcement relate to
new games that have been
added or to new records
between teachers. If it does it
will store in database and if it
doesn’t program will restart.
Prototype:

Registration is the first form that user will see. In this form he inputs his login
and password. If he has an account already, he needs to press ‘Authorize’ to
redirect to authorization form.

In authorization form, user enters his login and password and after pressing
‘Authorize’ he will be redirected to main page.
In main page, there are several tabs like ‘play’ , ‘records’ and other. Also there is
a form with announcements. There he can authorize if he somehow managed to
enter the site without doing it.

In ‘play’ section an user can choose any game and play it. If he manages to set a
new record it will appear in ‘records’ tab and in the announcement on main page.
In records page, The information will be taken from database and shown as the
ranking of teachers.

Benefits and limits:

Benefits Limits
The inclusion of educational games Storing user data, especially in the
provides teachers with a dynamic and context of students and teachers, raises
interactive platform to engage students concerns about data privacy and
in the learning process. Games can security. The system must implement
make learning more enjoyable and robust measures to protect sensitive
effective by combining education with information and adhere to relevant
entertainment. regulations to ensure user trust.
The system's ability to store game Some teachers and schools may face
results in a database allows teachers to challenges accessing the platform if
track individual and class-wide they lack the necessary technical
performance over time. This data- infrastructure, such as a reliable
driven approach enables educators to internet connection or compatible
identify strengths and weaknesses, devices. This could result in unequal
allowing for targeted interventions and access to the educational benefits
personalized teaching strategies. offered by the system.
The inclusion of a ranking system adds The success of the system relies on the
a competitive and motivational element effectiveness of the educational games.
to the learning experience. Teachers If the games are not well-designed or
and students can monitor their aligned with educational objectives,
progress, fostering a sense of they may fail to enhance learning
achievement and encouraging healthy outcomes, and teachers might find the
competition within the educational platform less valuable for their
community. teaching purposes.
The registration feature allows teachersEngaging with the system and
to personalize their experience on the monitoring student progress may
platform. Registered users can track require additional time commitments
their individual progress, save from teachers. Balancing these
preferences, and access additional activities with existing teaching
features, enhancing the overall user responsibilities could be a challenge,
experience and sense of ownership. and some educators may find it
difficult to integrate the platform into
their busy schedules.
The system fosters a sense of While registration allows for some
community among teachers by personalization, if the system lacks
providing a platform for collaboration flexibility and customization options,
and knowledge sharing. Teachers can teachers may feel constrained in
discuss game-based teaching strategies, tailoring the platform to meet their
share resources, and exchange ideas, specific needs and teaching styles. A
creating a supportive online one-size-fits-all approach may limit the
community for professional system's appeal to a diverse range of
development. educators.

Software requirements:

Requirement Reason

Operating system Website needs to be available on every device

Browser Website must open in any browser for any person

XAMPP Development of the site itself (working with PHP,

connecting a database) and as a temporary host

Sublime Text Writing HTML, CSS, JavaScript code

Google Drive Store information, pictures, materials

Hardware requirements:
Requirement Device Reason

Input Mouse Enter data, create user-system

interactions (click on the buttons,
switch between programs, and so on)

Keyboard Enter any data (for example, writing

lines of code), to create user-system
interaction

Output Monitor/Screen Display information, actions, and so

on

Storage Computer or server Store all sorts of information

Network Modem Access to the Internet

Processing CPU i3/i5/i7 3.0+ Data processing

GHz

GPU GTX/RTX 2+ Video processing

Gb