LAPORAN KERJA PRAKTIK

ANALISA PERANCANGAN SISTEM PEMBAYARAN SPP

BERBASIS WEB PADA SMK GARUDA NUSANTARA

CIKARANG

Diajukan Sebagai Salah Satu Syarat Untuk Menempuh

Tugas Akhir Pada Program Sarjana Ilmu Komputer

Disusun Oleh :

MUKHRODI

311710651

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS PELITA BANGSA

BEKASI

2021

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah Subhanallahu Wata’ala

yang telah memberikan rahmat dan karunia-Nya sehingga penulis dapat

menyelesaikan penulisan laporan kuliah kerja praktek (KKP) ini.

Pada kesempatan ini penulis mengucapkan rasa terimakasih yang sedalam-

dalamnya kepada:

1. Bapak Hamzah M.Mardi Putra, S.K.M.,M.M. Sebagai Rektor Universitas

Pelita Bangsa

2. Bapak Aswan Sunge, S. E, M. Kom, selaku Kaprodi Teknik Informatika

3. Bapak Muhammad N.Miharja, S. Kom, M. Kom, selaku Dosen

Pembimbing

4. Bapak Joko Purwanto, S.pd.T sebagai pembina kerja praktik di smk

garuda nusantara

5. Semua pihak dosen, keluarga, teman, yang telah membantu penulis dalam

menyusun laporan kuliah kerja praktik ini hingga selesai yang tidak bisa

saya sebutkan satu per-satu.

Penulis menyadari bahwa dalam penulisan laporan kuliah kerja praktik ini

jauh dari kata sempurna, untuk itu penulis sangat mengharapkan dukungan dari

para pembaca untuk memberikan kritik dan saran yang membangun guna

perbaikan dimasa yang akan datang.

Bekasi, 15 September 2020

Penulis

Mukhrodi

iv

DAFTAR ISI

HALAMAN PERSETUJUAN ................................................................................ ii

HALAMAN PENGESAHAN ................................................................................ iii

KATA PENGANTAR ............................................................................................iv

DAFTAR ISI ............................................................................................................ v

DAFTAR GAMBAR ........................................................................................... viii

DAFTAR TABEL ...................................................................................................ix

DAFTAR LAMPIRAN ............................................................................................ x

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

1.1 Latar Belakang .............................................................................................. 1

1.2 Identifikasi Masalah ...................................................................................... 2

1.3 Rumusan Masalah ......................................................................................... 2

1.4 Batasan Masalah ............................................................................................ 3

1.5 Tujuan dan Manfaat Kerja Praktek ................................................................ 3

1.5.1 Tujuan ..................................................................................................... 3

1.5.2 Manfaat ................................................................................................... 3

1.6 Waktu dan Tempat Pelaksanaan .................................................................... 4

1.7 Sistematis Penulisan ...................................................................................... 4

BAB II LANDASAN TEORI .................................................................................. 6

2.1 Definisi Judul................................................................................................. 6

2.1.1 Pengertian Sistem ................................................................................... 6

2.1.2 Pengertian Informasi ............................................................................... 6

2.1.3 Pengertian Sistem Informasi ................................................................... 6

v

2.1.4 Pengertian Pembayaran SPP ................................................................... 7

2.2 Definisi Basis Data ........................................................................................ 7

2.2.1 Basis Data (Database) ............................................................................ 7

2.2.2 Structured Query Language (SQL) ........................................................ 8

2.2.3 MySQL ................................................................................................... 9

2.2.4 Xampp ................................................................................................... 10

2.3 Definisi Perancangan Sistem ....................................................................... 11

2.3.1 Perancangan Sistem .............................................................................. 11

2.3.2 Flowchart .............................................................................................. 12

2.3.3 Diagram Konteks .................................................................................. 13

2.3.4 Data Flow Diagram (DFD) .................................................................. 13

2.3.5 Kamus Data........................................................................................... 14

2.3.6 Normalisasi ........................................................................................... 15

2.3.7 Tingkatan Normalisasi .......................................................................... 15

2.3.8 Entity Relationship Diagram (ERD) ..................................................... 16

2.4 Pengertian Web ........................................................................................... 17

2.5 Bahasa Pemprograman ................................................................................ 17

2.5.1 Pengertian PHP ..................................................................................... 17

2.5.2 Pengertian HTML ................................................................................. 17

2.5.3 Pengertian CSS ..................................................................................... 18

BAB III HASIL DAN PEMBAHASAN ................................................................ 19

3.1 Profil Sekolah .............................................................................................. 19

3.1.1 Sejarah Sekolah..................................................................................... 19

3.1.2 Visi ........................................................................................................ 20

3.1.3 Misi ....................................................................................................... 20

3.2 Struktur Organisasi ...................................................................................... 22

vi

3.3 Flowchart Sistem Yang Berjalan ............................................................... 23

3.3.1 Prosedur aliran data .............................................................................. 23

3.4 Flowchart Sistem Yang Diusulkan ............................................................. 24

3.4.1 Prosedur aliran data .............................................................................. 24

3.5 Tabel Parameter ........................................................................................... 25

3.6 Diagram Konteks ......................................................................................... 26

3.7 Diagram Zero .............................................................................................. 27

3.8 Kamus Data ................................................................................................. 27

3.9 Normalisasi .................................................................................................. 28

3.9.1 Unnormalized........................................................................................ 28

3.9.2 Normalisasi Pertama ............................................................................. 28

3.9.3 Normalisasi Kedua ................................................................................ 29

3.9.4 Normalisasi Ketiga ............................................................................... 29

3.10 Entity Relationship (ERD) ......................................................................... 30

3.11 Desain Database ....................................................................................... 30

3.12 Rancangan Sistem ..................................................................................... 31

3.12.1 User Interface Login ........................................................................... 31

3.12.2 User Interface Dashboard .................................................................. 32

3.12.3 User InterfaceMenu Pembayaran ....................................................... 33

3.12.4 User Interface Bukti Pembayaran....................................................... 34

BAB IV PENUTUP ............................................................................................... 35

4.1 Kesimpulan .................................................................................................. 35

4.2 Saran ............................................................................................................ 35

DAFTAR PUSTAKA ............................................................................................ 36

vii

DAFTAR GAMBAR

Gambar 3. 1Struktur organisasi SMK Garuda Nusantara ..................................... 22

Gambar 3. 2 Flowmap Sistem yang berjalan ........................................................ 24

Gambar 3. 3 Flowmap yang diusulkan ................................................................. 25

Gambar 3. 4 Diagram Konteks .............................................................................. 26

Gambar 3. 5 Diagram DFD ................................................................................... 27

Gambar 3. 6 Entity Relationship Diagram ............................................................ 30

Gambar 3. 7Desain Database ............................................................................... 30

Gambar 3. 8 Tampilan table database .................................................................. 31

Gambar 3. 9 User Interface Login ........................................................................ 32

Gambar 3. 10User Interface Dashboard ............................................................... 32

Gambar 3. 11 User Interface Menu Pembayaran .................................................. 33

Gambar 3. 12 User Interface Menu Tagihan ........................................................ 34

Gambar 3. 13User Interface Bukti Pembayaran ................................................... 34

viii

DAFTAR TABEL

Tabel 2. 1 Simbol-simbol flowchart...................................................................... 12

Tabel 2. 2 Simbol-simbol DFD ............................................................................. 14

Tabel 2. 3 Simbol-simbol ERD ............................................................................. 16

Tabel 3. 1 Parameter ............................................................................................. 25

Tabel 3. 2 Unnormalisasi ...................................................................................... 28

Tabel 3. 3 Tabel Tata usaha .................................................................................. 28

