APLIKASI PEMBAYARAN SPP SMA NEGERI 1 JUMAPOLO …... · Gambar 3.1 Context Diagram ... Dengan...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

i

APLIKASI PEMBAYARAN SPP

SMA NEGERI 1 JUMAPOLO KARANGANYAR

TUGAS AKHIR

Diajukan Untuk Memenuhi Sebagaian Persyaratan Memperoleh Gelar Ahli

Madya Teknik Informatika

Disusun oleh :

TARMAN

NIM. M3309046

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2012


commit to user

ii


commit to user

iii


commit to user

iv

ABSTRACT

Tarman. THE APPLICATION OF SPP PAYMENT AT SMA NEGERI 1 JUMAPOLO KARANGANYAR. Informatics Engineering DIII Program, Mathematics and Sciences Faculty, Surakarta Sebelas Maret University. 2012.

The application of SPP (tuition) payment at SMA Negeri (Public Senior High School) 1 Jumapolo Karanganyar has still been done manually today. The data concerning SPP payment is stored in the form of archive, so that it is less effective and efficient.

The objective of research is to make SPP payment application in order to facilitate the process of paying tuition at school. The application was made using PHP programming language. DBMS was used MySQL and used web server Apache.

From the result of research above, it can be concluded that the application system developed by the writer, namely the application system of SPP (tuition) payment at SMA Negeri 1 Jumapolo Karanganyar became better than the manual system existing today.

Key words : MySQL, PHP, SPP Billing Aplication.


commit to user

v

ABSTRAK

TARMAN. APLIKASI PEMBAYARAN SPP SMA NEGERI 1 JUMAPOLO KARANGANYAR. Program DIII Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. 2012.

Aplikasi pembayaran SPP SMA Negeri 1 Jumapolo Karanganyar saat ini masih ditulis dengan manual. Data-data yang berhubungan dengan pembayaran SPP disimpan dalam bentuk berkas, sehingga kurang efektif dan efisien.

Tujuan dari penelitian ini adalah membuat aplikasi pembayaran SPP, agar mempermudah dalam proses pembayaran SPP sekolah. Aplikasi dibuat dengan bahasa pemrograman PHP. Untuk DBMS nya menggunakan MySQL dan menggunakan web server Apache.

Dari hasil penelitian di atas dapat disimpulkan bahwa sistem aplikasi yang dikembangkan oleh penulis yaitu sistem aplikasi pembayaran SPP SMA Negeri 1 Jumapolo Karanganyar dapat menjadi lebih baik dibandingkan dengan sistem yang ada seperti saat ini yang masih dilakukan secara manual.

Kata kunci : Aplikasi pembayaran SPP, MySQL, PHP.


commit to user

vi

MOTTO

1. Jalani hidup apa adanya dan berusaha menjadi yang lebih baik. 2. Tidak ada gunung yang tidak dapat didaki, semua permasalahan bisa diatasi. 3. Semua penyesalan selalu datangnya diakhir.


commit to user

vii

PERSEMBAHAN

-mu...ya Alloh ya Tuhanku... Kutumpahkan segala asa hidupku hanya padamu dengan membuka takbir illahi menyongsong


commit to user

viii

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa yang telah

memberikan anugerah dan segala kenikmatan luar biasa banyaknya. Sholawat dan

salam semoga selalu tercurahkan kepada nabi kita Muhammad SAW,

keluarganya, para sahabat dan umatnya yang senantiasa istiqomah dijalan

kebenaran. Tugas akhir ini dibuat untuk memenuhi salah satu persyaratan

memperoleh gelar ahli madya ilmu komputer. Dalam menyelesaikan laporan ini

mendapat banyak bantuan baik berupa materiil maupun spiritual dari berbagai

pihak. Oleh karena itu mengucapkan banyak terima kasih.

1. Bapak Drs. Syamsurizal, sebagai Dosen pembimbing yang telah memberikan

bimbingan dan arahan dalam penulisan Tugas Akhir ini.

2. Bapak Meiyanto Eko Sulistyo, S.T., M.Eng. dan Bapak Winarno, S.Si selaku

dosen penguji Tugas Akhir.

3. Bapak Y.S Palgunadi,M.Si selaku ketua jurusan DIII Ilmu komputer FMIPA

UNS.

4. Bapak Agus Dwihandoyo, S. Kom selaku pembimbing instansi dari SMA

Negeri 1 Jumapolo karanganyar.

5. Dosen-dosen DIII Ilmu Komputer FMIPA UNS yang telah memberikan suport

kepada penulis dalam pelaksanaan Tugas Akhir ini.

6. Rekan-rekan Teknik Informatika 2009 terima kasih atas segala bantuan kalian.

Demikian laporan Tugas Akhir ini dengan harapan dapat bermanfaat bagi

penulis maupun pembaca.

Surakarta, 28 Juni 2012

Penulis


commit to user

ix

DAFTAR ISI

Halaman

HALAMAN JUDUL............................................................................... i

LEMBAR PERSETUJUAN.................................................................... ii

LEMBAR PENGESAHAN..................................................................... iii

ABSTRACT............................................................................................. iv

ABSTRAK............................................................................................... v

MOTTO.................................................................................................... vi

