DEVELOPMENT OF WEB APPLICATION TO MANAGE SCHOOL STUDENT AND FINANCE DATA Development Of Web Application To Manage School Student And Finance Data (A Case Study in MIM Gonilan, Kartasura).

DEVELOPMENT OF WEB APPLICATION TO MANAGE
SCHOOL STUDENT AND FINANCE DATA
PUBLICATION ARTICLE

By:

Kemal Fauzi
Husni Thamrin, S.T.,M.T.,Ph.D
Azizah Fatmawati, S.T.

INFORMATICS STUDY PROGRAM
FACULTY OF COMMUNICATIONS AND INFORMATICS
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2015

DEVELOPMENT OF WEB APPLICATION TO MANAGE SCHOOL STUDENT AND
FINANCE DATA
Kemal Fauzi, Husni Thamrin, Azizah Fatmawati
Informatics Study Program, Faculty of Communications and Informatics,
Universitas Muhammadiyah Surakarta
Email: ceo@draculahost.com

ABSTRACT
Information and computer technology advances very rapidly inline with the increase
of the need for information. The use of IT in education has also become the norm. As for
Elementary School MIM Innovative Gonilan, information systems have an important role in
an educational institutions to improve the effectiveness and performance. Managing student
and finance data is a very important part because every activity in school will definitely
require funding. The system design is intended to process and managing student financial
data.The main purpose of developing financial information system is for processing financial
data

quickly and accurately, because manual system that is currently used cause some

problems, the current system does not produce 100% accurate data and data processing
system of financial administration manual also requires a long time. Based on the analysis of
the problem we try to design a student and financial information system that is expected to
support the reporting of financial data so that reports generated more quickly and accurately.
The system was implemented using PHP programming language and MySQL database. The
results is a functioning financial information system for processing and making financial
reports, and the financial data processing becomes more accurate, faster, and more timely than

manual processing.

Keyword: student data, financial, data processing, information system, web application.

admission change every year due to new

INTRODUCTION
According
information

and

to

Diamond

student

registration.

The

division get

technology

pressure to keep the information actual, and

systems are growing very rapidly in line

to achieve it they have to process data

with the magnitude of the need for

quickly and effectively. MIM Gonilan

information. Nowadays, agency enterprise,

located at the Village District Kartasura,

government and educational organization

Sukoharjo is one of the educational

requires an information system to conduet

institutions

activities so that they are more orderly,

Muhammadiyah who still use manual

purposeful

Information

systems in student and finance data

technology plays an important role in

processing. Student data are recorded

human life,

is no exception in the

manually in a ledger and so is the financial

educational world. MIM Gonilan as an

data. Reporting are written using Microsoft

educational institution under auspices of

Word after manual compilation processing.

Muhammadiyah always wants to keep

Financial and student data processing in the

abreast

form

and

of

computer

(2006),

efficient.

emerging

information

of

under

a

file

the

is

auspices

conducted

of

by

technologies. The division of student affairs

administrative divisions and they risk losing

and finance faces difficulties to handle their

the file because it is not stored well. The

task because of using manual formatting.

administrative division found difficulties to

According

to

Prasetya

(2011),

make a report if they are new financial and

Student and finance data processing in an

student

educational institution is the main activity

repeatedly

carried out periodically or at any time, the

recapitulation.

data

because

compile

and

they

have

calculate

to
the

finance data always change every day, due

Another issue that arises is the

to the mature of financial activities, student

accumulation of file storage which causes

the beam is broken, and the length of time it

payments and financial reporting at schools

takes to find the data because of the many

with using computerized system, so that the

files stored. Some problems that often arise

performance

are dues payment services committee that

management is more effective and efficient,

still using

Manual

because the constraints in managing the

recording often incur human error, because

finance can be minimized in terms of

sometimes the recording is done in sober.

accuracy, ease, and security.

manual recording.

separated in several financial books.

of

employees

in

the

According to Appiah (2013) in its

By seeing and observing the system

research states that Schools organize and

that running on MIM Gonilan, build the

manage

finance and student data application system

differently depending on such factors as the

using website is one of the solutions to

size of the school, administrative structure,

overcome the problems of student and

staffing, automation, and federal program

financial data processing and management

participation. Although fiscal operations

so that the resulting information is more

can

accurate, maximum, and timely. The results