Tabel 3. 4 Tabel Siswa .......................................................................................... 29

Tabel 3. 5 Tabel Siswa .......................................................................................... 29

Tabel 3. 6 Tabel Waktu ......................................................................................... 29

Tabel 3. 7 Tabel laporan Siswa ............................................................................. 29

ix

DAFTAR LAMPIRAN

Lampiran 1 Formulir kegiatan harian Mahasiswa ................................................ 37

Lampiran 2 Kartu Kendali Bimbingan Kerja Praktik ........................................... 41

Lampiran 3 Formulir Penilaian Kuliah Kerja Praktik ........................................... 43

x

BAB I

PENDAHULUAN

1.1 Latar Belakang

Seiring perkembangan zaman dan perkembangan teknologi yang semakin

pesat, komputer merupakan salah satu bentuk teknologi yang perkembangannya

sangat pesat bahkan perkembangan dalam hitungan hari saja. Komputer

merupakan suatu media elektronik yang memegang peranan yang sangat penting

dalam perkembangan teknologi saat ini, serta terus menerus mendominasi

berbagai proses kerja agar dapat lebih mudah, efektif dan efisien. Dengan itu

perkembangan teknologi komputer telah banyak membantu pekerjaan manusia.

Dari segi penyimpanan data-data hingga pengolahan data-data menjadi sebuah

informasi secara komputerisasi. Komputerisasi adalah pemanfaatan secara benar

dan semaksimal mungkin, bukan sekedar pengganti mesin ketik. Hal ini harus

ditunjang oleh hardware (perangkat keras), software (perangkat lunak), dan

brainware (operator/pengguna). Sebagai aktifitas sebuah teknologi untuk berjalan

dengan baik, sehingga teknologi dapat digunakan dalam dunia industri, dunia

bisnis, hingga dunia pendidikan.

Dalam dunia pendidikan, khususnya sekolah masih banyak sekali pekerjaan

yang dilakukan dengan cara konvensional. Tifatul Sembiring (2010), ketika

menjabat sebagai Mentri Komunikasi dan Informatika (Kominfo) pernah

mengeluarkan pernyataan bahwa perlu adanya penekanan dalam pemanfaatan

Teknologi Informasi dan Komunikasi (TIK) pada bidang pendidikan. Salah

satunya adalah pembayaran SPP yang masih menggunakan buku untuk mencatat

data pembayaran SPP siswa. SPP merupakan singkatan dari Sumbangan

Pembinaan Pendidikan, yaitu dana yang disumbangkan untuk berlangsungnya

kegiatan pendidikan di suatu instansi. Pembayaran SPP yang masih dilakukan

dengan cara konvensional memiliki kekurangan pada pengelolaan data.

SMK Garuda Nusantara merupakan sebuah lembaga pendidikan yang tidak

ketinggalan akan teknologi informasi. Namun pelayanan pembayaran SPP siswa

1

2

Masih menggunakan cara manual, sehingga kegiatan yang berhubungan dengan

administrasi itu masih lambat bahkan masih antri untuk melakukan pembayaran.

Dan informasi yang dihasilkan terkadang masih mengalami kekeliruan dan

keterlambatan pelaporan. di SMK Garuda Nusantara juga masih melakukan

pelayanan administrasi SPP secara manual dan pengolahannya masih rumit

bahkan tidak praktis. Untuk mengoptimal kankebutuhan Sistem Informasi

Pembayaran SPP di SMK Garuda Nusantara yaitu dengan membuat Sistem

Informasi Pembayaran SPP baru yang menghasilkan informasi lebih bermanfaat

dan tepat dibandingkan Sistem Informasi Akuntansi lama yang masih manual.

Berdasarkan latar belakang di atas, maka permasalahan yang muncul

dapat dirumuskan sebagai berikut: Bagaimana membuat sebuah sistem yang

dapat digunakan untuk mempermudah pembayaran SPP di SMK Garuda

Nusantara.

1.2 Identifikasi Masalah

Berdasarkan uraian diatas, penulis mengemukakan identifikasi masalah

sebagai berikut:

1. Dalam proses pembayaran SPP kurang efisien karena masih

mengunakan cara manual.

2. Untuk informasi pembayaran SPP mengalami kekeliruan dan

keterlambatan pelaporan,sehingga terjadi penumpukan berkas yang

belum proses pembayaran.

1.3 Rumusan Masalah

1. Bagaimana sistem dapat memberikan informasi yang akurat dan

memudahkan siswa.?

2. Bagaimana mengurangi kekeliruan dan keterlambatan pelaporan

pembayaran SPP.?

3

1.4 Batasan Masalah

Adapun batasan masalah yang dibuat sebagai berikut :

1. Penulis membatasi ruang lingkup hanya pada merancang sistem

Aplikasi pembayaran SPP, yang meliputi aktivitas mulai dari

penginputan, siswa, dan kebutuhan lain yang dilakukan oleh pihak

tata usaha.

2. Menggunakan sistem berbasis web untuk mendata siswa

3. Menggunakan bahasa pemrograman php

4. Database MySql untuk penyimpanan data.

1.5 Tujuan dan Manfaat Kerja Praktek

1.5.1 Tujuan

Adapun tujuan yang hendak dicapai dalam pelaksana kerja praktek ini

antara lain:

1. Untuk mengurangi kesalahan dan mempermudah dalam proses

pembayaran SPP.

1.5.2 Manfaat

Adapun manfaat yang diharapkan dalam pelaksana Kuliah Kerja Praktik

ini antara lain:

1. Bagi penulis

Menambah dan mengasah ilmu pengetahuan dan pengalaman

sekaligus menerapkan teori yang didapat di perkuliahan dalam

perusahaan ataupun di dunia kerja nantinya.

2. Bagi Universitas Pelita Bangsa

Mengetahui kemampuan mahasiswa dalam menerapkan ilmunya

dalam menguasai materi baik materi maupuan praktek yang telah

diperoleh selama kuliah.

4

3. Bagi Sekolah SMK Garuda Nusantara Cikarang

Dengan hasil ini diharapkan dapat bermanfaat dan dijadikan

sebagai bahan pertimbangan dalam upaya perbaikan masalah yang

terkait dengan sistem pembayaran SPP.

1.6 Waktu dan Tempat Pelaksanaan

Pelaksanaan Kuliah Kerja Praktik dilaksanakan, adapun waktu dan tempat

untuk penulis melakukan penelitian ini.

Dimulai dari : 01 Mei 2020

Sampai dengan : 31 Mei 2020

Waktu Pelaksanaan : 08.00 s/d 16.30

Lokasi : SMK Garuda Nusantara cikarang selatan

1.7 Sistematis Penulisan

Uraian singkat mengenai struktur penulisan pada masing-masing bab adalah

sebagai berikut:

BAB I PENDAHULUAN

Membahas latar belakang, identifikasi masalah, batasan masalah, rumusan

masalah, tujuan KKP, manfaat KKP, waktu dan tempat KKP dan sistematika

penulisan.

BAB II LANDASAN TEORI

Memaparkan teori-teori yang di dapat dari sumber-sumber yang

relevanuntuk digunakan sebagai panduan dalam pelaksanaan serta penyusunan

KKP.

5

BAB III HASIL DAN PEMBAHASAN

Dalam bab ini menjelaskan tentang struktur perusahaan, struktur

organisasi,serta bagaimana konsep perancangan sistem, menjelaskan pemecahan

masalahdisertai gambar diagram alur dan diagram arus data sistem berjalan.

BAB IV PENUTUP

Mengemukakan kesimpulan yang diambil dari hasil pelaksanaan Kuliah

