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 datadata 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. Prosesproses 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 Acounting Supervisi
Dasboard System
Start Alert User & Pass Salah
Input User & Password
Login
Pengguna
Menampilkan User & Pass Salah
Benar? T Y Menampilkan Menu Dasboard
Menu Dasboard
End
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 Acounting Supervisi
Dasboard System
Alert File Sudah Pernah di Upload
Start
Memilih File
Menampilkan Alert File Tidak Sesuai
Alert File Tidak Sesuai
Mengecek Type File T
Apakah Tipe File .txt?
Y File Mengecek File yang tersedia
File Pernah Di Upload?
Y
Membaca File .txt
Proses Alert File Sudah Pernah Di Upload
File
Menyimpan nama file (nama file, tanggal, dan jam upload)
Menyimpan Isi dari file .txt
Finish
Gambar 4.4 System Flow Proses Upload
dokumen
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 Acounting Supervisi
Dasboard System
Start
Menampilkan List File Upload
Memilih menu list
File
List File Upload
Mengolah File
Menghapus?
Y
Mengapus File
T
Menampilkan List File Upload
List File Upload
Finish
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 Acounting Supervisi
Dasboard System
Start Menampilkan Menu Pembayaran Memilih menu pembayaran
Menu Pembayaran
Periode
Mengecek Periode Y
Menentukan Periode
Menentukan Periode?
T
Menampilkan Informasi Data Pembayaran periode terbaru
a
Finish
Dokumen
Menampilkan Informasi Data Pembayaran periode terakhir dilihat
Dokumen Informasi Data Pembayaran
Informasi Data Pembayaran
Mencetak Informasi Data Pembayaran
a
Y Mencetak Menampilkan Informasi Data Pembayaran
Cetak?
T
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 Acounting Supervisi
Dasboard System
Start Menampilkan Menu Faktur bulanan Memilih menu Faktur Bulan
Menu Faktur yang ingin dipilih
Periode
Mengecek Periode Y
Menentukan Periode
Menentukan Periode? Menampilkan Informasi Data Transaksi Faktur
a
T
Finish
Dokumen
Menampilkan Informasi Data Pembayaran periode terakhir dilihat
Dokumen Informasi Data Transaksi Faktur
a Informasi Data Transaksi Faktur
Mencetak Informasi Data Transaksi Faktur
Y Mencetak Menampilkan Informasi Data Transaksi Faktur
Cetak?
T
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 0 User & Pass data alert login gagal
data menu dasboard data file alert data file eror
alert file tersedia data menu list upload
data even upload data even hapus data list file upload data list file upload
Pengguna data periode
APLIKASI VISUALISASI SISTEM INFORMASI AKUNTANSI BERBASIS WEB
info data pembayaran
data menu pembayaran
data even cetak
data dokumen info pembayaran
info data pembayaran
data menu faktur penjualan data faktur penjualan data info faktur penjualan data periode data even cetak
+
dokumen info faktur
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
1
2
3
4
Upload File
Mengolah File
Menampilkan Data Laporan Pembayaran
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 User & Pass data alert login gagal Pengguna 1
pengguna
1 data menu dasboard
t pengguna di baca
login
alert file tersedia Pengguna
2
file
proses1 data even upload
2 alert data file eror
TFile Dibaca TFile disimpan TDokumen dibaca
upload
+
data file
3
dokumen
proses2 TDokumen disimpan Pengguna Pengguna data even hapus 3 data menu list upload data list file upload data list file upload
mengelolah File
TFile Dibaca
2
file
TFile dibaca
+
TFile disimpan
data periode info data pembayaran data periode
dokumen info faktur Pengguna Pengguna Pengguna
info data pembayaran Pengguna Pengguna Pengguna Pengguna
data menu faktur penjualan data menu pembayaran
5 data faktur penjualan data even cetak data info faktur penjualan
4 data dokumen info pembayaran data even cetak
menampilkan data laporan pembayaran
+
menampilkan data faktur
proses4 proses3
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.
login [proses1]
2.1 2.2 [data even upload] [TFile Dibaca] 2
file
[data file] proses cek tipe data
Pengguna Pengguna
proses1
proses cek data txt
[alert data file eror]
[alert file tersedia] Pengguna proses2
Pengguna
2 3
file
2.3
dokumen
[TFile disimpan] proses menyimpan data
[TDokumen dibaca]
[proses2] mengelolah File [TDokumen disimpan]
3
dokumen
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
upload
2
file
[proses2]
[data menu list upload] 3.1 proses menampilkan data file
[data list file upload]
Pengguna Pengguna
proses1
[TFile disimpan]
[TFile [TFile Dibaca] dibaca]
2
file
3.2 proses hapus file
[data even hapus]
Pengguna
[proses3] menampilkan data laporan
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
[proses3]File mengelolah 4.1 Pengguna Pengguna
menentukan periode
[data periode]
proses
[data menu pembayaran]
data pilih grafik Pengguna Pengguna Pengguna
4.2 [info data pembayaran] menampilkan data grafik pie bar
[info data pembayaran]
data dokumen 4
dokumen4
proses
4.3 [proses4]
[data dokumen info pembayaran] Pengguna
menampilkan data faktur mencetak laporan
[data even cetak] Pengguna
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
menampilkan data laporan pembayaran [proses4]
5.1 [data periode] Pengguna Pengguna [data faktur penjualan]
menentukan periode
proses
5.2 [data menu faktur penjualan] Pengguna Pengguna [data info faktur penjualan]
data dokumen
6
dokumen6
menampilkan grafik pie bar faktur
proses
5.3 Pengguna
[data even cetak]
Pengguna [dokumen info faktur]
mencetak data faktur
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. file id_file nama_file tgl_upload jam_upload
pengguna id_pengguna us ername password
mengunggah
mengimport
dokumen id_dokumen nomer_dokumen tanggal_dokumen nilai cicilan saldo_ex_giro saldo_giro tggl_jatuh_tempo kode_jaja
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. PENGGUNA ID_PENGGUNA USERNAME PASSWORD
integer varchar(20) varchar(30)
ID_PENGGUNA = ID_PENGGUNA ID_PENGGUNA = ID_PENGGUNA
FILE ID_FILE ID_PENGGUNA NAMA_FILE TGL_UPLOAD JAM_UPLOAD
integer integer varchar(30) date time
DOKUMEN ID_DOKUMEN ID_PENGGUNA NOMER_DOKUMEN TANGGAL_DOKUMEN NILAI CICILAN SALDO_EX_GIRO SALDO_GIRO TGGL_JATUH_TEMPO KODE_JAJA
integer integer varchar(25) date double double double double date varchar(30)
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 datadata 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 Panjang Karakter
Keterangan
id_pengguna Int
11
Y
username
Int
11
password
varchar
30
Tipe Data
Kolom
PK FK Tabel Asal
A.2 Tabel File Primary Key : ID_FILE Foreign Key : ID_PENGGUNA Fungsi
: Menyimpan data File Tabel 4.2 Tabel File
Tipe Data id_file int id_pengguna int nama_file int tgl_upload date jam_upload time Kolom
Panjang Karakter
PK 11 Y 11 30
Keterangan FK Tabel Asal Y
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
Tipe Data id_pengguna int nomer_dokumen varchar tanggal_dokumen date nilai double cicilan double saldo_ex_giro double saldo_giro double tggl_jatuh_tempo date kode_jaja varchar Kolom
Panjang Karakter
Keterangan PK FK Tabel Asal 11 Y 30 Y
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 XXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXX
Login
USERNAME Logo
PASSWORD login
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.
Input Periode
Logo Enseval
Accounting Dasboard
Presentase Jumlah Faktur Jumlah Faktur
Laporan xxxxxxxxx-xxxxx
Total Nilai Faktur Masing-masing
Gambar Pie Chart
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x
Gambar Grafik Batang
Gambar 4.18. Desain I/O Halaman Utama
LogOut
50
A.3. Input Periode Halaman input periode digunakan untuk menentukan periode yang ingin diketahui informasinya. Seperti terlihat pada gambar 4.19. XXXX
Button
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.
Input Periode
Logo Enseval
Accounting Dasboard
Daftar Upload File Nomor File
xxxxxxxxxxxxx
Nama File
xxxxxxxxxxxxx
Tggl Upload
Jam Upload
Action
xxxxxxxxxxxxx
xxxxxxxxxxxxx
Hapus
Gambar 4.20. Halaman File
LogOut
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.
Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Presentase Pembayaran Total Nilai Pembayaran Masingmasing Laporan xxxxxxxxx-xxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Print Out
x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x
Gambar Pie Chart
Grafik Legend Gambar Grafik Garis
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. Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend Gambar Grafik Garis
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Print Out
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. Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x
Gambar Grafik Garis
Print Out
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. Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend Gambar Grafik Garis
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Print Out
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. Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend Gambar Grafik Garis
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Print Out
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.
Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Presentase Jumlah Faktur Total Nilai Pembayaran Masingmasing xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar Pie Chart
x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x
Laporan xxxxxxxxx-xxxxx Print Out
Bar Chart Legend
Grafik Legend Gambar Grafik Garis
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
Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x
Gambar Grafik Garis
Print Out
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. Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend Gambar Grafik Garis
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Print Out
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. Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x
Gambar Grafik Garis
Print Out
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. Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend Gambar Grafik Garis
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Print Out
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. Input Periode
Logo Enseval
Accounting Dasboard
LogOut
Laporan xxxxxxxxx-xxxxx Grafik Legend Gambar Grafik Garis
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x Print Out
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
Logo Enseval
Accounting Dasboard Laporan Pembayaran
LogOut
Presentase Pembayaran Total Nilai Pembayaran Masingmasing xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x
Gambar Pie Chart
Laporan xxxxxxxxx-xxxxx Print Out
Grafik Legend Gambar Grafik Garis
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. Logo Enseval
Accounting Dasboard Faktur Bulanan
LogOut
Presentase Jumlah Faktur Total Nilai Pembayaran Masingmasing xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar Pie Chart
x xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x
Laporan xxxxxxxxx-xxxxx Print Out
Bar Chart Legend
Grafik Legend Gambar Grafik Garis
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
68
A.14. Interface Aplikasi Laporan Informasi Faktur Laporan Iformasi Faktur digunakan untuk melihat informasi jumlah faktur, presentase jumlah faktur, dan total setiap faktur. Seperti terlihat pada gambar 4.50.
Gambar 4.50. Laporan Faktur