PERSEMBAHAN.................................................................................... vii

KATA PENGANTAR............................................................................. viii

DAFTAR ISI........................................................................................... ix

DAFTAR TABEL.................................................................................... xii

DAFTAR GAMBAR............................................................................... xiii

BAB I PENDAHULUAN ................................ 1

1.1. Latar Belakang masalah .... 1

1.2. Rumusan dan Batasan Masalah ............... 1

1.2.1 Perumusan Masalah ................................................... 1

1.2.2. Batasan Masalah ........................................................ 2

1.3. Tujuan Penelitian................................................................. 2

1.4. Manfaat Penelitian............................................................... 2

BAB II L 3

2. ......... 3

2.1. 3

2.1.2. Definisi Informasi....................................................... 3

2.1.3.Definisi Sistem Informasi............................................ 4


commit to user

x

2.2 Analisis Sistem ................................................................ .. 5

5

2.4 Perancangan Database 7

10

BAB III ANALISIS DAN PERANCANGAN........................................ 11

3.1 Deskripsi Data.................................................................... 11

3.1.1 Jenis dan Sumber Penelitian........................................ 11

3.1.2 Metode Pengumpulan Data......................................... 11

3.2 Hasil Analisis...................................................................... 12

3.3 Pembahasan Hasil Analisis................................................. 13

3.3.1.Analisis Kebutuhan Sistem ......................................... 13

3.3.1.1.Analisis Kebutuhan Software ........................... 13

3.3.1.2.Analisis Kebutuhan Hardware ........................ 13

3.3.2.Analisis dan Rancangan Sistem .................................. 13

3.3.2.1. Context Diagram ............................................. 13

3.3.2.2 Data Flow Diagram (DFD) ............................... 14

3.3.2.3. Entity Relationship Diagram............................ 15

3.3.2.4. Flowchart.......................................................... 16

3.3.2.5.Hubungan Antar Tabel ...................................... 17

3.3.3.Analisis Perancangan Basis Data ................................ 17

21

BAB IV IMPLEMENTASI DAN EVALUASI...................................... 25

4.1 Implementasi...................................................................... 11

4.2 Keperluan Sistem............................................................... 11

4.2.1 Software 21


commit to user

xi

4.2.2 Hardtware 21

4.3 Realisasi dalam Program Aplikasi...................................... 26

4.4 Pengujian............................................................................ 32

BAB V PENUTUP ................................................................................. 33

5.1 Kesimpulan ................................ 33

5.2 Saran .................................................. 33

DAFTAR PUSTAKA............................................................................. 34


commit to user

xii

DAFTAR TABEL

Tabel 2.1 Simbol-simbol Context Diagram........................................... 6

Tabel 2.2 Simbol-simbol Data Flow Diagram...................................... 6

Tabel 2.3 Simbol-simbol flowchart........................................................ 7

Tabel 2.4 Simbol-simbol Entity Relationship Diagram......................... 9

Tabel 3.1 Siswa...................................................................................... 18

Tabel 3.2 Transaksi................................................................................. 19

Tabel 3.3 Biaya....................................................................................... 20

Tabel 3.4 Kunci........................................................................................ 20


commit to user

xiii

DAFTAR GAMBAR

Gambar 3.1 Context Diagram ................................................................ 13

Gambar 3.2 Data Flow Diagram............................................................ 14

Gambar 3.3 Entity Relationship Diagram............................................... 15

Gambar 3.4 Flowchart............................................................................. 16

Gambar 3.5 Hubungan Antar Tabel......................................................... 17

Gambar 3.6 Desain Form Login ............................................................. 21

Gambar 3.7 Desain Menu Utama ........................................................... 21

Gambar 3.8 Desain Data Siswa................................................................ 22

Gambar 3.9 Desain Transaksi Pembayaran.............................................. 23

Gambar 3.10 Desain Laporan Per-siswa.................................................. 23

Gambar 3.11 Desain Laporan Per-kelas................................................... 24

Gambar 3.12 Desain Laporan Per-bulan................................................... 24

Gambar 3.13 Desain Rekap yang Belum Bayar....................................... 24

Gambar 4.1 Form Login ......................................................................... 26

Gambar 4.2 Form Utama......................................................................... 26

Gambar 4.3 Form Input Data Siswa........................................................ 27

Gambar 4.4 Form Edit Data Siswa........................................................... 27

Gambar 4.5 Form Transaksi pembayaran................................................ 28

Gambar 4.6 Form laporan kwitansi......................................................... 28

Gambar 4.7 Edit biaya............................................................................. 29

Gambar 4.8 Form Laporan Pembayaran Per-siswa................................. 30

Gambar 4.9 Form Laporan Pembayarn Per-kelas.................................... 30


commit to user

xiv

Gambar 4.10 Form Laporan Pembayaran Per-bulan.............................. 31

Gambar 4.11 Form Laporan Rekap yang Belum Bayar......................... 32


commit to user

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Dewasa ini perkembangan teknologi informasi di Indonesia telah

merambah ke berbagai bidang, diantaranya adalah bidang pendidikan. Salah satu

pemanfaatannya adalah dalam penyampaian informasi kepada publik. Sebagai

contoh, sistem pendaftaran SPMB melalui internet, sistem informasi akademik