Kerja Praktek(KKP), serta saran-saran untuk mengembangkan selanjutnya

agardapat dilakukan perbaikan-perbaikan di masa yang akan mendatang.

BAB II

LANDASAN TEORI

2.1 Definisi Judul

2.1.1 Pengertian Sistem

Sistem didefinisikan sebagai sekumpulan prosedur yang saling berkaitan

dan saling terhubung untuk melakukan suatu tugas bersama-sama. Secara garis

besar, sebuah sistem informasi terdiri atas tiga komponen utama. Ketiga

komponen tersebut mencakup software, hardware, dan brainware. Ketiga

komponen ini saling berkaitan satu sama lain (Surya Ramadhan, 2019). Maniah

dan Dini, mengungkapkan bahwa “Sistem adalah kumpulan dari elemen-elemen

berupa data, jaringan kerja dari prosedur-prosedur yang saling berhubungan,

sumberdaya manusia, teknologi baik hardware maupun software yang saling

berinteraksi sebagai satu kesatuan untuk mencapai tujuan atau sasaran tertentu

yang sama (Hamidin, 2017).

2.1.2 Pengertian Informasi

Informasi adalah suatu kumpulan dari komponen-komponen dalam

organisasi yang berhubungan dengan proses penciptaan dan aliran informasi

(Achmad Sidik, 2019). Informasi adalah data yang diolah menjadi bentuk yang

lebih berguna dan lebih berarti bagi yang menerimanya, sedangkan data

merupakan sumber informasi yang menggambarkan suatu kejadian nyata.

Informasi adalah data yang telah dikelola dan diproses untuk memberikan arti dan

memperbaiki proses pengambilan keputusan. Sebagaimana perannya, pengguna

membuat keputusan yang lebih baik sebagai kuantitas dan kualitas dari

peningkatan informasi (Indra Setiawan, 2020).

2.1.3 Pengertian Sistem Informasi

Sistem informasi adalah sebuah sistem yang terdiri atas rangkaian subsistem

informasi terhadap pengolahan data yang mengumpulkan, mengubah dan

6

7

menyebarkan infromasi dalam suatu organisasi untuk mendukung pembuatan

keputusan (Yola Agustia Rahman, 2020).

Jadi, secara umum informasi adalah data yang sudah diolah menjadi suatu

bentuk lain yang lebih berguna yaitu pengetahuan atau keterangan yang ditujukan

bagi penerima dalam pengambilan keputusan, baik masa sekarang atau yang akan

datang.

2.1.4 Pengertian Pembayaran SPP

Menurut Tirto Waluyo pembayaran adalah suatu tindakan menukarkan

sesuatu uang atau barang dengan maksud dan tujuan yang sama yang dilakukan

oleh dua orang atau lebih. Sedangkan SPP (Sumbangan Pembinaan Pendidikan)

merupakan iuran wajib bagi siswa atau siswi yang dipergunakan oleh pihak

sekolah untuk memfasilitasi segala kegiatan pembelajaran yang dilakukan

siswa/siswi, dengan waktu pembayaran ditentukan sebelumnya (Nur, 2010).

Dalam kamus besar bahasa Indonesia definisi pembayaran adalah :

pembayaran proses, cara, perbuatan membayar. maka pengertian pembayaran SPP

bulanan adalah prosesmembayar SPP yang dilakukan berulang-ulang, sekali

dalam satu bulan. SPP merupakan iuran rutin sekolah yang mana pembayarannya

dilakukan setiap sebulan sekali. SPP merupakan salah satu bentuk kewajiban

setiap siswa yang masih aktif disekolah tersebut.

2.2 Definisi Basis Data

2.2.1 Basis Data (Database)

Basis data adalah kumpulan file-file yang saling berelasi, relasi tersebut

biasa ditujukan dengan kunci dari tiap file yang ada. Satu basis data menunjukan

kumpulan data yang dipakai dalam satu lingkup informasi (Soepomo, 2014).

Sedangkan menurut George Tsu-der Chou basis data merupakan kumpulan

informasi bermanfaat yang diorganisasikan ke dalam aturan yang

khusus.Informasi ini adalah data yang telah diorganisasikan kedalam bentuk yang

sesuai demgan kebutuhan seseorang.

8

Basis data dapat diidentifikasikan dalam sejumlah sudut pandang seperti

sebuah himpunan kelompok data yang saling berhubungan yang diorganisasikan

sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan

mudah.Kumpulan data yang saling berhubungan dan disimpan secara bersamaan

sedemikian rupa tanpa pengulangan (redudancy) yang tidak perlu untuk

memenuhi kebutuhan.

Database digunakan untuk menyimpan data yang terintegrasi dengan baik

di dalam komputer. Beberapa sifat yang ada pada pembuatan database , yaitu :

1. Berbagi Data (shareability) Elemen-elemen database dapat dibagikan

pada para user baik secara sendiri-sendiri maupun secara serentak dan

pada waktu yang sama.

2. Integrasi data, Data-data yang ada saling berkaitan dengan data yang lain.

3. Keamanan data, Data dikumpulkan dikarenakan sangan penting dan sangat

rahasia oleh sebab itu dijaga agar tidak semua data orang tahu oleh orang

lain yang tidak berhak. Jika data tersebut gampang diketahui orang maka

akan sulit menjaga keaslian data tersebut.

4. Abstraksi data, Tingkatan dalam bagaimana melihat data dalam sebuah

sistem basis data.

5. Independensi data, Kemampuan untuk membuat perubahan dalam

struktur data tanpa merubah pada program yang ada.

2.2.2 Structured Query Language (SQL)

Structured Query Language (SQL)adalah sekumpulan perintah khusus

yang digunakan untuk mengakses data dalam database relasional. Mysql adalah

sebuahdatabase open source populer di dunia (Dewi et al., 2015 ), SQL

merupakan sebuah bahasa komputer yang mengikuti standar ANSI (American

Nasional Standart Institute) yang digunakan dalam manajemen database

relasional. Dengan SQL, kita dapat mengakses database, menjalankan query

untuk mengambil data dari database, menambahkan ke database, menghapus data

di dalam database, dan mengubah data di dalam database. Saat ini hampir semua

9

server database yang ada mendukung SQL untuk melakukan manajemen

datanya. Terdapat 3 (tiga) jenis perintah SQL, yaitu DDL, DML dan DCL.

1. DDL atau Data Definition Language,DDL merupakan perintah SQL yang

berhubungan dengan pendefinisian suatu struktur database, dalam hal ini

database dan. Perintah SQL yang termasuk dalam DDL antara lain:

A. CREATE

B. ALTER

C. RENAME

D. DROP

2. DML atau Data Manipulation Language, DML merupakan perintah SQL

yang berhubungan dengan manipulasi atau pengolahan data atau record

dalam table. Perintah SQL yang termasuk dalam DML antara lain:

A. SELECT

B. INSERT

C. UPDATE

D. DELETE

3. DCL atau Data Control Language , merupakan perintah SQL yang

berhubungan dengan pengaturan hak akses user,baik terhadap

server,database ,table maupun field. Perintah SQL yang termauk dalam

DCL antara lain:

A. GRANT

B. REVOKE

2.2.3 MySQL

MySQL (My Structure Query Languange) adalah “salah satu jenis

database server yang sangat terkenal dan banyak digunakan untuk membangun

aplikasi web yang menggunakan database sebagai sumber dan pengelolaan

datanya”. Mysql bersifat open source dan menggunakan SQL (Structured Query

Languange). MySQL biasa dijalankan diberbagai platform misalnya windows

Linux, dan lain sebagainya, Arief (2011e:151)