successfully managing programs at any

of this final form of is a Web Based Student

school depends on coordinated efforts

and Financial Information Systems at MIM

across institutional offices. A school’s

Gonilan.

accounting

vary

their

financial

from

system

school

operations

to

includes

school,

those

procedures that deal with the organization
and controls necessary to identify and

LITERATURE REVIEW
According to Welda (2013), it is

record transactions in a school’s journals

stated that the development of financial

and ledgers, while systematically providing

information systems ease the financial

for the supporting documentation for all

management

journal entries. The accounting system is a

administration

in

making

subset of the school’s larger system of

handle such problematic situation so that

financial management.

management

Prasetya (2011) in its research states
that SMP Muhammadiyah Panjatan Kulon

is

maximum.

Financial

administration of system information in this
school is a system based on computer.

Progo as an educational institution that

Mardani (2009) in its research states

currently develops and always wanting to

that in Surabaya as a sub existence from the

keep

track

the

technological

Education Deparment Surabaya. Up to this

Financial

administration

day, it has been giving a routine report of

sector that up to this day still seemingly to

financial to the Department of Education

be difficult to be done due to the use of

Surabaya. Up until now, the making of

manual format influencing a writer to

financial report has been done by a

conduct a research on it and developing a

computer supported by Microsoft Word or

financial

of

Microsoft Excel, that will then put into

Several

diskette or compact disk and given to each

problems that often occur is the service in

of the UPTD-BPS. Several reports of

committee insurance payment service. A

financial has the same content but a form of

way of recording which is still manual,

format which is different, thus elementary

causing some human errors because the

school must maintain the filling up of data

registry is sometimes done with whatever is

report several times. Cahyaningrum (2012)

there is without a sweat. Other problems

in its research states that administration data

that occur are in compiling a report.

management in an institution of education

Problem that often being complaint is the

is a main activity established periodically or

hardship in data collection of the financial

everytime, those data always change every

that spreads over different financial books.

months or every months or every years,

For this, it needs a system that is able to

students addition, or the policy of the

development.

information

of

administration

system

computer-based.

government change causing those data

Researcher describe a manual system

always changed. Whereas information is

that is currently running at MIM Gonilan

demanded to be always actual, thus it would

Kartasura in the diagram shown in Figure 1.

need a system of information that could

Based on a diagram we can observe a

manage such many data quickly and

deficiency from the manual system there are

effectively.

validation and inputing data was undertaken
by an officer who is more likely that causing

RESEARCH METHOD

the occurrence of human error because of the

A. Previous system analysis

data that must be validated and inputed in a
short time.

Figure 1. Old system analysis diagram

preview that the completion of the data
B. Proposed New System
Based on the problems that were
found at previous work, Researcher
proposed a new system described diagram
shown in Figure 2. In the diagram

conducted by the school officer and the
validation of data will be done by the web
application system so the mistakes of
inputing data can be avoided.

Figure 2. Proposed new system

The difference previous manual
systems and systems proposed in is old

Old system
Manual data saving

Proposed system
Data is saved into the
system so that it eases

system still using manual data searching

the data management.

so it need more time to do a search, more
detail difference old system with new
proposed system can be seen in table 1.

C. Unified Modeling Language (UML)

In table appear a list of validation already
applied in the system.

After analyzing the data collected
and related information in the system

Table 1 Comparation table between the old
system and the proposed system

process, actor model data is gathered,
which is identified the activity that

Proposed system

supports the designed system, based on

Manual data

Data searching

the

searching

through system

divided actor into 3 part, they are admin,

Manual data

Data validation

student affairs, and finance field, every

validation

through system.

Old system

information

gathered

researcher

actor

will

have

diferent

task

and

activities.

and finance field. Every access rights have
different use case, the admin priviledge
have access to manage the school data

1. Use Case Diagram
Use Case diagram identification

master like master class room, master

uses the interaction between actor and the

academic year, manage religion and master

system, there are 3 actor that included on

occupation. The complete of admin use

the system they are admin, student affair,

case

shown

on

Figure

3

below.

Figure 3 Use case admin
Student

affairs

priviledge

The

have

complete

use

case

access to manage all student data, room

student affairs is shown on Figure 4

placement, class history, class grade and

below.

can print or making a report directly from
the system.

Figure 4 Student Affairs Use case

