Landasan teori database mysql

populer lewat pemrograman web terutama di lingkungan Linux. Namun saat ini tersedia untuk platform OS Windows 98 ME 2000 XP Saputro, 2005. Alasan para programmer memilih MySQL sebagai “backend” dalam mengolah database adalah Saputro, 2005: 1. Kecepatan, MySQL memiliki kecepatan yang lebih baik dibandingkan RDBMS lainnya. 2. Open source , siapapun dapat dapat ambil peran dan mengembangkan MySQL dan hasil pengembangannya dapat dipublikasikan kepada para pemakai. 3. Keamanan, MySQL menerapkan sistem keamanan dan hak akses secara bertingkat, termasuk dukungan dengan keamanan secara pengacakan lapisan data. Adanya tingkatan user dan jenis akses yang beragam. Terdapat sistem pengacakan password encrypted password. 4. Mudah digunakan, perintah dalam MySQL dan aturan-aturannya relatif mudah diingat dan diimplementasikan. 5. Biaya murah, user dapat menggunakan MySQL tanpa harus biaya yang cukup mahal selama mengikuti konsep open source GNU Public Licenses . 6. Lintas platform, MySQL dapat dijalankan pada beberapa sistem operasi diantaranya Linux, Windows, FreeBSD, Novell Netware, Sun Solaris, SCO OpenUnix dan IBM’s AIX. 7. Kapabilitas, MySQL dapat memproses data yang tersimpan dalam database dengan jumlah 50 juta record, 60.000 tabel dan 5.000.000.000 jumlah baris dan mampu memproses 32 indeks per tabel.

2.14 XAMPP

XAMPP merupakan singkatan dari X empat sistem operasi apapun, Apache, MySQL, PHP, Perl. XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dalam paketnya sudah terdapat Apache web server, MySQL database, PHP server side scripting, Perl, FTP server , phpMyAdmin dan berbagai pustaka bantu lainnya. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis. Versi XAMPP yang ada saat ini adalah versi 1.7.3 yang terdiri atas : 1. Apache 2.2.14 IPv6 enabled + OpenSSL 0.9.8l 2. MySQL 5.1.41 + PBXT engine 3. PHP 5.3.1 4. phpMyAdmin 3.2.4 5. Perl 5.10.1 6. FileZilla FTP Server 0.9.33 7. Mercury Mail Transport System 4.72 XAMPP tersedia untuk Linux, Windows, Mac OS X maupun Solaris sehingga sangat memudahkan membuat web server multiplatform. Selain itu XAMMP adalah 100 open source, tersedia bebas dan legal.

2.15 Macromedia Dreamweaver 8

Macromedia dreamweaver merupakan software web design yang berguna unutk mendesain atau merancang web dan layout halaman web. Dalam dreamweaver dapat melakukan desain web dengan dua cara yaitu mendesain dan memprogram Saleh et al. 2007. Macromedia Dreamweaver 8 memiliki fitur-fitur yang lebih baru dibandingkan versi sebelumnya. Adapaun fitur-fitur tersebut adalah Saleh et al. 2007: 1. Zoom tool and guides 2. Visual XML data binding 3. New CSS Styles panel 4. CSS layout visualization 5. Code collapse 6. Coding toolbar 7. Background file transfer 8. Insert flash video command Dreamweaver 8 memiliki tiga macam tampilan untuk layout ruang kerja diantaranya yaitu code view, design view dan code and design view split. Untuk mempermudah dan memahami manfaat atau kegunaan ruang kerja Dreamweaver 8, maka ada beberapa komponen yang harus diketahui terlebih dahulu, yaitu Saleh et al. 2007: 1. Document window , komponen yang berguna untuk menyisipkan image, teks, animasi atau objek yang lain. 2. Document toolbar , mengandung tombol-tombol yang menyediakan tampilan berbeda dari document window. Document toolbar terdiri dari show code view, show code and design view split, show design view, server debug, document title, no browser check errors, validate markup, file management, preview debug in browser, refresh design view, view option dan visual aids. 3. Status bar , berfungsi memberikan informasi atau menampilkan hirarki tag pada dokumen yang sedang aktif. Terdiri atas tag selector, hand tool, zoom tool and set magnification, window size pop up menu dan document size and estimated download time. 4. Insert bar , berisi tombol-tombol yang berfungsi untu menyisipkan berbagai macam objek. Kategori-kategori dalam insert bar adalah common, layout, forms, text, HTML, application, flash elements dan favorites. 5. Coding toolbar , berisikan tombol-tombol yang memberikan fasilitas untuk dapat menggunakan banyak operasi pada tag-tag HTML 6. Property inspector , merupakan komponen yang memberikan fasilitas untuk melihat atau mengedit berbagai property elemen yang dipilih seperti teks, tabel dan layer.