10

MySQL adalah sebuah perangkat lunak sistem manajemen basisi data

SQL(bahasa Inggris: database management system) atau DBMS yang multithread,

multiuser, dengan sekitar 6 juta instalasi diseluruh dunia”. MySQL AB membuat

MySQL tersedia sebagai perangkat lunak gratis di bawah lisensi GNU

GeneralPublic License (GPL), tetapi mereka juga menjual dibawah lisensi

komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan

penggunaan GPL. Tidak seperti Apache yang merupakan software yang

dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki

oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah

perusahaan komersial Swedia yaitu MySQL AB. MySQL AB memegang penuh

hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu

orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan

Larsson, dan Michael "Monty" Widenius, Aditya (2011c:61).

Dapat disimpulkan, MySQL merupakan sebuah sistem database server

yang digunakan untuk membangun aplikasi yang bersifat open source dan bisa

dijalankan diberbagai platfom.

2.2.4 Xampp

XAMPP adalah seperangkat paket PHP dan MySQL yang memiliki basis

open source, dimana software ini dapat digunakan sebagai alat pembantu untuk

mengembangkan aplikasi berbasis PHP. XAMPP ini berupa satu paket aplikasi

yang berisi beberapa perangkat lunak yang berbeda-beda, Riyanto (2010:1).

XAMPP adalah sebuah software yang memiliki tugas untuk menjalankan

website berbasis PHP dengan menggunakan pengolah data berupa MySQL pada

komputer lokal. XAMPP ini juga dikenal sebagai Cpanel server yang mampu

melakukan preview website tanpa harus tersambung dengan jaringan internet

ataupun online.Dari kedua pengertian menurut para ahli diatas mengenai XAMPP

dapat diambil kesimpulan bahwa XAMPP merupakan sebuah paket perangkat

lunak (Linux, Apache, MySQL, PHP, dan Perl) yang berisi platform perangkat

lunak yang berbeda-beda dengan platform gratis serta open source yang

dikembangkan oleh perusahaan Apache Friends. Wicksono (2008:7)

11

2.3 Definisi Perancangan Sistem

2.3.1 Perancangan Sistem

Tahap perancangan sistem merupakan kelanjutan dari analisis kebutuhan

sistem sehingga data yang akan dibuat dapat disusun dengan mudah, dan tepat

pada sasaran yang telah ditetapkan sebelum menyusun suatu aplikasi. Langkah

yang harus dilakukan adalah dengan membuat rancangan aplikasi terhadap

permasalahan yang dibahas dengan harapan agar pembuatan aplikasi tidak meluas

dari pokok permasalahan (soepomo, 2014).

Perancangan sistem, yang pertama yaitu kumpulan dari bebarapa elemen

yang saling berkaitan, kemudian yang bertanggung jawab dalam memprosesan

input sehingga menghasilkan sebuah output. Perancangan sistem merupakan

sebuah jaringan kerja dari beberapa prosedur yang saling berkenaan dan

berkumpul bersama sama melakukan kegiatan atau juga untuk menyelesaikan

sasaran yang tertentu. Dan terakhir, kumpulan dari beberapa elemen yang saling

berinteraksi, melakukan sebuah aktifitas untuk mencapai tujuan tertentu.

Pengertian sistem informasi juga mempunyai beberapa arti. Salah satunya

yaitu, merupakan sekumpulan dari beberapa fungsi yang bekerja bersama sama

dalam mengola, kemudian menyimpan ,pemprosesan dan melakukan

pendistribusikan informasi, perancangan sistem dapat diartikan sebagai berikut :

1. Tahap setelah analisis dari siklus pengembangan sistem.

2. Pendefinisian dari kebutuhan-kebutuhan fungsional.

3. Persiapan untuk rancang bangun implementasi.

4. Menggambarkan bagaimana suatu sistem dibentuk.

5. Yang dapat berupa penggambaran perancangan dan pembuatan sketsa atau

pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan

yang utuh dan berfungsi.

Termasuk menyangkut mengkonfigurasi dari komponen perangkat keras dari

suatu sistem.

12

2.3.2 Flowchart

Flowchart mendeskripsikan detail sebuah proses, tahapan dan urutannya

secara grafis. Flowchart berisi bagan-bagan yang mempunyai arus yang

menggambarkan lagkah-langkah penyelesaian suatu masalah (Astuti,2016:31)..

Flowchart dapat didefinisikan sebagai sebuah gambaran yang menjelaskan proses

yang akan dilihat atau dikaji. Selain itu, flowchart biasanya digunakan untuk

merencanakan tahapan suatu kegiatan. Jadi, Flowchart atau bagan alur merupakan

metode untuk menggambarkan tahap-tahap penyelesaian masalah (prosedur)

beserta liran data dengan symbol-simbol standar yang mudah dipahami. Menurut

Astuti (2016: 35) Flowchart yang baik setidaknya mencakup hal-hal berikut:

1. Menggambarkan seluruh tahapan proses

2. Dapat menjelaskan dan membantu pemecahan masalah

3. Mengidentifikasi titik proses yang kritis untuk pengendalian

4. Menggambarkan peluang perbaikan

Tabel 2. 1 Simbol-simbol flowchart

13

2.3.3 Diagram Konteks

Diagram konteks adalah sebuah diagram sederhana yang menggambarkan

hubungan antara entity luar, masukan, dan keluaran dari sistem. Diagram konteks

direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem

(Kristanto, 2003).

Diagram konteks ini merupakan level tertinggi dari DFD yang

menggambarkan seluruh input ke sistem atau output dari sistem. Diagram konteks

ini akan memberi gambaran tentang keseluruhan sistem. Sistem dibatasi oleh

boundary (dapat digambarkan dengan garis putus) dan pada diagram konteks ini

hanya ada satu proses serta tidak boleh ada data store dalam diagram konteks.

Untuk menggambarkan diagram konteks deskripsikan data apa saja yang

dibutuhkan oleh sistem dan dari mana sumbernya, serta informasi apa saja yang

akan dihasilkan sistem dan kemana informasi tersebut akan diberikan. Al-Bahra

bin Ladjamudin (2013)

2.3.4 Data Flow Diagram (DFD)

Data Flow Diagram atau DFD adalah alat yang menunjukkan alur data

pada sistem dalam bentuk grafik. Elemen penting dari DFD adalah alur data,

proses, penyimpanan data dan sumber data. Sistem analisis membuat DFD

berdasarkan level. DFD level tinggi hanya mengidentifikasi proses besar

(Irwansyah, 2014:240).

Data Flow Diagram adalah representasi grafik yang menggambarkan

aliran infromasi dan transformasi yang diaplikasikan sebagai data yang mengalir

dari masukan dan keluaran.

Dari definisi diatas dapat disimpulan Data Flow Diagram merupakan alat

yang digunakan untuk menggambarkan suatu sistem, selain itu DFD merupakan

dokumentasi dari sistem yang baik karena menggambarkan arus data secara jelas.

DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data

dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa

14

maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem

kepada pemakai maupun pembuat program. Menurut Sukamto dan Shalahudin

(2013: 69) 27

Tabel 2. 2Simbol-simbol DFD

2.3.5 Kamus Data

Kamus Data adalah kumpulan daftar elemen data yang mengalir pada

sistem perangkat lunak sehingga masukan (input) dan keluaran (output) dapat

dipahami secara umum (memiliki standar cara penulisan). Kamus data dalam

implementasi program dapat menjadi parameter masukan atau keluaran dari

sebuah fungsi atau prosedur. Menurut Rosa dan Shalahudin (2013:73), Kamus