pada universitas dan lain sebagainya.

Persaingan dalam dunia pendidikan menuntut adanya suatu sistem yang

mempermudah proses-proses yang biasa dilakukan secara manual. Semua elemen

lembaga pendidikan memerlukan sistem yang menghasilkan informasi akurat,

serta membantu dalam pengambilan keputusan yang berkaitan dengan

perkembangan lembaga pendidikan yang bersangkutan. Begitu pula dengan

administrasi pembayaran SPP yang ada di SMA Negeri 1 Jumapolo Karanganyar.

Dalam pelayanan pembayaran SPP, mengingat banyaknya jumlah siswa,

maka akan rumit jika masih dilakukan secara manual. Oleh karena itu dibutuhkan

suatu sistem yang mampu mendata pembayaran SPP dengan cepat dan akurat.

Dengan latar belakang yang telah dikemukakan di atas mengangkat

Aplikasi Pembayaran SPP SMA Negeri 1 Jumapolo

1.2 Rumusan dan Batasan Masalah

1.2.1 Perumusan Masalah

Berdasarkan topik yang telah diuraikan di atas, maka perumusan masalah

yang dikemukakan adalah bagaimana membuat aplikasi pembayaran SPP yang

efektif di SMA Negeri 1 Jumapolo Karanganyar?


commit to user

2

2

1.2.2 Batasan Masalah

Batasan masalah dalam laporan ini yaitu sebuah pembuatan

aplikasi pembayaran SPP yang berupa penginputan data, edit data, transaksi dan

pelaporan data.

1.3 Tujuan Penelitian

Tujuan dari tugas akhir ini yaitu membuat aplikasi pembayaran SPP

di SMA Negeri 1 Jumapolo Karanganyar berbasis web dengan menggunakan

bahasa pemrograman PHP dan database MySQL.

1.4 Manfaat Penelitian

Dengan dibuatnya program Aplikasi pembayaran SPP ini diharapkan dapat

bermanfaat untuk membantu dan mempermudah proses pembayaran administrasi

di SMA Negeri 1 Jumapolo Karanganyar, sehingga efektifitas kerja dapat tercipta

dengan baik.


commit to user

3

BAB II

LANDASAN TEORI

2.1 Sistem Informasi

Dewasa ini kebutuhan informasi meningkat dengan cepatnya. Informasi

tidak hanya sekedar dibutuhkan orang melainkan sudah menjadi suatu komoditas.

Dengan adanya pertumbuhan informasi, hal ini berdampak pada berbagai aspek

kehidupan, apalagi di era globalisasi yang memungkinkan orang bergerak

meninggalkan batas-batas konvensional (Jogiyanto, 1996).

2.1.1 Definisi Sistem

membicarakan analis dan perencanaan sistem, jawabannya adalah Sistem

merupakan serangkaian komponen yang bekerja sama untuk mencapai tujuan

sistem (Jogiyanto, 1996).

Sedangkan pengertian sistem dalam arti luas adalah :

Sistem adalah satu kesatuan yang terdiri dari bagian-bagian yang saling

berinteraksi dan bekerja sama untuk mencapai suatu tujuan tertentu (Jogiyanto,

1996 : 90).

2.1.2 Definisi Informasi

Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti

bagi penerimanya dan bermanfaat dalam mengambil keputusan saat ini atau

mendatang (Gordon,1984). Syarat-syarat tentang informasi yang baik dan lengkap

adalah sebagai berikut.


commit to user

4

4

a. Ketersediaan (availability)

b. Mudah dipahami (comprehenibility)

c. Relevan

d. Bermanfaat

e. Tepat waktu

f. Keandalan (reliability)

g. Akurat

h. Konsisten

Kualitas dari informasi secara singkat terdiri dari 3 hal (Gordon,1984) yaitu

a. informasi harus akurat

b. tepat pada waktunya

c. relevan

2.1.3 Definisi Sistem Informasi

Sistem Informasi adalah suatu sistem yang terdapat didalam organisasi

yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung

operasi, yang manjerial dan kegiatan strategis dari suatu organisasi dan

menyediakan pihak luar tertentu dengan laporan-laporan yang

diperlukan.(Jogiyanto, 2001).

2.2 Analisis Sistem

Analisis sistem adalah penguraian dari sistem informasi yang utuh ke

dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan

mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-


commit to user

5

5

hambatan yang terjadi dan keutuhan-keutuhan yang diharapkan sehingga dapat

diusulkan perbaikan-perbaikannya (Jogiyanto, 2001).

2.3 Pengertian Perancangan Sistem

Perancangan sistem adalah merancang atau mendesain sistem yang baik,

isinya adalah langkah-langkah operasi dalam pengolahan data dan prosedur untuk

mendukung operasi sistem (Kendall, 2003).

Dalam merancang sistem terdapat alat-alat bantu yang dapat digunakan untuk

mempermudah dalam merancang sistem yaitu :

1. Context Diagram

Context Diagram adalah tingkatan tertinggi dalam diagram aliran data dan

hanya memuat satu proses, menunjukkan sistem secara keseluruhan (Kendall,

2003). Beberapa simbol yang digunakan dalam context diagram dapat dilihat

dalam Tabel 2.1