Menurut (Henry Februariyanti, 2012:128) MySQL merupakan implementasi dari sistem manajemen basis data relasional yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). MySQL merupakan sebuah konsep pengoprasian basisdata, terutama untuk pemilihan dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

2.1.8. Pengertian XAMPP

Menurut (Henry Februariyanti, 2012:129) XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di Linux dan Windows.

Keuntungan lainnya adalah cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa module lainnya.

2.1.9. Pengertian HTML

Menurut Rio dalam (Lestanti & Susana, 2016:72) HTML adalah Bahasa pemrograman yang fleksibel di mana kita bisa meletakkan script dari bahasa pemrograman lain seperti JAVA,Visual Basic ,C++ dan lain-lain. Jika HTML tersebut tidak dapat mendukung suatu perintah pemrograman tertentu.

2.1.10. CSS (Cascading Style Sheet)

Menurut team dalam (Suhartati, 2013:61) “Cascading Style Sheet (CSS) adalah salah satu bahasa untuk mengatur tampilan dalam web yang berfungsi memisahkan antara desain dengan content. CSS dapat ditulis untuk mendefinisikan

ulang tag-tag HTML ataupun dengan menambah atribut id dan class pada tag HTML”.

2.1.11. Pengertian Website

Menurut (Purnama, 2015:56) Website merupakan sistem yang terkait dalam sebuah dokumen yang berformat hypertext. Terdapat berbagai informasi didalamnya, baik tulisan, suara, gambar, video, maupun informasi multimedia lainnya, dapat diakses melalui sebuah perangkat yang disebut web browser ).

2.2. Penelitian terkait

Salah satu informasi yang sangat penting untuk menunjang kegiatan belajar mengajar di SMK Persada Kota Sukabumi adalah pembayaran siswa. Dengan informasi yang tepat dan cepat tentunya juga memperlancar kegiatan sekolah dalam pembiayaan rutinnya (Aidil, 2010:63).

Dilihat dari sistem berjalan mulai dari proses pendataan siswa hingga pembayaran keuangan siswa di SMK Persada Kota Sukabumi ini masih kurang efektif dan efisien dimana pencatatan terutama dalam pembayaran SPP dan Insidental dilakukan secara berulang-ulang sehingga menyebabkan proses yang lama dalam mengolah data-data dan juga menghabiskan waktu terutama dalam penentuan sebuah keputusan dalam menindaklanjuti informasi yang di dapat dari siswa (Fristanto, 2013:24).

Implementasi sistem pendukung keputusan ini berbasis web yang akan memberikan kemudahan akses bagi penggunanya. Menggunakan bahasa pemrograman PHP sehingga lebih bersahabat dengan pengguna dibandingkan dengan bahasa pemrograman yang dilakukan sebelumnya, media penyimpanan data berupa MySQL. Tujuan dari penelitian ini adalah untuk membuat aplikasi web yang

15

dapat membantu pengguna untuk memonitoring pembayaran siswa dengan menggunakan metode RAD (Ningsih, Dedih, & Supriyadi, 2017:245).

15

BAB III

ANALISA SISTEM BERJALAN

3.1. Tinjauan Perusahaan

Pada analisa sistem berjalan ini telah dilakukan peninjauan pada sekolah SMK Persada Kota Sukabumi yang beralamat di Jl. KH Zaenal Mustopa No.24 Subang Jaya Wetan Jogray kel. Subang Jaya Cikole Kota Sukabumi dimana sekolah SMK Persada Kota Sukabumi ini adalah salah satu lembaga pendidikan yang dikelola oleh yayasan Karya Syandana.

3.1.1. Sejarah Intuisi

Sekolah Menegah Kejuruan (SMK) Persada Kota Sukabumi adalah lembaga pendidikan yang dikelola oleh Yayasan Karya Syandana Persada. Sekolah ini, telah beroperasi sejak tahun 2011 dengan Surat keputusan ijin pendirian No. 022/S.kep- YKSY/II/2011, Tanggal 14 febuari 2011.