data biasanya berisi :

1. Nama-nama dari data

2. Digunakan pada-merupakan proses-proses yang terkait data

3. Deskripsi – merupakan deskripsi data

4. Informasi tambahan – seperti tipe data, nilai data, batas nilai data, dan

komponen yang membentuk data.

15

2.3.6 Normalisasi

Normalisasi adalah peralatan yang digunakan untuk melakukan proses

pengelompokan data menjadi tabel-tabel yang menunjukan entitas dan relasinya.

Dalam proses normalisasi, persyaratan sebuah tabel harus di pecah didasarkan

adanya konsultan kondisi pengorganisasian data seperti untuk menambah data atu

menyisipkan, menghapus atau mengubah, serta pembacaan data dari tabel

tersebut. Bila masih ada kesulitan, maka tabel garis di pecah menjadi beberapa

bagian dan dilakukan proses normalisasi kembali sampai di peroleh tabel yang

optimal.

2.3.7 Tingkatan Normalisasi

Tingkatan Normalisasi secara umum proses normalisasi dibagi menjadi

tiga tahap, yaitu tahap tidak normal, normalisasi tahap 1, normalisasi tahap 2,

normalisasi tahap 3 , pada tahap ketiga biasanya sudah akan diperoleh tabel yang

optimal.

1. Bentuk tidak normal (Unnormalized Form)semua data yang ada direkam

tanpa format tertentu. Data bisa jadi mengalami duplikasi.

2. Bentuk normal tahap 1 (Normalized Form 1) pada tahap ini dibentuk

tabel-tabel yang menampung data yang ada dan di kelompokan berasarkan

karakteristik tertentu. Pada tahap ini harus diusahakan tidak ada field

dalam satu tabel yang berulang.

3. Bentuk normal tahap 2 (Normalized Form 2)dilakukan penentuan field

kunci dari masing-masing tabel. Kunci-kunci tersebut harus unik dan

mewakili tabel. Bentuk normal tahap 2 (2NF) terpenuhi jika sebuah tabel,

semua atribut selain primary key ,e,iliki ketergantungan fungsional pada

primary key secara utuh.

4. Bentuk normal tahap 3 (Normalized Form 3) dilakukan penentuan relasi

antar tabel, sehingga akan ditemukan adanya field kunci sekunder pada

tabel-tabel tertentu.

16

2.3.8 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) merupakan diagram sederhana yang

menggambarkan desain database dari suatu sistem. ERD pertama kali

diperkenalkan oleh Chen pada tahun 1976 dan menjadi teknik permodelan data

yang dominan sejak 15 tahun yang lalu (Lane, 2004).

Dalam rekayasa perangkat lunak Entity-Relationship adalah salah satu

metode pemodelan basis data yang digunakan untuk menghasilkan skema

konseptual untuk jenis/model data semantik sistem. ERD juga menjelaskan

hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang

mempunyai hubungan antar relasi. Diagram untuk menggambarkan model Entitiy-

Relationship ini disebut Entitiy-Relationship diagram, ER diagram, atau ERD.

Model ini juga membantu perancangan basis data, karena model ini dapat

menunjukan berbagai macam data yang dibutuhkan dan keserasian antara data di

dalamnya. Bagi pemakai, model ini sangat membantu dalam hal pemahaman

model sistem dan rancangan basis data yang akan dikembangkan oleh perancang

basis data.

Tabel 2. 3 Simbol-simbol ERD

17

2.4 Pengertian Web

Website adalah : “Web dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar, data animasi, suara, video dan

gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang

membentuk satu rangkaian bangunan yang saling terkait, dimana masing-masing

dihubungkan dengan jaringan-jaringan halaman (hyperlink)”.(Agus Hariyanto,

2015)

Web adalah : “Sekumpulan halaman yang terdiri dari beberapa halaman

yang berisi informasi dalam bentuk data digital baik berupa text, gambar, video,

audio, dan animasi lainnya yang disediakan melalui jalur koneksi internet”.

Berdasarkan uraian, penulis menyimpulkan bahwa web adalah Sebuah software

yang berfungsi untuk menampilkan dokumen - dokumen pada suatu web yang

membuat pengguna dapat mengakses internet melalui software yang terkoneksi

dengan internet. Rohi Abdulloh (2015)

2.5 Bahasa Pemprograman

2.5.1 Pengertian PHP

PHP merupakan skrip yang dijalankan di server, dimana kode yang

menyusun program tidak perlu diedarkan ke pemakai sehingga kerahasiaan kode

dapat dilindungi. PHP didesain khusus untuk aplikasi web. PHP dapat disisipkan

diantara bahasa HTML dan bahasa server-side, maka bahasa PHP akan dieksekusi

di server, sehingga dikirimkan ke browser adalah “hasil jadi” dalam bentuk

HTML, dan kode PHP tidak akan terlihat PHP. PHP termasuk Open Source

Product. PHP dapat berjalan di berbagai Web Server. (Widyawati 2016)

2.5.2 Pengertian HTML

HTML (Hyper Text Mark-up Language) adalah suatu bahasa yang

digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa

tergantung pada suatu platform tertentu platform independent). (Arip Aryanto,

2012)

18

2.5.3 Pengertian CSS

Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan

beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan

seragam. CSS bukan merupakan bahasa pemograman. Pada umumnya CSS

dipakai untuk memformat tampilan halaman Web yang dibuat dengan bahasa

HTML dan XHTML.

Menurut BPTIK (Badan Pengembangan Teknologi Informasi dan

Komunikasi) Cascading Style Sheet atau CSS adalah sebuah pemrogaman atau

boleh dibilang script yang mengendalikan beberapa komponen (tag html) dalam

sebuah Website sehingga tampilan akan menjadi lebih terstruktur dan seragam.

19

BAB III

HASIL DAN PEMBAHASAN

3.1 Profil Sekolah

3.1.1 Sejarah Sekolah

Yayasan Pendidikan Islam Nurul Huda mengajukan Proposal permohonan

Izin Prinsip Penyelenggaraan Sekolah kejuruan pada tahun 2011 kepada Badan

Pelayanan Perizinan Terpadu (BPPT) Kabupaten Bekasi untuk mendirikan SMK

Garuda Nusantara. SMK Garuda Nusantara mulai berjalan pada tanggal 18 Juli

2011, terdiri dari 5 ruang belajar, 1 ruang guru, 1 ruang laboratorium computer, 2

lab. Akuntansi & Administrasi Perkantoran, 1 lab.Bengkel teknik kendaraan

ringan, 1 lab.Bengkel teknik komputer dan jaringan. Pada mulanya bangunan-

bangunan tersebut diperuntukkan MTs Nurul Huda, di bawah pengelolaan

Yayasan Nurul Huda. Selanjutnya sesuai dengan tuntunan masyarakat di Cikarang

seiring dengan berkembangnya dunia usaha dan dunia industri yang senakin

berkembang pesat maka Pimpinan Yayasan bersama tim pengembang bertekat

untuk mendirikan Sekolah Menengah Kejuruan (SMK) Garuda Nusantara. Sesuai

dengan Sekolah Menengah Kejuruan (SMK) mengacu pada Isi Undang-Undang

sistem pendidikan Nasional No. 20 Tahun 2003 pasal 3 mengenai tujuan

pendidikan nasional dan penjelasan pasal 15 yang menyebutkan bahwa

pendidikan kejuruan merupakan pendidikan menengah yang mempersiapkan

peserta didik terutama untuk bekerja dibidang tertentu. Untuk dapat menjalankan

SMK Ketua Yayasan mengangkat Bapak LalHuda Sahar, S.E. sebagai Kepala