Tabel 2.1. Simbol-simbol Context Diagram

Entitas Menggambarkan sumber dan tujuan

dari aliran data dan atau menuju

sistem

Proses Merepresentasikan proses aliran data

Sistem

Merepresentasikan keseluruhan sistem

yang hendak dibangun


commit to user

6

6

2. Data Flow Diagram (DFD)

Data Flow Diagram adalah suatu gambaran grafis dari suatu sistem yang

menggunakan sejumlah bentuk-bentuk symbol yang menggambarkan bagaimana

arus data melalui suatu proses yang saling berkaitan. DFD hanya terdiri dari 4

simbol. Simbol-simbol itu digunakan untuk elemen-elemen lingkungan yang

berhubungan dengan sistem, proses, arus data, serta penyimpanan data (Kendall,

2003).

Tabel 2.2. Simbol-simbol Data Flow Diagram

Suatu proses dimana beberapa tindakan atau

sekelompok tindakan dijalankan.

Suatu entitas berupa orang,kelompok, departemen,

atau sistem yang bisa menerima informasi atau

data-data awal.

Arus data yang menunjukkan bahwa informasi

sedang melintas dari atau menuju suatu proses.

Penyimpanan data

3. FlowChart

Flowchart adalah gambaran dalam bentuk diagram alir dari algoritma-

algoritma dalam suatu program, yang menyatakan arah alur program tersebut.

(Kendall, 2003). Beberapa simbol yang digunakan flowchart dapat dilihat pada

Tabel 2.3.


commit to user

7

7

Tabel 2.3. Simbol-simbol Flowchart (Kendall, 2003)

Menunjukkan awal / akhir program

Menunjukkan proses

Menunjukkan arus

Menunjukkan input/output

Menunjukkan pengujian

2.4 Perancangan Database

1. Database

Database, menurut Irmansyah (2003) adalah kumpulan dari item data

yang saling berhubungan satu dengan yang lainnya yang diorganisasikan

berdasarkan sebuah skema atau struktur tertentu, tersimpan di hardware komputer

dan dengan software untuk melakukan manipulasi untuk kegunaan tertentu.

Sedangkan menurut Syahroni (2003), database adalah kumpulan dari data

yang saling berhubungan, tersimpan di perangkat keras komputer dan digunakan

perangkat lunak untuk memanipulasinya. Database diperlukan karena :


commit to user

8

8

a. Salah satu komponen penting dalam sistem informasi, karena merupakan dasar

dalam menyediakan informasi,

b. Menentukan kualitas informasi : akurat, tepat pada waktunya dan relevan.

Informasi dapat dikatakan bernilai bila manfaatnya lebih efektif dibandingkan

dengan biaya mendapatkannya,

c. Mengurangi duplikasi data ( data redundancy),

d. Hubungan data dapat ditingkatkan ( data relatability),

e. Mengurangi pemborosan tempat simpanan luar.

2. Entity Relationship Diagram (ERD)

E-R Diagram menggambarkan relasi dari dua file atau dua tabel yang

dapat digolongkan dalam tiga macam bentuk relasi, yaitu satu-satu, satu-banyak,

dan banyak-banyak. Penggambaran ini akan membantu analisis sistem dalam

melakukan perancangan program. ERD merupakan dasar untuk pengembangan

kamus data. Tiap atribut pada ERD dapat didokumentasikan dengan suatu entry

kamus elemen data, ER-Diagram menggunakan sejumlah notasi dan simbol

untuk menggambarkan struktur dan hubungan antar data (Fathansyah, 1999).

pada dasarnya ada 4 macam simbol yang digunakan yaitu :

a. Entity

Entity adalah suatu objek yang dapat diidentifikasi dalam lingkungan

pemakai, sesuatu yang penting bagi pemakai dalam konteks sistem yang

akan dibuat. Entity digambarkan dalam bentuk persegi empat.

b. Atribut

Entity mempunyai elemen yang disebut atribut, dan berfungsi

mendeskripsikan karakter entiti. Misalnya atribut nama pekerja dari entity

pekerja. Setiap ERD bisa terdapat lebih dari satu atribut. Entity digambarkan

dalam bentuk ellips.


commit to user

9

9

c. Hubungan

Relationship, sebagaimana halnya entity maka dalam hubunganpun harus

dibedakan antara hubungan atau bentuk hubungan antar entity dengan isi dari

hubungan itu sendiri. Misalnya dalam kasus hubungan antara entity siswa

dan entity mata_kuliah adalah mengikuti, sedangkan isi hubungannya dapat

berupa nilai_ujian. Relationship digambarkan dalam bentuk intan / diamonds.

d. Garis

Digunakan untuk menghubungkan entity dengan entity maupun entity

dengan atribut.

Tabel 2.4. Simbol-simbol Entity Relationship Diagram (Fathansyah, 1999).

Simbol Entity

Simbol Atribut

Simbol Hubungan

Menunjukkan garis

3. Data Dictionary (Kamus Data)

Data dictionary adalah katalog fakta tentang data dan kebutuhan

kebutuhan informasi dari suatu informasi. Dengan kamus data, dapat

mendefinisikan data pada sistem dengan lengkap (Fathansyah, 1999). Kamus data

