Upload
others
View
9
Download
0
Embed Size (px)
Citation preview
PEMANFAATAN WEB DENGAN FRAMEWORK
CODEIGNITER VERSI 3 PADA APLIKASI
PENGELOLAAN DATA KEUANGAN
Miftahul Jannah
Fakultas Ilmu Komputer dan Teknologi Informasi Universitas Gunadarma,
Jl. Margonda Raya No. 100, Depok 16424, Jawa Barat
Abstrak
Pengolahan data keuangan dalam sebuah perusahaan sangat dibutuhkan dan
merupakan sesuatu yang sangat penting apapun jenis perusahaannya. Keberadaaan
aplikasi pengolahan data keuangan dapat memberikan kemudahan bagi perusahaan untuk
mengetahui kondisi keuangan terutama bagi perusahaan yang baru menjalankan
bisnisnya. Dalam menjalankan proses bisnis, sangat dibutuhkan sebuah aplikasi yang
dapat membantu menghadapi kendala khususnya dalam pencatatan keuangan dan
pencatatan keluar masuk barang yang terkadang tidak efisien, membutuhkan ketelitian dan
kecepatan yang jika diabaikan dapat menimbulkan ketidaktahuan nilai nominal
keuntungan, kerugian, pajak, dan lain-lain. Aplikasi pengelolaan data keuangan berbasis
web dalam paper ini dibuat untuk membantu memberikan kemudahan dalam pengelolaan
data Customer, Supplier, Invoice, dan keuangan yang dikelola oleh perusahaan
menggunakan bahasa pemrograman PHP dan framework CodeIgniter. Pembuatan
aplikasi terdiri dari lima tahapan yaitu tahap perencanaan dan analisis kebutuhan,
perancangan, pembuatan Web, Implementasi, dan melalui pengujian aplikasi untuk
mengetahui apakah aplikasi sudah memenuhi kebutuhan dari sistem.
Kata kunci : Web,Keuangan, Php, CodeIgniter
PENDAHULUAN
Sejak lahirnya teknologi internet, perkembangan aplikasi berbasis web
semakin maju dengan pesat dan fitur yang terdapat di dalamnya sangat membantu
memberikan kemudahan dalam menyelesaikan pekerjaan. Berbagai badan usaha
dan lembaga pendidikan sudah banyak yang memanfaatkan teknologi internet,
mulai dari perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi, dan lembaga
atau organisasi lainnya memanfaatkan web dalam kegiatan belajar, penjualan,
promosi, dan kegiatan lainnya.
Kemudahan, kecepatan, jangkauan yang luas dan kelengkapan informasi
yang tersedia menjadi keunggulan teknologi internet. Berbagai aplikasi berbasis
web berkembang seiring perkembangan teknologi internet tersebut. Aplikasi
berbasis web adalah suatu aplikasi yang diakses menggunakan penjelajah web
melalui suatu jaringan seperti internet atau intranet yang merupakan suatu aplikasi
perangkat lunak komputer yang dikodekan dalam bahasa penjelajah web (seperti
HTML, JavaScript, AJAX, PHP, Java, dan lain-lain) bergantung pada penjelajah
tersebut untuk menampilkan aplikasi.
Badan usaha merupakan salah satu organisasi yang banyak memanfaatkan
internet dalam menunjang kegiatan usahanya. Kegiatan dalam menunjang kinerja
sebuah perusahaan dalam memberikan pelayanan, membutuhkan teknologi
informatika yang tepat guna, handal dan dapat memenuhi kebutuhan perusahaan
serta sesuai proses bisnis yang ada. Berbagai aplikasi berbasis web dibangun untuk
membantu memberikan kemudahan dalam memberikan informasi dan pengelolaan
data perusahaan salah satunya pembangunan aplikasi pengelolaan data keuangan
perusahaan.
Berdasarkan latarbelakang tersebut, maka mutlak diperlukan suatu aplikasi
untuk pengelolaan data keuangan berbasis web. Pemanfaatan web menggunakan
framework menjadi dasar dalam paper ini untuk membangun sebuah aplikasi
pengelolaan data keuangan dalam perusahaan.
METODE PENELITIAN
Metode dalam membuat aplikasi ini menggunakan metode Systems
Development Life Cycle (SDLC) atau siklus hidup pengembangan sistem.
Pembuatan aplikasi ini mempunyai beberapa tahapan seperti ditunjukkan pada
diagram alur Gambar 1.
Gambar 1 . Tahapan Penelitian
A. Perencanaan dan analisis kebutuhan
Pembuatan Aplikasi keuangan berbasis web dengan menggunakan PHP dan
MySQL ini dibuat dengan menggunakan framework CodeIgniter versi 3. Pemilihan
framework CodeIgniter pada pembuatan aplikasi ini, dikarenakan CodeIgniter
mempunyai beberapa kelebihan dibandingkan dengan pengembangan framework
lainnya, diantaranya dapat membuat aplikasi web dengan mudah dan cepat karena
sudah disediakannya fungsi-fungsi atau class-class untuk tujuan tertentu, dan
performa eksekusi program yang disuguhkan oleh CodeIgniter sangat cepat
dibandingkan dengan pengembang framework lainnya.
Aplikasi keuangan ini memiliki fitur antara lain fitur untuk memberikan hak
akses menu kepada user, pencatatan barang, pencatatan keuangan dan mencetak
pencatatan keuangan. Pembuatan aplikasi menggunakan Sublime Text Edior 3
sebagai teks editor untuk memanipulasi program HTML, PHP dan CSS, ditambah
aplikasi MySQL, sebagai sistem manajemen basis data, dan PHP MyAdmin untuk
mengelola basis data dalam MySQL.
Pembuatan aplikasi membutuhkan perangkat lunak dan perangkat keras
untuk proses pembuatan dan implementasi. Adapun spesifikasi perangkat keras
yang digunakan pada penelitian ini ditunjukkan pada Tabel 1 sebagai berikut:
Tabel 1. Spesifikasi Perangkat
Nama Perangkat Spesifikasi
Model Lenovo Thinkpad X230
Processor Intel Core i5-3210m @2.4Ghz
RAM 4 GB
Memori 320 GB
Sistem Operasi Windows 8 Enterprise
Display 12 inch
Resolusi Layar 1366 68
Spesifikai perangkat lunak yang digunakan pada penelitian ini ditunjukkan
pada Tabel 2 sebagi berikut:
Tabel 2. Spesifikasi Perangkat Lunak
Nama Perangkat Spesifikasi
Browser Chorome
Text editor Sublime Text 3
Web Server Xampp Control Panel
Framework CodeIgniter versi 3
B. Perancangan
Perancangan aplikasi dilakukan untuk memberikan gambaran alur proses
dari aplikasi yang dibuat. Perancangan aplikasi ini terdiri dari struktur navigasi,
rancangan diagram alur menggunakan Unified Modelling Language (UML) dan
rancangan interface. Aplikasi web ini memiliki 2 struktur navigasi yaitu struktur
navigasi user dan struktur navigasi admin.
C. Pembuatan dan Implementasi
Pembuatan aplikasi website dilakukan setelah rancangan aplikasi website
selesai dibuat. Pembuatan aplikasi web ini menggunakan beberapa aplikasi
pendukung antara lain: editor Sublime Text, Framework CodeIgniter, Basis data
MySql, XAMPP, HTML dan CSS.
D. Uji Coba
Pengujian sistem adalah pengujian terhadap program perangkat lunak yang
lengkap dan terintegrasi. Pengujian sistem pada aplikasi keuangan berbasis web
dilakukan untuk mengetahui apakah aplikasi yang telah dibuat sudah sesuai dengan
perancangan dan layak untuk diimplementaskan. Pada tahap pengujian ini
menggunakan metode black box.
HASIL DAN PEMBAHASAN
Berdasarkan pada tahapan yang dilakukan sebelumnya maka didapatkanlah
hasil pembuatan aplikasi web sebagai berikut :
Struktur navigasi User pada Gambar 2 dimulai dengan halaman login untuk
autentikasi pengguna untuk dapat masuk ke halaman utama user menggunakan
email dan password. User memasuki halaman utama terlebih dahulu dan
menampilkan beberapa menu yang terdiri dari menu user, income, dan logout dan
pada setiap menu memiliki sub menu.
Gambar 2. Struktur Navigasi User
Struktur navigasi Admin pada Gambar 3 memiliki percabangan untuk
menampilkan data berdasarkan kriteria tertentu, untuk autentikasi Admin
menggunakan email dan password untuk masuk ke halaman utama. Pada halaman
utama terdapat beberapa menu yang terdiri dari menu admin, menu user,
expenditure, income, contact, report dan logout dan setiap menu memiliki sub
menu.
Gambar Error! No text of specified style in document.. Struktur Navigasi Admin
Rancangan kedua yaitu diagram alur digambarkan menggunakan Unified
Modelling Language (UML). Diagram UML yang digunakan terdiri dari use case
diagram, sequence diagram, dan Activity diagram.
Use case diagram pada Gambar 4 menerangkan interaksi yang dapat
dilakukan user dan admin saat menggunakan aplikasi keuangan berbasis web ini.
Admin bertugas untuk mengatur alur aplikasi sehingga admin dapat mengakses
seluruh menu yang ada di aplikasi seperti menu admin, user, menu, expenditure,
income, contact, dan print, sedangkan karyawan atau user hanya bisa mengakses
beberapa menu yaitu menu user, income dan print.
Gambar 4. Use Case Diagram
Sequence diagram dibuat berdasarkan use case diagram. Diagram ini
menunjukkan interaksi yang diperlukan agar user dan admin dapat melihat alur
informasi dalam aplikasi.
Pada Gambar 5, menampilkan alur informasi seorang admin meminta
sistem menampilkan beberapa form input. Setelah proses input data selesai
dilakukan, sistem akan memverifikasi data tersebut sebelum menyimpannya ke
dalam database dan menampilkan ke halaman.
Gambar 5. Sequence Diagram Admin Input Data
Selanjutnya dalam activity diagram pada Gambar 6, Admin menginput data
melalui halaman Admin. Sistem akan menampilkan form untuk diisi, sistem akan
memverifikasi data tersebut apakah sudah sesuai atau belum, apabila sudah sesuai,
sistem akan menyimpan data tersebut ke dalam database dan apabila tidak sesuai
sistem akan menampilkan halaman sebelumnya.
Gambar 6. Activity diagram Admin Input Data
Rancangan aplikasi yang ketiga yaitu rancangan interface digunakan untuk
mengakses aplikasi keuangan web. Rancangan tampilan ini menggunakan aplikasi
bootstrap dan terdiri dari beberapa rancangan tampilan. Gambar 7 menampilkan
rancangan interface yang dibuat untuk mengakses halaman dashboard. Halaman
ini menampilkan seluruh data keuangan yang telah dikalkulasi secara otomatis.
Secara keseluruhan semua interface yang digunakan pada aplikasi memiliki
tampilan yang sama dengan ranncagan halaman dashboard ini.
Halaman terdiri dari tiga layer. Layer atas (header) menampilkan nama user,
layer sebelah kiri menampilkan menu dan sub menu yang terdapat dalam aplikasi
seperti menu admin yang terdiri 3 submenu, menu user terdiri 4 sub menu, menu-
menu terdiri dari 2 sub menu, menu expenditure terdiri dari 2 sub menu, menu
income terdiri dari 1 sub menu, menu contact terdiri dari 3 sub menu, menu report
terdiri dari 1 sub menu dan tombol logout untuk setiap user yang ingin keluar dari
aplikasi. Layer sebelah kanan menampilkan detail sub menu yang terdapat di layer
kiri dan admin atau user dapat melihat, mencetak dan memanipulasi pada layer
sebelah kanan.
Gambar 7. Rancangan Halaman Dashboard
Rancangan Halaman Menu Management pada Gambar 8 digunakan untuk
menampilkan fitur menambah dan menghapus menu, fitur ini akan memudahkan
admin apabila ingin mengembangkan aplikasi keuangan ini.
Gambar 8. Rancangan Halaman Menu Management
Rancangan Halaman Cash Out pada Gambar 9 digunakan untuk menampilkan
data kas keluar, barang masuk serta menampilkan fitur manipulasi data tersebut.
Gambar 9. Rancangan Halaman Cash Out
Rancangan halaman capital pada Gambar 10 digunakan untuk menambahkan
modal serta menjumlah seluruh modal yang telah ditambahkan serta menampilkan
modal yang telah masuk.
Gambar 10. Rancangan Halaman Capital
Rancangan Halaman Cash in pada Gambar 11 digunakan untuk menampilkan
data kas masuk, barang keluar.
Gambar 11. Rancangan Halaman Cash in
Rancangan Halaman Print Report pada Gambar 12. digunakan untuk
menampilkan hasil hitung laba rugi, pajak dan biaya operasional dalam bentuk
dokumen file berformat .pdf
Gambar 12. Rancangan Halaman Print Report
Pembuatan basis data dalam aplikasi keuangan berbasis web ini
menggunakan MySQL. Basis data ini terdapat 12 tabel yaitu tabel tampil_modal,
tabel user, tabel_access_menu, tabel user_customer, tabel user_kontak, tabel
user_menu, tabel user_product, tabel user_product_keluar, tabel user_role, tabel
user_sub_menu, tabel user_suppliers dan tabel token yang semuanya berfungsi
untuk menjalankan aplikasi dan penyimpanan data. Gambar 13 menampilkan salah
satu tabel yang digunakan yaitu tabel user berfungsi untuk menyimpan data user
dan admin.
Gambar 13. Tabel User
Pelaksanaan Pengujian Sistem oleh Admin dan User dilakukan dengan cara
mengakses halaman web dan menggunakan fitur-fitur yang tersedia. Pada Tabel 3.
Menampilkan hasil pengujian sistem dari setiap fitur yang tersedia dengan
menggunakan black box.
Tabel 3. Hasil Pengujian fitur
No Fungsi Skenario Hasil Yang
Diharapkan
Hasil Nyata Hasil
1 Login Input email
yang terdaftar
dan password
Berhasil
masuk ke
dalam aplikasi
Berhasil
masuk ke
dalam aplikasi
Sukses
2 Dashboard Pilih sub
menu
dashboard
Tampilkan
data keuangan
Tampilkan
data keuangan
Sukses
3 Memberi hak
akses
Pilih sub
menu role,
lalu klik
tombol access
Tampilkan
daftar menu,
dan admin
berhak untuk
memberi dan
mencabut hak
akses user.
Tampilkan
daftar menu,
dan admin
berhak untuk
memberi dan
mencabut hak
akses user.
Sukses
4 Tampil menu
management
Pilih sub
menu Menu
management
Tampilkan
menu yang
terdaftar di
aplikasi.
Tampilkan
menu yang
terdaftar di
aplikasi.
Sukses
5 Menambah
menu
management
Pilih sub
menu Menu
Managemet,
lalu klik Add
new menu
Data menu
bertambah
Data menu
bertambah
Sukses
6 Menghapus
menu
management
Pilih menu
Menu
management
lalu klik
delete.
Data menu
terhapus
sesuai dengan
menu yang
dihapus
Data menu
terhapus
sesuai dengan
menu yang
dihapus
Sukses
7 Tampil Cash
out
Pilih sub
menu cash out
Tampilkan
data uang
keluar dan
barang masuk
Tampilkan
data uang
keluar dan
barang masuk
Sukses
8 Menambah
Cash out
Pilih sub
menu Cash
out lalu klik
add item
Menmabah
data barang
masuk dan
uang keluar
Menmabah
data barang
masuk dan
uang keluar
Sukses
9 Mengubah
data cash out
Pilih sub
menu Cash
out lalu klik
tombol edit
Merubah data
barang atau
keuangan
sesuai dengan
barang yang
dipilih
Merubah data
barang atau
keuangan
sesuai dengan
barang yang
dipilih
Sukses
10 Menghapus
data cash out
Pilih sub
menu Cash
out lalu klik
tombol hapus
Meenghapus
data barang
dan keuangan
sesuai dengan
barang yang
dipilih
Meenghapus
data barang
dan keuangan
sesuai dengan
barang yang
dipilih
Sukses
11 Tampil
capital
Pilih sub
menu capital
Tampilkan
data modal
yang sudah
masuk dalam
perusahaan
Tampilkan
data modal
yang sudah
masuk dalam
perusahaan
Sukses
12 Menambah
modal
Pilih sub
menu capital
lalu klik add
capital
Data modal
bertambah dan
di jumlah
secara
otomatis oleh
sistem
Data modal
bertambah
dan di jumlah
secara
otomatis oleh
sistem
Sukses
13 Tampil Cash
in
Pilih sub
menu Cash in
Tampilkan
data uang
masuk dan
barang keluar
Tampilkan
data uang
masuk dan
barang keluar
Sukses
14 Menamabah
Cash in
Pilih sub
menu Cash in
lalu klik add
item
Menamabah
data barang
keluar dan
uang masuk
Menamabah
data barang
keluar dan
uang masuk
Sukses
15 Mengubah
data cash in
Pilih sub
menu Cash in
lalu klik
tombol edit
Merubah data
barang atau
keuangan
sesuai dengan
barang yang
dipilih
Merubah data
barang atau
keuangan
sesuai dengan
barang yang
dipilih
Sukses
KESIMPULAN DAN SARAN
Berdasarkan latar belakang dan batasan masalah yang telah diuraikan di bab
sebelumnya, maka pembuatan aplikasi pengolahan data keuangan berbasis web
menggunakan framework CodeIgniter dapat diselesaikan. Tahapan-tahapan yang
dilakukan dalam pembuatan aplikasi ini telah menghasilkan beberapa rancangan
tampilan dan pembuatan kode program menggunakan bahasa pemrograman PHP
dengan framework Codeigniter serta Sublime text 3 sebagai text editor telah
menghasilkan aplikasi web sesuai dengan tujuan yang diharapkan. Pengujian sistem
dilakukan dengan mengakses halaman web dan menggunakan fitur-fitur yang
tersedia dan hasilnya menunjukkan bahwa semua fitur yang ada dapat berfungsi
sesuai dengan skenario yang diberikan dan diharapkan.
Fitur-fitur yang terdapat di dalam aplikasi ini sangat sederhana dan sangat
memungkinkan untuk penambahan fitur-fitur seperti menambahkan barang masuk,
barang keluar, pencatatan barang, pencatatan keuangan serta mencetak informasi
keuangan.
DAFTAR PUSTAKA
Dari W, 2015. “Penerapan metode system development life cycle pada pembuatan
sistem informasi penjualan produk batik kurowo jakarta.” STMIK Nusa
Mandiri Jakarta. [Tanggal akses 26 Mei 2020 pukul 15.38 WIB]
Zia’ulhaq, 2014. “Penerapan Sistem Informasi Berbasis Web untuk Mendukung
Pengelolaan Administrasi di Promusic Recording Studio Jepara”,
Siadin.dinus.ac.id, [Tanggal akses 26 Mei 2020 pukul 14.45 WIB]
Y. Kustiyahningsih, D. Rosa, 2011. “Pemrograman Basis Data Berbasis WEB
Menggunakan PHP dan Mysql,” Yogyakarta Graha Ilmu, [Tanggal akses 26
Mei 2020 pukul 20.00 WIB]
Firman, A, Wowor, A, Dan Najoan, X 2016. ”Sistem Informasi Perpustakaan
Online Berbasis Web.” Jurusan Teknik Elektro Fakultas Teknik UNSRAT,
[Tanggal akses 26 Mei 2020 pukul 19.55 WIB]
Afuan, L, 2010.”Pemanfaatan Framework CodeIgniter dalam Pengembangan
Sistem Informasi Pendataan Laporan Kerja Praktek Mahasiswa Program
Studi Teknik Informatika Unsoed.”, Program Studi Teknik Informatika. FST,
UNSOED. [Tanggal akses 26 Mei 2020 pukul 20.31 WIB]
Effendy, F, Dan Nuqoba, B, 2016. “Penerapan Framework Bootsrap Dalam
Pembangunan Sistem Informasi Pengangkatan Dan Penjadwalan Pegawai
(Studi Kasus:Rumah Sakit Bersalin Buah Delima Sidoarjo)”, Departemen
Matematika, Fakultas Sains dan Teknologi Universitas Airlangga Surabaya,
[Tanngal akses 26 Mei 2020 pukul 20.41 WIB]
Gata, W dan Gata, G. 2013.” Sukses Membangun Aplikasi Penjualan dengan Java.”
Media Komputindo,. [Tanggal akses 09 Juli 2020 pukul 13.30 WIB]
Hendini, A, 2016. “Pemodelan UML Sistem Informasi Monitoring Penjualan Dan
Stok Barang (Studi Kasus: Distro Zhezha Pontianak)” Program Studi
Manajemen Informatika AMIK, [Tanggal akses 09 Juli 2020 pukul 13.19
WIB]
Faridl, M, 2015. “Fitur Dahsyat Sublime Text 3”, http://lug.dinamika.ac.id,
[Tanggal akses 26 Mei 2020 pukul 22.05 WIB]
Perpustakaan Universitas Gunadarma BARCODE
BUKTI UNGGAH DOKUMEN PENELITIANPERPUSTAKAAN UNIVERSITAS GUNADARMA
Nomor Pengunggahan
SURAT KETERANGANNomor: 524/PERPUS/UG/2020
Surat ini menerangkan bahwa: Nama Penulis : Miftahul Jannah, Skom,. MMSINomor Penulis : 000939Email Penulis : [email protected] Penulis : Jl. Margonda Raya No.100
dengan penulis lainnya sebagai berikut:Penulis ke-2/Nomor/Email : Miftahul Jannah, Skom,. MMSI / 000939 / [email protected]
Telah menyerahkan hasil penelitian/ penulisan untuk disimpan dan dimanfaatkan di Perpustakaan Universitas Gunadarma,dengan rincian sebagai berikut : Nomor Induk : FILKOM/KA/PENELITIAN/524/2020Judul Penelitian : Pemanfaatan Web Dengan Framework Codeigniter Versi 3 Pada Aplikasi Pengelolan
Data KeuanganTanggal Penyerahan : 20 / 07 / 2020
Demikian surat ini dibuat untuk dipergunakan seperlunya dilingkungan Universitas Gunadarma dan Kopertis Wilayah III.
Dicetak pada: 25/08/2020 12:16:24 PM, IP:202.125.95.18 Halaman 1/1