Finance field have access to determining the financial activity on the school.
The complete of Finance use case shown on Figure 5 below.

Figure 5 Finance Use case

according to the actor’s needs towards

2. Class Diagram

The

complete

class

diagram

the system.

shown on Figure 6. In this stage, classes
that will be used as communication
media between actor and system will be
intensified. Interface class

identified

Figure 6 Class Diagram

The system is divided into three

RESULT AND DISCUSSION
The result of this research is hosted

parts, which are the administrator page,

online, and can accessed throught URL

student affair page and finance page. The

http://panel.mimgonilan.sch.id. This system

following is the docummentation of some

is developed in the form of web-based so it

of system’s website page.

needs the programming language for the

In figure 7, student affair officer can

client side and server side. For the server

manage the student data. After select

side,

PHP

academic year and class, all student data

programming language with the support

will displayed on page. Student affair

from Apache web server. While for the

officer can update the student data or print

client side, the researcher uses the HTML

student data with click the print logo.

script (Hyper Text Markup Language), CSS

Student affair officer can import data from

(Cascading Style Sheet) and javascript in

excel into web application or export data

which the result is interpreted by the client

into excel file using import and export

through a browser. For the database, DBMS

menu. Web application support to searching

(Database Management System) MySQL is

student data base on nis,nisn, and name, to

used, which is connected to the system

searching just select the type of searching

through the server side. All files and

and input the data and click submit button.

the

researcher

uses

the

database implemented into a website by
uploading to the cPanel-based hosting.

Figure 7 Student data page display.

In Figure 8, the treasurer can

payment type, after student list show on the

manage the student payment nominal.

righ side treasurer can input payment

Treasurer must select payment type first,

nominal that must be pay by student. Every

select academic year, and select class room

student have a different nominal of infaq

then web application system will show the

payment, so the treasurer must input the

student list and nominal must be pay by

data one by one.

student. Example on figure 8 we use infaq

Figure 8 Finance set page display

Figure 9 is the display of the receipt

the printer logo. After click the printer logo

output. Treasurer can directly print all

treasurer will redirected into payment print

payment receipt throught web application.

page. The printed paper can use student as

On every payment menu on finance page

proof of payment.

treasurer can easily print all receipt by click

Figure 9 Payment receipt output display.
Figure 10 is display of monthly

expenditure.

Treasurer

can

delete

school expenditure, treasurer can input all

expenditure data if treasurer inputting

expenditure data of school using this page.

wrong data into web application. Usually in

First treasurer must select academic year

any finance system update or delete menu is

and then select month, all expenditure data

unavailable to avoid data manipulation. In

is displayed. Treasurer can add new data

this web application system researcher still

with inputting name of expenditure, total

put

number

management request.

expenditure,

and

nominal

of

delete

menu

because

school

Figure 10 Expenditure page

CONCLUSION

is offered on the web application to manage

Testing applications has been done

student and finance data at school has been

by researchers and the school MIM Gonilan

reached to ease school staff on managing

stakeholder, the test results has been

student data and making financial report of

repeated and repaired until it proved

the school. In addition by using a web

suitable order to achieve the expected

application that integrated online will ease

system. The final results of developing this

the school management staff to access

web application had been used to support

website from anywhere and anytime.

the school management. The advantage that

BIBLIOGRAPHY
Appiah, KO. 2013. A School’s Financial Management Systems. The Blue Book, Volume 4.
2011.
Cahyaningrum, Octavica Nurhuda. 2012. Membangun Sistem Aplikasi
Administrasi
Sekolah Pada SMK N 1 Klaten. Skripsi Yogyakarta:STMIK AMIKOM
YOGYAKARTA.
Mardani. 2009. Rancang Bangun Sistem Informasi Keuangan Untuk Sekolah Dasar di
Surabaya. Skripsi Surabaya: Information System Engineering. ITS
Prasetya, Eka. 2011. Membangun Sistem Informasi Administrasi Keuangan di SMP
Muhammadiyah Panjatan Kulon Progo DIY. Skripsi Yogyakarta: Jurusan Teknik
Informatika. STMIK AMIKOM YOGYAKARTA.
Diamond, Jack. 2006. Introducing Financial Management Information Systems in Developing
Countries.OECD JOURNAL ON BUDGETING VOL. V,NO. 3 .2006.