mendefinisikan elemen data dengan fungsi sebagai berikut:

a. Menjelaskan arti aliran data dan penyimpanan dalam Data Flow Diagram.

b. Mendeskripsikan komposisi paket data yang bergerak melalui aliran.

c. Mendeskripsikan komposisi penyimpanan data.


commit to user

10

10

d. Mendeskripsikan hubungan detail antar penyimpanan yang akan menjadi titik

perhatian dalam entity relationship diagram.

2.5 Komputerisasi

Menurut (Jogiyanto, 1995 : 87) Komputerisasi adalah :

Suatu pengolahan data atau proses input, output dan proses yang menggunakan

alat bantu komputer yang hasilnya adalah informasi-informasi.


commit to user

11

BAB III

ANALISIS DAN PERANCANGAN

3.1 Deskripsi Data

3.1.1 Jenis dan Sumber Penelitian

Dalam penelitian ini, data dan informasi sangat diperlukan

untuk melengkapi Tugas Akhir agar dapat mencapai hasil yang

maksimal dan dapat dipertanggungjawabkan. Adapun sumber data

yang kami peroleh dari hasil penelitian di SMA Negeri 1 Jumapolo

Karanganyar adalah sebagai berikut :

a. Data Primer

Data diperoleh secara langsung dari objek penelitian yaitu dari

pihak-pihak yang bersangkutan dengan sistem pembayaran SPP

sekolah di SMA Negeri 1 Jumapolo Karanganyar.

b. Data Sekunder

Pengumpulan data sekunder merupakan teknik pengumpulan

data-data tambahan untuk menunjang penelitian melalui studi

kepustakaan yang berhubungan dengan sistem informasi pembayaran

administrasi sekolah. Data sekunder diperoleh dari literatur-literatur

yang mendukung sebagai pelengkap data primer.

3.1.2 Metode Pengumpulan Data

Dalam pengumpulan data untuk Tugas Akhir ini menggunakan

metode-metode sebagai berikut :


commit to user

12

12

a. Observasi

Metode Observasi adalah metode penelitian yang dilakukan dengan

cara mengamati sistem pembayaran SPP sebelumnya, sehingga dapat

memperoleh data yang akurat dan sesuai dengan judul Tugas Akhir

yang diambil.

b . Intervew

Metode Intervew adalah metode penelitian yang dilakukan dengan

cara wawancara langsung kepada petugas pembayaran SPP mengenai

data-data yang terkait dengan rancangan sistem yang akan disusun.

c. Study Pustaka

Merupakan teknik pengumpulan data dengan cara membaca buku

referensi yang berhubungan dengan materi penulisan.

3.2 Hasil Analisis

Sistem informasi pembayaran di SMA Negeri 1 Jumapolo

Karanganyar pada saat ini adalah sebagai berikut :

1. Pendataan transaksi pembayaran masih dilakukan pencatatan secara

tertulis dan belum menggunakan sistem komputerisasi.

2. Pendataan pelaporan yang masih menggunakan sistem manual

sehingga mengakibatkan kinerja petugas administrasi tidak efisien

karena sekali melakukan transakasi pembayaran harus beberapa kali

menyalin data pada pelaporannya.

Untuk mengatasi permasalahan diatas, maka dibutuhkan sebuah

sistem informasi dan sebuah aplikasi yang digunakan untuk

mempermudah dan membantu untuk menyelesaikannya yang mampu

melakukan proses pendataan, pengolahan serta pelaporan data secara

tepat, cepat dan efisien.


commit to user

13

13

3.3 Pembahasan Hasil Analisis

3.3.1 Analisis Kebutuhan Sistem

3.3.1.1 Analisis Kebutuhan Software

1. Sistem Operasi : Windows 7

2. Perangkat lunak pendukung : Aplikasi MySQL 5.1.41, Mozilla Firefox

13, dan Adobe DreamWeaver CS5

3.3.1.2 Analisis kebutuhan Hardware

1. Prosesor intel pentium 4

2. RAM 1 GB

3. Hardisk 160 GB

4. Keyboard dan Mouse

5. Printer Canon pixma 1000

3.3.2 Analisis dan Rancangan Sistem

3.3.2.1 Context Diagram

Data siswa 1 2 print out laporan

Gambar 3.1 Context Diagram

admin

Sistem pembayaran

SPP


commit to user

14

14

Keterangan :

1. Admin memasukkan data siswa dan data transaksi kesistem

pembayaran SPP.

2. Admin akan mendapatkan konfirmasi pembayaran dari petugas SPP

yang berupa print out sebagai bukti pembayaran.

3.3.2.2 Data Flow Diagram

Data Flow Diagram adalah alat dipakai untuk mendokumentasikan proses

dalam sistem. DFD menekankan pada fungsi didalam sistem, cara menggunakan

informasi yang tersimpan dan pemindahan informasi antar fungsi didalam sistem.

Data Flow Diagram pada sistem informasi pembayaran SPP SMA Negeri 1

Jumapolo karanganyar dapat dilihat pada Gambar 3.2

Gambar 3.2 Data Flow Diagram


commit to user

15

15

3.3.2.3 Entity Relationship Diagram

Berikut ini adalah Entity Relationship Diagram dari Aplikasi Pembayaran