Sekolah dan Bapak Ahmad Bayu Nugroho, S.E bertugas sebagai Koordinator

Harian Yayasan.

Pada tanggal 18 Juli 2011, resmilah orang pertama yang berkiprah di SMK

Garuda Nusantara mulailah menuai tugasnya, dibantu Bapak Joko Purwanto,

S.pd.T Sebagai pengembang kurikulum dan Bapak Maman Nuryaman sebagai

staff TU. Tepat pada tanggal 18 Juli 2011 bersamaan dengan masa orientasi

20

peserta didik baru angkatan pertama, sekolah ini diresmikan oleh Pimpinan

Yayasan Pendidikan islam Nurul Huda Bapak Drs. H. Ubaidillah Hamdy, M.pd.

dan kepala sekolah Bapak Lalhuda Sahar, S.E. dan mendapatkan izin operasional

pada tanggal 23 Februari 2012 dengan no. izin operasional : 503.15/001-II/SK-

SMK/BPPT/2012 untuk membuka tiga program studi dengan empat kompetensi

keahlian, yaitu:1.Teknik Kendaraan Ringan, 2.teknik Komputer dan jaringan

3.Akuntansi (keuangan), 4.Administrasi Perkantoran.

Perjalanan SMK Garuda Nusantara semakin mantap. Guru-guru (Staff

Pengajar) berdatangan, fasilitas setiap tahun bertambah. Dalam perjalan

berikutnya dewan pengembang mulai mengejar untuk mendapatkan status

terakreditasi sebagai satu syarat agar dapat menyelenggarakan Ujian Nasional

mandiri (tidak menginduk di sekolah lain). Dan akhirnya perjuangan itu

membuahkan hasil, tepat pada tanggal 14 November 2013 SMK Garuda

Nusantara mendapatkan status akreditasi A (amat baik) untuk semua jurusan

sehungga SMK Garuda Nusantara dapat melaksanakan Ujian Nasional Mandiri

peserta didik angkatan pertama 157 peserta. Di usianya yang ke 6 tahun SMK

Garuda Nusantara telah meluluskan 5 angkatan Alumni dengan berbagai hasil

lulusan yang melanjutkan ke Perguruan Tinggi Negeri maupun Swasta dan

bekerja di berbagai Dunia Usaha serta Dunia Industri.

3.1.2 Visi

Terwujudnya penyelenggaraan pendidikan berbasis Imtaq dan Iptek yang

berkualitas,dinamis,kreatif,dan inovatif.

3.1.3 Misi

1. Menyelenggarakan proses pendidikan kejuruan bercirikan budaya

local,dinamis,kreatif,dan inovatif berwawasan kebangsaan,dibarengi

dengan pemenuhan delapan standar pendidikan.

2. Melaksankan pembelajaran yang berorientasi pada standar proses

pendidikan dibarengi dengan peningkatan kualitas sumber daya manusia

21

(pendidik dan tenaga kependidikan) dari berbagai disiplian

ilmu,berbasiskan teknologi informasi dan komunikasi.

3. Melaksanakan penataan,penyempurnaan struktur organisasi demi

terlaksananya pengelolaan pendidikan yang efektif dan efisien.

4. Menyelenggarakan kegiatan esktrakurikuler sebagai sarana pengembangan

potensi peserta sesuai dengan kemampuan,minat,dan bakat yang di miliki

sehingga menjadi manusia yang siap berkompetensi dan berprestasi.

5. Melakukan pembentukan/pembinaan karakter peserta didik yang

beretika,berbudi luhur, disiplin dan berjiwa wirausaha.

6. Menjalin hubungan kemitraan dengan dunia usaha/dunia industry, asosiasi

profesi, instansi pemerintah maupun instansi yang lain dalam rangka

implementasi pembelajaran model pendidikan system ganda ( PSG ),

praktik kerja industri ( Prakerin ) dan program pelaksanaan kompetensi

siap kerja ( P2KSK ), penyaluran lulusan maupun kegiatan-kegiatan lain

yang relevan.

7. Menjalin hubungan kemitraan dengan perguruan tinggi negeri maupun

swasta dalam rangka mebantu peserta didik yang melanjutkan studi di

perguruan tinggi negeri/swasta baik melalui jalur undangan (berprestasi)

maupun jalur tertulis serta pengembangan pendidikan pada masa-masa

yang akan datang.

22

3.2 Struktur Organisasi

Gambar 3. 1Struktur organisasi SMK Garuda Nusantara

1. Ketua Yayasan Islam Nurul Huda Tegalgede : H. Abdul Basith Hamdy,

S.Ag.

2. Kepala Sekolah : Lalhuda Sahar, S.E.,M.M.

3. Ketua Komite Sekolah : Hartadi, S.H.

4. Bandara Sekolah : Uswatun Hasanah, S.E.

5. Wakasek. Bid. Sarana Dan Prasarana : Ahmad Bayu Nugroho, S.E.

6. Wakasek. Bid. Kurikulum : Joko Purwanto, S.Pd.T.

7. Wakasek. Bid. Hubungan Industri : Kanen M Ridwan, S.Pd.

8. Wakasek. Bid. Kesiswaan : Windhu Pinundi, S.Pd.

23

9. Koordinator BKK : Agus Triono, S.Pd.

10. Pembina OPDIS : Priyoko Susilo, S.Pd.

11. Pembina Esktrakurikuler : Abdul Rojak, S.Pd.

12. Kepala Program Keahlian TKR : Saripudin Hidayatulloh, A.Md.

13. Kepala Program Keahlian TKJ : Mulyaji, S.Kom.

14. Kepala Program Keahlian AK : Leti Erlita Tafiani, S.E.

15. Kepala Program Keahlian AP : Tety Asmiarsih Mendut, S.Pd.

16. Guru BP/BK : Syamsul Hadi,S.Pd.I.

17. Ka. Tata Usaha : Maman Nuryaman

3.3 Flowchart Sistem Yang Berjalan

Dalam hal ini saya akan menggambarkan dan menjelaskan prosedur aliran

data, bagaimana alur proses kegiatan pembayaran SPP di SMK Garuda Nusantara

serta siapa saja aktor yang terlibat di dalamnya.

3.3.1 Prosedur aliran data

1. Wali murid atau Siswa datang ke bagian Tata Usaha dengan

membawa kartu SPP dan membawa uang.

2. Pihak Tata Usaha mencari nama dan data siswa, setelah itu

mencatat pembayaran di kartu SPP.

3. Bagian tata usaha mencatat di buku induk pembayaran spp

bulanan.

4. Kepala sekolah menerima laporan pembayaran SPP bulanan dari

tata usaha.

24

Gambar 3. 2 Flowmap Sistem yang berjalan

3.4 Flowchart Sistem Yang Diusulkan

Dari analisa sistem yang berjalan penulis mengusulkan sistem pembayaran

yang sudah terkomputerisasi,dengan harapan dapat mempermudah pekerjaan

pihak Tata Usaha dalam hal pembayaran SPP.

3.4.1 Prosedur aliran data

1. Siswa mengakses website

2. Pada saat sudah masuk sistem dan masuk halaman utama, lalu klik

menu pembayaran.

3. Setelah masuk ke form pembayaran, siswa diminta untuk input

nomor induk siswa, dan tekan tombol submit untuk masuk from

pembayaran berikutnya.

4. Lalu pilih bulan yang akan dibayarkan.

5. Setelah semua selesai maka sistem bisa mencetak bukti

pembayaran siswa tersebut.

Start

Siswa datang ke

bagian tata usaha

Dan membawa

kartu spp Pihak Tata Usaha mencari

