



































Paper Title (use style: paper title)


 

ISSN :  

Vol.1 No.1, 01 January 2020 

Buana Information Tchnology and Computer Sciences (BIT and CS) 

 

1 | Vol.1 No.1, 01 January 2020 

Buana Information Tchnology and Computer Sciences (BIT and CS) 

 

Application of Prototype Method on Student Monitoring System Based on WEB 

 

 

April Lia Hananto 1  

Information Systems Study Program 
School of Engineering and Computer Science 

Universitas Buana Perjuangan Karawang 

 aprilia.hananto@ubpkarawang.ac.id 

 

Bayu Priyatna 2 

Information Systems Study Program 
School of Engineering and Computer Science 

Universitas Buana Perjuangan Karawang 

bayu.priyatna@ubpkarawang.ac.id 

 

 ‹β› 
 

Asep Haris 3 

Information Systems Study Program 
School of Engineering and Computer Science 

Universitas Buana Perjuangan Karawang 

 asepharis88@gmail.com

Abstract—Public vocational school in Subang which 

continues to improve its academic activities, specifically in 

terms of improving student discipline related to student 

participation in school and improving student achievement. 

The collection of information about student participation and 

the value of new students delivered at the end of the semester 

compilation of report cards makes students who experience 

difficulties in the development of grades, meetings and student 

learning activities at school, for that we need a system that can 

help students to help guardians of students and the school in 

activities that involve students in school. In this research, we 

use a prototype method for system development. The 

advantage of the system built is that it can send attendance 

messages or student grades to enter no answers or get poor test 

scores for student guardians, student guardians can provide 

feedback on incoming information and make permits through 

the existing information system pages, the school also can use 

attendance data and grades to support activities at school. 

Keywords— A student monitoring system, Attendance, Prototype. 

I. INTRODUCTION 

Monitoring academy activities is a major activity in the 
world of education. Cipunagara Vocational High School 1 as 
one of the educational institutions, of course, must carry out 
these activities as mandatory activities in the implementation 
of student learning activities, but these activities cannot be 
carried out optimally. One of the problems that often occur in 
high school level education environments is monitoring 
student attendance, the process of delivering information 
from school to student guardians in addition to internal 
problems such as the flow of data that is processed quite a lot 
every day, there are also problems caused by external factors 
such as manipulation data or cheating done by students in 
terms of attendance, this must be addressed immediately 
because it is very disruptive to the learning process at school.  

 Also, guardians of students still experience difficulties in 
monitoring the progress of their children's learning 
achievements or activities at school. Notification of 
achievements (grades) and abscesses is done when the school 
report card is dropped, which is once every end of the 
semester. Student guardians can only get the final results of 
their children's learning activities without being able to 
monitor their children's achievements and attendance during 
the teaching and learning process in progress. Notification 
for students with problems is done by sending a letter and 
sometimes the letter is not delivered.  

Also, the assessment of the teacher is also still not 
computerized, so the guardians of students or students still 
have difficulty knowing the value during the teaching and 
learning process. Based on the above background, we need 
an information system that can facilitate teachers in 
absenteeism, provide assessments to students and facilitate 
student guardians in monitoring their children's academic 
activities. 

II. THEORETICAL BASIS 

A. Prototyping Method 

The Prototyping Method is an iterative process in the 
development of systems where requirements are changed 
into working systems that are continuously improved 
through collaboration between users and analysts". They can 
build prototyping methods through several development 
tools to simplify the process and the following cycle 
prototype methods [7]. 

 

 
Fig. 1. The Prototype Method cycle [7]. 

The making of a prototype for system developers aims to 

collect information from users so that users can interact with 

the prototype models that are developed because prototypes 

describe the initial version of the system for the continuation 

of the actual larger system [1]. 

B. Application 

I can interpret applications as a software program that 
runs on a particular system useful to assist various activities 
carried out by humans [2]. To understand the application is a 
program ready to use that is made to carry out a function for 



2 | Vol.1 No.1, 01 January 2020 

Buana Information Tchnology and Computer Sciences (BIT and CS) 

users of application services and a target to be addressed can 
use the use of other applicationsa target to be addressed can 
use the use of other applications. According to the executive 
computer dictionary, the application has a meaning that is 
problem solving that uses one of the application's data 
processing techniques which refers to a desired or expected 
computation or the expected data processing [3] 

C. System 

The system is a network of procedures that are 
interconnected procedures, gathered together to carry out an 
activity or to complete a particular goal [4]. A sistem is a 
group of elements that are integrated with the common 
porpose of achieving an objective [5]. The system is a 
network of interrelated procedures, gathered together to carry 
out an activity or for a particular purpose [6]. 

III. RESEARCH METHODS 

In this study, applying the prototype development method to 

design and implement system designs. To obtain maximum 

results, this study therefore emphasizes the needs analysis. 

 

IV. RESULT AND DISCUSSION 

A. Overview of the proposed system 

The physical architecture of the system comprises three 
main parts, client, application server, and database server. I 
can see the working principle of the system as a whole in the 
following figure: 

ADMIN

Smartphone

Selver SIMSon

DB

GURU/WALI KELAS

WALI SISWA WALI WALI SISWA WALI SISWA

ROUTER

WIFI Acess point

Firewall

Printer

Laptop

