APLIKASI PENGOLAH RAPORT MENGGUNAKAN FRA

APLIKASI PENGOLAH RAPORT MENGGUNAKAN
FRAMEWORK CODE IGNITER
Syafarudin Fani, Dina Nurdiana, Sandi Wijaya
Politeknik Negeri Batam
Program Studi Teknik Informatika
Parkway Street, Batam Centre, Batam 29461, Indonesia
E-mail: bppm@polibatam.ac.id.ac.id
# Batam Polytechnics
Informatics Study Program
Parkway Street, Batam Centre, Batam 29461, Indonesia
E-mail: jurnalintegrasi@yahoo.com

Abstrak
Aplikasi Pengolah Raport merupakan suatu sistem yang memberikan informasi laporan keaktifan siswa
yang berupa laporan nilai serta informasi siswa yang bersangkutan dengan berbasiskan komputerisasi, sehingga
membantu kecepatan, keakuratan dan kualitas dalam pengolahan nilai raport siswa. Permasalahan yang terjadi
dalam pengolahan nilai raport di salah satu sekolah di kota Batam saat ini masih bersifat konvensional, yaitu
masih ditulis di buku raport dan leger nilai sehingga banyak waktu dan tenaga diperlukan untuk memproses tugas
tersebut.
Sistem informasi ini akan

mengembangkan aplikasi pengolah raport, dan tujuan dari penelitian ini untuk

membangun suatu sistem informasi raport yang mempermudah pengecekan, pencatatan dan laporan data nilai
siswa yang terkomputerisasi. Sistem ini bekerja memasukan , menyimpan data laporan nilai dan menghitung
nilai secara otomatis sehingga lebih mudah mengetahui informasi yang akan disampaikan oleh pihak sekolah.
Penelitian ini akan menghasilkan sebuah sistem pengolah raport yang membantu kerja dari para guru mata
pelajaran dan wali kelas serta dapat mempermudah pengguna untuk melakukan

proses pengolahan raport,

pengolah raport ini meliputi data guru, data siswa, data mata pelajaran, data kelas dan data nilai raport. Aplikasi
ini hanya user yang teregister atau terdaftar yang hanya bisa Login saat akan membuka aplikasi, sehingga
keamanan program tersedia pada aplikasi ini.
Kata kunci : Laporan, Sistem, Informasi.

Abstract
Application Processing Report cards is a system that provides information report in the Form of student
Activity reports as well as the value of the student information on the basis of computerized, thus helping in the
processing speed and quality grades. Problems that occur in the processing of report cards in one of the schools in
the city of Batam is still conventional, which is written in the book value of report cards and leger so much time

and effort required to process the task. This information system will develop report cards processing applications,
and the purpose of this research is to build an informstion system which facilitates the checking report cards,
recording and reporting of data values computerized student. This system works to enter and store data reporting
so much easier knowing the value of the information to be submitted by the school. This research will produce a
report card processing system that helps the working of the subject teachers and homeroom and can facilitate users

to perform the processing of transcripts, report cards include processing teacher data, student data, the data value
and report cards. This application only logged in users can only be opened when the application so that there is a
security program.
Keywords : Report, System, Information.
yang akurat. Informasi yang akurat sangat berguna

1. Pendahuluan

untuk membuat keputusan dan meningkatkan hasil
Teknologi informasi merupakan salah satu
teknologi

yang

berkembang

dengan

kinerja user serta kepuasaan terhadap pengguna.

cepatnya

sehingga telah membawa dunia memasuki era baru

Permasalahan yang terjadi dalam penelitian

yang lebih cepat dari yang pernah dibayangkan

pengolahan nilai raport di salah satu sekolah saat ini

sebelumnya.

informasi

masih bersifat konvensional, yaitu masih ditulis di

memiliki keuntungan utama yaitu pada suatu instansi

buku raport dan leger nilai sehingga banyak waktu

atau

dan tenaga diperlukan untuk memproses tugas

lembaga

Penggunaan

teknologi

mempunyai

kemampuan

untuk

berkomunikasi dan memberikan informasi dengan

tersebut.

cepat untuk semua organisasi maupun pihak – pihak

mengembangkan

yang

terkait,

menggunakan

teknologi
komputer

karena

itu,

sebuah

penulis

aplikasi

mencoba

raport

nilai

ini

yaitu

akademik siswa yang menjadi salah satu metode

sarana

untuk

alternative dalam mengatasi permasalahan tersebut.

informasi
sebagai

Oleh

menunjang sistem informasi yang dapat memberikan