nama siswa dan Mencatat di

pembayaran Spp siswa

Bagian Tata Usaha Mencatat

di buku induk pembayaran

Spp

Menerima laporan

pembayaran Spp dari Tata

usaha

End

Kepala Sekolah Tata Usaha Siswa

Sistem Pembayaran Spp yang manual

25

3.5 Tabel Parameter

Gambar 3. 3 Flowmap yang diusulkan

Berdasarkan analisa prosedur proses yang sedang berjalan dan sistem yang

diusulkan dengan parameter alur yang sama, berikut inilah hasil yang dapat

digambarkan pada sebuah tabel.

Tabel 3. 1 Parameter

No Parameter Proses Manual Sistem Online

1. Pengisian

pembayaran SPP

Siswa datang ke

sekolah untuk

pembayaran spp

Menggunakan

handphone/komputer

untuk pembayaran

online melalui website

26

2. Membayaran biaya

SPP

siswa datang kebagian

Tata usaha untuk

membayar spp

Mengakses pembayaran

spp setelah

mendapatkan kode

pembayaran kemudian

membayar via transfer/mobile banking

3. Data Siswa

pembayar

Pihak tata usaha harus

mencari di buku induk pembayaran spp

Data siswa pembayar

otomatis tersimpan di sistem

4. Bukti pembayaran Siswa mendapatkan

bukti pembayaran

berupa kartu

pembayaran hanya satu

Siswa mendapatkan

bukti pembayaran yang

sudah tersimpan

langsung di pdf

hanphone jadi tidak mudah rusak

5. Pelaporan Pembayaran

Pihak tata usaha harus

membuat laporan dari

catatan dibuku induk

Mengakses pembayaran

melalui website

kemudian tinggal mencetak

3.6 Diagram Konteks

Diagram konteks adalah suatu diagram alur yang menggambarkan seluruh

jaringan masukkan dan keluaran. Diagram untuk menggambarkan sistem yang

sedang berjalan, mengidentifikasi masukan (input) ke sistem ataupun keluaran

(output) dari sistem. Adapun Diagram konteks sistem yang diusulkan untuk

pembayaran spp di Smk Garuda Nusantara adalah sebagai berikut.

Gambar 3. 4 Diagram Konteks

27

3.7 Diagram Zero

Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan

notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya

sangat membantu untuk memahami sistem secara logika dan jelas. DFD juga

merupakan alat bantu dalam menggambarkan atau menjelaskan DFD ini sering di

sebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram

alur.

3.8 Kamus Data

Gambar 3. 5 Diagram DFD

Kamus data sering di sebut juga dengan system data dictionary adalah

kategori fakta tentang data kebutuhan-kebutuhan informasi dari sesuatu system

informasi dengan menggunakan kamus data analis sistem dapat mendefinisikan

data yang mengalir pada sistem dengan lengkap selain itu kamus data

memberikan pengertian yang sama antara pemakai dan penganalisis sistem

tentang masukan, keluaran, penyimpanan, dan proses dalam system.

1. Siswa : Nis+Nm_Siswa+Jenis_kelamin+Kelas

2. Tata usaha : Nik+Nm_tata_usaha

3. Kepsek : Nik+Nm_kepsek+jenis_kelamin

4. Pembayaran : id_kwitansi+Nis+nama_siswa

5. Kelas : id_kelas+nm_kelas

28

6. Laporan : id_laporan+Nis+nm_siswa+kelas+total_bayar

3.9 Normalisasi

Suatu teknik untuk mengorganisasi data kedalam tabel-tabel untuk

memenuhi kebutuhan pemakai di dalam suatu organisasi. Berikut ini adalah

tahapan dari normalisasi sebagai berikut.

3.9.1 Unnormalized

Unnormalized Adalah suatu kondisi dimana sebuah tabel yang memiliki

rangkap atau data yang terduplikasi adalah kumpulan data-data mentah yang

dimasukkan semua dalam sutu tabel yang sama tidak dipecah ke tabel lain

Unnormalized pada aplikasi sistem informasi hasil pembayaran SPP:

Tabel 3. 2 Unnormalisasi

Username Password No_Kwitansi Waktu_Transaksi Nis Nama_Siswa

Admin 123 0001115 14/04/2020 11.35.00

16533 Andi Purwanto

Admin 123 0001117 14/04/2020 12.40.00

16546 Budi Santoso

Kelas Spp_Bulan Jumlah_Bayar Terbilang

10.Tkr2 Maret 500.000.00 Lima Ratus Ribu Rupiah

10.Tkj Maret 1000.000.00 Satu Juta Rupiah

3.9.2 Normalisasi Pertama

Normalisasi pertama adalah suatu hubungan yang jika dan hanya jika

setiap atribut bernilai tunggal untuk setiap baris. Sehingga dari bentuk tidak

normal dan dilakukan pemecahan.

Tabel 3.3 Tabel Tata usaha

Username Password

Admin 123

Admin 123

29

Tabel 3. 4 Tabel Siswa

Nis Nama_Siswa Kelas

16533 Andi Purwanto 10.Tkr2

16546 Budi Santoso 10.Tkj

3.9.3 Normalisasi Kedua

Normalisasi dari normalisasi kedua data telah dibentuk dalam normalisasi

pertama berikut adalah normalisasi kedua:

Tabel 3. 5 Tabel Siswa

Nis Nama_Siswa Kelas

16533 Andi Purwanto 10.Tkr2

16546 Budi Santoso 10.Tkj

Tabel 3. 6 Tabel Waktu

No_Kwitansi Waktu_Transaksi

0001115 14/04/2020 11.35.00

0001117 14/04/2020 12.40.00

3.9.4 Normalisasi Ketiga

Bentuk normalisasi ketiga yaitu dilakukan pemisahan tabel dan bertujuan

untuk menghilangkan menghilangkan seluruh atribut atau field yang tidak

berhubungan dengan primarykey. Dengan demikian tidak ada ketergantungan

transitif pada setiap kandidat key. Berikut gambaran normalisasi ketiga dari sistem

informasi pembayaran SPP.

Tabel 3. 7 Tabel laporan Siswa

*Nis Nama_Siswa Kelas Spp_Bulan Jumlah_Bayar Terbilang

16533 Andi Purwanto

10.Tkr2 Maret 500.000.00 Lima Ratus Ribu Rupiah

16546 Budi Santoso

10.Tkj Maret 1000.000.00 Satu Juta Rupiah

30

3.10 Entity Relationship (ERD)

Entity Relationship Diagram (ERD) adalah suatu model jaringan yang

mengunakan susunan data yang disimpan dari sistem secara abstrak yang

digunakan untuk mendokumentasi data dengan mengindentifikasi jenis entity dan

menggambarkan hubungan (kardinalitas) antar entity dalam suatu sistem.

Gambar 3. 6 Entity Relationship Diagram

3.11 Desain Database

Gambar 3. 7Desain Database

31

Gambar 3. 8 Tampilan table database

3.12 Rancangan Sistem

3.12.1 User Interface Login

Ini adalah form pertama kali muncul ketika aplikasi ini dijalankan form

login admin untuk masuk aplikasi ini. Adapun tampilan form login seperti

dibawah ini :

32

Gambar 3. 9 User Interface Login

3.12.2 User Interface Dashboard

Setelah login berhasil maka akan tampil form menu utama/dashboard. Form

ini berfungsi untuk menampilkan beberapa data didalamnya, seperti : data

siswa,pembayaran dan juga laporannya. Adapun tampilan form menu utama

sebagai berikut:

Gambar 3. 10User Interface Dashboard

33

3.12.3 User InterfaceMenu Pembayaran

