Upload
nguyenhanh
View
227
Download
0
Embed Size (px)
Citation preview
BAB IV
DESKRIPSI PEKERJAAN
4.1 Analisa Sistem
Tahap analisis merupakan tahap yang kritis dan sangat penting, karena
kesalahan di dalam tahap ini akan menyebabkan juga kesalahan di tahap
selanjutnya. Langkah-langkah di-dalam tahap analisis sistem hampir sama dengan
langkah-langkah yang dilakukan dalam mendefinisikan proyek-proyek sistem
yang akan dikembangkan di tahap perencanaan sistem. Perbedaannya pada
analisis sistem ruang lingkup tugasnya lebih terinci.
Didalam tahap analisis sistem terdapat langkah-langkah dasar yang harus
dilakukan. Langkah yang pertama dilakukan yaitu dengan mengidentifikasi
masalah. Identifikasi masalah dapat dilakukan melalui kegiatan wawancara dan
pengamatan proses bisnis, Wawancara dilakukan pada bagian-bagian yang
berkaitan langsung dengan proses, yaitu bagian Accounting Supervisior
Setelah melakukan pengamatan, langkah kedua pada tahap analisa sistem
adalah memahami kerja dari sistem yang ada. Kerja dari sistem yang ada, dapat di
gambarkan pada system flow. System flow tersebut dapat dilihat pada gambar
4.1.Proses penyimpanan data:
Dalam proses pembuatan analisa, di awali bagian accounting supervisior
login ke dalam aplikasi pembantu yang di gunakan untuk preview data akuntansi
yang di butuhkan
1. Dan selanjutnya bagian accounting supervisor memilih pilihan untuk di
tampilkan ke dalam browser.
27
28
2. Bagian accounting supervisior melihat laporan yang telah di pilih, dan
menyimpan ke dalam bentuk Text (.txt)
3. Proses selanjutnya bagian accounting supervisior membuka file text (.txt)
menggunakan aplikasi bantuan yaitu Microsoft Excel 2007
4. Proses terakhir, bagian accounting supervisior mengolah puluhan ribu data
akuntansi tersebut dengan manual.
Setelah mengamati proses penyimpanan data pelaporan akuntansi,
Langkah berikutnya yaitu menganalisa System flow pengolahan data laporan
akuntansi yang tersedia. System flow tersebut dapat dilihat di gambar 4.1. Setelah
menganalisa system flow yang tersedia pada perusaahaan, dapat dirancang system
flow untuk menyelesaikan permasalahan. System flow ini menunjukkan bagaimana
data laporan akuntansi dapat di olah dengan mudah dan di tampilkan dengan
dinamis dan informatif.
29
Gambar 4.1 System Flow proses simpan laporan data akuntansi.txt
System flow pada gambar 4.2 juga di jelaskan, bahwa informasi yang
disajikan pada proses simpan laporan data transaksi dapat di olah lagi melalui
aplikasi excel, dan data yang di tampilkan tidak informatif karena berupa data-
data yang masih belum di olah.
30
Gambar 4.2 System Flow proses mengolah data laporan akuntansi
4.2 Desain Sistem
Pada perancangan aplikasi perekapan data penelitian dosen ini memiliki
beberapa sub desain yaitu system flow, Context Diagram, Jenjang Proses (HIPO),
data flow diagram (DFD), ERD, struktur table, desain I/O (input-output), desain
Interface.
4.3 Mendesain Sistem
Tahap desain sistem secara umum dilakukan setelah tahap analisis sistem
selesai dilakukan dan hasil analisis disetujui oleh manajemen. Desain sistem
secara umum mengidentifikasikan komponen-komponen sistem informasi yang
31
akan didesain secara rinci. Pada tahap desain secara umum, komponen-komponen
sistem informasi dirancang dengan tujuan untuk dikomunikasi kepada user bukan
untuk pemrogram. Komponen sistem informasi yang didesain adalah model,
output, input, database, teknologi dan kontrol. Desain sistemj tersebut meliputi
System Flow, Context Diagram, Hierarchical Input Process Output (HIPO), Data
Flow Diagram (DFD), Entity Relational Diagram (ERD) dan struktur tabel.
4.3.1 System Flow
Perancangan desain sistem yang akan menjadi solusi dari permasalahan
Pengolahan Data Akuntansi di PT. Enseval Putera Megatrading Malang akan
dibahas pada sub bab berikut ini :
A. System Flow Login Pengguna
Di dalam system flow login pengguna ini merupakan aliran sistem yang
dilakukan oleh pengguna untuk dapat masuk ke halaman utama dasboard. Proses-
proses yang berada pada sistem ini bermula dari pengguna mengetikkan alamat url
web dasboard. Maka akan tampil halaman login yang berisikan username,
password, tombol masuk, dan tombol batal.
Disini pengguna akan mengisikan username dan password lalu menekan
tombol masuk. Selanjutnya sistem akan mengecek username dan password
dengan tabel admin. Jika username dan password itu cocok dengan data yang
tersedia di tabel pengguna maka pengguna akan dibawa ke halaman utama. Akan
tetapi, jika data yang diisi tidak cocok dengan data yang ada di tabel admin maka
admin akan dibawa tetap ke halaman form login. Untuk lebih jelasnya dapat
dilihat pada gambar 4.3
32
Proses Login
Dasboard SystemAcounting Supervisi
T
Y
Login
Benar?
Start
Pengguna
Menampilkan User & Pass
Salah
End
Input User & Password
Alert User & Pass Salah
Menampilkan Menu
Dasboard
Menu Dasboard
Gambar 4.3 System Flow Proses Login
B. System Flow Proses Upload File
Di dalam System Flow Proses Upload File ini dilakukan oleh pengguna
dan Dasboard System, proses-proses yang berada dalam system ini bermula saat
pengguna memilih file untuk di upload ke dalam system, dan dashboard system
mengecek tipe file sudah di upload, jika file yang di upload tidak sesuai akan
memberikan alert ke pengguna bahwa tipe file salah, tetapi jika tipe file benar,
system akan mengecek file yang di upload, dan jika file sudah pernah di upload,
system akan memberikan informasi bahwa file sudah pernah di upload, jika belum
di upload, system akan membaca file.txt dan selanjutnya menyimpan nama file,
33
tanggal upload, jam upload, dan menyimpan isi dari file.txt. Untuk lebih jelasnya
dapat dilihat pada gambar 4.4.
Proses Upload
Dasboard SystemAcounting Supervisi
Start
Memilih File
Mengecek Type File
Apakah Tipe File .txt?
Menampilkan Alert File Tidak Sesuai
T
Alert File Tidak Sesuai
Mengecek File yang tersedia
FileY
File Pernah Di Upload?
Proses Alert File Sudah Pernah Di
UploadY
Alert File Sudah Pernah
di Upload
Menyimpan Isi dari file .txt
dokumen
Membaca File .txt
Finish
Menyimpan nama file (nama file,
tanggal, dan jam upload)
File
Gambar 4.4 System Flow Proses Upload
34
C. System Flow Proses Mengolah File
Di dalam System Flow Proses mengolah File ini dilakukan oleh pengguna
dan Dasboard System, proses-proses yang berada dalam system ini bermula saat
pengguna memilih menu file pada dashboard system dan memilih list menu,
selanjutnya system akan menampilkan data-data file yang sudah pernah di upload
oleh pengguna. Setelah menampilkan pilihan untuk menghapus file, jika
pengguna memilih pilihan tersebut, system akan menghapus data yang sudah
dipilih. Untuk lebih jelasnya dapat dilihat pada gambar 4.5.
35
MengolahFile
Dasboard SystemAcounting Supervisi
Start
Menampilkan List File Upload File
List File Upload
Mengolah File
Menghapus? Mengapus FileY
T
Menampilkan List File Upload
List File Upload
Finish
Memilih menu list
Gambar 4.5 System Flow Proses Mengolah data
D. System Flow Proses Menampilkan Informasi Pembayaran
Di dalam System Flow Proses mengolah File ini dilakukan oleh pengguna
dan Dasboard System, proses-proses yang berada dalam system ini bermula saat
pengguna memilih menu pembayaran dan setelah itu pengguna menentukan
periode yang akan dilihat informasinya dan selanjutnya system akan menampilkan
36
grafik dan tabel informasi pembayaran, yang meliputi pembayaran tunai,
pembayaran credit 1 sampai 7 hari, pembayaran credit 8 sampai 30 hari, dan
pembayaran credit lebih dari 30 hari. Dasboard System selain dapat menampilkan
juga dapat mencetak informasi yang dipilih oleh pengguna. Untuk lebih jelasnya
dapat dilihat pada gambar 4.6.
Menampilkan Informasi Pembayaran
Dasboard SystemAcounting Supervisi
Start
Y
T
T
Y
Menampilkan Informasi Data Pembayaran
Dokumen
a
Informasi Data Pembayaran
Menentukan Periode
Menentukan Periode?
Cetak?
Menampilkan Menu Pembayaran
Mencetak
Menu Pembayaran
Menampilkan Informasi Data Pembayaran
periode terakhir dilihat
Menampilkan Informasi Data Pembayaran
periode terbaru
Mengecek Periode
Periode
Memilih menu pembayaran
a
Mencetak Informasi Data Pembayaran
Dokumen Informasi Data Pembayaran
Finish
Gambar 4.6 System Flow Proses menampilkan Informasi Pembayaran
37
E. System Flow Proses Menampilkan Informasi Transaksi Faktur
Di dalam System Flow Proses mengolah File ini dilakukan oleh pengguna
dan Dasboard System, proses-proses yang berada dalam system ini bermula saat
pengguna memilih menu Faktur Bulanan dan setelah itu pengguna menentukan
periode yang akan dilihat informasinya dan selanjutnya system akan menampilkan
grafik dan tabel informasi transaksi faktur reguler, credit, canvas, diskon, dan
faktur retuf. Dasboard System selain dapat menampilkan juga dapat mencetak
informasi yang dipilih oleh pengguna. Untuk lebih jelasnya dapat dilihat pada
gambar 4.7.
38
Menampilkan Informasi Transaksi Penjualan
Dasboard SystemAcounting Supervisi
Y
T
T
Y
Memilih menu Faktur Bulan
Menampilkan Informasi Data
Transaksi Faktur
Dokumen Informasi Data
Transaksi Faktur
Menampilkan Informasi Data Transaksi Faktur a
Cetak?
Menu Faktur yang ingin
dipilih
Menentukan Periode
Mencetak Informasi Data
Transaksi Faktur
Mengecek Periode
Menentukan Periode?
Informasi Data Transaksi
Faktur
Periode
Menampilkan Informasi Data Pembayaran
periode terakhir dilihat
Finish
Menampilkan Menu Faktur
bulanan
Start
Dokumen
Mencetak
a
Gambar 4.7. System Flow Proses menampilkan Informasi Transaksi Faktur
39
4.3.2 DFD (Data Flow Diagram)
A. Context Diagram
Pada context diagram Context diagram tersebut dapat dilihat pada
Gambar 4.8 Context Diagram Aplikasi Visualisasi Sistem Informasi Akuntansi
data even upload
dokumen info faktur
data even cetak
data periode
data info faktur penjualan
data faktur penjualan
data menu faktur penjualan
data periode
info data pembayaran
data dokumen info pembayaran
data even cetak
info data pembayaran
data menu pembayaran
data list fi le upload
data even hapus
data list fi le upload
data menu list upload
alert fi le tersedia
alert data file eror
data fi le
data menu dasboard
data alert login gagal
User & Pass
0
APLIKASI VISUALISASI SISTEM INFORMASI
AKUNTANSI BERBASIS WEB
+
Pengguna
Gambar 4.8. Context Diagram aplikasi visualisasi sistem informasi akuntansi
40
B. HIPO Sistem Aplikasi Visualisasi Sistem Informasi Akuntansi
Hierarchical Input Process Output merupakan alat perancangan sistem
yang dapat menampilkan seluruh proses yang terdapat pada suatu aplikasi tertentu
dengan jelas dan terstruktur. Gambar 4.4 merupakan HIPO dari Aplikasi
Visualisasi Sistem Informasi Akuntansi
0
Aplikasi Visualisasi Sistem Informasi Akuntansi
2
Mengolah File
1
Upload File
3
Menampilkan Data Laporan
Pembayaran
4
Menampilkan Data Laporan Faktur
Gambar 4.9 HIPO Aplikasi Visualisasi Sistem Informasi Akuntansi
C. Data Flow Diagram (DFD) Level 0
DFD ini adalah salah satu alat pembuatan model yang sering digunakan,
khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan
kompleks daripada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD
adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi
sistem. DFD suatu sistem dapat diawali dengan context diagram yang
menjelaskan hubungan atau interaksi sistem dengan entitas-entitas yang
mempunyai keterkaitan dengan sistem.
Pada gambar 4.10 berikut ini, menunjukkan diagram sub-proses level 0.
Pada diagram ini terdapat dua macam proses. Yang pertama adalah proses Upload
File dan yang kedua adalah proses mengolah data file dan selanjutnya
menampilkan data berupa grafik, tabel, pie chart, grafik batang. Pada diagram
41
level 0 tersebut memiliki empat buah database yaitu database data pengguna, data
file, dan data dokumen
proses4
proses3
proses2
proses1
TFile disimpanTFile dibacaTFile Dibaca
TDokumen dibaca
TDokumen disimpan
TFile disimpanTFile Dibaca
t pengguna di baca
data menu pembayaran
data even cetak
data periode
data dokumen info pembayaran
info data pembayaran
info data pembayarandata periode
data faktur penjualan
data menu faktur penjualan
data info faktur penjualandata even cetak
dokumen info faktur
data list fi le upload
data even hapus
data menu list upload
data list fi le upload
data even upload
alert data fi le eror
data fi le
alert fi le tersedia
data menu dasboard
User & Pass
data alert login gagalPenggunaPenggunaPengguna
PenggunaPenggunaPengguna
1
login
2
upload
+
3
mengelolah File
+
PenggunaPenggunaPenggunaPengguna
4menampilkan data laporan pembayaran+
PenggunaPenggunaPenggunaPenggunaPenggunaPenggunaPengguna
5
menampilkan data faktur
+
PenggunaPenggunaPenggunaPenggunaPenggunaPengguna
Pengguna
1 pengguna
2 file
3 dokumen
2 file
Gambar 4.10 DFD Level 0 aplikasi visualisasi sistem informasi akuntansi
D. Data Flow Diagram Level 1
D.1. DFD Level 1 Upload
DFD Level 1 Upload terdiri dari 3 proses, yaitu proses cek tipe data,
proses cek data .txt, dan proses menyimpan isi data .txt, dan proses-proses
42
tersebut juga berinteraksi dengan beberapa tabel. Untuk lebih jelasnya lihat
pada gambar 4.11.
[proses1]
proses2
proses1
[proses2]
[TFile disimpan]
[TDokumen disimpan]
[TDokumen dibaca]
[alert file tersedia]
[TFile Dibaca][data even upload]
[data file]
[alert data fi le eror]
Pengguna
Pengguna
Pengguna
Pengguna
2 file
2 file
3 dokumen
3 dokumen
login
mengelolah File
2.1
proses cek tipe data
2.2
proses cek data txt
2.3
proses menyimpan
data
Gambar 4.11. DFD Level 1 proses upload
D.2. DFD Level 1 Mengelolah File
DFD Level 1 Mengelolah file terdiri dari 2 proses yaitu proses
menampilkan data file, dan menghapus file. Untuk lebih jelasnya terdapat pada
gambar 4.12.
43
proses1
[data even hapus]
[TFile Dibaca][TFile dibaca]
[data list fi le upload][data list fi le upload]
[data menu list upload]
[proses2]
[proses3]
[TFile disimpan]
PenggunaPengguna
Pengguna
Pengguna
2 file2 file
2 file
upload
menampilkan data laporan
3.1proses
menampilkan data fi le
3.2
proses hapus file
Gambar 4.12. DFD Level 1 Mengelolah File
D.3. DFD Level 1 Menampilkan Data Laporan Pembayaran
DFD Level 1 Menampilkan Data Laporan Pembayaran terdiri dari 3
proses, yaitu proses menentukan periode, menampilkan data, dan mencetak
laporan. Untuk lebih jelasnya dapat dilihat pada gambar 4.13.
44
data pil ih grafik
proses
proses
data dokumen
[proses3]
[info data pembayaran]
[info data pembayaran]
[data menu pembayaran]
[data periode]
[data dokumen info pembayaran]
[data even cetak]
[proses4]
Pengguna
Pengguna
Pengguna
Pengguna
Pengguna
Pengguna
Pengguna
mengelolah File
menampilkan data faktur
4.1
menentukan periode
4.2
menampilkan data grafik pie
bar
4.3
mencetak laporan
4 dokumen4
Gambar 4.13. DFD Level 1 Menampilkan data laporan pembayaran
D.4. DFD Level 1 Menampilkan Data Faktur
DFD Level 1 Menampilkan Data Faktur terdiri dari 3 proses, yaitu
proses menentukan priode, proses menampilkan data yang dipilih, dan proses
cetak laporan. Untuk lebih jelasnya dapat dilihat pada gambar 4.14.
45
proses
proses
[data faktur penjualan]
[data periode]
[proses4]
data dokumen
[data even cetak]
[dokumen info faktur]
[data info faktur penjualan]
[data menu faktur penjualan]
Pengguna
Pengguna
Pengguna
Pengguna
PenggunaPengguna
menampilkan data laporan pembayaran
5.1
menentukan periode
5.2
menampilkan grafik pie bar faktur
5.3
mencetak data faktur
6 dokumen6
Gambar 4.14. DFD Level 1 Menampilkan data Faktur
4.3.3 Entity Relationship Diagram
Entity Relationship Diagram (ERD) menggambarkan basis data-basis
data yang ada pada Aplikasi Visualisasi Sistem Informasi Akuntansi PT. Enseval
Putera Megatrading.
A. Conceptual Data Model (CDM)
Sebuah Conceptual Data Model (CDM) merupakan gambaran dari
struktur logic dari sebuah basis data. Pada CDM terdapat relasi antar tabel yang
satu dengan tabel yang lain. Relasi tersebut antaralain : one to one, one to many,
many to one dan many to many. Jika CDM di-generate, maka akan menghasilkan
46
Physical Data Model (PDM). Untuk lebih jelasnya dapat dilihat pada gambar
4.15.
mengunggah mengimport
penggunaid_penggunausernamepassword
dokumenid_dokumennomer_dokumentanggal_dokumennilaicicilansaldo_ex_girosaldo_girotggl_jatuh_tempokode_jaja
fileid_filenama_filetgl_uploadjam_upload
Gambar 4.15 CDM
B. Physical Data Model (PDM)
Physical Data Model (PDM) merupakan hasil dari generate dari Conceptual
Data Model. PDM merupakan representasi fisik dari database.
ID_PENGGUNA = ID_PENGGUNAID_PENGGUNA = ID_PENGGUNA
PENGGUNAID_PENGGUNA integerUSERNAME varchar(20)PASSWORD varchar(30) DOKUMEN
ID_DOKUMEN integerID_PENGGUNA integerNOMER_DOKUMEN varchar(25)TANGGAL_DOKUMEN dateNILAI doubleCICILAN doubleSALDO_EX_GIRO doubleSALDO_GIRO doubleTGGL_JATUH_TEMPO dateKODE_JAJA varchar(30)
FILEID_FILE integerID_PENGGUNA integerNAMA_FILE varchar(30)TGL_UPLOAD dateJAM_UPLOAD time
Gambar 4.16 PDM
4.3.4 Struktur Tabel
Struktur tabel akan menjelaskan tentang fungsi tabel, relasi antar tabel,
constraint, dan item-tem yang terdapat dalam sebuah tabel yang dapat digunakan
sebagai gambaran dari database yang terbentuk.
47
A Tabel
Untuk mempermudah pengelolaan data-data maka di kelompokan data-
data tersebeut sesuai dengan fungsinya. Dibawah ini akan dijelaskan kelompok
tabel yang berfungsi sebagai tabel master.
A.1 Tabel PENGGUNA
Primary Key : ID_PENGGUNA
Foreign Key : -
Fungsi : Menyimpan data pengguna
Tabel 4.1 Tabel Pengguna
Kolom Tipe Data
Panjang Karakter
Keterangan
PK FK Tabel Asal
id_pengguna Int 11 Y
username Int 11
password varchar 30
A.2 Tabel File
Primary Key : ID_FILE
Foreign Key : ID_PENGGUNA
Fungsi : Menyimpan data File
Tabel 4.2 Tabel File
Kolom Tipe Data
Panjang Karakter
Keterangan PK FK Tabel Asal
id_file int 11 Y id_pengguna int 11 Y nama_file int 30 tgl_upload date jam_upload time
48
A.3 Tabel Dokumen
Primary Key : NOMER_DOKUMEN
Foreign Key : ID_PENGGUNA
Fungsi : Melihat data dan menyimpan data yang di ambil dari isi file .txt
Tabel 4.3 Tabel Dokumen
Kolom Tipe Data
Panjang Karakter
Keterangan PK FK Tabel Asal
id_pengguna int 11 Y nomer_dokumen varchar 30 Y tanggal_dokumen date nilai double cicilan double saldo_ex_giro double saldo_giro double tggl_jatuh_tempo date kode_jaja varchar 30
4.3.5 Desain Input/Output
Desain input output digunakan untuk memberikan gambaran terhadap
desain aplikasi yang akan dibangun. Berikut ini adalah desain input output dari
Aplikasi Visualisasi Sistem Informasi Akuntansi. Yang terdiri dari halaman untuk
pengguna.
A Halaman Pengguna
Halaman admin digunakan untuk admin menginputkan data-data yang
dan mengelola data-data yang ada. Disini pengguna oleh bagian Accounting
Supervisior yang mempunyai kewenangan mengelola data-data.
49
A.1. Login Pengguna
Halaman login ini digunakan oleh pengguna untuk masuk ke aplikasi
berdasarkan username dan password . Seperti terlihat pada gambar 4.17
USERNAME
PASSWORD
login
Login
Logo
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXX
Gambar 4.17 Desain Form Login Pengguna
A.2. Home Dasboard
Halaman Utama ini digunakan oleh pengguna untuk melihat informasi,
jumlah faktur, presentase faktur masing-masing, dan jumlah faktur masing-masing
berdasarkan periode yang sudah di tentukan. Untuk lebih jelasnya dapat dilihat
pada gambar 4.18.
Gambar Grafik Batang
Gambar Pie Chart
Presentase Jumlah Faktur
Jumlah Faktur
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
Total Nilai Faktur Masing-masing
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Gambar 4.18. Desain I/O Halaman Utama
50
A.3. Input Periode
Halaman input periode digunakan untuk menentukan periode yang ingin
diketahui informasinya. Seperti terlihat pada gambar 4.19.
ButtonXXXX
Gambar 4.19 Desain Input Periode
A.4. Halama File
Halaman file digunakan untuk mengolah file yang sudah pernah di
upload. Seperti terlihat pada gambar 4.20.
Accounting DasboardLogo Enseval LogOut
Input Periode
Daftar Upload File
Nomor File Nama File Tggl Upload Jam Upload Action
xxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxx Hapus
Gambar 4.20. Halaman File
51
A.5. Home Pembayaran
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran, meliputi, pebayaran tunai, credit 1 sampai 7 hari, credit 8 sampai 30
hari, dan credit lebih dari 30 hari. Seperti terlihat pada gambar 4.21.
Gambar Pie Chart
Presentase Pembayaran
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
Total Nilai Pembayaran Masing-masing
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Gambar 4.21. home pembayaran
A.6. Pembayaran Tunai
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran tunai berupa grafik dan tabel. Seperti terlihat pada gambar 4.22.
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
Gambar 4.22. Desain I/O pembayaran tunai
52
A.6. Pembayaran Credit 1 sampai 7 hari
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran credit 1 sampai 7 hari yang berupa grafik dan tabel. Seperti terlihat
pada gambar 4.23.
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
Gambar 4.23. Desain I/O pembayaran credit 1 – 7 hari.
A.7. Pembayaran Credit 8 – 30 Hari
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran credit 8 sampai 30 hari yang berupa grafik dan tabel. Seperti terlihat
pada gambar 4.24.
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
53
Gambar 4.24. Desain I/O pembayaran credit 8 – 30 hari.
A.7. Pembayaran Credit lebih dari 30 hari
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran credit lebih dari 30 hari yang berupa grafik dan tabel. Seperti terlihat
pada gambar 4.25.
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
Gambar 4.25. Desain I/O pembayaran lebih dari 30 hari
54
A.8. Desain I/O Home Faktur
Halaman Home Pembayaran digunakan untuk melihat informasi jumlah
faktur, presentase jumlah faktur, dan total setiap faktur. Seperti terlihat pada
gambar 4.26.
Gambar Pie Chart
Presentase Jumlah Faktur
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
Total Nilai Pembayaran Masing-masing
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Bar Chart Legend
Gambar 4.26. Desain I/O home faktur
A.9. Desain I/O Faktur reguler
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur reguler yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.27.
55
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
Gambar 4.27. Desain I/O faktur reguler
A.10. Desain I/O Faktur Canvas
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur Canvas yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.28.
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
Gambar 4.28. Desain I/O faktur Canvas
56
A.11. Desain I/O Faktur Tender
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur Tender yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.29.
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
Gambar 4.29. Desain I/O faktur Tender
A.12. Desain I/O Faktur Diskon
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur diskon yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.30.
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
Gambar 4.30. Desain I/O faktur Diskon
57
A.13. Desain I/O Faktur Retur
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur retur yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.31.
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Input Periode
Print Out
Gambar Grafik Garis
Grafik Legend
Tabel
Gambar 4.31. Desain I/O faktur Retur
A.14. Desain I/O Laporan Informasi Pembayaran
Laporan Informasi Pembayaran digunakan untuk melihat informasi
pembayaran, meliputi, pebayaran tunai, credit 1 sampai 7 hari, credit 8 sampai 30
hari, dan credit lebih dari 30 hari. Seperti terlihat pada gambar 4.32.
58
Gambar Pie Chart
Presentase Pembayaran
Accounting DasboardLogo Enseval
LogOut
Laporan xxxxxxxxx-xxxxx
Total Nilai Pembayaran Masing-masing
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Print Out
Gambar Grafik Garis
Grafik Legend
Laporan Pembayaran
Gambar 4.32. Desain I/O Laporan Informasi Pembayaran
A.14. Desain I/O Laporan Informasi Faktur
Laporan Iformasi Faktur digunakan untuk melihat informasi jumlah
faktur, presentase jumlah faktur, dan total setiap faktur. Seperti terlihat pada
gambar 4.33.
Gambar Pie Chart
Presentase Jumlah Faktur
Accounting DasboardLogo Enseval LogOut
Laporan xxxxxxxxx-xxxxx
Total Nilai Pembayaran Masing-masing
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Print Out
Gambar Grafik Garis
Grafik Legend
Bar Chart Legend
Faktur Bulanan
Gambar 4.33. Desain I/O Laporan Faktur
59
4.3.5 Interface Aplikasi
Interface aplikasi disini merupakan capture tiap halaman dari Aplikasi
Visualisasi Sistem Informasi Akuntansi. Yang terdiri dari halaman untuk
pengguna.
A Halaman Pengguna
Halaman admin digunakan untuk admin menginputkan data-data yang
dan mengelola data-data yang ada. Disini pengguna oleh bagian Accounting
Supervisior yang mempunyai kewenangan mengelola data-data.
A.1. Interface Aplikasi Login Pengguna
Halaman login ini digunakan oleh pengguna untuk masuk ke aplikasi
berdasarkan username dan password . Seperti terlihat pada gambar 4.34
Gambar 4.34 Login Pengguna
60
A.2. Interface Aplikasi Home Dasboard
Halaman Utama ini digunakan oleh pengguna untuk melihat informasi,
jumlah faktur, presentase faktur masing-masing, dan jumlah faktur masing-masing
berdasarkan periode yang sudah di tentukan. Untuk lebih jelasnya dapat dilihat
pada gambar 4.35.
Gambar 4.35. Halaman Utama
A.3. Interface Aplikasi Input Periode
Halaman input periode digunakan untuk menentukan periode yang ingin
diketahui informasinya. Seperti terlihat pada gambar 4.36.
Gambar 4.36 Input Periode
61
A.4. Interface Aplikasi Halama File
Halaman file digunakan untuk mengolah file yang sudah pernah di
upload. Seperti terlihat pada gambar 4.37.
Gambar 4.37. Halaman File
A.5. Interface Aplikasi Home Pembayaran
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran, meliputi, pebayaran tunai, credit 1 sampai 7 hari, credit 8 sampai 30
hari, dan credit lebih dari 30 hari. Seperti terlihat pada gambar 4.38.
Gambar 4.38. home pembayaran
62
A.6. Interface Aplikasi Pembayaran Tunai
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran tunai berupa grafik dan tabel. Seperti terlihat pada gambar 4.39.
Gambar 4.39. Pembayaran tunai
A.6. Interface Aplikasi Pembayaran Credit 1 sampai 7 hari
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran credit 1 sampai 7 hari yang berupa grafik dan tabel. Seperti terlihat
pada gambar 4.40.
Gambar 4.40. pembayaran credit 1 – 7 hari.
63
A.7. Interface Aplikasi Pembayaran Credit 8 – 30 Hari
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran credit 8 sampai 30 hari yang berupa grafik dan tabel. Seperti terlihat
pada gambar 4.41.
Gambar 4.41. Pembayaran credit 8 – 30 hari.
A.7. Interface Aplikasi Pembayaran Credit lebih dari 30 hari
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran credit lebih dari 30 hari yang berupa grafik dan tabel. Seperti terlihat
pada gambar 4.42.
Gambar 4.42. Pembayaran lebih dari 30 hari
64
A.8. Interface Aplikasi Home Faktur
Halaman Home Pembayaran digunakan untuk melihat informasi jumlah
faktur, presentase jumlah faktur, dan total setiap faktur. Seperti terlihat pada
gambar 4.43.
Gambar 4.43. Home faktur
A.9. Interface Aplikasi Faktur reguler
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur reguler yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.44.
Gambar 4.44. Desain I/O faktur reguler
65
A.10. Interface Aplikasi Faktur Canvas
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur Canvas yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.45.
Gambar 4.45. Faktur Canvas
A.11. Inferface Aplikasi Faktur Tender
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur Tender yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.46.
Gambar 4.46. Faktur Tender
66
A.12. Interface Aplikasi Faktur Diskon
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur diskon yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.47.
Gambar 4.47. Faktur Diskon
A.13. Interface AplikasiFaktur Retur
Halaman Home Pembayaran digunakan untuk melihat informasi
pembayaran faktur retur yang berupa grafik dan tabel. Seperti terlihat pada
gambar 4.48.
67
Gambar 4.48. Faktur Retur
A.14. Interface Aplikasi Laporan Informasi Pembayaran
Laporan Informasi Pembayaran digunakan untuk melihat informasi
pembayaran, meliputi, pebayaran tunai, credit 1 sampai 7 hari, credit 8 sampai 30
hari, dan credit lebih dari 30 hari. Seperti terlihat pada gambar 4.49.
Gambar 4.49. Interface Aplikasi Laporan Informasi Pembayaran