Berdasarkan

hasil yang lebih berupa informasi akurat, handal dan

merancang suatu sistem mengenai pengolahan raport

cepat dari sistem bila berjalan dengan baik karena

siswa dengan mengangkat judul “Aplikasi Pengolah

sesungguhnya kegunaan informasi adalah untuk

Raport”.

mengurangi hal ketidakpastian di dalam proses
pengambilan keputusan

membutuhkan keberadaan suatu sistem informasi
yang akurat dan handal dalam mencakup kebutuhan
kinerja antara staff sekolah, guru dan murid.
Dalam menghasilkan suatu sistem informasi
yang di butuhkan maka haruslah terdapat pengelolaan
data yang masuk di lembaga pendidikan tersebut.
Pengolah data secara manual mempunyai banyak
kelemahan, selain membutuhkan waktu yang lama,
keakuratan juga kurang dapat diterima, karena

diatas,

penulis

bermaksud

2. Teori Pendukung

tentang suatu keadaan.

Instansi sekolah atau lembaga pendidikan sangat

uraian

A. Aplikasi Pengolah Raport
Istilah aplikasi berasal dari bahasa inggris
"application" yang berarti penerapan, lamaran
ataupun penggunaan. Sedangkan secara istilah,
pengertian aplikasi adalah suatu program yang siap

untuk digunakan yang dibuat untuk melaksanakan
suatu fungsi bagi pengguna jasa aplikasi serta
penggunaan aplikasi lain yang dapat digunakan oleh
suatu sasaran yang akan dituju. Menurut kamus
komputer eksekutif, aplikasi mempunyai arti yaitu
pemecahan masalah yang menggunakan salah satu
teknik pemrosesan data aplikasi yang biasanya
berpacu pada sebuah komputansi yang diinginkan
maupun pemrosesan data yang diharapkan.

kemungkinan kesalahan baik dari sistem manual
tersebut maupun sumber daya manusia itu sendiri.

B. PHP

Dengan adanya teknologi informasi yang ada pada

PHP adalah bahasa pemrograman script server-

zaman ini, kegiatan pengelolaan data yang dilakukan

side yang didesain untuk pengembangan web. Selain

dengan manual dapat digantikan dengan sistem

itu, PHP juga bisa digunakan sebagai bahasa

informasi yang menggunakan sistem digital atau

pemrograman umum. PHP di kembangkan pada tahun

menggunakan teknologi komputer. Selain lebih cepat

1995 oleh Rasmus Lerdorf, dan sekarang dikelola

dan mudah pengelolaan data juga menjadi lebih

oleh The PHP Group.Situs resmi PHP beralamat di

handal dan data tersebut lebih akurat. Data yang

http://www.php.net.

akurat bila diproses akan menghasilkan informasi

Saat ini PHP adalah singkatan dari PHP: Hypertext

Preprocessor, sebuah kepanjangan rekursif, yakni

MySQL adalah salah satu aplikasi RDBMS

permainan kata dimana kepanjangannya terdiri dari

(Relational

singkatan

Pengertian

itu

sendiri:

PHP:

Hypertext

Database
sederhana

Management
RDBMS

adalah:

System).
aplikasi

Preprocessor.PHP dapat digunakan dengan gratis (free)

database

yang menggunakan prinsip relasional.

dan bersifat Open Source. PHP dirilis dalam lisensi

MySQL bersifat gratis dan open source.Artinya setiap

PHP License, sedikit berbeda dengan lisensi GNU

orang boleh menggunakan dan mengembangkan

General Public License (GPL) yang biasa digunakan

aplikasi ini. Namun walaupun gratis, MySQL di

untuk proyek Open Source.

support oleh ribuan programmer dari seluruh dunia,
dan merupakan sebuah aplikasi RDBMS yang
lengkap, cepat, dan reliabel.

C. CodeIgniter ( C I )
CodeIgniter ( C I ) adalah sebuah kerangka
(framework) pembangunan aplikasi atau mudahnya

G. XAMPP

disebut toolkit, untuk developer yang akan membuat

XAMPP sendiri adalah sebagai server yang berdiri

aplikasi web dengan PHP. Tujuan CI adalah supaya

sendiri (localhost), yang terdiri beberapa program

pembangunan aplikasi lebih cepat dibanding menulis

antara lain : Apache HTTP Server, MySQL database,

source code dari awal, karena CI telah meyediakan

dan penerjemah bahasa yang ditulis dengan bahasa

banyak library untuk proses-proses yang sering