SWITCH

 
Fig. 2. Architecture of Student Monitoring Information Systems 

B. Use Case Diagram 

In the n use case of the design of student monitoring 

information systems, where there are 4 actors admin and 

homeroom teacher, subject teacher and student guardian. 

where 1. admin who has full rights in the activities of input, 

edit and delete, 2. homeroom teacher may see attendance 

data / grades, print attendance data / values and view and 

input messages or information for teachers or students, 3. 

subject teachers may input and view attendance data or 

grades, view incoming permits, view and input information 

either to the student, or two students, and 4. Guardians 

Students may view data on grades, attendance, information, 

input permits, and input responses incoming information. 

Guru Mata Pelajaran

Wali Kelas

Admin

Wali Siswa

Pusat Informasi

Input Absensi /

Nilai

Lihat Data Absensi

/ Nilai

Pengajuan Ijin

Cetak Data

Absensi/Nilai

Mengelola Master

Data

Kirim Pesan

Login

<<include>>

<<
in

cl
ud

e>
>

<<include>>
<<include>>

<<include>>

<<in
clu

de>>

 

Fig. 3. Use Case Diagram Student Monitoring Information System 

C. Class Diagram 

After the use case diagram, the writer makes a class diagram 

aimed at a container that describes the structure of objects in 

the system formed from the relationships between classes. 

 

 
Fig. 4. Class diagram of Student Monitoring Information System 

D. Implementation of the user interface 

Implementation of the user interface is done with every 

display program that is built. The following is the 

implementation of the user interface application SIMSON 

(Online Student Monitoring Information System) created. 

 

E. Main page of the program 

This page is the first page that appears when opening the 

Simson application (Online Student Monitoring Information 

system), this page contains the Logo, the name of the school 

agency and a portal to log in as the guardian of students and 

the school (subject teacher, homeroom teacher and admin); 



3 | Vol.1 No.1, 01 January 2020 

Buana Information Tchnology and Computer Sciences (BIT and CS) 

 
Fig. 5. Main page of the program 

F. Attendance Data Input Page 

This student attendance page is the page that appears after 

the teacher fills in the attendance form, and clicks the show 

button, in this form the teacher can do student attendance, 

the data will be displayed in the default settings present, so 

the teacher can change the attendance status of students who 

are not present course, the following appearance of the user 

interface page design attendance (Student Attendance); 

 

 
Fig. 6. Attendance Data Input Page 

G. Value Monitoring 

This value monitoring page is a page the Student Guardians 

can use that to see the values gottheir children can obtain 

that per subject based on the selected semester and class 

Display the implementation of the value monitoring page: 

 
Fig. 7. Value Monitoring 

H. Print page Value data 

This value data print page is a page that the teacher can use 

if he wants to print the value data that has been displayed. 

Display the implementation of the value data report: 

 

 
Fig. 8. Print page Value data 

 

I. Attendance Data Print Page 

Display the attendance report data: 



4 | Vol.1 No.1, 01 January 2020 

Buana Information Tchnology and Computer Sciences (BIT and CS) 

 
Fig. 9. Attendance Data Print Page 

 

 CONCLUSION 

Based on the results of the analysis conducted by the 
results of the design, realization, and testing of the system, 
several conclusions can be drawn, including: 

The results of the system analysis that runs include 
attendance data, student grades, and notification of 
problematic student information to student guardians, 
processed to get a new system design that can overcome the 
problems expressed in the background.The results of the new 
system design are discussed in the form of a web-based and 
mobile student monitoring system that can manage student 
attendance data, grades and infringement information so that 
it can be accessed by student guardians computerized or 
mobile. 

REFERENCES 

 

[1] D. Purnomo, “Model Prototyping Pada 

Pengembangan Sistem Informasi,” Jimp - J. Inform. 

Merdeka Pasuruan, Vol. 2, No. 2, Pp. 54–61, 2017. 

[2] B. P. Baenil Huda, “Penggunaan Aplikasi Content 

Manajement System (Cms) Untuk Pengembangan 

Bisnis Berbasis E-Commerce,” Systematics, Vol. 1, 

No. 2, Pp. 81–88, 2013. 

[3] Andi Juansyah, “Pembangunan Aplikasi Child 

Tracker Berbasis Assisted – Global Positioning 

System ( A-Gps ) Dengan Platform Android,” J. 

Ilm. Komput. Dan Inform., Vol. 1, No. 1, Pp. 1–8, 

2015. 

[4] Bayu Priyatna, “Penerapan Metode User Centered 

Design (Ucd) Pada Sistem Pemesanan Menu 

Kuliner Nusantara Berbasis Mobile Android,” 

Account. Inf. Syst. Penerapan, Pp. 17–30, 2018. 

[5] Rini, “Sistem Informasi Pengolahan Data 

Penanggulangan Bencana Pada Kantor Badan 

Penanggulangan Bencana Daerah (Bpbd) Kabupaten 

Padang Pariaman,” Vol. 3, No. June, 2016. 

[6] Ermatita, “Analisis Dan Perancangan Sistem 

Informasi Perpustakaan,” J. Sist. Inf., Vol. 8, No. 1, 

Pp. 966–977, 2016. 

[7]   Muharto & Ambarita Arisandy. 2016. Metode   

Penelitian Sistem Informasi. Yogyakarta: 

Deepublish. 

 

 


