Anda di halaman 1dari 9

JURNAL LAPORAN PROYEK AKHIR

SISTEM INFORMASI KEUANGAN DI BUNG ART


BERBASIS WEB

Disusun Oleh :
IMAM MAHMUDI
NRP : 2102147037

TEKNIK INFORMATIKA
AKADEMI KOMUNITAS NEGERI LAMONGAN
PROGRAM STUDI DI LUAR DOMISILI KABUPATEN LAMONGAN
POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
2016
SISTEM INFORMASI KEUANGAN DI BUNG ART
BERBASIS WEB
Imam Mahmudi¹, Nurul Fuad, M.Kom², Abdul Rokhim, S.Kom, M.Kom²
Mahasiswa Jurusan Teknik Informatika 1, Dosen Pembimbing2
Akademi Komunitas Negeri Lamongan
Program Studi Di Luar Domisili Kabupaten Lamongan
Politeknik Elektronika Negeri Surabaya
Jl. Jendral Sudirman No. 84 Lamongan
Telp (0322) - 317454. Email : aklamongan@gmail.com

ABSTRAK
Sistem informasi keuangan di BUNG Art ini merupakan sistem informasi manajenem pengelolaan
keuangan yang disusun dengan kasus yang ada di BUNG Art, sehingga lebih akurat dalam pembuatannya.
Sistem informasi keuangan ini secara khusus disusun untuk mengelola dan merekap, serta melaporkan hasil
penjualan barang dan jasa, serta pembelian perlengkapan atau peralatan yang ada di BUNG Art. Dengan adanya
sistem ini pengelolaan keuangan lebih akurat dalam penjumlahan maupun untuk laporan kepada pimpinan
dengan mengexport dalam bentuk pdf yang bisa langsung dicetak sehingga lebih memudahkan laporan daripada
secara manual yang direkap dan dilaporkan menggunakan buku catatan.
Penyusunan sistem mengunakan framework (Yii2 dan Bootstrap), dengan kelebihan kemudahan struktur logika
serta dukungan koneksitas database yang konsisten.

Kata kunci : Framework, Yii2, Bootstrap

ABSTRACT

Financial information systems in Bung Art is a management information system of financial


management which have been prepared in case BUNG Art, so it is more accurate in its manufacture. Financial
information system is specifically structured to manage and recapitalize, and report the sales of goods and
services, as well as the purchase of equipment or equipment that is in BUNG Art. With this system is more
accurate financial management in the sum and to report to the leadership to do sold in pdf format that can be
directly printed so much easier than manually statements are recapitulated and reported using a notebook.
Preparation of the system using a framework (Yii2 and Bootstrap), with the advantages of ease of logical
structure and consistent database connectivity support.

Keywords: Framework, Yii2, Bootstrap