SPP. Entity Relationship Diagram Dapat dilihat pada Gambar 3.3 :

TRANSAKSI

nota

NIS

periode bulan

Tanggal_bayar

biaya

kelas

BIAYA

kelas baiya

NIS

nama

kelas

Tempat_lahir

Tanggal_lahir

alamat

Anak_ke

Nama_wali

Alamat_wali

Pekerjaan_wali

SISWA

Jenis_kelamin

Dari_ke

satus

Membayar

1

n

USERNAME

username password

Membayarsejumlah

n

1

Gambar 3.3 Entity Relationship Diagram


commit to user

16

16

3.3.2.4 Flowchart

Pada sistem informasi pembayaran SPP SMA Negeri 1 Jumapolo

Karanganyar. Flowchart dapat dilihat pada gambar 3.4 :

Input data

Data Baru Input Data simpan

Output(print)

mulai

Transaksi

ya

tidak

Transaksi

Inputtransak

si

Simpan

simpan

mulai

ya

tidak

tidak

ya

Gambar 3.4 FlowChart


commit to user

17

17

3.3.2.5 Hubungan Antar Tabel

Gambar 3.5 Hubungan Antar Tabel

3.3.3 Analisis dan Perancangan Basis Data

Sebuah aplikasi sistem informasi pasti membutuhkan sebuah database

untuk menyimpan sebuah data. Database Engine adalah sebuah aplikasi untuk

mengatur sebuah tabel. Dalam aplikasi pembayaran SPP ini menggunakan PHP

dan dalam aplikasi pembayaran SPP ini terdiri dari data siswa, data transaksi,data

rekap.


commit to user

18

18

1. Tabel Siswa

Nama Tabel : Siswa

Fungsi : Untuk menyimpan data siswa

Primary Key : NIS

Tabel 3.1 Siswa

Nama Field Tipe Data Index Ukuran Keterangan

NIS int PK 20 Nomor induk yang

dimiliki oleh semua

siswa

Nama Varchar 70 Nama Siswa

Kelas Varchar 10 Kelas yang ditempati

siswa

Jenis_kelamin Date Jenis kelamin siswa

Tempat_lahir Varchar 20 Tempat lahir siswa

Tanggal_lahir Date Tanggal lahir siswa

Alamat Text Alamat tempat tinggal

siswa

Anak_ke Int 2 Putra/putri yang

keberapa

Dari_ke Int 2 Jumlah saudara

kandung

Nama_wali Varchar 70 Nama wali siswa

Pekerjaan_wali Varchar 70 Pekerjaan wali siswa

Alamat_wali Text Alamat wali siswa


commit to user

19

19

2. Tabel Transaksi

Nama tabel : Transaksi

Fungsi : Untuk menyimpan data siswa

Primary Key : Nota

Foreign Key : NIS dan Kelas

Tabel 3.2 Transaksi

Nama field Tipe data Index Ukuran Keterangan

Nota Int PK 20 Nomor transaksi

pembayaran

NIS Int FK 20 Nomor Induk yang

dimiliki oleh siswa

Tahun Year Tahun ajaran saat

melakukan

pembayaran SPP

Tanggal_bayar Date Tanggal saat

melakukan

pembayaran

Bulan Varchar 96 Bulan yang ingin

dibayar

Biaya Int 8 Besarnya biaya SPP

Kelas Varchar FK 20 Kelas siswa


commit to user

20

20

3. Tabel Biaya

Nama tabel : Biaya

Fungsi : untuk mengedit biaya

Primary Key : Kelas

Tabel 3.3 Biaya


Kelas Varchar PK 10 Kelompok Kelas

Siswa

Biaya Varchar 20 Biaya yang

dibayarkan siswa

4. Tabel Kunci

Nama tabel : Kunci

Fungsi : sebagai pengamanan admin

Primary Key : Username

Tabel 3.4 Kunci


Username Varchar PK 50 Nama login

Password Varchar 50 Kode keamanan

login


commit to user

21

21

3.3.4 Struktur dan Desain Program

1. Desain Form Login

Membuat ilustrasi form Login dari gambar 3.6 ini digunakan terdiri dari

Logo, Username, Password dan login. Untuk masuk kesistem dengan cara

memasukkan username dan password. jika username dan password salah maka

tidak bisa masuk.

Gambar 3.6 Desain Form Login

2. Desain Menu Utama

Dalam menu utama ini terdiri dari menu beranda, input data, edit data,

transaksi dan menu laporan. Bagian konten merupakan tempat untuk isi dari

aplikasi pembayaran.

Gambar 3.7 Desain Menu Utama

User name

Password

login

SELAMAT DATANG

DI SISTEM PEMBAYARAN SPP SMA NEGERI 1 JUMAPOLO

KARANGANYAR

Logo

BERANDA DATA SISWA TRANSAKSI LAPORAN KELUAR

logo


commit to user

22

22

3. Desain Data Siswa

Gambar 3.8 Desain Data Siswa

DATA SISWA

NIS :

Nama :

Kelas :

Jenis kelamin :

Tempat lahir :

Tanggal lahir :

Alamat :

Anak ke :

Nama wali :

Pekerjaan wali :

Alamat wali :

Simpan Hapus

logo


