1 PEDOMAN PERANCANGAN SISTEM MADANI BERBASIS XAMPP & MYSQL Universitas Negeri Gorontalo Masrin Danial
Akuntansi - Universitas Negeri Gorontalo (2023) 2 KATA PENGANTAR Saat ini, era revolusi industri 4.0 telah dimulai. Era ini telah memunculkan teknologi baru yang mengakibatkan perubahan yang luar biasa di semua disiplin ilmu, ekonomi dan industri. Lulusan perguruan tinggi harus menyiapkan literasi baru guna menghadapi disrupsi teknologi yang tidak hanya berfokus pada literasi lama (membaca, menulis, dan matematika), tetapi perlu literasi baru seperti literasi data, literasi teknologi dan literasi manusia yang termasuk kedalamnya literasi digital. Penyusunan buku ini dibuat untuk menjelaskan cara membangun sistem berbasis teknologi melalui XAMPP dan MySQL secara terstruktur dan sesederhana mungkin yang bertujuan untuk membantu dan menjadi buku pegangan dan panduan bagi para akademisi, dan semua orang yang ingin belajar mengenai perancangan sistem. Dalam pembuatan buku ini, kami mengucapkan banyak terima kasih kepada semua pihak yang telah membantu dalam penulisan ini, khususnya kepada: 1. Dr. Rio Monoarfa, SE.,Ak., M.Si., CA 2. Dr. Tri Handayani Amaliah, SE.,Ak, M.Si., CA 3. Amir Lukum, S.Pd, MSA 4. Nurharyati Panigoro, S.Pd, M.Si Penulis menyadari bahwa di dunia ini tidak ada yang sempurna, sehingga tidak menutup kemungkinan buku ini tidak lepas dari kesalahan dan kekeliruan. Oleh karena itu, penulis terbuka terhadap kritik dan saran dari pembaca yang bersifat membangun untuk menyempurnakan buku ini di tahap selanjutnya. Apabila ada kesalahan pada buku ini, kami memohon maaf dan semoga buku ini dapat memberikan manfaat bagi semua pihak dan dapat memenuhi harapan pembaca. Gorontalo, Juli 2023 Masrin Danial
Akuntansi - Universitas Negeri Gorontalo (2023) 3 DAFTAR ISI KATA PENGANTAR.................................................................................................................2 DAFTAR ISI...............................................................................................................................3 DAFTAR TABEL.......................................................................................................................4 DAFTAR GAMBAR.................................................................................................................. 5 BAB I KONSEP DASAR SISTEM ............................................................................................7 1.1 Pengertian Sistem ..........................................................................................................7 1.2 Karakteristik Sistem.......................................................................................................8 1.3 Klasifikasi Sistem..........................................................................................................9 1.4 Sistem Informasi Akuntansi ...........................................................................................10 BAB II XAMPP ..........................................................................................................................12 2.1 Pengertian XAMPP........................................................................................................12 2.2 Fungsi XAMPP..............................................................................................................13 2.3 Komponen Utama XAMPP............................................................................................14 2.4 Kelebihan dan Kekurangan XAMPP ..............................................................................17 BAB III MySQL.......................................................................................................................... 18 3.1 Pengertian MySQL ........................................................................................................18 3.2 Fitur PhpMyAdmin........................................................................................................19 3.3 Fungsi PhpMyAdmin.....................................................................................................20 3.4 Tipe Data Pada MySQL.................................................................................................22 3.5 Jenis-Jenis Perintah SQL................................................................................................24 3.6 Kelebihan dan Kekurangan MySQL...............................................................................25 BAB IV PERANCANGAN SISTEM MADANI BERBASIS XAMPP & MySQL...................28 4.1 Desain Rancangan Sistem.............................................................................................28 4.2 Struktur Tabel Database................................................................................................30 4.3 Alat Perancangan Sistem...............................................................................................36 4.4 Flowchart Perancangan Sistem.....................................................................................40 4.5 User Interface Design (Desain Antarmuka Pengguna) ..................................................48 4.6 Pengujian Rancangan Sistem ........................................................................................58 DAFTAR PUSTAKA..................................................................................................................61 GLOSARIUM.............................................................................................................................62 TENTANG PENULIS ................................................................................................................64
Akuntansi - Universitas Negeri Gorontalo (2023) 4 DAFTAR TABEL Tabel 3.1 Tipe Data Numerik di MySQL................................................................. 22 Tabel 3.2 Tipe Data String di MySQL ..................................................................... 23 Tabel 3.3 Tipe Data Time di MySQL....................................................................... 23 Tabel 3.4 Perintah SQL DDL................................................................................... 24 Tabel 3.5 Perintah SQL DML.................................................................................. 25 Tabel 4.1 User.......................................................................................................... 31 Tabel 4.2 Catatan ..................................................................................................... 31 Tabel 4.3 Hutang ..................................................................................................... 32 Tabel 4.4 Karyawan................................................................................................. 32 Tabel 4.5 Pemasukan ............................................................................................... 33 Tabel 4.6 Pengeluaran.............................................................................................. 34 Tabel 4.7 Sumber..................................................................................................... 35 Tabel 4.8 Uang ........................................................................................................ 35 Tabel 4.9 Hasil Pengujian Sistem............................................................................. 59
Akuntansi - Universitas Negeri Gorontalo (2023) 5 DAFTAR GAMBAR Gambar 1.1 Model Sistem ....................................................................................... 7 Gambar 1.2 Model Hubungan Elemen-Elemen Sistem ............................................ 8 Gambar 1.3 Ilustrasi Sistem Informasi Akuntansi .................................................... 10 Gambar 2.1 XAMPP................................................................................................ 12 Gambar 2.2 XAMPP Control Panel ......................................................................... 14 Gambar 2.3 Htdocs.................................................................................................. 15 Gambar 2.4 Config .................................................................................................. 15 Gambar 2.5 Netsat ................................................................................................... 16 Gambar 2.6 PhpMyAdmin ....................................................................................... 16 Gambar 3.1 MySQL ................................................................................................ 18 Gambar 3.2 Query SQL PhpMyAdmin .................................................................... 20 Gambar 3.3 Detail Status PhpMyAdmin .................................................................. 21 Gambar 3.4 Konfigurasi PhpMyAdmin ................................................................... 21 Gambar 3.5 Programing MySQL ..........................................................................…25 Gambar 4.1 Konsep Desain Rancangan Sistem........................................................ 28 Gambar 4.2 Software XAMPP................................................................................. 29 Gambar 4.3 Software MySQL PhpMyAdmin .......................................................... 30 Gambar 4.4 Komponen DFD ................................................................................... 37 Gambar 4.5 Simbol-Simbol Flowchart: Input/Output............................................... 38 Gambar 4.6 Simbol-Simbol Flowchart: Processing & Storage ................................. 38 Gambar 4.7 Simbol-Simbol Flowchart: Lain-lain .................................................... 39 Gambar 4.8 Flowchart Login ................................................................................... 41 Gambar 4.9 Flowchart Dashboard Pengguna ........................................................... 42 Gambar 4.10 Flowchart Transaksi Pendapatan......................................................... 43 Gambar 4.11 Flowchart Transaksi Pengeluaran ....................................................... 44 Gambar 4.12 Flowchart Karyawan........................................................................... 45 Gambar 4.13 Flowchart Hutang ............................................................................... 46
Akuntansi - Universitas Negeri Gorontalo (2023) 6 Gambar 4.14 Flowchart Laporan.............................................................................47 Gambar 4.15 Design Interface Login Pengguna ......................................................48 Gambar 4.16 Design Interface Dashboard...............................................................49 Gambar 4.17 Design Interface Transaksi Pendapatan .............................................50 Gambar 4.18 Design Interface Form Pemasukan Transaksi Masuk.........................51 Gambar 4.19 Design Interface Form Aksi Transaksi Masuk ...................................51 Gambar 4.20 Design Interface Transaksi Pengeluaran ............................................52 Gambar 4.21 Design Interface Form Pengeluaran ...................................................53 Gambar 4.22 Design Interface Form Aksi Transaksi Keluar ...................................53 Gambar 4.23 Design Interface Karyawan................................................................54 Gambar 4.24 Design Interface Tambah Karyawan..................................................54 Gambar 4.25 Design Interface Form Aksi...............................................................55 Gambar 4.26 Design Interface Fitur Hutang............................................................56 Gambar 4.27 Design Interface Form Tambah Hutang.............................................56 Gambar 4.28 Design Interface Form Aksi Hutang ..................................................57 Gambar 4.29 Design Interface Fitur Laporan Keuangan .........................................57 Gambar 4.30 Desain Laporan Keuangan (Excel) ....................................................58
Akuntansi - Universitas Negeri Gorontalo (2023) 7 BAB I KONSEP DASAR SISTEM 1.1 Pengertian Sistem Untuk mengawali pembahasan tentang perancangan sistem, pemahaman akan sistem terlebih dahulu harus ditekankan. Definisi sistem berkembang sesuai dengan konteks di mana pengertian sistem itu digunakan. Menurut (Scott, 1996), sistem terdiri unsur-unsur seperti masukan (input), pengolahan (processing), serta keluaran (output). Ciri pokok sistem menurut Gaspert ada empat, yaitu sistem itu beroperasi dalam suatu lingkungan, terdiri atas unsurunsur, ditandai dengan saling berhubungan, dan mempunyai satu fungsi atau tujuan utama. Gambar 1.1 Model Sistem Gambar di atas menunjukan bahwa sistem atau pendekatan sistem minimal harus mempunyai empat komponen, yakni masukan, pengolahan, keluaran, dan balikan atau control. Sementara (Leod, 1995) mendefinisikan sistem sebagai sekelompok elemenelemen yang terintegrasi dengan maksud yang sama untuk mencapai suatu tujuan. Sumber daya mengalir dari elemen output dan untuk menjamin prosesnya berjalan dengan baik maka dihubungkan dengan mekanisme control. Untuk lebih jelasnya elemen sistem tersebut dapat digambarkan dengan model sebagai berikut: rMasukan (Input) rPengolahan (Processing) rKeluaran (Output)
Akuntansi - Universitas Negeri Gorontalo (2023) 8 Gambar 1.2 Model Hubungan Elemen-Elemen Sistem 1.2 Karakteristik Sistem Untuk memahami atau mengembangkan suatu sistem, maka perlu membedakan unsur-unsur dari sistem yang membentuknya. Berikut adalah karakteristik sistem yang dapat membedakan suatu sistem dengan sistem lainnya: 1. Batasan (boundary), penggambaran dari suatu elemen atau unsur mana yang termasuk di dalam sistem dan mana yang di luar sistem. 2. Lingkungan (environtment), segala sesuatu di luar sistem, lingkungan yang menyediakan asumsi, kendala, dan input terhadap suatu sistem. 3. Masukan (input), sumber daya (data, bahan baku, peralatan, energi) dari lingkungan yang dikonsumsi dan dimanipulasi oleh suatu sistem. 4. Keluaran (output), sumber daya atau produk (informasi, laporan, dokumen, tampilan layer komputer, barang jadi) yang disediakan untuk lingkungan sistem oleh kegiatan dalam suatu sistem. 5. Komponen (component), kegiatan-kegiatan atau proses dalam suatu sistem yang mentransformasikan input menjadi bentuk setengah jadi (output). Komponen ini bisa merupakan subsistem dari sebuah sistem. Tujuan Mekanisme Kontrol Input Transformasi Output
Akuntansi - Universitas Negeri Gorontalo (2023) 9 6. Penghubung (interface), tempat di mana komponen atau sistem dan lingkungannya bertemu atau berinteraksi. 7. Penyimpanan (storage), area yang dikuasai dan digunakan untuk penyimpanan sementara dan tetap dari informasi, energi, bahan baku, dan sebagainya. Penyimpanan merupakan suatu media penyangga di antara komponen tersebut bekerja dengan berbagai tingkatan yang ada dan memungkinkan komponen yang berbeda dari berbagai data yang sama. 1.3 Klasifikasi Sistem Sistem merupakan suatu bentuk integrasi antara satu komponen dan komponen lain karena sistem memiliki sasaran yang berbeda untuk setiap kasus yang terjadi di dalam sistem tersebut. Menurut Hutahaean (2015), sistem dapat diklasifikasikan ke dalam beberapa jenis, yaitu sebagai berikut: a. Sistem Abstrak dan Sistem Fisik Sistem abstrak merupakan sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teologi. Sedangkan sistem fisik diartikan sebagai sistem yang nampak secara fisik sehingga setiap mahluk dapat melihatnya, misalnya sistem komputer. b. Sistem Alamiah dan Sistem Buatan Manusia Sistem alamiah merupakan sistem yang terjadi melalui proses alam, tidak dibuat oleh manusia, misalnya sistem tata surya, sistem galaksi, sistem reproduksi dan lain-lain. Sedangkan sistem buatan manusia merupakan sistem yang dirancang oleh manusia. Sistem buatan yang melibatkan interaksi manusia, misalnya sistem akuntansi, sistem informasi, dan lain-lain. c. Sistem Deterministik dan Sistem Probabilistik Sistem deterministik merupakan sistem yang beroperasi dengan tingkah laku yang sudah dapat diprediksi. Interaksi bagian-bagiannya dapat dideteksi dengan pasti sehingga keluaran dari sistem dapat diramalkan, misalnya sistem komputer, adalah contoh sistem yang tingkah lakunya dapat dipastikan berdasarkan
Akuntansi - Universitas Negeri Gorontalo (2023) 10 program-program komputer yang dijalankan. Sedangkan sistem probabilistik merupakan sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilitas, misalnya sistem manusia. d. Sistem Terbuka dan Sistem Tertutup Sistem terbuka merupakan sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Lebih spesifik dikenal juga yang disebut dengan sistem terotomasi, yang merupakan bagian dari sistem buatan manusia dan beriteraksi dengan kontrol oleh satu atau lebih komputer sebagai bagian dari sistem yang digunakan dalam masyarakat modern. Sistem ini menerima masukan dan menghasilkan keluaran untuk subsistem lainnya, misalnya sistem kebudayaan manusia. Sedangkan sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa adanya campur tangan dari pihak luar. Secara teoritis sistem tersebut ada, tetapi kenyataannya tidak ada sistem yang benar-benar tertutup, yang ada hanyalah relatively closed system (secara relatif tertutup, tidak benarbenar tertutup). 1.4 Sistem Informasi Akuntansi Pada umumnya sistem informasi akuntansi digunakan sebagai alat untuk melakukan analisis keputusan ataupun sebagai pembuat keputusan yang terkait dengan transaksi-transaksi perusahaan. Selain itu dengan sistem informasi akuntansi perusahaan bisa mengetahui apakah suatu kegiatan operasional perusahaan dikatkan profit atau rugi, sehingga manajer ataupun pengambil keputusan bisa mengambil sebuah keputusan yang tepat dan sesuai dengan kondisi perusahaan. Ilustrasi sistem informasi akuntansi dapat dilihat pada gambar berikut: S.I.A Usser Data Informasi Deccisions Gambar 1.3 Ilustrasi Sistem Informasi Akuntansi
Akuntansi - Universitas Negeri Gorontalo (2023) 11 Menurut Romney & Steinbart (2015) sistem informasi akuntansi adalah “a system that collects, record and stores and procces data to produce information for decisions makers”. Dia berpendapat ada 6 (enam) komponen sistem informasi akuntansi, yaitu: 1. User, yaitu orang yang menggunakan atau mengoperasikan sistem 2. Procedure atau Instructions, yaitu pemrosesan dan penyimpanan data kegiatan organisasi. 3. Data, yaitu representasi dari dunia nyata terkait dengan organisasi. 4. Software, yaitu kumpulan program komputer yang digunakan untuk memproses data 5. Information Technology Infrastructure, yaitu struktur yang akan digunakan oleh sistem seperti misalnya, struktur jaringan komputer. 6. Internal Control and Security Measures, yaitu pengendalian internal dan langkah keamanan yang menjaga data sistem informasi akuntansi (SIA). Keenam komponen tersebut memungkinkan SIA untuk memenuhi tiga fungsi bisnis sebagai berikut: 1. Mengumpulkan dan menyimpan data mengenai aktivitas organisasi, sumber daya, dan personel. Organisasi memiliki sejumlah proses bisnis, seperti penjualan atau pembelian bahan baku mentah, yang sering kali terjadi berulang. 2. Mengubah data menjadi informasi sehingga membantu manajemen untuk merancanakan, mengeksekusi, mengendalikan, serta mengeksekusi aktivitas, sumber daya, dan personel. 3. Menyediakan pengendalian yang cukup untuk mengamankan aset dan data organisasi.
Akuntansi - Universitas Negeri Gorontalo (2023) 12 BAB II XAMPP 2.1 Pengertian XAMPP Xampp merupakan sebuah software web server yang digunakan untuk mengembangkan dan merancang situs website pada server lokal. Aplikasi ini juga sering disebut sebagai localhost XAMPP karena fungsinya sebagai pembuat server lokal di perangkat komputer. Aplikasi ini bersifat open source dan dapat dioperasikan pada berbagai sistem operasi seperti windows, Mac Os, dan Linux. Semula, XAMPP dikembangkan pada tahun 2002 oleh Apache Friends, yakni sebuah komunitas yang mempromosikan web server Apache. XAMPP adalah salah satu perangkat lunak yang sangat populer dikalangan programmer. Software atau aplikasi komputer satu ini banyak digunakan para pelaku IT yang baru belajar tentang dunia website. Lebih jelas lagi, berikut pengertian XAMPP menurut para ahli: 1. Menurut Buana (2014:4), “XAMPP adalah perangkat lunak open source yang diunggah secara gratis dan bisa dijalankan di semua sistem operasi seperti Windows, Linux, Solaris dan MacOS”. 2. Menurut Aryanto (2016:4), “XAMPP merupakan sebuah aplikasi perangkat lunak pemrograman dan database yang di dalamnya terdapat berbagai macam aplikasi pemrograman seperti : Apache, HTTP, MySQL, Database, bahasa pemrograman PHP dan Perl”. Nama XAMPP sebenarnya mendeskripsikan program-program yang terdapat di dalamnya. Apa itu XAMPP? Huruf X pada XAMPP berarti aplikasi ini bisa digunakan untuk lintas platform. Selanjutnya A mewakili Apache, yaitu aplikasi web server bawaan XAMPP. Huruf M untuk MySQL & MariaDB, aplikasi database server. Terakhir, dua huruf P merupakan PHP dan Perl, yaitu bahasa pemrograman yang digunakan. GGambar 2.1
Akuntansi - Universitas Negeri Gorontalo (2023) 13 3. Menurut Iqbal (2019:15), ”XAMPP merupakan sebuah software web server apache yang di dalamnya sudah tersedia database server MySQL dan support PHP Programming”. Berdasarkan pengertian diatas dapat disimpulkan bahwa XAMPP adalah sebuah aplikasi perangkat lunak yang di dalamnya sudah tersedia database server MySQL dan Support PHP Programming. 2.2 Fungsi XAMPP XAMPP memiliki banyak sekali manfaat. Berikut beberapa fungsi dari tool web server open source ini: 1. Mengkonfigurasi Pengaturan Database PhpMyAdmin XAMPP bisa berfungsi sebagai aplikasi yang dapat mengatur database pada PhpMyAdmin tanpa memerlukan koneksi internet sehingga tidak khawatir terjadi error bila koneksi internet mengalami kendala. Melalui PhpMyAdmin, pengguna pun bebas untuk melakukan berbagai perubahan yang mencakup pengeditan, penghapusan, peng-updatean, hingga menambahkan user pada database. 2. Menjalankan Framework PHP Secara Offline Laravel merupakan salah satu framework milik PHP yang berfungsi untuk mempermudah programmer dalam mengembangkan tampilan web. Dengan adanya XAMPP, pengguna dapat menginstal dan menjalankan Laravel di localhost secara offline. Adapun keunggulan mengembangkan web menggunakan laravel pada localhost adalah proses pengeditan kode menjadi lebih cepat sehingga pembuatan web pun jadi lebih cepat. 3. Melakukan Proses Install WordPress Offline Proses install dan menjalankan WordPress di localhost juga bisa dilakukan selama menggunakan XAMPP. WordPress yang merupakan CMS dengan pengguna terbanyak di dunia ini juga dapat di-download berbagai plugin dan temanya secara gratis.
Akuntansi - Universitas Negeri Gorontalo (2023) 14 Gambar 2.2 XAMPP Control Panel XAMPP control panel adalah komponen yang digunakan untuk mengelola komponen lainnya dalam XAMPP. Dengan menggunakan kontrol panel, pengguna dapat mengaktifkan fungsi apache, mySQL, filezilla, config, netsat dan konfigurasi XAMPP lainnya. 4. Melakukan Pengujian Fitur dan Mengakses Web Tanpa Internet XAMPP juga dapat digunakan untuk proses uji fitur serta menampilkan konten yang ada di dalam web tanpa internet dengan hanya mengakses XAMPP control panel. Sebab, XAMPP dapat tetap melakukan tugasnya secara offline sehingga pengguna lebih mudah untuk memproses pengerjaan front end dan back end. Biasanya, XAMPP digunakan oleh mahasiswa ataupun pelajar untuk melihat hasil desain web sebelum dipublikasikan. Namun, XAMPP tidak begitu direkomendasikan untuk production. Sehingga bila hasil desain web setelah dipublikasikan dengan XAMPP sudah baik, bisa diterapkan melalui layanan hosting yang telah dilengkapi control panel. 2.3 Komponen Utama XAMPP Dalam XAMPP, terdapat beberapa komponen penting yang perlu diketahui. Berikut beberapa komponen utama XAMPP: 1. XAMPP Control Panel
Akuntansi - Universitas Negeri Gorontalo (2023) 15 2. Htdocs Gambar 2.3 Htdocs Htdocs adalah komponen XAMPP dalam bentuk folder. Folder htdocs memiliki fungsi sebagai tempat penyimpanan folder dan file yang kemudian bisa ditampilkan melalui browser. Dalam hosting, htdocs merupakan folder publik. Kapasitas dari folder htdocs mengikuti kapasitas dari partisi yang ada. Letak folder htdocs biasanya beberapa pada path C:\xampp\htdocs. Ketika pengguna menginstall XAMPP, maka folder htdocs ini juga otomatis akan terinstall dan nantinya ketika pengguna mengakses alamat localhost pada brower, maka secara otomatis akan terpampang file-file yang tersimpan dalam htdocs ini. 3. Config Gambar 2.4 Config Komponen selanjutnya adalah config. Config merupakan komponen pada XAMPP yang berfungsi untuk mengatur pengaturan dasar. Seperti mengatur aplikasi editor teks dan browser yang akan digunakan secara default oleh aplikasi
Akuntansi - Universitas Negeri Gorontalo (2023) 16 XAMPP. Pada menu config juga dapat memungkinkan pengguna untuk mengkonfigurasi XAMPP serta komponen individual. 4. Netsat 5. PhpMyAdmin Gambar 2.6 PhpMyAdmin Gambar 2.5 Netsat Netsat adalah komponen XAMPP yang berfungsi untuk melihat apakah port yang digunakan oleh XAMPP sudah digunakan oleh aplikasi lain atau belum. Jika port standar XAMPP sudah digunakan oleh aplikasi lain, maka aplikasi XAMPP tidak dapat berfungsi dengan baik. Dan pengguna harus merubah port yang bermasalah tersebut dengan port lain yang belum digunakan.
Akuntansi - Universitas Negeri Gorontalo (2023) 17 PhpMyAdmin adalah komponen dalam XAMPP yang berfungsi untuk mengelola database melalui browser. Dengan menggunakan fitur ini, pengguna bisa mengelola database menggunakan browser. Dengan menggunakan PhpMyAdmin, pengguna dapat membuat database, membuat tabel, memasukan, menghapus, dan memperbarui data dengan GUI. Hal demikian akan memudahkan pengguna tanpa perlu mengetikan perintah SQL secara manual. 2.4 Kelebihan dan Kekurangan XAMPP XAMPP mempunyai beragam fitur dan cara instal yang mudah. Tetapi seperti software lain, XAMPP juga tidak luput dari kelebihan dan kekurangan. Adapun kelebihan dan kekurangan XAMPP adalah: Kelebihan: XAMPP adalah Multi Cross-Platform yang bisa bekerja pada Windows, MacOS dan Linux. Cukup dengan satu perintah, bisa memulai dan menghentikan seluruh server web dan tumpukan database. XAMPP tersedia versi lengkap dan standar. Mempunyai beragam fitur seperti PHP, MySQL dan Apache, yang berjalan melalui control panel. Aplikasi XAMPP mencakup OpenSSL, PhpMyAdmin, MediaWiki, Joomla, WordPress, dan banyak lagi modul tambahan. Kekurangan: Tidak cocok untuk menangani data dengan jumlah yang besar, baik untuk menyimpan data maupun untuk memproses data. Memiliki keterbatasan kemampuan kerja pada server ketika data yang disimpan telah melebihi batas maksimal kemampuan daya tampung server karena tidak menerapkan konsep technology cluste. Bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Akuntansi - Universitas Negeri Gorontalo (2023) 18 bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb BAB III 3.1 Pengertian MySQL MySQL adalah sebuah database management system (manajemen basis data) menggunakan perintah dasar SQL (Structured Query Language) yang cukup terkenal. Database management system (DBMS) MySQL multi pengguna dan multi alur ini sudah dipakai lebih dari 6 juta pengguna di seluruh dunia. MySQL merupakan DBMS yang open source dengan dua bentuk lisensi, yaitu Free Software (perangkat lunak bebas) dan Shareware (perangkat lunak berpemilik terbatas). Selain MySQL, ada satu aplikasi open-source yang memudahkan manajemen pada MySQL. Aplikasi tersebut yakni PhpMyAdmin. Software berbasis web ini akan memudahkan pengguna untuk melakukan manipulasi database MySQL tanpa harus mengetikan perintah pada command line. Aplikasi ini memiliki tampilan yang mudah dipahami dengan fitur sesuai kebutuhan pengguna. PhpMyAdmin adalah aplikasi open source yang berfungsi untuk memudahkan manajemen MySQL. Dengan menggunakan PhpMyAdmin pengguna dapat membuat databse, membuat tabel, menginsert, menghapus dan mengupdate data dengan GUI (antarmuka pengguna grafis) dan terasa lebih mudah, tanpa perlu mengetikan perintah SQL secara manual. PhpMyAdmin juga mendukung berbagai fitur administrasi MySQL termasuk manipulasi database, tabel, index dan juga dapat mengeksport data ke dalam berbagai format data. Lebih lanjut terkait dengan pengertian MySQL PhpMyAdmin berikut pengertian dari beberapa ahli: 1. Menurut Muhammad Sadeli (2010:10) “PhpMyAdmin adalah sebuah software yang berbentuk seperti halaman situs yang terdapat pada web server. Fungsi dari halaman ini adalah sebagai pengendali database MySQL”. 2. Menurut Nugroho (2013:71) “PhpMyAdmin adalah tools yang dapat digunakan dengan mudah untuk manajemen database MySQL secara visual dan BAB III MySQL Gambar 3.1 MySQL
Akuntansi - Universitas Negeri Gorontalo (2023) 19 Server MySQL, sehingga kita tidak perlu lagi harus menulis query SQL setiap akan melakukan perintah operasi database”. 3. Menurut Hidayatullah (2015:184) “PhpMyAdmin adalah tool open source yang ditulis dalam bahasa PHP untuk menangani administrasi MySQL berbasis World Wide Web”. 4. Menurut Madcoms (2016:148) “PhpMyAdmin adalah sebuah aplikasi open source yang berfungsi untuk memudahkan manajemen MySQL”. 5. Menurut Ananditya, A., Sriyono, S., & Yanti, S. (2020:21) menyatakan bahwa “MySQL merupakan software RDBMS (atau server database) yang dapat mengelola database dengan sangat cepat, dapat menampung data dalam jumlah sangat besar, dapat diakses oleh banyak user (multi user), dan dapat melakukan suatu proses secara sinkron atau berbarengan (multi-threaded)”. Dari pengertian menurut para ahli di atas dapat disimpulkan bahwa PhpMyAdmin ialah sebuah web server yang digunakan untuk mengelolah database dari program web yang telah dibuat dimana program tersebut harus sesuai dengan database. MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional RDBMS yang didistribusikan di bawah lisensi GPL. MySQL adalah sebuah aplikasi yang dibuat untuk membuat query dalam pembuatan database, tabel maupun manipulasi data dengan RDBMS (Relational Database Management System) yaitu aplikasi sistem yang menjalankan fungsi pengolahan data. 3.2 Fitur PhpMyAdmin PhpMyAdmin memiliki fitur yang cukup lengkap untuk mengelola database. Software ini awalnya bertujuan untuk mempermudah pengelolaan database melalui web, berikut ini adalah beberapa fitur yang diberikan oleh PhpMyAdmin yakni: Memiliki tampilan user interface Mendukung fitur-fitur MySQL Mengelola database, tabel, view, field, dan index.
Akuntansi - Universitas Negeri Gorontalo (2023) 20 Membuat, salin, ganti nama, dan ubah database, tabel, view, field dan index. Melakukan pemeliharaan server, database, dan tabel dengan saran konfigurasi server. Menjalankan, edit, dan tandai SQL-Statement apa pun, bahkan batch-queries. Mengimpor data dari CSV maupun SQL. Mencari apapun pada database. 3.3 Fungsi PhpMyAdmin PhpMyAdmin sangat populer digunakan untuk mengelola database karena bisa diakses melalui web browser. Selain yang sudah disebutkan sebelumnya pengguna juga dapat membuat, memperbarui, mengubah, menghapus, mengimpor, dan mengekspor tabel database MySQL dengan menggunakan software ini. Berikut beberapa fungsi PhpMyAdmin: a. Mengoperasikan Query SQL pada PhpMyAdmin Gambar 3.2 Query SQL PhpMyAdmin Pengguna bisa mengoperasikan query SQL lewat kolom yang terdapat dalam tab SQL. Pengguna cuman perlu mengisi sebuah query tertentu lalu pilih tombol “Go” dan nantinya PhpMyAdmin mulai mengeksekusi query dan menampilkan hasilnya.
Akuntansi - Universitas Negeri Gorontalo (2023) 21 b. Melihat Detail Status pada PhpMyAdmin Gambar 3.3 Detail Status PhpMyAdmin Di tab status, pengguna bisa melihat detail informasi terkait restart terakhir pada server MySQL, pengguna bisa memilih status dan melihat info lalu lintas yang dilakukan oleh server MySQL tiap jamnya. c. Konfigurasi PhpMyAdmin Gambar 3.4 Konfigurasi PhpMyAdmin Menu konfigurasi PhpMyAdmin bisa diakses lewat tab settings. Pada menu ini akan tersedia beberapa pilihan menu yakni diantaranya menu Export, Import dan Reset.
Akuntansi - Universitas Negeri Gorontalo (2023) 22 3.4 Tipe Data Pada MySQL Tipe data dalam database digunakan untuk mendefinisikan suatu kolom atau field. Jenis-jenis tipe data bermacam-macam dan secara umum tipe data pada MySQL ada empat kelompok yaitu Numeric, String, Date, dan Tipe Data Blob. Berikut tipe data pada MySQL: a. Tipe Data Interger Pada tipe data ini yang dapat disimpan hanya berupa angka (numerik) saja, baik berupa angka positif maupun angka negatif. Lebih jelasnya dapat dilihat pada tabel dibawah ini: Tabel 3.1 Tipe Data Numerik di MySQL Tipe Data Jangkauan Signed Jangkauan Unsigned Memori TINYINT -128 - 127 0 - 255 1 Byte SMALLINT -32768 - 32767 0 - 65535 2 Byte MEDIUMINT -8388608 - 8388607 0 - 16777215 3 Byte INT -2147483648 - 2147483647 0 - 4294967295 4 Byte BIGINT -922337203685477508 - 92233720368547758807 0 - 18446744073709551615 8 Byte FLOAT Tergantung nilainya - 4 Byte DOUBLE Tergantung nilainya - 8 Byte DECIMAL Tergantung nilainya - M+2 Byte Sedangkan attribut AUTO_INCERMENT, UNSIGNED, dan ZEROFILL hanya dapat digunakan pada tipe data interger saja. AUTO_INCERMENT memberikan nilai tipe data angka (number) yang di setting oleh servernya, jadi secara otomatis nilai dari data (field) tersebut akan selalu naik 1 angka setelah nilai data sebelumnya. UNSIGNED memberikan nilai tipe data yang hanya dengan nilai positif saja, karena secara default tipe data ini jangkauannya sampai negatif. ZEROFILL berfungsi untuk memberikan imbuhan nilai 0 di depan nilai sepanjang lebar tipe data.
Akuntansi - Universitas Negeri Gorontalo (2023) 23 b. Tipe Data String Pada tipe data ini dapat berisi nilai string (alpanumerik/karakter) dan numerik. Yang jelas nilai numerik disini dapat untuk operasi perhitungan sebelum dilakukan konversi. Tabel 3.2 Tipe Data String di MySQL Tipe Data Max Size Memori VARCHAR 225 Byte X+1 Byte TINYTEXT 225 Byte X+1 Byte TINYBLOB 225 Byte X+2 Byte TEXT 65535 Byte X+2 Byte BLOB 65535 Byte X+2 Byte MEDIUMTEXT 1.6 Byte X+3 Byte MEDIUMBLOB 1.6 Byte X+3 Byte LONGTEXT 4.2 Byte X+4 Byte LONGBLOB 4.2 Byte X+4 Byte c. Tipe Data Waktu Tipe data ini menyimpan informasi waktu, baik tanggal maupun jam. Walaupun data yang disimpan disini numerik tetapi pembacaan terhadap data string perlu dilakukan konversi bila ingin melakukan perhitungan. Berikut tipe data waktu yang didukung MySQL Tabel 3.3 Tipe Data Date Time di MySQL Tipe Data Format Standard Zero Value DATETIME YYY-MM-DD HH:MM:SS 0000-00-00 00:00:00 DATE YYY-MM-DD 0000-00-00 TIME HH:MM:SS 00:00:00 YEAR YYY 0000 TIMESTAMP YYYMMDDHHMMSS 00000000000000
Akuntansi - Universitas Negeri Gorontalo (2023) 24 d. Tipe Data Binary String BINARY Mendefinisikan bilangan dengan ukuran tetap hingga 8000 byte. VARBINARY Mendefinisikan bilangan dengan ukuran bervariasi hingga 8000 byte. e. Tipe Data Lainnya Selain macam tipe data yang disebutkan di atas masih ada dua tipe data, yaitu ENUM dan SET. ENUM Merupakan tipe data yang menyimpan beberapa pilihan data yang akan disimpan tetapi hanya satu pilihan yang boleh disimpan. SET Tipe data ini hampir mirip dengan ENUM tetapi bisa memilih lebih dari satu pilihan. 3.5 Jenis-Jenis Perintah SQL Secara umum perintah-perintah SQL dibagi menjadi dua kelompok, yaitu: 1. DDL (Data Definition Language) Data Definition Language merupakan bagian dari SQL yang digunakan untuk mendefinisikan data dan obyek database. Perintah tersebut berupa membuat, mengubah, menghapus dan lain-lain. Beberapa perintah SQL dapat dilihat dari tabel berikut. Tabel 3.4 Perintah SQL DDL Perintah Kegunaan Create Table Membuat Tabel Create Index Membuat Index Alter Table Mengubah atau menyisipkan ke dalam tabel Drop Table Menghapus tabel Drop Index Menghapus index
Akuntansi - Universitas Negeri Gorontalo (2023) 25 2. DML (Data Manipulation Language) Data Manipulation Language merupakan bagian dari perintah SQL yang digunakan untuk manipulasi data. Perintah-perintah ini bertugas untuk melakukan query dan perubahan yang dilakukan di dalam suatu tabel. Beberapa perintah SQL yang termasuk pada Data Manipulation Language dapat dilihat pada tabel berikut. Tabel 3.5 Perintah SQL DML Perintah Kegunaan Select Digunakan untuk memilih data dari suatu tabel Insert Menyisipkan atau memasukan data dari suatu tabel Delete Menghapus isi data dari baris (record) pada tabel tertentu Update Mengubah isi data dari kolom (field) pada tabel tertentu 3.6 Kelebihan dan Kekurangan MySQL Gambar 3.5 Programming MySQL Meskipun menjadi database yang cukup populer dikalangan programming, MySQL tentu mempunyai beberapa kelebihan dan kekurangan dibandingkan dengan database server lainnya. Adapun kelebihan dan kekurangan MySQL di antaranya.
Akuntansi - Universitas Negeri Gorontalo (2023) 26 Kelebihan MySQL: 1. Mendukung Multi User MySQL dapat dipakai oleh beberapa user dalam waktu bersamaan tanpa membuatnya crash atau berhenti bekerja sehingga pengguna dapat memanfaatkan ketika mengerjakan proyek yang sifatnya tim sehingga seluruh tim dapat bekerja dalam waktu bersamaan tanpa harus menunggu user lain selesai. 2. Struktur Tabel yang Fleksibel MySQL mempunyai struktur tabel yang mudah dipakai dan fleksibel. Contohnya saat MySQL memproses alter table dan lain sebagainya. Jika dibandingkan dengan database lain seperti Oracle dan PostgresSQL. MySQL tergolong lebih mudah. 3. Tidak Membutuhkan RAM Besar MySQL dapat dipasang pada server dengan spesifikasi kecil. Jadi tidak perlu khawatir apabila pengguna hanya mempunyai server dengan kapasitas 1 GB, karena pengguna masih bisa menggunakan MySQL sebagai database-mu. 4. Mendukung Integrasi dengan Bahasa Pemrograman Lain Website atau perangkat lunak terkadang dikembangkan dengan menggunakan berbagai macam bahasa pemrograman, jadi pengguna tidak perlu khawatir jika menggunakan MySQL karena MySQL dapat membantu pengguna untuk mengembangkan perangkat lunak yang lebih efektif, dan tentu saja lebih mudah dengan integrasi antara bahasa pemrograman. 5. Tipe Data yang Bervariasi Kelebihan lain dari MySQL adalah mendukung berbagai macam data yang dapat pengguna gunakan di MySQL. Contohnya float, integer, date, char, text, timestamp, double, dan lain sebagainya. Jadi manajemen database sistem ini sangat membantu pengguna untuk mengembangkan perangkat lunak yang berguna untuk pengelolaan database di server.
Akuntansi - Universitas Negeri Gorontalo (2023) 27 6. Keamanan yang Terjamin Bersifat open source bukan berarti MySQL menyediakan kemanan yang buruk. Malah sebaliknya, MySQL mempunyai fitur keamanan yang cukup apik. Ada beberapa lapisan keamanan yang diterapkan oleh MySQL, seperti level nama host, dan subnetmask. Selain itu MySQL juga dapat mengatur hak akses user dengan enkripsi password tingkat tinggi. Kekurangan MySQL: 1. Kurang Cocok untuk Aplikasi Game dan Mobile Untuk pengguna yang ingin mengembangkan aplikasi game atau perangkat mobile ada baiknya jika mempertimbangkan lagi apabila ingin menggunakan MySQL. Kebanyakan pengembang game maupun aplikasi mobile tidak menggunakannya, karena memang database manajemen sistem ini masih kurang bagus dipakai untuk sistem aplikasi tersebut 2. Technical Support yang Kurang Memadai Meski sudah banyak komunitas dan dokumentasi yang tersedia di internet, namun technical support MySQL masih tergolong minim sehingga tak jarang pengguna kesulitan selama pengoperasiannya. 3. Sulit Mengelola Database yang Besar Sayangnya, MySQL masih belum cocok digunakan untuk mengelola database berukuran besar. Sebab DBMS ini memang ditujukan bagi perangkat berkapasitas kecil. Sebagai alternatif, pengguna dapat memanfaatkan BigQuery atau Big Data. Jika pengguna ingin mengembangkan aplikasi atau sistem diperusahaan dengan database yang cukup besar, ada baiknya jika menggunakan database manajemen sistem selain MySQL. MySQL dikembangkan supaya ramah dengan perangkat yang mempunyai spesifikasi rendah. Itulah mengapa MySQL tidak memiliki fitur yang lengkap seperti aplikasi lainnya.
Akuntansi - Universitas Negeri Gorontalo (2023) 28 BAB IV PERANCANGAN SISTEM MADANI BERBASIS XAMPP & MySQL 4.1 Desain Rancangan Sistem Desain perancangan sistem merupakan aktivitas dalam menciptakan suatu konsep kerja terpadu antara manusia dengan mesin yang dihimpun menjadi satu untuk maksud dan tujuan tertentu atau bersama guna menghasilkan sebuah informasi yang akurat untuk proses pengambilan keputusan di dalam mendukung fungsi operasi manajemen disuatu organisasi. Untuk membuat desain rancangan sistem dibutuhkan sebuah konsep desain sistem sehingganya dalam melakukan perancangan dapat terarah dan dapat diimpelemtasikan dengan baik. Berikut alur desain perancangan sistem. Perancangan Konseptual Perancangan Fisik Gambar 4.1 Konsep Desain Rancangan Sistem Evaluasi Alternatif Rancangan Penyiapan Spesifikasi Rancangan Penyiapan Laporan Rancangan Sistem Konseptual Rancangan Keluaran dan Masukan Rancangan Platform Rancangan Antarmuka Pemakai & Sistem Rancangan Basis Data Rancangan Modul Rancangan Kontrol Dokumentasi Rencana Pengujian Rencana Pengujian
Akuntansi - Universitas Negeri Gorontalo (2023) 29 Desain perancangan sistem berfokus pada proses bagaimana sistem dibangun untuk memenuhi kebutuhan pada fase analisis yang sudah dilakukan sehingga target pencapaian organisasi sesuai dengan harapan. Desain juga seharusnya mampu memberikan kepuasan batasan pada proses desain dari segi biaya, waktu, dan perangkat yang digunakan serta kualitas perangkat lunak dinilai dari segi kepuasan user terhadap perangkat lunak yang digunakan. Selain itu desain sistem juga harus berguna, mudah dipahami dan nantinya dapat digunakan dengan mudah sehingga maksud dan tujuan sistem dapat tercapai dan dapat merepresentasikan model dan arah aplikasi yang akan dibangun dan diimplementasikan. Dalam merancang sistem yang dibuat oleh penulis, penulis menggunakan software XAMPP yang digunakan untuk mengembangkan dan merancang situs website pada server lokal serta software MySQL PhpMyAdmin yang digunakan untuk mengelola tabel dan data pada database melalui web. Gambar 4.2 Software XAMPP Untuk menjalankan sistem yang dirancang oleh penulis, penulis menggunakan XAMPP control panel versi 3.3.0. Kelebihan yang dimiliki oleh software XAMPP yakni aplikasi ini dapat bekerja offline layaknya web hosting biasa namun tidak bisa diakses oleh banyak orang, selain itu XAMPP juga digunakan untuk pengujian fitur dan menampilkan konten pada website localhost tanpa harus terkoneksi internet dengan mengaktifkan opsi Apache dan MySQL maka rancangan sistem yang dibuat sudah bisa digunakan.
Akuntansi - Universitas Negeri Gorontalo (2023) 30 Selain kelebihan tersebut XAMPP juga dapat mengakses dan memodifikasi database pada MySQL PhpMyAdmin dengan kelebihan yakni mengedit, menghapus, memperbarui, menambahkan user dan database dengan mudah. Keberadaan MySQL mampu mengolah sebuah data yang lebih efektif serta mendukung berbagai fitur administrasi termasuk memanipulasi database, tabel, index dan juga dapat mengeksport data kedalam berbagai format data. Gambar 4.3 Software MySQL PhpMyAdmin 4.2 Struktur Tabel Database Struktur tabel database terdiri dari tabel-tabel untuk menyimpan data. Tujuan dibuatnya strukutr tabel database adalah untuk memudahkan proses pembangunan sistem (coding system). Pada sebuah fitur biasanya ditemui kolom pengisian yang mengharuskan pengguna mengisi kolom tersebut. Misalnya pada fitur login, terdapat kolom username atau email dan password yang harus diisi agar pengguna dapat masuk ke sistem. Untuk menghadirkan kolom tersebut pada sebuah sistem, dibutuhkan sebuah informasi yang berasal dari tabel dan database. Maka dari itu, struktur tabel database penting dalam perancangan sistem. Berikut merupakan tabel-tabel yang dibuat sebagai dasar pembangunan perancanga sistem:
Akuntansi - Universitas Negeri Gorontalo (2023) 31 Nama Database: Keuangan a. Tabel User Nama Tabel : User Auto Incerment : id_admin Fungi : Login untuk pengguna Tabel 4.1 User No Field Name Type Widht Keterangan 1 Id_admin Varchar 40 Auto Incerment 2 Email Varchar 40 3 Password Varchar 40 Tabel diatas terdiri atas tiga field, dengan field id_user sebagai auto incerment yang dapat diisi dengan karakter gabungan sebanyak empat puluh karakter. Field email yang bisa diisi dengan karakter gabungan dengan banyaknya karakter yang dapat diisi yakni sebanyak empat puluh karakter. Serta field password sebagai field yang terakhir yang dapat diisi dengan karakter gabungan dengan panjang karakter maksimal empat puluh. b. Tabel Catatan Nama Tabel : Catatan Auto Incerment : id_catatan Fungsi : Sebagai catatan operasional perusahaan Tabel 4.2 Catatan No Field Name Type Widht Keterangan 1 Id_catatan Int 11 Auto Incerment 2 Catatan Text Tabel diatas hanya terdiri atas dua field, dengan field id_catatan sebagai auto incerment yang hanya bisa diisi dengan angka sebanyak sebelas karakter. serta field catatan dengan tipe data teks sebagai tipe data yang bisa digunakan untuk menampung banyak karakter. Tipe data teks pada MySQL selayaknya dengan tipe data varchar, namun perbedaannya tipe data text memiliki alokasi ukuran yang besar dan panjang dari segi karakter nilainya.
Akuntansi - Universitas Negeri Gorontalo (2023) 32 c. Tabel Hutang Nama Tabel : Hutang Auto Incerment : id_hutang Fungsi : Sebagai tagihan hutang kepada pelanggan Tabel 4.3 Hutang No Field Name Type Widht Keterangan 1 Id_hutang Int 11 Auto Incerment 2 Jumlah Int 11 3 Tanggal Hutang Date 4 Alasan Text 5 Penghutang Varchar Tabel diatas terdiri atas lima field, dengan field pertama yakni id_hutang sebagai auto incerment yang hanya bisa diisi dengan angka sebanyak sebelas karakter. field kedua yakni jumlah dengan tipe data int sebagai tipe data integer/numerik yang hanya bisa diisi dengan angka yang menampung sebelas karakter. Field ketiga yakni tanggal hutang yang hanya bisa diisi dengan tipe tanggal. Field keempat alasan menghutang dengan tipe data text sebagai tipe data yang bisa digunakan untuk menampung banyak karakter. Serta field kelima yakni nama penghutang dengan tipe data varchar atau dikenal dengan tipe data string yang bisa diisi dengan berbagai karakter atau huruf untuk kolom yang isinya berupa data dinamis berupa nama, alamat, kota, dan provinsi. d. Tabel Karyawan Nama Tabel : Karyawan Auto Incerment : id_karyawan Fungsi : Sebagai data karyawan pada perusahaan Tabel 4.4 Karyawan No Field Name Type Widht Keterangan 1 Id_karyawan Int 11 Auto Incerment 2 Nama Varchar 40 3 Posisi Varchar 40
Akuntansi - Universitas Negeri Gorontalo (2023) 33 4 Alamat Varchar 40 5 Umur Int 11 6 Kontak Varchar 40 Tabel diatas terdiri atas enam field dengan field pertama yakni id_karyawan sebagai auto incerment dengan tipe data int atau tipe data integer/numerik yang hanya bisa diisi dengan angka sebanyak sebelas karakter. Field kedua yakni nama dengan tipe data varchar yang bisa diisi dengan berbagai karakter atau huruf yang dapat diisi dengan karakter gabungan sebanyak empat puluh karakter. Field ketiga yakni posisi dengan tipe data varchar sama halnya dengan field ketiga data ini bisa diisi dengan berbagai karakter gabungan yang dapat diisi sebanyak empat puluh karakter. Field keempat yakni alamat dengan tipe data varchar yang dapat diisi dengan karakter gabungan sebanyak empat puluh karakter. Field kelima yakni umur dengan tipe data integer atau numerik yang hanya bisa diisi dengan angka dan dapat diisi dengan sebelas karakter. Serta field terakhir yakni nomor kontak karyawan dengan tipe data varchar atau tipe data gabungan. Tipe ini digunakan oleh peneliti karena bisa menampung banyak karakter contohnya untuk penggunaan nomor telfon dengan format +62 atau dengan format 0800-1234- 2222. e. Tabel Pemasukan Nama Tabel :Pemasukan Auto Incerment : id_pemasukan Fungsi : Data transaksi yang masuk pada perusahaan Tabel 4.5 Pemasukan No Field Name Type Widht Keterangan 1 Id_pemasukan Int 11 Auto Incerment 2 Tgl_pemasukan Date 3 Jumlah Int 11 4 Id_sumber Int 11 Foreign Key
Akuntansi - Universitas Negeri Gorontalo (2023) 34 Tabel diatas terdiri atas empat field dengan field pertama yakni id_pemasukan sebagai auto incerment dengan tipe data integer/numerik yang hanya bisa diisi dengan angka sebanyak sebelas karakter. Field kedua yakni tanggal pemasukan dengan tipe data date yang berisi tahun, bulan, dan tanggal lengkap dengan waktu dengan format untuk data time CCYY-MM-DD. Field ketiga yakni jumlah dengan tipe data integer yang hanya bisa diisi dengan angka sebagai penerimaan yang masuk pada perusahaan. Serta field terakhir yakni id_sumber yang berstatus sebagai foreign key yang menjadi pengenal unik untuk menghubungkan dua tabel atau lebih dalam database. Tipe data pada id_sumber ini yakni integer yang hanya bisa diisi dengan angka atau numerik sebanyak sebelas karakter. f. Tabel Pengeluaran Nama Tabel : Pengeluaran Auto Incerment : id_pengeluaran Fungsi : Data transaksi yang keluar pada perusahaan Tabel 4.6 Pengeluaran No Field Name Type Widht Keterangan 1 Id_pengeluaran Int 11 Auto Incerment 2 Tgl_pemasukan Date 3 Jumlah Int 11 4 Id_sumber Int 11 Foreign Key Tabel diatas terdiri atas empat field dengan field pertama yakni id_pengeluaran sebagai auto incerment dengan tipe data integer/numerik yang hanya bisa diisi dengan angka sebanyak sebelas karakter. Field kedua yakni tanggal pemasukan dengan tipe data date yang berisi tahun, bulan, dan tanggal lengkap dengan waktu dengan format untuk data time CCYY-MM-DD. Field ketiga yakni jumlah dengan tipe data integer yang hanya bisa diisi dengan angka sebagai data transaksi yang keluar pada perusahaan. Serta field terakhir yakni id- _sumber yang berstatus sebagai foreign key yang menjadi pengenal unik untuk menghubungkan dua tabel atau lebih dalam database. Tipe data pada id_sumber
Akuntansi - Universitas Negeri Gorontalo (2023) 35 ini yakni integer yang hanya bisa diisi dengan angka atau numerik sebanyak sebelas karakter. g. Tabel Sumber Nama Tabel : Sumber Auto Incerment : id_sumber Fungsi : Data sumber penerimaan dan pengeluaran Tabel 4.7 Sumber No Field Name Type Widht Keterangan 1 Id_sumber Int 11 Auto Incerment 2 Nama Varchar 40 Tabel diatas hanya terdiri atas dua field dengan field pertama yakni id_sumber sebagai auto incerment dengan tipe data integer/numerik yang hanya bisa diisi dengan angka sebanyak sebelas karakter. Serta field kedua yaitu nama yang menjadi sumber penerimaan dan pengeluaran pada perusahaan. Dalam sistem yang dirancang oleh peneliti sumber penerimaan dan pengeluaran diklasifikasikan atas nomor id dimana id 1 sampai 5 merupakan pemasukan dan id 6-10 merupakan id pengeluaran. Tipe data ini yakni varcar yang dapat diisi sebanyak 40 karakter. h. Tabel Uang Nama Tabel : Uang Auto Incerment : id_uang Fungsi : Data laporan kas masuk dan keluar perusahaan Tabel 4.8 Uang No Field Name Type Widht Keterangan 1 Id_uang Int 11 Auto Incerment 2 Tgl_uang Date 40 3 Id_pengeluaran Int 11 4 Id_pendapatan Int 11 5 Jumlah Int 11
Akuntansi - Universitas Negeri Gorontalo (2023) 36 Tabel diatas terdiri atas lima field dengan field pertama yakni id_uang sebagai auto incerment dengan tipe data integer/numerik yang hanya bisa diisi dengan angka sebanyak sebelas karakter. Field kedua yakni tgl_uang dengan tipe data date yang berisi tahun, bulan, dan tanggal. Field yang ketiga yakni id_pengeluaran dengan tipe data int yang hanya bisa diisi dengan angka numerik sebanyak sebelas karakter. Field keempat yaitu id_pendapatan sama halnya dengan field yang ketiga tipe data ini merupakan tipe data numerik yang datanya hanya bersifat angka sebanyak sebelas karakter. Serta field yang terakhir yakni jumlah data transaksi yang masuk atau yang keluar pada perusahaan dan bersifat integer yang bisa diisi sebanyak sebelas karakter atau angka. 4.3 Alat Perancangan Sistem Untuk menghasilkan suatu sistem informasi akuntansi yang baik, maka perlu dilakukan perancangan sistem dari suatu bagan yang menunjukan prosedur-prosedur dari sistem tersebut. Alat perancangan yang digunakan pada penelitian ini merujuk pada alat perancangan sistem menurut Krismiaji (2015) diantaranya yaitu: 1. Data Flow Diagram (DFD)/Diagram Arus Data Arus data dalam suatu organisasi secara grafis digambarkan pada sebuah DFD. Teknik ini digunakan untuk mendokumentasikan sistem saat ini dan merencanakan serta merancang sistem baru. Dalam penyusunan DFD, tidak ada cara standar yang digunakan. Sebab untuk masalah yang berbeda, maka metode yang digunakan juga akan berbeda (Krismiaji, 2015). Pada DFD, terdapat informasi terkait dengan input dan output dari setiap proses tersebut. DFD juga memiliki beberapa fungsi, seperti menyampaikan rancangan sistem, menggambarkan sistem, dan perancangan model. Adapun komponen-komponen yang digunakan dalam data flow diagram (DFD) dapat dilihat pada gambar berikut ini.
Akuntansi - Universitas Negeri Gorontalo (2023) 37 Gambar 4.4 Komponen DFD Simbol Nama Penjelasan Sumber dan tujuan data Karyawan dan organisasi yang mengirim data ke dan menerima data dari digambarkan dengan kotak Arus Data Arus data yang masuk ke dalam dan keluar dari sebuah proses digambarkan dengan anak panah Proses transformasi Proses yang mengubah data dari input menjadi output digambarkan dengan lingkaran Penyimpanan data Penyimpanan data digambarkan dengan dua garis horisontal (paralel) Sumber: (Krismiaji, 2015:66) Demi ketermudahan pembacaan DFD, maka dibuat penggambaran yang disusun berdasarkan tingkat atas ke bawah yaitu: (1) Diagram Konteks (level 0), adalah diagram tingkatan teratas yang terdiri dari suatu proses serta menggambarkan ruang lingkup proses. Diagram ini berisi ikhtisar paling ringkas dari sebuah sistem; (2) Diagram Zero (level 1), adalah diagram yang terletak antara diagram konteks dan diagram detail yang menggambarkan proses utama dari DFD; (3) Diagram Detail (primitif), adalah diagram tingkatan terbawah yang sudah tidak dapat terurai. Diagram ini berfungsi untuk menguraikan proses yang terdapat pada diagram zero. 2. Flowchart (Bagan Alir) Flowchart merupakan bagan yang menunjukan alir suatu program secara analitis dengan mengedepankan keterjelasan, ketepatan, dan logika. Dalam menguraikan aliran data pada sebuah sistem, Flowchart menggunakan serangkaian simbol standar dengan arti khusus yang secara garis besar dibagi ke dalam empat kelompok, antara lain: d. Input/Output, berfungsi untuk memberikan penggambaran alat atau media yang memberikan input kepada atau menerima output dari kegiatan pengolahan data. Simbol Input/Output seperti yang terlihat pada gambar berikut:
Akuntansi - Universitas Negeri Gorontalo (2023) 38 Gambar 4.5 Simbol-Simbol Flowchart: Input/Output Simbol Nama Penjelasan Simbol-simbol Input/Output Dokumen Sebuah dokumen atau laporan; dokumen dapat dibuat dengan tangan atau dicetak oleh komputer Dokumen rangkap Digambarkan dengan menumpuk simbol dokumen dan pencetakan nomor dokumen di bagian depan dokumen pada bagian kiri atas Input/Output; Jurnal/Buku Besar Digunakan untuk menggambarkan berbagai media input dan output dalam sebuah bagan alir program. Menggambarkan jurnal dan buku besar dalam bagan alir dokumen Tampilan Informasi ditampilkan oleh alat output on-line seperti terminal CRT atau monitor komputer PC Pemasukan data on-line Entri data oleh alat online seperti terminal CRT atau komputer pribadi Terminal CRT, Komputer Pribadi Simbol tampilan dari entri data digunakan bersamasama untuk menggambarkan terminal CRT dan komputer pribadi. Sumber: (Krismiaji, 2015:70) d. Processing, merupakan simbol jenis alat yang digunakan untuk mengolah data entah menggunakan komputer atau secara manual. d. Storege, merupakan simbol penggambaran alat untuk menyimpan data yang pada saat ini tidak dipakai oleh sistem. Penjelasan dari simbol processing dan storage lebih lanjut akan diuraikan pada gambar berikut: Gambar 4.6 Simbol-Simbol Flowchart: Processing & Storage Simbol-simbol Pemrosesan Pemrosesan komputer Sebuah fungsi pemrosesan yang dilaksanakan oleh komputer, biasanya menghasilkan perubahan terhadap data atau informasi Kegiatan manual Sebuah kegiatan pemrosesan yang dilaksanakan secara manual Kegiatan campuran Sebuah fungsi pemrosesan yang dilaksanakan dengan menggunakan alat selain komputer
Akuntansi - Universitas Negeri Gorontalo (2023) 39 Kegiatan pemasukan data off-line Sebuah kegiatan yang dilakukan dengan menggunakan sebuah alat pemasukan data off-line (entri data ke disket, register kas). Disk bermagnit Data disimpan secara permanen pada disk bermagnit; digunakan untuk menyimbolkan file induk (master file). Pita bermagnit Data disimpan dalam sebuah pita bermagnit Disket bermagnit Data disimpan dalam sebuah disket Penyimpanan online Data disimpan sementara dalam file on-line dalam sebuah media direct acces seperti disket Arsip Arsip dokumen disimpan dan diambil secara manual. Huruf didalamnya menunjukan cara pengurutan arsip: N = Urut nomor; A = Urut abjad; T = Urut tanggal Sumber: (Krismiaji, 2015:71) d. Simbol lain-lain, yaitu simbol yang menunjukan arus data dan barang. Simbol ini juga menggambarkan saat mulai dan berakhir flowchart serta penjelasan-penjelasan tambahan yang terdapat dalam flowchart. Adapun simbol lain-lain dapat dilihat pada gambar dibawah ini: Gambar 4.7 Simbol-Simbol Flowchart: Lain-lain Simbol-simbol Arus dan Simbol lain-lain Arus dokumen atau pemrosesan Arah arus dokumen atau pemrosesan; arus normal adalah ke kanan atau ke bawah. Arus data atau informasi Arah arus data atau informasi; sering digunakan untuk menunjukan data yang dikopi dari sebuah dokumen ke dokumen lain. Hubungan komunikasi Transmisi data dari sebuah lokasi ke lokasi lain melalui saluran komunikasi Penghubung dalam sebuah halaman Menghubungkan bagan alir pada halaman yang sama. Penggunaan simbol ini adalah untuk menghindari terlalu banyak anak panah yang saling melintang dan membingungkan Penghubung pada halaman berbeda Menghubungkan bagan alir yang berada di halaman yang berbeda N
Akuntansi - Universitas Negeri Gorontalo (2023) 40 Arus barang Perpindahan fisik barang; digunakan terutama dalam bagan alir dokumen Terminal Digunakan untuk memulai, mengakhiri, atau titik henti dalam sebuah proses atau program; juga digunakan untuk menunjukan pihak eksternal. Keputusan Sebuah tahap pembuatan keputusan; digunakan dalam bagan alir program komputer untuk menunjukan cabang bagi alternatif cara. Anotasi Tambahan penjelasan dekriptif atau keterangan, atau catatan sebagai klarifikasi Sumber: (Krismiaji, 2015:71) 4.4 Flowchart Perancangan Sistem Flowchart merupakan gambaran langkah-langkah yang diterjemahkan dalam bentuk diagram dimana satu sama lain dihubungkan dengan garis atau arah panah dan merupakan salah satu diagram alur yang banyak digunakan dari berbagai latar belakang, mulai dari programming, merancang suatu prosedur alur kerja maupun SOP (Standard Operating Procedure). Flowchart ada beberapa jenis dan salah satunya yakni flowchart system yang menggambarkan mengenai tahapan kerja sebuah data yang sedang dikerjakan di dalam sistem dan bagaimana keputusan diambil untuk mengendalikan sebuah kasus. Flowchart ini menggambarkan urutan dari setiap prosedur di dalam sebuah sistem kerja secara online dan menunjukkan kontrol dari sebuah sistem aliran secara fisik. Dalam merancang Sistem Madani Berbasis XAMPP & MySQL ini, flowchart yang dibuat terdiri atas flowchart login, dashboard halaman pengguna, transaksi pendapatan, transaksi pengeluaran, karyawan, tagihan hutang, dan laporan. Untuk membuat flowchart, peneliti menggunakan rancangan melalui microsoft word pada menu insert pada bagian shapes. Berikut gambaran flowchart pada sebuah rancangan yang telah dibuat.
Akuntansi - Universitas Negeri Gorontalo (2023) 41 a. Flowchart untuk login Gambar 4.8 Flowchart Login Flowchart login menampilkan alur sistem pada saat pengguna menggunakan atau mencoba masuk ke dalam sistem. Sistem yang dimulai, ditandai dengan simbol terminal. Setelah itu. Aliran menuju pada proses login dengan memasukan email dan password maka otomatis pengguna akan masuk pada sistem tersebut jika data diterima dengan mengindikasikan pesan bahwa login berhasil. Setelah itu sistem akan membawa pengguna menuju pada beranda atau dashboard. Namun apabila data email dan password yang dimasukan oleh pengguna tidak diterima, maka sistem akan memberi pesan bahwa email dan password yang di masukkan oleh pengguna tidak sesuai sehingga pengguna tidak dapat masuk ke dalam sistem.
Akuntansi - Universitas Negeri Gorontalo (2023) 42 b. Flowchart Dashboard Pengguna Gambar 4.9 Flowchart Dashboard Pengguna 4.9 Flowchart Dashboard Mulai Pengguna Dashboard Menu Pilihan: 1. Pendapatan 2. Pengeluaran 3. Karyawan 4. Hutang 5. Laporan Pengeluaran Ya Tampilan Data Pendapatan Ya Tampilan Data Pengeluaran Karyawan Hutang Laporan Logout Selesai Ya Tampilan Data Karyawan Ya Tampilan Data Tagihan Hutang Ya Menu Pilihan: 1. Laporan Sisa Uang 2. Laporan Transaksi Masuk 3. Laporan Transaksi Keluar Tampilan Data Sumber: Data Diolah Pendapatan
Akuntansi - Universitas Negeri Gorontalo (2023) 43 Flowchart halaman pengguna menggambarkan bagaimana alur atau aliran sistem secara keseluruhan yang dapat diakses atau digunakan oleh pengguna. Pada flowchart di atas, dapat diketahui bahwa aliran sistem dimulai sebelum pengguna berada pada dashboard dan diakhiri ketika pengguna memilih untuk logout atau keluar. Pada flowchart ini pula dapat dilihat jelas aliran data yang dapat dipilih oleh pengguna dalam menjalankan sistem. Pengguna dapat memilih fitur-fitur yang tersedia pada sistem, menambahkan atau mengedit data, serta memperoleh informasi keuangan yang ditampilkan oleh sistem. c. Flowchart Transaksi Pendapatan Gambar 4.10 Flowchart Transaksi Pendapatan
Akuntansi - Universitas Negeri Gorontalo (2023) 44 Flowchart transaksi pendapatan menggambarkan bagaimana aliran sistem saat pengguna memilih fitur pendapatan. Pada halaman awal fitur transaksi pendapatan, sistem akan menampilkan sumber serta catatan atas pendapatan yang diterima. Selain itu, data transaksi masuk akan ditampilkan pada fitur tersebut dengan dilengkapi beberapa pilihan yakni ada opsi memasukan transaksi yang masuk dan opsi aksi yang digunakan untuk mengubah atau menghapus data transaksi yang masuk serta opsi untuk melihat data transaksi. d. Flowchart Transaksi Pengeluaran Gambar 4.11 Flowchart Transaksi Pengeluaran
Akuntansi - Universitas Negeri Gorontalo (2023) 45 Flowchart transaksi pengeluaran menggambarkan bagaimana aliran sistem saat pengguna memilih fitur pengeluaran. Pada halaman awal fitur transaksi pengeluran, sistem akan menampilkan sumber pengeluaran. Selain itu, data transaksi keluar dapat di analisi atau dilihat melalui pergerakan grafik yang di tampilkan. Selain itu, pada fitur tersebut dilengkapi beberapa pilihan yakni ada tombol keluaran yang digunakan untuk mencatat data transaksi yang keluar dan tombol aksi yang digunakan untuk mengedit data transaksi pengeluaran serta tombol sebelum dan sesudah atau di kenal dengan tombol next dan previous yang digunakan untuk melihat data transaksi. e. Flowchart Karyawan Gambar 4.12 Flowchart Karyawan
Akuntansi - Universitas Negeri Gorontalo (2023) 46 Flowchart karyawan menggambarkan bagaimana aliran sistem saat pengguna memilih fitur karyawan. Pada halaman awal fitur karyawan akan ditampilkan daftar karyawan perusahaan mulai dari nama karyawan, posisi, alamat, umur serta nomor kontak karyawan. Selain itu terdapat beberapa fitur di dalamnya yakni ada tombol tambah karyawan dan tombol aksi yang digunakan untuk mengubah data karyawan. f. Flowchart Hutang Gambar 4.13 Flowchart Hutang
Akuntansi - Universitas Negeri Gorontalo (2023) 47 Flowchart transaksi hutang menggambarkan bagaimana aliran sistem saat pengguna memilih fitur hutang. Pada halaman awal fitur transaksi hutang, sistem akan menampilkan grafik hutang per minggu dan perbandingan antara pendapatan dan pengeluaran. Selain itu terdapat daftar tagihan hutang dengan identitas mulai dari nomor urut, jumlah hutang, tanggal, alasan menghutang dan nama penghutang. Pada fitur ini juga dilengkapi dengan beberapa tombol yakni tombol tambah hutang dan tombol aksi untuk mengubah data hutang. g. Flowchart Laporan Gambar 4.14 Flowchart Laporan
Akuntansi - Universitas Negeri Gorontalo (2023) 48 Flowchart laporan keuangan menggambarkan bagaimana aliran sistem saat pengguna memilih fitur laporan. Pada halaman awal fitur laporan, akan di tampilkan data keuangan dari serangkaian transaksi yang dilakukan oleh perusahaan mulai dari data pemasukan dan pengeluaran. Dalam fitur ini juga akan ditampilkan jumlah transaksi, jumlah total uang hingga mendownload laporan dalam bentuk excel. 4.5 User Interface Design (Desain Antarmuka Pengguna) Setelah dilakukan perancangan desain sistem, struktur tabel database, alat perancangan sistem serta flowchart rancangan sistem, langkah selanjutnya yang dilakukan penulis adalah membuat desain antarmuka pengguna atau interface. Dengan adanya desain intercace tersebut, penulis sebagai perancang sistem dapat memberikan gambaran terkait dengan sistem yang akan direalisasikan yakni Sistem Madani Berbasis XAMPP & MySQL. a. Desain form login pengguna Tampilan awal yang akan di tampilkan ketika pengguna memasukan alamat website adalah tampilan halaman login. Pada halaman login ini di desain dengan background yang kontras dan di posisi tengah atas terdapat form login yang disediakan untuk pengguna sebagai tempat mengisi email dan password. Dengan begitu, pengguna dapat memiliki akses masuk ke sistem dan dapat menjalankan aktivitas transaksi keuangan pada sistem tersebut. Gambar 4.15 Design Interface Login Pengguna
Akuntansi - Universitas Negeri Gorontalo (2023) 49 b. Desain Dashboard (Halaman Pengguna) Dashboard atau beranda merupakan tampilan utama yang akan ditampilkan setelah pengguna berhasil login ke sistem. Pada halaman ini, akan di tampilakan informasi mengenai identitas pemilik sistem dan juga dapat terlihat jelas fiturfitur yang di tampilkan oleh sistem yakni diantaranya transaksi pendapatan dan pengeluaran, sisa uang, karyawan, grafik pendapatan mingguan serta perbandingannya dalam bentuk diagram, tagihan hutang serta menu laporan dan dowload laporan. Gambar 4.16 Design Interface Dashboard c. Desain Fitur Transaksi Pendapatan Fitur pertama adalah transaksi pendapatan. Pada fitur ini digunakan untuk menginput atau memasukan data transaksi yang masuk atas sumber pendapatan yang diterima serta ditampilkan juga catatan atas penerimaan pendapatan.
Akuntansi - Universitas Negeri Gorontalo (2023) 50 Gambar 4.17 Design Interface Transaksi Pendapatan Pada fitur transaksi pendapatan disediakan juga tombol pemasukan untuk menambah data transaksi yang masuk dan juga tombol aksi untuk mengubah data transaksi. d. Desain Form Pengisian Transaksi Pendapatan Fitur transaksi pendapatan menyediakan form pengisian transaksi masuk yang disimbolkan dengan icon tambah. Apabila pengguna menekan icon tambah maka form pengisian data transaksi masuk akan ditampilkan oleh sistem. Setelah itu, pengguna dapat dengan mudah mengisi form yang telah disediakan