SMK Persada Sukabumi merupakan sekolah kejuruan yang menyelenggarakan pendidikan kejuruan dalam bidang kesehatan. Saat ini SMK Persada Sukabumi mempunyai 2 Program yaitu Farmasi dan Keperawatan. SMK Persada Sukabumi telah menghasilkan tenaga keahlian di bidang kesehatan Farmasi dan Keperawatan.

SMK Persada Sukabumi pada tahun 2011 dengan jumlah siswa angkatan pertama yaitu 9 orang di periode Tahun ajaran 2011-2012. Pada waktu itu SMK Persada berlokasi di Jl. Veteran I No. 36 dengan status gedung sekolah masih mengontrak, ditahun 2012-2013, SMK Persada sudah memiliki gedung sekolah sendiri yang beralamat di Jl. KH Zaenal mustopa no.24 subang jaya wetan jogray

15

kel. Subang Jaya Cikole Kota Sukabumi. Di tahun 2014 SMK Persada terakreditasi A dengan nomor 02.00/313/BAP-SM/SK/2014 untuk jurusan Farmasi, dan tahun 2016 untuk jurusan Keperawatan terakreditasi A dengan nomor 02.00/309/BAP-SM/SK/2016. Pada tahun ajaran 2013-2014 SMK Persada mengalami peningkatan siswa yaitu dengan jumlah 44 siswa baru jurusan Farmasi dan 26 siswa baru jurusan Keperawatan. Ditambah ajaran ini SMK Persada meluluskan 9 siswa kelas XII Farmasi.

Ditahun ajaran 2018-2019 SMK Persada memperluas gedung sekolah dengan membuat gedung sekolah yang baru dan menambah beberapa ruang kelas dan fasilitas ruangan lainnya, di tahun ajaran ini siswa baru yang diterima di SMK Persada yaitu sebnayk 124 siswa dan total keseluruhan siswa di SMK Persada ditahun ajaran ini adalah 236 siswa.

3.1.2. Struktur Organisasi

Sumber: SMK Persada Kota Sukabumi(2020)

Gambar III.1 Struktur Organisasi SMK Persada Kota Sukabumi

Pembagian tugas dan wewenang serta tanggung jawab dari masing- masing bagian sebagai berikut:

1. Kepala Sekolah

Mempunyai tugas memimpin sekolah yang berperan dalam manajerial, perencanaan, pengawasan, dan pengelolaan sekolah.

2. Komite Sekolah

Mempunyai tugas berperan dalam peningkatan mutu pelayanan dengan memberika pertimbangan, araha, dan dukungan tenaga, sarana dan prasarana serta pengawasan pendidikan pada tingkat satuan pendidikan.

3. Kepala Tata Usaha

Mempunyai tugas perencanaan administrasi program dan anggaran, koordinator administrasi ketata usahaan, pengelola administrasi program, penyusunan laporan program dan anggaran, Pembina staff.

4. Adm. Keuangan

Mempunyai tugas yaitu perencanaan keuangan, penganggaran keuangan, pengelolaan keuangan, pencairan keuangan, penyimpanan keuangan, pengendalian keuangan, pelaporan keuangan.

5. Adm. Kepegawaian

Mempunyai tugas membuat DUK, DSO, membuat dan mengajukan berkas, membuat daftar gaji membuat SK pembagian tugas.

6. Adm. Kesiswaan

Mempunyai tugas bertanggung jawab kepada kepala tata usaha dengan tugas

17

membuat daftar nomor induk siswa, mengisi buku klaper siswa, mengisi buku mutasi siswa, membukukan daftar siswa perkelas, serta membuat daftar keadaan siswa.

7. Adm.Sarana dan Prasarana

Mempunyai tugas meliputi perencanaan pengadaan barang, prakualifikasi rekanan, pengadaan sarana, penyimpanan, iventaris dan penyaluran.

8. Adm. Kurikulum

Mempunyai tugas kegiatan yang berhubungan dengan tugas guru atau oendidik, kegiatan yang berhubungan dengan peserta didik dan kegiatan yang berhubungan dengan seluruh sivitas akademika atau warga sekolah.

9. Waka. Kurikulum

Mempunyai tugas menyusun program pengajaran, menyusun kalender pendidikan, menyusun jadwal pelajaran, mengatur penyediaan kelengkapan sarana dalam KBM, serta mengkoordinasikan pelaksanaan KBM dan laporan pelaksanaan KBM

10. Waka. Kesiswaan

Mempunyai tugas menyusun program pembinaan kesiswaan/OSIS, melaksanakan bimbingan, pengaraham pengendalian legiatan siswa dalam rangka menegakan disiplin dan tata tertib sekolah serta pemilihan pengurus.