commit to user

23

23

4. Desain Transaksi Pembayaran

Gambar 3.9 Desain Transaksi Pembayaran

5. Desain Laporan Per-siswa

Gambar 3.10 Desain Laporan Per-siswa

Transaksi Pembayaran SPP

NIS :

Nama :

Kelas :

Tanggal lahir :

Tanggal Pembayaran :

Bulan :

Biaya :

logo

Simpan Hapus

LAPORAN

Masukkan NIS : cari

NIS :

Nama :

No Nota Tanggal bayar bulan biaya keterangan

logo


commit to user

24

24

6. Desain Laporan Per-kelas

Gambar 3.11 Desain Laporan Per-kelas

7. Desain Laporan Per-bulan

Gambar 3.12 Desain Laporan Per-bulan

8. Desain Rekap yang belum bayar

Gambar 3.13 Desain Rekap yang belum bayar

Laporan

Kelas :

Daｇa r pembayaran pada kelas ...

No Nota NIS Nama Tanggal bayar bulan biaya keterangan

logo

Laporan

Bulan :

Kelas : cari

No Nota NIS Nama Tanggal bayar bulan biaya keterangan

logo

Laporan

Kelas : cari

NIS Nama Bulan bayar terakir

logo


commit to user

25

BAB IV

IMPLEMENTASI

4.1 Implementasi

Dalam pembuatan Aplikasi pembayaran SPP SMA Negeri 1 Jumapolo

Karanganyar ini dibuat dengan bahasa pemrograman PHP yang dipadukan

dengan database MySQL. Pembuatan database dilakukan dengan menggunakan

aplikasi DBMS MySQL 5.1.41 pada XAMPP version 1.7.3. dan diakses melalui

web browser Mozilla Firefox 13.

4.2 Keperluan Sistem

4.2.1 Software

Keperluan sofware antara lain :

1. Aplikasi MySQL 5.1.41 untuk Database Management Sistem (DBMS).

2. Dreamweaver C5 untuk membuat tampilan dan coding

3. Web Browser, untuk tampilan terbaik disarankan menggunakan Mozilla

Firefox.

4.2.2 Hardware

Keperluan hardware antara lain :

1. Prosesor intel pentium 4

2. RAM 1 GB

3. Hardisk 160 GB

4. Keyboard dan Mouse

5. Printer Canon pixma 1000


commit to user

26

26

4.3 Realisasi dalam Program Aplikasi

1. Form Login

Form Login dari Gambar 4.1 ini digunakan admin untuk masuk kesistem

dengan cara memasukkan username dan password. Petugas administrasi tidak

akan masuk kesistem jika username dan password salah.

Gambar 4.1 Form Login

2. Form Utama

Form Gambar 4.2 ini merupakan form menu utama yang digunakan untuk

memilih menu. Menu yang disediakan sistem informasi pembayaran SPP ini

adalah beranda, input data siswa, edit data siswa, transaksi dan laporan

pembayaran SPP.

Gambar 4.2 Form Utama


commit to user

27

27

3. Form Input

Form input sistem informasi pembayaran SPP ini meliputi :

3.1 Form Input Data Siswa

Form Input Data Siswa ini digunakan untuk menginput data siswa. Yang

diinputkan antara lain NIS, Nama, Kelas, Jenis kelamin, Tempat Lahir, Tanggal

Lahir, Alamat, Anak ke, Nama wali, Pekerjaan wali, Alamat wali. Jika klik

rsimpan dan akan muncul pesan

Form Input Data Siswa dapat dilihat pada Gambar 4.3 :

Gambar 4.3 Form input data siswa

3.2 Form Edit Data Siswa

Form edit data siswa adalah form untuk mengedit data siswa yang sudah

maka data siswa akan muncul. Form edit data siswa dapat dilihat pada Gambar

4.4 :


commit to user

28

28

Gambar 4.4 Form Edit Data Siswa

4. Form Transaksi pembayaran

Form Transaksi pembayaran adalah form untuk melakukan transaksi

pembayaran SPP. Form Transaksi pembayaran dapat dilihat pada Gambar 4.5 :

Gambar 4.5 Transaksi pembayaran

5. Form laporan kwitansi

Form laporan kwitansi pada Gambar 4.6 ini adalah form laporan kwitansi

untuk menampilkan transaksi pembayaran yang telah dilakukan per-siswa.


commit to user

29

29

Gambar 4.6 Form laporan kwitansi

6. Form Edit Biaya

Form edit biaya ini digunakan untuk merubah biaya pembayaran apabila

tahun ke tahun ada perubahan biaya. Form edit biaya dapat dilihat pada Gambar

4.7

Gambar 4.7 Edit biaya


commit to user

30

30

7. Form Laporan Pembayaran Per-siswa

Form ini adalah form untuk menampilkan transaksi pembayaran yang

telah dilakukan per-siswa. Form Laporan Pembayaran Per-siswa dapat dilihat

pada Gambar 4.8

Gambar 4.8 Form Laporan Pembayaran Per-siswa

8. Form Laporan Pembayaran Per-kelas

Form laporan pembayaran per-kelas adalah form laporan transaksi

pembayaran yang ditampilkan berdasarkan kelas, dan dalam tampilan tersebut

