Post on 14-Nov-2021
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