11. Waka. Humas

Mempunyai tugas merencanakan program kerja, mengadakan kerjasama dengan komite skolah atau orang tua/ wali murid, melaksanakan tugas lainnya yang bersifat positif yang ditugasi oleh kepala sekolah.

12. Waka Sarana dan Prasarana

Mempunyai tugas dalam membantu kepala sekolah dalam memimpin,

merencanakan mengawasi dan mengendalikan kegiatan sekolah dalam melaksanakan program bidang sarana prasarana sesuai dengan visi, misi dan program kerja yang telah ditentukan.

13. Operator sekolah

Mempunyai tugas melaksanakan administrasi sekolah, menguasai pengunaan teknologi informasi dan komunikasi (TIK), tugas pengelola dapodik.

14. Kajur Farmasi

Mempunyai tugas dalam menyelenggarakan dan atau mengoordinasikan kegiatan pendidikan, penelitian dan pengabdian kepada masyarakat pada tahap akademik dan profesi di bidang farmasi.

15. Kajur Keperawatan

Mempunyai tugas menyenyelenggarakan dan mengoordinasikan kegiatan akademik dan profesi pada program studi keperawatan.

3.2. Prosedur Sistem Berjalan

Prosedur sistem berjalan adalah penjelasan kegiatan sistem, adapun penjelasan akan disajikan dalam bentuk narasi.

1. Prosedur Pembayaran SPP

Setiap siswa diberikan kartu pembayaran untuk pencatatan SPP, kartu ini wajib dibawa saat siswa melakukan pembayaran setiap bulannya, pembayaran dilakukan sebelum tanggal 10 setiap bulannya. Setelah melakukan pembayaran bendahara akan mencatat kemudian memberikan kwitansi yang di legalkan dengan tanda tangan dan cap bendahara sekolah, serta tanda tangan penyetor.

Kemudian, kartu SPP dikembalikan kepada siswa dan bendahara mencatatatnya

kedalam buku transaksi harian pada ms.excel

19

2. Prosedur Rekapitulasi Pembayaran SPP

Bendahara membuat laporan keuangan harian yang dilakukan setiap harinya, laporan disimpan di sebagai soft file di laptop dan print out rangkap dua, satu rangkap untuk disimpan di sekolah sebagai arsip dan satu untuk dilaporkan kepada yayasan sebagai arsip yayasan, yang tentunya arsip tersebut telah di tandatangani oleh bendahara dan kepala sekolah.

3. Prosedur Pembuatan Laporan

Selain laporan keuangan yang dilaporkan setiap harinya, bendahara juga membuat laporan keuangan bulanan. Kemudian arsip dari laporan-laporan tersebut disusun dan disimpan sesuai dengan kurun waktu. Yang selanjutnya laporan ini akan diserahkan kepada yayasan.

Berikut adalah prosedur proses pembayaran yang sedang berjalan pada SMK Persada Kota Sukabumi:

Gambar III.2 Diagram Activity Pembayaran SPP

Gambar III.3 Diagram Activity Rekapitulasi Pembayaran SPP

Gambar III.4 Diagram Activity Pembuatan Laporan

21

3.3. Spesifikasi Dokumen Sistem Berjalan

Spesifikasi sistem berjalan merupakan komponen dokumen masukan (input) dan keluaran (output). Berikut ini akan dijelaskan beberapa bentuk dokumen masukan dan keluaran yang digunakan saat penilaian rapot siswa di SMK Persada Kota Sukabumi.

3.3.1. Spesifikasi Bentuk Dokumen Masukan 1. Nama Dokumen : Kartu SPP

Fungsi : Sebagai Bukti Pembayaran

Sumber : Siswa/i

Tujuan : Bendahara Sekolah

Media : Kertas

Jumlah Rekap : 1 Lembar

Bentuk : Lampiran A1

2. Nama Dokumen : Buku Harian

Fungsi : Mencatat data pembayaran siswa/i perhari

Sumber : Bendahara Sekolah

Tujuan : Yayasan

Media : Print out arsip Jumlah Rekap : 1 Lembar Frekuensi : Setiap Hari

Bentuk : Lampiran A2

3.3.2. Spesifikasi Bentuk Dokumen Keluaran

1. Nama Dokumen : Kartu SPP yang telah ditandatangani dan di cap Fungsi : Sebagai bukti telah melakukan pembayaran

Sumber : Bendahara Sekolah