kalau dicetak setiap kelas ada laporannya. Form laporan pembayaran per-kelas

dapat dilihat pada Gambar 4.9

Gambar 4.9 Form Laporan Pembayaran Per-kelas


commit to user

31

31

9. Form Laporan Pembayaran Per-bulan

Form laporan pembayaran per-bulan adalah form untuk menampilkan

transaksi pembayaran yang dilakukan pada bulan tertentu. berdasarkan bulan dan

kelas. Form laporan pembayaran per-bulan dapat dilihat pada Gambar 4.10

Gambar 4.10 Form Laporan Pembayaran Per-bulan

10. Form Laporan Rekap yang belum bayar

Form ini untuk melihat siswa dalam pembayaran lunas atau belum

berdasarkan kelas. Form Laporan Rekap yang belum bayar dapat dilihat pada

Gambar 4.11

Gambar 4.11 Form Laporan Rekap yang belum bayar


commit to user

32

32

4.4 Pengujian

Table 4.12 ini dapat dijelaskan bahwa pengujian Proses, Input, Output dan

Output Aplikasi. Dari hasil data NIS, Jenis kelamin, Tempat Lahir, Tanggal Lahir,

Alamat, Anak Ke, Nama wali, Pekerjaan Wali, Alamat Wali, maka petugas SPP

dapat mengelola pembayaran SPP lebih baik dibandingkan menggunakan cara

yang manual.

Tabel 4.12 Pengujian

No Proses Input Output Seharusnya Output Aplikasi

1 Data Siswa

NIS : 6060 Nama : Agus Gunawan Kelas : XII IPA 1 Jenis kelamin : Laki-Laki Tempat Lahir : Magetan Tanggal Lahir : 1995-11-18 Alamat : sarangan, jawa timur Anak Ke : 1 dari 2 Nama wali : Rudi Pekerjaan Wali : Wiraswasta Alamat Wali: sarangan, jawa timur

NIS : 6060 Nama : Agus Gunawan Kelas : XII IPA 1 Jenis kelamin : Laki-Laki Tempat Lahir : Magetan Tanggal Lahir : 1995-11-18 Alamat : sarangan, jawa timur Anak Ke : 1 dari 2 Nama wali : Rudi Pekerjaan Wali : Wiraswasta Alamat Wali:sarangan, jawa timur

NIS : 6060 Nama : Agus Gunawan Kelas : XII IPA 1 Jenis kelamin : Laki-Laki Tempat Lahir : Magetan Tanggal Lahir : 1995-11-18 Alamat : sarangan, jawa timur Anak Ke : 1 dari 2 Nama wali : Rudi Pekerjaan Wali : Wiraswasta AlamatWali:sarangan, jawa timur

2 Trans-aksi SPP

NIS : 6060 Nama : Agus Gunawan Kelas : XII IPA 1 Tanggal Pembayaran : 28 Juni 2012 Bulan: Januari Biaya : Rp 180000

NIS : 6060 Nama : Agus Gunawan Kelas : XII IPA 1 Tanggal Pembayaran : 28 Juni 2012 Bulan: Januari Biaya : Rp 180000

No Nota : 1 NIS : 6060 Nama : Agus Gunawan Kelas : XII IPA 1 Tanggal Pembayaran : 28 Juni 2012 Bulan: Januari Tagihan SPP Selanjutnya : Februari Biaya : Rp 180000 Ketetangan : Lunas

3 Laporan

NIS : 6060 Nama : Agus Gunawan

No Nota : 1 Tanggal Pembayaran : 28 Juni 2012 Bulan Pembayaran : Januari Biaya : Rp 180000 Keterangan : Lunas Status : Aktif

No Nota : 1 Tanggal Pembayaran : 28 Juni 2012 Bulan Pembayaran : Januari Biaya : Rp 180000 Keterangan : Lunas Status : Aktif


commit to user

33

BAB V

PENUTUP

5.1 KESIMPULAN

Dari Tugas akhir yang telah dilaksanakan ini maka dapat disimpulkan

bahwa Pembayaran SPP SMA Negeri 1 Jumapolo Karanganyar telah dibuat

berbasis web dengan menggunakan bahasa pemrograman PHP dan database

MySQL.

5.2 SARAN

Berdasarkan kesimpulan dari hasil penelitian, maka penulis memberi saran

sebagai berikut :

1. Penggunaan sistem informasi pembayaran SPP SMA Negeri 1 Jumapolo

Karanganyar diharapkan mampu membantu kinerja instansi khususnya bidang

administrasi secara efektif dan efisien.

2. SMA Negeri 1 Jumapolo Karanganyar dalam menjalankan sistem informasi

berbasis komputer membutuhkan sumber daya informasi yang tepat sehingga

sistem yang dipakai bisa lebih efektif.

3. Pola dibuat grafika tentang sistematika pembayaran SPP atau lunas dan belum

lunas.

APLIKASI PEMBAYARAN SPP SMA NEGERI 1 JUMAPOLO …... · Gambar 3.1 Context Diagram ... Dengan...

Documents

Transcript of APLIKASI PEMBAYARAN SPP SMA NEGERI 1 JUMAPOLO …... · Gambar 3.1 Context Diagram ... Dengan...