A. Latar Belakang BUNG Art dengan menggunaakan framework
Perkembangan informasi teknologi saat ini yii2.
semakin pesat, kebutuhan informasi dan D. Batasan Masalah
Untuk menghindari pembahasan diluar
pengolahan data dalam banyak aspek kehidupan
permasalahan, berikut ini adalah batasan
manusia sangat penting. Dari perkembangan permasalahan :
teknologi yang demikian pesat berdampak bagi 1. Aplikasi keuangan ini hanya untuk mencatat
seluruh kehidupan khususnya penyedia transaksi penjualan yang dilakukan di
informasi bagi suatu organisasi/instansi atau BUNG Art.
badan usaha yang membutuhkan sistem 2. Aplikasi keuangan ini hanya untuk mencatat
pengolahan data secara cepat, tepat dan akurat. transaksi pembelian yang dilakukan di
Untuk menunjang efektifitas produktifitas dan BUNG Art.
efisiensi dalam suatu organisasi/instansi atau 3. Aplikasi keuangan ini melakukan perekapan
badan usaha dalam menyelesaikan masalah keuangan melalui transaksi penjualan dan
manajemen. transaki pembelian.
Di zaman yang serba modern dan canggih
ini khususnya dalam bidang teknologi E. Kontribusi Proyek Akhir
informasi, terlihat perkembangan yang begitu
Judul Proyek Akhir Sistem Informasi
pesat mulai dari hardware maupun software,
sebagai contoh adalah perkembangan dari Keuangan di BUNG Art Berbasis Web ini
pencatatan keuangan perusaahaan berbasis web, diharapkan dapat membantu :
yang mana semua admin keuangan perusahaan
1. Bagi Perusahaan
bisa membuka atau melihat alur transaksi
dimana saja secara online. Proyek Akhir ini diharapkan dapat
Permasalahannya yang ada pada saat ini mempermudah segala aktivitas transaksi
adalah perkembangan tekologi yang pesat tidak
keuangan yang ada di Bung Art.
dimanfaatkan oleh banyak badan usaha baru
yang mencatat transaksi keuangannya secara 2. Bagi Mahasiswa
manual, padahal dengan adanya sistem Proyek akhir ini di harapkan dapat berguna
informasi keuangan berbasis web akan
untuk proses pembelajaran bisa sebagai
mempermudah dalam mencatat maupun melihat
alur keuangan yang ada dalam usaha tersebut. acuan untuk pembuatan system informasi
Untuk itu diperlukan adanya sistem yang berhubungan dengan keuangan.
informasi keuangan, agar dapat memudahkan
3. Bagi Akademik
para admin keuangan perusahaan dalam
menctatat maupun membuat laporan kepada Proyek akhir ini bermanfaat sebagai bahan
atasan. Sistem informasi tersebut haruslah dapat ajar untuk adik kelas sebagai media
dengan mudah dipergunakan (user friendly) pembelajaran. Selain itu bisa sebagai bukti
oleh para admin keuangan untuk menggunakan
sistem informasi ini. bahwa aplikasi ini di buat langsung oleh
B. Rumusan Masalah mahasiswa AKNELA.
Dari pembahasan diatas, maka dapat
F. Tinjauan Pustaka
dirumuskan masalah yaitu Bagaimana membuat
atau membangun Sistem Informasi Keuangan Berdasarkan penelitian yang dilakukan
Nanung Apriyanto, sekolah tinggi manajemen
Berbasis Web ? informatika dan computer Amikom Yogyakarta,
2013, yang berjudul Perancangan sistem
informasi keuangan berbasis web pada sekolah
C. Tujuan Proyek Akhir dasar muhammadiyah kedungpoh gunung kidul
Tujuan penyusunan Proyek Akhir ini adalah dijelaskan bahwa Sistem yang disusun telah
untuk membuat sebuah sistem yang bisa memenuhi kebutuhan desain sistem berdasarkan
mencatat transaksi penjualan dan pembelian perancangan yang disesuaikan dengan kebutuhan
serta laporan keuangan yang berbasis web pada instansi sehingga hasil desain sistem telah mampu
memberikan kemudahan proses pengolahan data,
sehingga instansi dapat melakukan pengelolaan
dana secara akurat, efektif, dan efisien sesuai
dengan mekanisme proses pengolahan data,
pengelompokan pengerjaan beserta rinciannya,
serta pembuatan laporan.

Dalam melakukan desain sistem informasi


terdapat berbagai alat atau perangkat yang dapat
digunakan yaitu: Diagram Konteks,DFD,dan
Entity Relationship Diagram (Jogiyanto. H.M,
2001).

Dalam penelitian yang dilakukan oleh


Penulis, menyimpulkan bahwa Sistem Informasi
Keuangan berbasis web ini memudahkan
perusahaan atau instansi dalam melakukan segala
hal transaksi keuangan serta lebih akurat dalam
perhitungan keuangan.

G. Perancangan Sistem Gambar DFD(Data Flow Diagram)

1. Diagram Konteks 3. Conceptual Data Model (CDM)


Diagram kontek merupakan sebuah diagram Conceptual Data Model atau biasa disebut
aliran data yang mefokuskan pada aliran data dari CDM. CDM memodelkan struktur logis dari
dan kedalam sistem, serta memproses data-data keseluruhan aplikasi data, tidak tergantung
tersebut. Komponen-komponen dasar dari setiap pada software atau pertimbangan model
program computer yang digambarkan secara struktur data. CDM yang valid dapat di
mendetail, dapat digunakan untuk menganalisis konversi ke PDM. CDM dalam penerapanya
keakuratan dan kompetensi sistem (Kendall, dapat disamakan dengan ERD yang fungsinya
2003:40) untuk menggambarkan secara detail struktur
logic basis data. CDM terdiri dari obyek yang
tidak tu baris data dalam diimplementasikan
secara langsung kedalam basis data yang
sesungguhnya. Berikut adalah rancangan
CDM yang sudah dibuat:

Gambar CD(Context Diagram)

2. Data Flow Diagram (DFD)


Data flow diagram merupakan model yang
mengambarkan sistem sebagai jaringan kerja
Gambar CDM (Conceptual Data Model)
antar fungsi yang saling berhubungan dengan
aliran dan penyimpanan data.

4. Physical Data Model (PDM)


Physical Data Model atau yand biasa disebut
PDM.PDM merupakan representasi fisik dari
database yang akan dibuat dengan
mempertimbangkan DBMS yang akan
digunakan. PDM dapat dihasilkan (di-generate)
dari CDM valid.
PDM dalam penerapanya dapat disamakan
dengan skema relasi dan fungsinya adalah
memodelkan struktur fisik dari suatu absis data.
Merupakan gambaran secara detail suatu data
dalam bentuk fisik.PDM memprlihatkan
struktur penyimpanan data yang benar pada
basis data yang digunakan sesungguhnya.
Berikut adalah rancangan dari pdm yang sudah
dibuat :

Gambar Tampilan Login

3. Pada tampilan menu produk menampilkan


semua nama barang dan jasa yang ada di
BUNG Art, dimana data-data yang sudah di
inputkan user ditampilkan dalam bentuk tabel
yang ada beberapa kolom, id barang jasa, nama
barang jasa, harga satuan, untuk menambah
nama barang dan jasa maka klik button create
Gambar PDM (Physical Data Model) barang dan jasa, seperti gambar dibawah ini.

H. Manual Program

Agar user tidak mengalami kesulitan dalam


mengoperasikan aplikasi ini, maka penulis akan
menjelaskan beberapa tool yang terdapat dalam
aplikasi ini, diantaranya:

1. Pada saat pertamakali mengakses sistem


informasi ini maka akan ditampilkan menu
home, dimana pada tampilan menu home ini
Gambar Tampilan Menu Produk
berisikan ucapan selamat datang disertai logo
BUNG Art. Berikut adalah tampilan menu
home.

Gambar Tampilan Create Produk

4. Pada gambar dibawah menampilkan menu


member yang berisikan nama member
pelanggan BUNG Art yang ditampilkan pada
Gambar Tampilan Menu Home tabel berisikan koolom id member, nama
member, alamat, no tlp. untuk menambah
2. Pada saat ingin menggunakan sistem informasi member maka caranya dengan klik button
keungan ini maka harus login dulu, disini user create member, seperti gambar dibawah ini.
harus menginputkan username dan password
yangbenar, apabila salah maka tidak akan
melanjutkan ke halaman selanjutnya. Berikut
adalah tampilan halaman login.
Gambar Tampilan Menu Member

Gambar Tampilan create Penjualan

6. Pada gambar dibawah menampilkan menu


pembelian berisikan data pembelian peralatan
atau perlengkapan BUNG Art yang
ditampilkan pada tabel berisikan id pembelian,
tgl pembelian, keterangan, jumlah, harga.
Ketika melakukan perekapan pembelian maka
caranya dengan klik button create pembelian,
seperti gambar dibawah ini.
Gambar Tampilan Create Member

5. Pada gambar dibawah menampilkan menu


penjualan berisikan data penjualan barang dan
jasa BUNG Art yang ditampilkan pada tabel
berisikan id penjualan, id barang jasa, id
member, tgl penjualan, jumlah. Ketika
melakukan perekapan maka caranya dengan
klik button create penjualan, seperti gambar
dibawah ini.

Gambar Tampilan Menu Pembelian

Gambar Tampilan Menu Penjualan


Gambar Tampilan Create Pembelian

7. Pada gambar dibwah menampilkan menu


laporan berisikan data keuangan BUNG Art
yang ditampilkan pada tabel berisikan id
pembelian, tgl pembelian, keterangan, jumlah,
harga. Untuk laporan keuangan ke pimpinan
maka caranya dengan klik button Export PDF,
seperti gambar dibawah ini. 4.4 Pengujian Sistem Manual
Dalam sistem keuangan ini terdapat form dan
action yang digunakan untuk melakukan sistem
keuangan. Dalam pengujian sistem kali ini saya akan
mencoba untuk menguji setiap form dan action yang
ada pada sistem ini. Untuk melihat bagaimana
caranya dapat di lihat dari beberapa uraian berikut
ini:
1. Menginput Data (Create)
Action yang satu ini digunakan untuk
menginputkan data kedalam database, Seperti
gambar dibawah ini.
Gambar Tampilan Menu Laporan