Tujuan : Siswa/i

Media : Kertas

Jumlah Rekap : 1 Lembar Frekuensi : Setiap 1 bulan

Bentuk : Lampiran B1

2. Nama Dokumen : Kwitansi

Fungsi : Sebagai bukti pembayaran SPP

Sumber : Bendahara Sekolah

Tujuan : Siswa/i

Media : Kertas

Jumlah Rekap : 1

Frekuensi : Setiap Bulan

Bentuk : Lampiran B2

3. Nama Dokumen : Laporan

Fungsi : Untuk mengetahui data pembayaran SPP siswa/i

Sumber : Bendahara Sekolah

Tujuan : Yayasan

Media : Kertas

Jumlah Rekap : 1

Frekuensi : Setiap Bulan

Bentuk : Lampiran B3

23

3.4. Permasalahan Pokok

Permasalahan yang ada pada SMK Persada Kota Sukabumi salah satunya adalah terdapat di bagian pembayaran. Setelah dianalisis ternyata terdapat beberapa kekurangan pada proses pembayaran yang ada di SMK Persada Kota Sukabumi, beberapa diantaranya adalah:

1. Proses pembayaran dilakukan secara manual dengan pencatatan pada buku harian dan buku besar.

2. Lamanya pencarian data siswa 3. Sering terjadinya kehilangan data

4. Orang tua tidak bisa mengontrol pembayaran siswa/I secara langsung.

3.5. Pemecahan Masalah

Berdasarkan kendala yang ada, pembuatan aplikasi monitoring pembayaran online berbasis web akan sangat membantu bendahara dalam melakukan pencarian data siswa, melihat riwayat pembayaran, dan merekap laporan yg ditujukan kepada yayasan, aplikasi pembayaran online ini juga dapat mengurangi resiko terjadinya kehilangan data, karna data-data telah disimpan dalam database. Aplikasi ini juga mempermudah orangtua atau wali murid dalam memantau pembayaran yang

dilakukan siswa secara detail.

24

BAB IV

RANCANGAN SISTEM PROGRAM USULAN

4.1. Analisa Kebutuhan Software 4.1.1. Tahapan Analisis

Dengan sistem pembayaran SPP oniline ini, dimana siswa/i dapat melakukan pembayaran tanpa harus datang langsung ke bendahara . Berikut ini spesifikasi kebutuhan dari sistem pembayaran SPP online SMK Persada Kota Sukabumi.

Halaman Administrator:

A1. Admin dapat menginput dan mencetak data siswa A2. Admin dapat menginput dan mencetak data kelas A3. Admin dapat menambah user

A4. Admin dapat menginput data biaya SPP A5. Admin dapat melihat transaksi SPP A6. Admin dapat mengkonfirmasi pembayaran A7. Admin dapat mencetak kwitansi

A8. Admin dapat melihat laporan SPP A9. Admin dapat membackup database Halaman siswa:

B1. Siswa dapat melihat riwayat pembayaran B2. Siswa dapat mengupload struk pembayaran 4.1.2. Usecase Diagram

Use case diagram adalah dasar dari diagram lain. Use case diagram mempresentasikan sebuah interaksi antara aktor dengan sistem. Aktor adalah obyek

25

manusia dalam sistem ini adalah admin dan user yang berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu. Berikut ini merupakan desain usulan Diagram use case Pembayaran SPP online di SMK Persada Kota Sukabumi.

1. Use Case Diagram Halaman Admin

Gambar IV.1. Use Case Diagram Halaman Admin Tabel IV.1. Deskripsi Use Case Diagram Admin

Use Case Name Mengelola Data Pembayaran

Requirements A5,A6,A7,A8

Goal Admin dapat mengelola data

pembayaran

Pre-Conditions Admin melakukan login

Post –Conditions Admin dapat melihat data siwa, admin dapat mengkonfirmasi pembayaran, dan melihat transaksi SPP

Failed end Conditions Admin gagal mengeksekusi perintah

Actors Bendahara

Main Flow/Basic Path 1. Admin dapat melakukan login 2. Sistem menampilan beranda 3. Admin dapat melihat data siswa 4. Admin dapat melihat transaksi SPP 5. Admin dapat mengkonfirmasi

pembayaran siswa

6. Admin dapat melihat bukti pembayaran

7. Admin dapat mencetak laporan 8. Sistem memproses dan

menampilkan laporan

Invariant A 1. Admin meyimpan data siswa

