Aplikasi Pembayaran Spp Sma Negeri 1 Jumapolo Karanganyar TARMAN M3309046

commit to user

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

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.

commit to user

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.

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

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

commit to user

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

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

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

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

commit to user

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 FormInput 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

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

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.4Manfaat 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

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

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

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

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

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

3.3Pembahasan 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

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

commit to user

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_wa li SISWA Jenis_kelamin Dari_ke satus Membayar 1 n USERNAME username password Membayar sejumlah n 1

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

Input transak

si

Simpan

simpan

mulai ya

tidak tidak

ya

commit to user

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

commit to user

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

commit to user

20

20

3. Tabel Biaya

Nama tabel : Biaya

Fungsi : untuk mengedit biaya Primary Key : Kelas

Tabel 3.3 Biaya

Nama field Tipe data Index Ukuran Keterangan

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

Nama field Tipe data Index Ukuran Keterangan

Username Varchar PK 50 Nama login

Password Varchar 50 Kode keamanan

commit to user

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 DesainMenuUtama User name

Password

login

SELAMAT DATANG DI SISTEM PEMBAYARAN SPP SMA NEGERI 1 JUMAPOLO KARANGANYAR Logo

BERANDA DATA SISWA TRANSAKSI LAPORAN KELUAR

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

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

commit to user

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.2Keperluan 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.3Realisasi 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.

commit to user

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 Siswadapat 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

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

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.8Form 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

commit to user

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 FormLaporan 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

commit to user

32

32

4.4Pengujian

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 Lapor

an

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

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.

commit to user

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

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

commit to user

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.8Form 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

commit to user

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 FormLaporan 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

commit to user

4.4Pengujian

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 Lapor

an

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

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.