Gambar Tampilan Export PDF Gambar Input Data


8. Pada gambar dibawah menampilkan menu Jika data berhasil diinputkan maka
Export yang digunakan untuk mengexport data data akan bertamabah pada halaman menu
transaksi keuangan per tanggal dengan cara member, seperti gambar dibawah ini.
klik button Export, File PDF akan digunakan
untuk laporan keuangan ke pimpinan seperti
gambar dibawah ini.

Gambar Tampilan Menu Export Gambar Data Terinputkan

2. Melihat Data (View)


Berisi tentang data yang telah diinputkan
dan ditampilkan per field atau bedasarkan ID
datanya. Data yang akan ditampilkan pada
menu member yaitu Id Member, Nama
Member, Alamat, NO Tlp, serta terdapat
Action Update, dan Delete.

Gambar Tampilan Export PDF Per Tanggal


Gambar Data setelah dihapus
Gambar Data View

3. Mengedit Data (Update) 5. Pencarian Data (Search)


Action ini digunakan untuk merubah data Action ini digunakan untuk pencarian data
yang sudah diinputkan. Saat sebelum update yang sudah diinputkan. Saat kita kita cari
data sebelumnya akan ditampilkan pada dengan cara mengetik nama ataupun yang
masing-masing field sesuai kategorinya. lainnya di kolom search maka yang kita cari
akan muncul sesuai apa yang kita inginkan.
Seperti gambar berikut.

Gambar Update Alamat


Gambar Pencarian data

6. Action Export
Action ini digunakan untuk mengexport
menu laporan kedalam bentuk pdf yang
nantinya bisa dibuat laporan keuangan kepada
pimpinan.

Gambar Data setelah diupdate

4. Menghapus Data (Delete)


Action ini digunakan untuk menghapus data
yang sudah diinputkan. Saat sebelum data
dihapus akan ditampilkan peringatan untuk
memastikan apakah data benar-benar ingin
dihapus atau tidak.
Gambar Data Export PDF

Gambar Data sebelum dihapus


[3] Kadir, (2002), Pengenalan Sistem Informasi.
Penerbit ANDI. Yogyakarta.
[4] Susanto, Azhar. (2002), Sistem Informasi
Manajemen: Konsep dan Pengembangannya.
Lingga Jaya. Bandung.

Gambar Data Sudah Terexport

I. Kesimpulan
Dari tahap demi tahap yang telah diuraikan
oleh penulis bedasarkan observasi yang telah
dilakukan dalam pembuatan sistem informasi
keuangan ini untuk memudahkan pengelolaan
keuangan terutama untuk perekapan dan laporan
kepada pimpinan di BUNG Art.
Dengan adanya sistem informasi keuangan
ini supaya bisa membantu kelancaran dan
kemudahan pengelolaan keuangan, serta
kemudahan perekapan dan laporan keuangan
kepada pimpinan. Dan dengan Framework Yii2
mempermudah dalam pembuatan atau
pembangunan aplikasi atau sistem ini.
J. Saran
Dari seluruh program ini, diharapkan dapat
mencapai tujuan yang diinginkan, baik secara
internal maupun eksternal. Maka dari pada itu
penulis mengharapkan agar suatu aplikasi yang
seimbang, dengan beberapa saran dari kami.
Adapun saran yang perlu diperhatikan yaitu,
sebaiknya dalam pengembangan aplikasi ini
sebaiknya perlu diberi diagram grafik untuk
mengetahui naik turunnya keuangan setiap hari,
setiap minggu, setiap bulan, dan setiap tahun.

DAFTAR PUSTAKA

[1] Apriyanto, Nanung (2013), Perancangan Sistem


Informasi Keuangan Berbasis Web pada
Sekolah Dasar Muhammadiyah Kedungpoh
Gunungkidul, Sekolah Tinggi Manajemen
Informatika dan Komputer Amikom
Yogyakarta.
Http://repository.amikom.ac.id/files/Publikasi_1
0.12.4431.pdf. Diakses : 16 April 2016
[2] Jogiyanto, H.M., (2001), Analisis dan Desain
Sistem Informasi: Pendekatan Terstruktur Teori
dan Praktek Aplikasi Bisnis. ANDI Offset.
Yogyakarta.