2. Admin memanipulasi data siswa 3. Admin menghapus data siswa

2. Use Case Diagram Siswa/i

Gambar IV.2. Use Case Diagram Siswa

27

Tabel IV.2. Deskripsi Use Case Diagram Halaman Siswa

Use Case Name Pembayaran

Requirements B1, B2

Goal

Siswa dapat melakukan pembayaran tanpa langsung mendatangi bendahara Pre-Conditions Siswa telah melakukan upload bukti Post –Conditions Sistem menampilkan bukti pembayaran Failed end Conditions SIsw batal melakukan pembayaran

Actors Siswa/i

Main Flow/Basic Path 1. Siswa memasukan nis dan tanggal lahir

2. Siswa mengupload bukti pembayaran

3. Sistem menampilkan transaksi pembayaran

Invariant A 1. Siswa melakukan login

2. Siswa mengklik tombol konfirmasi pembayaran

3. Sistem mengisi form konfirmasi pembayaran

4.1.3. Activity Diagram

1. Activity Diagram Login Admin

Gambar IV.3. Diagram Activity Login Admin

29

2. Activity Diagram Data Kelas

Gambar IV.4. Diagram Activity Data Kelas

3. Activity Diagram Data Siswa

Gambar IV.5. Diagram Activity Data Siswa

31

4. Activity Diagram Data User

Gambar IV.6. Diagram Activity Data User

5. Activity Diagram Data SPP

Gambar IV.7. Diagram Activity Data SPP

33

6. Activity Diagram Transaksi SPP

Gambar IV.8. Diagram Activity Transaksi SPP

7. Activity diagram Laporan SPP

Gambar IV.9. Diagram Activity Laporan SPP 8. Activity diagram Halaman Siswa

Gambar IV.10. Diagram Activity Halaman Siswa

35

4.2. Desain

Pada tahapan ini akan menjelaskan tentang desain database, desain software architecture dan desain interface dari sitem yang sedang dibuat.

4.2.1. Database

Spesifikasi file yang ada pada sistem usulan sistem Pembayaran SPP pada SMK Persada Kota Sukabumi yang menjelaskan beberapa spesifikasi yang digunakan dan berhubungan dengan sistemusulan yang dibuat yaitu sebagai berikut : 1. Entity Relationship Diagram

Disebut juga dengan ( ERD ) yaitu digunakan sebagai desain database pada sistem ini, menjelaskan hubungan antar data dalam basis data yang terdiri dari objek-objek dasar yang mempunyai hubungan atau relasi antar objek-objek tersebut. ERDyang terdapat pada sistem ini yaitu sebagai berikut :

Gambar IV.11. Entity Relationship Diagram Transaksi SPP

2. Logical Record Structure

Gambar IV.12. Logical Record Stucture Transaksi SPP

37

3. Spesifikasi File

a. Spesifikasi File Tabel Users Nama Database : sppsmk Nama Tabel : Tabel users Tipe File : File Master Akses File : Random Panjang Record : 130 karaket Kunci Field : id_users

Tabel IV.3. Spesifikasi File Tabel Users

No Elemen Data Nama Field Tipe Size Ket

1. Id users Id_users integer 10 Primary

Key

2. Name Name Varchar 40

3. Username Username Varchar 40

4. Password varchar 40

b. Spesifikasi File Tabel Siswa Nama Database : sppsmk Nama Tabel : Tabel Siswa Tipe File : File Master

Akses File : Random

Panjang Record : 180 karakter

Kunci Field : id

Tabel IV.4. Spesifikasi File Tabel Siswa

No Elemen Data Nama Field Tipe Size Ket

1. Id Siswa id_siswa integer 10 Primery

Key 2. Id Kelas id_kelas Varchar 20

3. No induk siswa Nis Varchar 20

4. Nama Nama Varchar 20

5. Tempat lahir tempat_lahir Varchar 20 6. Tangal Lahir tgl_lahir Date

7. Jenis Kelamin jenis_kel Varchar 20

8. Agama Agama Varchar 20

9. Alamat Alamat Text 50

c. Spesifikasi File Tabel Data SPP Nama Database : sppsmk

Nama Tabel : Tabel Data SPP Tipe File : File Transaksi

Akses File : Random

Panjang Record : 30 karater

Kunci Field : id

39

Tabel IV.5. Spesifikasi File Tabel Data SPP

No Elemen Data Nama Field Tipe Size Ket

1. Id SPP id_spp integer 10 Primary