pemrograman PHP dan Perl. Nama XAMPP sendiri

digunakan pada suatu aplikasi, dan juga dengan

merupakan singkatan dari X (empat sistem operasi

kemudahan dalam menggunakan library tersebut serta

apapun), Apache, MySQL, PHP dan Perl. Program ini

kesederhaan penggunaannya.

tersedia dalam GNU General Public License dan
bebas, merupakan web server yang mudah untuk
digunakan yang dapat menampilkan halaman web

D. Twitter Bootstrap
Bootstrap adalah sebuah framework yang dapat

yang dinamis.

menyelesaikan permasalahan dalam mendesain web.
Artinya kita dapat mendesain sebuah website dengan

H. Server HTTP Apache

lebih rapi, cepat dan mudah. Selain itu Bootstrap juga

Server HTTP Apache atau Server Web/WWW

responsive terhadap banyak platform, artinya tampilan

Apache adalah server web yang dapat dijalankan di

halaman website yang menggunakan Bootstrap ini

banyak sistem operasi seperti (Unix, BSD, Linux,

akan tampak tetap rapi, baik versi mobile maupun

Microsoft Windows dan Novell Netware serta

desktop.

platform lainnya) yang berguna untuk melayani dan
memfungsikan situs web.Protokol yang digunakan
untuk melayani fasilitas web/www ini menggunakan

E. HTML
HTML adalah singkatan dari Hypertext Markup

HTTP.

Language. Disebut hypertext karena di dalam HTML
sebuah text biasa dapat berfungsi lain, kita dapat
membuatnya menjadi link yang dapat berpindah dari
satu halaman ke halaman lainnya dengan hanya mengklik text tersebut. Kemampuan text inilah yang
dinamakan

hypertext,

walaupun

pada

implementasinya nanti tidak hanya text yang dapat
dijadikan link.
F. MYSQL

3. Analisis dan Perancangan
A. Analisa
1) Diagram Use Case

!

Figure 1: Diagram Use Case
2) Diagram Aktivitas

Figure 4: Diagram Aktivitas Menu Laporan

3) Diagram Sekuen
&

'(

)

'&

*

'&

" # $%
+"&
."*

,-

#

/

!

0"

&

,1"2 #

,3"(

4"&
5"&
7"

*

6

,-

,-

,-

#
8"&

2

Figure 2: Diagram Aktivitas Tambah Data
Siswa
Figure 5: Diagram Sekuen Login

'(

" # $%
+"*

)

*

,."2

,0")

1"
3"

,-

,-

,-

4"
5"

,7"9

,-

8"(
+: "
++ "
+. " $

,+0 " #

+1 " *

,-

+7 "
+8 " ;

,-

+5 " #

,-

+4 " (

,-

.. " (

,-

,,-

.1 "
.3 " )

+3 " 9

,-

.: " /

Figure 3: Diagram Aktivitas Tambah Data
Nilai

,-

,-

,-

.+ " 9

,-

.0 " /

,-

.7 " 9

,-

,-

,-

.4 " *
.5 "

,-

.8 " (
0: "
0+ "

,-

,-

,-

Figure 6: Diagram Sekuen Data Siswa

'(

" # $%
+"*

)

*

NIS

ID

,."2

NamaSiswa

TTL

,0")

,-

AGAMA
1"
3"

KELAS

,-

m

KELAS

,-

4"
5"

,8"(

+: "
++ "

KELAS

m
7"9

+. " $

SISWA

MEMILIKI

,-

TAHUNAJARAN

,-

KODEMAPEL

,-

,-

MENGAJAR
NIK

,+0 " #

+1 " *

NAMA

,+3 " 9

,-

NAMAMAPEL
+4 " (

+5 " #
+7 "
+8 " ;

,-

MaPel

ALAMAT

KKM

,,.+ " 9

,-

.0 " /

,-

.7 " 9

,-

GuruMapel
.. " (

.1 "
.3 " )

TTL

GURU

,-

,-

.: " /

MENGAJAR

,-

GURUPENGAJAR

MENGELOLA

,-

,-

.4 " *
.5 "

,-

m
.8 " (

0: "
0+ "

,-

MEMPUNYAI

NILAI

,-

,-

NILAIRATARATA
NILAITOTAL

Figure 7: Diagram Sekuen Data Nilai

!$ < '(

" # $%

+"*

)

!$ <

*

Figure 10: Diagram ER

!$ <

,-

B. Perancangan Antarmuka dan implementasi
." 2

,0")

1"

3 " !%
4")

&