Form data pembayaran ini berfungsi untuk mengisi data-data pembayaran

yang kemudian di simpan ke database dan dapat ditampilkan kembali dalam

bentuk laporan dan juga dapat mencetak kwitansi. Adapun tampilkan kembali

form data pembayaran adalah sebagai berikut :

Gambar 3. 11 User Interface Menu Pembayaran

34

Gambar 3. 12 User Interface Menu Tagihan

3.12.4 User Interface Bukti Pembayaran

Gambar 3. 13User Interface Bukti Pembayaran

BAB IV

PENUTUP

4.1 Kesimpulan

Dari hasil pembahasan tentang Analisa Perancangan Sistem Informasi

Pembayaran SPP berbasis Web Di SMK Garuda Nusantara Cikarang Selatan,

maka dapat disimpulkan bahwa Dengan adanya perancangan sistem informasi

ini, maka pihak sekolah dapat lebih mudah dalam mengelola data, pencarian

data, dan laporan keuangan siswa dan dengan adanya perancangan system

informasi ini, maka pihak sekolah dapat diharapkan menyimpan data secara

efektif dan efesien.

4.2 Saran

Untuk pengembangan lebih lanjut maka penulis memberikan saran yang

sangat bermanfaat dan dapat membantu SMK Garuda Nusantara untuk dimasa

depan yang akan datang untuk :

1. Perlunya pengembangan sistem informasi sekolah yang dapat

mencakup lebih luas yang tidak hanya memanage pembayaran SPP

siswa tetapi keseluruhan dari kebutuhan sekolah.

2. Menggunakan system database sebagai data stored jika membutuhkan

laporan keuangan siswa yang sebelumnya.

35

36

DAFTAR PUSTAKA

Achmad Sidik, S. R. (2019). PerancanganSistemInformasiPengolahandan

DokumentasiIjazahPadaSDSPenabur IlmuTangerang. JURNAL

SISFOTEK GLOBAL, 7-12.

Arip Aryanto, T. I. (2012). Journal Speed – Sentra Penelitian Engineering dan

Edukasi – Volume 4 No 4 - 2012 - ijns.org. Pembangunan Sistem

Penjualan Online Pada Toko Indah Furniture Surakarta, 56-62.

Hendrik Ika Dita Widia. Sistem Informasi Pembayaran Spp Pada Smk Pawyatan

Daha 3 Kediri

Hamidin, M. d. (2017). Analisis dan Perancangan Sistem Informasi.

Indra Setiawan, S. R. (2020). Aplikasi Sistem Informasi Administrasi Pada UD.

Terang Jaya Abadi. Jurnal Infra.

Rosa, S. M. (2013). Rekayasa perangkat lunak terstruktur dan berorientasi objek.

bandung.

Surya Ramadhan, S. S. (2019). Sistem Informasi Penilaian Kinerja Pegawai

Berbasis Web Pada Operasi. Jurnal Teknik Komputer, 93-96.

Rosa, S. M. (2013). Rekayasa perangkat lunak terstruktur dan berorientasi objek.

bandung.

Sukamto, & Shalahuddin. (2013). Analisa dan Desain Sistem Informasi.

Yogyakarta: Andi Offset.

Syaifulloh A, Irawan D. Perancangan Program Aplikasi Transaksi Pembayaran

Spp Pada Sma Negeri 1 Sukoharjo. 2017;5(09):58-62.

tata, S. (2005). sistem informasi manajemen. jakarta.

wicaksono. (2008). membangun bisnis online. jakarta: pt elex media komputindo.

37

Lampiran 1 Formulir kegiatan harian Mahasiswa

FORMULIR KEGIATAN HARIAN MAHASISWA

Nama : Mukhrodi

Nim 311710651

Program Studi : Teknik Informatika

Tempat KKP : SMK Garuda Nusantara Cikarang

Minggu

Ke

Tanggal Jenis Kegiatan Tanda

Tangan

1

01 Mei

2020

Datang ke sekolah melihat – lihat

lingkungan sekolah dan wawancara

bapak joko purwanto

2

9 Mei

2020

Proses belajar mengajar dilakukan

secara daring atau study from home

3

16 Mei

2020

Proses belajar mengajar dilakukan

secara daring atau study from home

4

23 Mei

2020

Datang ke sekolah untuk mengambil gambar sekolah sebagai dokumentasi

dan lampiran pada laporan kuliah kerja

praktik

38

5

30 Mei

2020

Bertemu kembali dengan bapak joko

Purwanto untuk meminta data tambahan

sebagai pelengkap isi laporan kkp

Tabel 1 Formulir Kegiatan Mahasiswa

Cikarang, 31 Mei 2020

Pendamping Lapangan

( Bapak Joko Purwanto )

41

Lampiran 2 Kartu Kendali Bimbingan Kerja Praktik

KARTU KENDALI BIMBINGAN

KULIAH KERJA PRAKTEK (KKP)

Nama Mahasiswa : Mukhrodi

Nim 311710651

Program Studi : Teknik Informatika

Dosen Pembimbing : Bapak M Najamuddin Dwi M, S.Kom,M.Kom

Judul Kerja Praktik : Analisa Perancangan Sistem Pembayaran SPP Berbasis

Web pada SMK Garuda Nusantara

Tanggal

Konsultasi

Sub pokok

bahasan

Saran Tanggal

Kembali

Paraf

01 Mei 2020

Pengajuan Judul

laporan kerja

praktik

Pembuatan sistem harus

menghasilkan

kemudahan bagi penggunanya

04 Mei 2020

05 Mei 2020

Pengajuan Bab I

laporan kerja praktik

Penulisan sub bab dan

margin rata kanannya diperbaiki

07 Mei 2020

08 Mei 2020

Pengajuan revisi

Bab I

Perbaiki penulisan kata

yang salah . Ket : oke, lanjutkan

14 Mei 2020

25 Mei 2020

Pengajuan Bab

II laporan kerja praktik

Landasan teori masih

kurang, tambahkan refrensi jurnal

28 Mei 2020

31 Mei 2020

Pengajuan revisi

Bab II

Tolong margin rata kanannya diperbaiki

Ket : oke, lanjutkan

3 Juni 2020

06 Des 2020

Pengajuan Bab

III laporan kerja

praktik

Perbaikan di Diagram

Konteks,Diagram

DFD,ERD dan

penambahan desain

database.

7 Des 2020

42

07 Des 2020

Pengajuan revisi

Bab III

Perbaikan desain

database tampilkan relasi. Ket: Ok lanjut

08 Des 2020

08 Des 2020

Pengajuan revisi

Bab III dan IV

Perbaikan sedikit

dibagian ERD,tampilkan

desain database

,pembuatan tabel dalam

bentuk cmd

09 Des 2020

Mengetahui,

Dosen Pembimbing

M Najamuddin Dwi M, S.Kom., M.Kom.

43

Lampiran 3 Formulir Penilaian Kuliah Kerja Praktik

FORMULIR PENILAIAN KULIAH KERJA PRAKTIK

Nama : Mukhrodi

Nim 311710651

Program Studi : Teknik Informatika

Tempat KKP : SMK Garuda Nusantara Cikarang

No Penilaian Sangat

Baik

Baik Cukup Kurang

1 Kehadiran

2 Membantu

Kegiatan Sekolah

3 Sikap, Etika dan

Prilaku

4 Inovasi/Partisipasi

5 Laporan

Tabel 2 Formulir Penilaian Kerja Praktik

Cikarang, 31 Mei 2020

Pendamping Lapangan

( Bapak Joko Purwanto )

Catatam : Diisi dengan ceklis