Key 2. Tahun ajaran tahun_ajaran Varchar 10

3. Biaya biaya_spp Varchar 10

d. Spesifikasi File Kelas

Nama Database : sppsmk Nama Tabel : Tabel Kelas Tipe File : File Master

Akses File : Random

Panjang Record : 30 karakter

Kunci Field : id

Tabel IV.6. Spesifikasi File Tabel Kelas

No Elemen Data Nama Field Tipe Size Ket

1. Id Kelas Id_kelas integer 10 Primary

Key

2. Nama Kelas Nama Varchar 20

e. Spesifikasi File Tabel Transaksi SPP

Tabel IV.7. Spesifikasi File Tabel Transaksi SPP

No Elemen Data Nama Field Tipe Size Ket

1. Id Transaksi id_transaksi integer 10 Primary Key

4.2.2. Software Architecture

Dibagian ini software architecture akan menggambarkan bagaimana sistem dari software tersebut dapat dipetakan. Di sini dijelaskan dalam empat diagram yaitu class diagram, sequence diagram, deployment diagram dan component diagram.

Penjabaran dari software architecture sebagai berikut :

41

A. Class Diagram

Berikut ini adalah contoh gambar class diagram dari sistem Pembayaran SPP:

Gambar IV.13. Class Diagram Sistem Pembayaran SPP

B. Sequence Diagram 1. Sequence Diagram Login

Gambar IV.14. Sequence Diagram Login

43

2. Sequence Diagram Data Siswa

Gambar IV.15. Sequence Diagram Data Siswa

3. Sequence Diagram Data kelas

Gambar IV.16. Sequence Diagram Data Kelas

45

4. Sequence Diagram Data User

Gambar IV.17. Sequence Diagram Data User

5. Sequence Diagram Data SPP

Gambar IV.18. Sequence Diagram Data SPP

47

6. Sequence Diagram Transaksi SPP

Gambar IV.19. Sequence Diagram Transaksi SPP

7. Sequence Diagram Laporan SPP

Gambar IV.20. Sequence Diagram Laporan SPP

8. Sequence Diagram Halaman Siswa

Gambar IV.21. Sequence Diagram Halaman Siswa

49

C. Component Diagram

Di dalam sistem usulan ini component diagram ini sebagai penggambaran bagaimana sistem pembayaran SPP ini dapat dipetakan secara fisik. Berikut ini gambar dari component diagram sistem usulan sistem pembayaran SPP online pada SMK Persada Kota Sukabumi:

Gambar IV.22.Component Diagram

D. Deployment Diagram

Di dalam sistem usulan ini, penggambaran deployment diagram yaitu bagaimana sitem yang ada di website pembayaran SPP di SMK Persada Kota Sukabumi secara fisik dapat dilihat pada gambar di bawah ini:

Gambar IV.23. Deployment Diagram

51

4.2.3. User Interface

Dibawah ini merupakan tampilan program dari sisem usulan yang telah dibuat 1. Tampilan Login Admin

Gambar.IV.24. Tampilan Login Admin

2. Tampilan Registrasi User

Gambar. IV.25. Tampilan Registrasi User

3. Tampilan Data User

Gambar. IV.26. Tampilan Data User

4. Tampilan Data Siswa

Gambar IV.27. Tampilan Data Siswa

53

5. Tampilan Data Kelas

Gambar IV.28. Tampilan Data Kelas

6. Tampilan Transaksi SPP

Gambar IV.29. Tampilan Transaksi SPP

7. 5Tampilan Data Biaya SPP

Gambar. IV.30. Tampilan Data Biaya SPP

8. Tampilan Laporan SPP

Gambar. IV.31. Tampilan Laporan SPP

55

9. Tampilan Bukti Pembayaran SPP

Gambar. IV.32. Tampilan Laporan SPP

10. Tampilan Awal Halaman Siswa

Gambar. IV.33. Tampilan Halaman Siswa

11. Tampilan Halaman Siswa

Gambar. IV.34. Tampilan Halaman Siswa 4.3. Code Generation