Implementasi
pembuatan
aplikasi
menggunakan Framework Code Igniter.

,-

,-

Contoh dari tampilan halaman aplikasi adalah
sebagai berikut

,-

5"*
7"

,8"9

,+: " (

++ "
+. "

,-

,-

,-

+0 " !%

Figure 8: Diagram Sekuen Laporan
4) Diagram Kelas
=#
=!

=( ' ,=)
'# ,=* '# ,-

=#
=!
=;
=( '# ,=)
'# ,=* '# ,-

= *
=
*
= *
=2 !
=( '* ,=)
'* ,=* '* ,-

=
=
= &
=
=2 *
=( '2 ,=)
'2 ,=* '2 ,-

=&
=)
=*

=
=
=
=
=
=
=

( ,'( ,'( ,-

=
=
=
=
=
=
=

#
#

=( '
,=)
'
,=* '
,-

=(
=(
=(
=(
=(
=(
=(
=(
=(
=(
=(
=(
=(
=(
=(
=(

'
'#
'
'
'2
'*
'
'6
'6
'*
'!
'!
'!
'
'!
'&

# ,,,,,,,,,,,,,,,,-

=
=
=
=
=
=
=

Figure 11: Tampilan awal aplikasi
=
=
=
=
=
=
=

#
#

=( '6 ,=)
'
=* '6 ,-

,-

=
=
=
=
=
=
=

#
#

=( '6 ,=)
'6 ,=* '6 ,-

#
#

=( '* ,=)
'* ,=* '* ,-

=
=
=
=
=
=
=
=
=
=
=
=
=
=

=
=
= &
=
=
=

=
=( '
,=)
'
,=* '
,-

=( '
,=)
'
,=* '
,-

'
'6
'6
'*
'!
'!
'!
'
'!
'
'% >%

=( '&
,=)
'&
,=* '&
,-

#
#

=( ' ! ,=)
' ! ,=* ' ! ,-

=
=
=
=
=
=
=

=
=
=
=
=
=
=

#
#

=( ' ! ,=)
' ! ,=* ' ! ,-

#
#

=( '! ,=)
'! ,=*
'! ,-

=
=
=
=
=
=
=

#
#

=( ' ,=)
' ,=* ' ,-

=
=
=
=
=
=
=

#
#

=( '!
,=)
'!
,=* '!
,-

Figure 9: Diagram Kelas
5) Diagram ER

ini

Pengampu, Dosen Pembimbing, Dosen Penguji, dan
pihak-pihak lain yang telah memberikan masukan
yang bermanfaat sehingga laporan ini dapat
terselesaikan tepat pada waktunya.

Daftar Pustaka
[1] Anonim.2012. MySQL

5.1

Reference

Manual.Retrieved 17 September 2012. "The
official way to pronounce “MySQL” is “My Ess
Que Ell” (not “my sequel”)"

[2] Andi, 2005, Databse Relasional dengan MySQL,
Andi Offset, Yogyakarta

[3] Hariyanto,

B.

Pemrograman
Figure 12: Tampilan Tambah Data Siswa

2007.
Php

Esensi-esensi

dan

CodeIgniter

Bahasa
Edisi

Bandung. Penerbit InFormatika.

[4] Oktariono dan Susanto, 2010, Perancangan
Aplikasi
Informasi
Nilai
Siswa
SD
Muhammadiyah Serut Bantul Menggunakan Java,
Program Pasca Sarjana Teknik InFormatika,
Amikom Yogyakarta, Yogyakarta.

[5] Febrian,W.Sistem Informasi Presensi dan Nilai
Siswa Berbasis Web SMA N 1 Tebing Empat
Lawang SumSel.Yogyakarta: STMIK AMIKOM
Yogyakarta.2011.

[6] Usada, E, Anggun F.I. dan Fatimah, D. 2011,
Rancang Bangun Apikasi Pembayaran Sekolah
Menggunakan Php dan MySQL Berbasis Client
Server di SMA Yos Sudarso Cilacap, Program
Studi Diploma III Teknik Telekomunikasi,
Purwokerto.

Figure 12: Tampilan Tambah Data Nilai

[7] Kurniawati, A, dan Prabeswati, Arum. 2010,
Aplikasi Pengolahan Raport Siswa SMP Negeri 2
Ceper

Klaten,

Program

Pasca

Teknik

InFormatika, Amikom Yogyakarta, Yogyakarta.

Figure 12: Tampilan Laporan

Acknowledgment
Ucapan terimakasih diberikan kepada Dosen