class UserController extends Controller {

function index() {

$datauser = User::all();

return view('user.index', ['data_user' => $datauser]);

}

function create(Request $request) {

$data = new User();

$data->name = $request->name;

$data->username = $request->username;

$data->password = bcrypt($request->password);

$data->save();

return redirect('user')->with('alert', 'Data user berhasil disimpan');

}

function edit(Request $request)

57

{

$data = User::find($request->id);

if (!is_null($request->password)) { $data->update(

['name' => >name, 'username' =>

$request->username, 'password' => bcrypt($request->password)]

);

}else{

$data->update(

['name' => >name, 'username' =>

$request->username]

);

}

return redirect('/user')->with('alert', 'Data user berhasil dirubah');

}

class SiswaController extends Controller {

function index() {

$datasiswa = Siswa::join('kelas', 'siswa.id_kelas', '=', 'kelas.id_kelas') ->join('spp', 'siswa.id_spp', '=', 'spp.id_spp') 'datatahunajaran' => $datatahunajaran, 'datakelas' => $datakelas]);

}

function create(Request $request) {

$cekdata = Siswa::where('nis', $request->nis)->first();

if (!is_null($cekdata)) {

return redirect('/siswa')->with('alert1', 'NIS tidak boleh sama');

$request->id_spp)->select('biaya_spp as biaya')->first();

TransaksiSPP::insert(['id_siswa' => $request->nis, 'jatuh_tempo' =>

$jatuhtempo, 'bulan' => $bulan, 'jumlah' => $jumlah->biaya]);

}

return redirect('/siswa')->with('alert', 'Data siswa berhasil ditambah');

} }

function edit(Request $request) {

$siswa_id = \App\Siswa::find($request->id);

$siswa_id->update($request->all());

return redirect('/siswa')->with('alert', 'Data siswa berhasil dirubah');

}

function delete(Request $request) {

$siswa_id = \App\Siswa::find($request->id);

$siswa_id->delete($request->all());

$spp = TransaksiSPP::where('id_siswa', $request->nis)->delete();

return redirect('/siswa')->with('alert', 'Data siswa berhasil dihapus');

}

function cek_ortu(Request $request) {

$dataortu = \App\Ortu::where('id_ortu', '=', $request->id_ortu)->first();

if (!is_null($dataortu)) {

return response()->json(['dataortu' => $dataortu, 'nama' =>

$request->nama, 'id_ortu' => $request->id_ortu]);

59

class KelasController extends Controller {

function index() {

$datakelas = Kelas::leftJoin('guru', 'kelas.id_guru', '=', 'guru.id_guru') ->select('kelas.*', 'guru.nama_guru as

nama_guru', 'guru.id_guru')

->groupby('kelas.id_kelas')

->get();

$dataguru = Guru::where('id_kelas', '=', '')->get();

return view('kelas.index', ['data_kelas' => $datakelas, 'data_guru' =>

$dataguru]);

}

function create(Request $request) {

Kelas::create($request->all());

Guru::where('id_guru', $request->id_guru)->update(['id_kelas' =>

$request->id_kelas]);

return redirect('/kelas')->with('alert', 'Data siswa berhasil disimpan');

}

function edit(Request $request) {

Kelas::find($request->id)->update($request->all());

Guru::where('id_guru', $request->id_guru)->update(['id_kelas' =>

$request->id_kelas]);

Guru::where('id_guru', $request->id_guru_asal)->update(['id_kelas' =>

'']);

return redirect('/kelas')->with('alert', 'Data siswa berhasil edit');

}

function delete(Request $request) {

Kelas::find($request->id)->delete($request->all());

Guru::where('id_guru', $request->id_guru)->update(['id_kelas' => '']);

return redirect('/kelas')->with('alert', 'Data siswa berhasil hapus');

}

class SPPController extends Controller {

function create(Request $request) {

\App\SPP::create($request->all());

return redirect('/spp')->with('alert', 'Data SPP berhasil disimpan');

}

function edit(Request $request) {

$id_spp = \App\SPP::find($request->id);

$id_spp->update($request->all());

return redirect('/spp')->with('alert', 'Data SPP berhasil diedit');

}

function delete(Request $request) {

$id_spp = \App\SPP::find($request->id);

$id_spp->delete($request->all());

return redirect('/spp')->with('alert', 'Data SPP berhasil dihapus');

}

class TransaksiSPPController extends Controller

61

{

function index(Request $request) {

$datatrxspp, 'alert' => null, 'alert1' => null, 'data_siswa' => $datasiswa]);

}

}else{

return view('spp.index', ['data_transaksi' => null, 'alert'

=> null, 'alert1' => null, 'data_siswa' => $datasiswa]);

=> null, 'alert1' => null, 'data_siswa' => $datasiswa]);

Apa itu MySQL dan apa fungsinya?

Apa kelebihan MySQL?

Apa itu SQL menurut para ahli?

Apa itu xampp menurut para ahli?