BAB IV DESKRIPSI PEKERJAAN. kesalahan di dalam tahap ini akan menyebabkan juga kesalahan di tahap

Transkripsi

1 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

2 28 2. Bagian accounting supervisior melihat laporan yang telah di pilih, dan menyimpan ke dalam bentuk Tet (.tt) 3. Proses selanjutnya bagian accounting supervisior membuka file tet (.tt) menggunakan aplikasi bantuan yaitu Microsoft Ecel 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.

3 29 Gambar 4.1 System Flow proses simpan laporan data akuntansi.tt 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 ecel, dan data yang di tampilkan tidak informatif karena berupa datadata yang masih belum di olah.

4 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, Contet 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

5 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, Contet Diagram, Hierarchical Input Process Output (HIPO), Data Flow Diagram (DFD), Entity Relational Diagram (ERD) dan struktur tabel 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 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

6 32 Proses Login Acounting Supervisi Dasboard System Start Alert User & Pass Salah Input User & Password Login Benar? Menampilkan User & Pass Salah 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.tt dan selanjutnya menyimpan nama file,

7 33 tanggal upload, jam upload, dan menyimpan isi dari file.tt. Untuk lebih jelasnya dapat dilihat pada gambar 4.4. Proses Upload Acounting Supervisi Dasboard System Start Alert File Sudah Pernah di Upload Memilih File Alert File Tidak Sesuai Menampilkan Alert File Tidak Sesuai Mengecek Type File T Apakah Tipe File.tt? Y File Mengecek File yang tersedia File Pernah Di Upload? Y Proses Alert File Sudah Pernah Di Upload Membaca File.tt File Menyimpan nama file (nama file, tanggal, dan jam upload) Menyimpan Isi dari file.tt dokumen Finish Gambar 4.4 System Flow Proses Upload

8 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.

9 35 MengolahFile Acounting Supervisi Dasboard System Start Memilih menu list Menampilkan List File Upload 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

10 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 Memilih menu pembayaran Menampilkan 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 a Informasi Data Pembayaran Mencetak Informasi Data Pembayaran Y Mencetak Menampilkan Informasi Data Pembayaran Cetak? T Gambar 4.6 System Flow Proses menampilkan Informasi Pembayaran

11 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.

12 38 Menampilkan Informasi Transaksi Penjualan Acounting Supervisi Dasboard System Start Memilih menu Faktur Bulan Menampilkan Menu Faktur bulanan Menu Faktur yang ingin dipilih Periode Mengecek Periode Y Menentukan Periode Menentukan Periode? T Menampilkan Informasi Data Transaksi Faktur a 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

13 DFD (Data Flow Diagram) A. Contet Diagram Pada contet diagram Contet diagram tersebut dapat dilihat pada Gambar 4.8 Contet 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 data periode info data pembayaran APLIKASI VISUALISASI SISTEM INFORMASI AKUNTANSI BERBASIS WEB 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. Contet Diagram aplikasi visualisasi sistem informasi akuntansi

14 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 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 contet 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

15 41 level 0 tersebut memiliki empat buah database yaitu database data pengguna, data file, dan data dokumen User & Pass data alert login gagal 1 pengguna 1 data menu dasboard login t pengguna di baca alert file tersedia data even upload proses1 2 file alert data file eror data file 2 upload + TFile Dibaca TFile disimpan TDokumen dibaca proses2 TDokumen disimpan 3 dokumen data even hapus 3 data menu list upload data list file upload data list file upload mengelolah File + TFile Dibaca TFile dibaca 2 file TFile disimpan info data pembayaran data periode info data pembayaran data periode dokumen info faktur data menu faktur penjualan data menu pembayaran 5 data dokumen info pembayaran data even cetak 4 menampilkan data laporan pembayaran + proses3 data faktur penjualan data even cetak data info faktur penjualan proses4 menampilkan data faktur + 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.tt, dan proses menyimpan isi data.tt, dan proses-proses

16 42 tersebut juga berinteraksi dengan beberapa tabel. Untuk lebih jelasnya lihat pada gambar login [proses1] [data even upload] [data file] [alert data file eror] proses cek tipe data proses1 proses2 proses cek data tt [TFile Dibaca] 2 file [alert file tersedia] 2 file 3 dokumen 2.3 [TDokumen dibaca] proses menyimpan data [TDokumen disimpan] [proses2] [TFile disimpan] mengelolah File 3 dokumen Gambar 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.

17 43 upload 2 file [proses2] [data menu list upload] [data list file upload] proses1 3.1 proses menampilkan data file [TFile Dibaca] dibaca] [TFile disimpan] 2 file 3.2 proses hapus file [data even hapus] [proses3] menampilkan data laporan Gambar 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.

18 44 mengelolah [proses3] File [data periode] [data menu pembayaran] 4.1 menentukan periode proses data pilih grafik 4.2 [info data pembayaran] [info data pembayaran] menampilkan data grafik pie bar data dokumen 4 dokumen4 proses 4.3 [data dokumen info pembayaran] [proses4] mencetak laporan [data even cetak] menampilkan data faktur Gambar 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.

19 45 menampilkan data laporan pembayaran [proses4] 5.1 [data periode] [data faktur penjualan] menentukan periode proses 5.2 [data menu faktur penjualan] [data info faktur penjualan] menampilkan grafik pie bar faktur data dokumen 6 dokumen6 proses 5.3 [data even cetak] [dokumen info faktur] mencetak data faktur Gambar DFD Level 1 Menampilkan data Faktur 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

20 46 Physical Data Model (PDM). Untuk lebih jelasnya dapat dilihat pada gambar file id_file nama_file tgl_upload jam_upload mengunggah pengguna id_pengguna us ername password mengimport dokumen id_dokumen nomer_dokumen tanggal_dokumen nilai cicilan saldo_e_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. ID_FILE ID_PENGGUNA NAMA_FILE T GL _UPL OAD JAM_UPLOAD FILE ID_PENGGUNA USERNAME PASSWORD PENGGUNA integer varchar(20) varchar(30) ID_PENGGUNA = ID_PENGGUNA ID_PENGGUNA = ID_PENGGUNA 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 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.

21 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 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 Kolom Tipe Data Tabel 4.2 Tabel File Panjang Karakter id_file int 11 Y id_pengguna int 11 Y nama_file int 30 tgl_upload date jam_upload time Keterangan PK FK Tabel Asal

22 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.tt Kolom Tipe Data Tabel 4.3 Tabel Dokumen Panjang Karakter id_pengguna int 11 Y nomer_dokumen varchar 30 Y tanggal_dokumen date nilai double cicilan double saldo_e_giro double saldo_giro double tggl_jatuh_tempo date kode_jaja varchar 30 Keterangan PK FK Tabel Asal 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 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.

23 49 A.1. Login 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 PASSWORD Logo login Gambar 4.17 Desain Form Login 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 Input Periode Logo Enseval Accounting Dasboard LogOut Presentase Jumlah Faktur Jumlah Faktur Laporan - Total Nilai Faktur Masing-masing Gambar Pie Chart Gambar Grafik Batang Gambar Desain I/O Halaman Utama

24 50 A.3. Input Periode Halaman input periode digunakan untuk menentukan periode yang ingin diketahui informasinya. Seperti terlihat pada gambar 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 Input Periode Logo Enseval Accounting Dasboard LogOut Daftar Upload File Nomor File Nama File Tggl Upload Jam Upload Action Hapus Gambar Halaman File

25 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 Input Periode Logo Enseval Accounting Dasboard LogOut Presentase Pembayaran Gambar Pie Chart Total Nilai Pembayaran Masingmasing Laporan - Print Out Grafik Legend Gambar Grafik Garis Gambar home pembayaran A.6. Pembayaran Tunai Halaman Home Pembayaran digunakan untuk melihat informasi pembayaran tunai berupa grafik dan tabel. Seperti terlihat pada gambar Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel Gambar Desain I/O pembayaran tunai

26 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 Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel Gambar 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 Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel

27 53 Gambar 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 Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel Gambar Desain I/O pembayaran lebih dari 30 hari

28 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 Input Periode Logo Enseval Accounting Dasboard LogOut Presentase Jumlah Faktur Gambar Pie Chart Total Nilai Pembayaran Masingmasing Laporan - Print Out Bar Chart Legend Grafik Legend Gambar Grafik Garis Gambar 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.

29 55 Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel Gambar 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 Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel Gambar Desain I/O faktur Canvas

30 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 Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel Gambar 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 Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel Gambar Desain I/O faktur Diskon

31 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 Input Periode Logo Enseval Accounting Dasboard LogOut Laporan - Grafik Legend Gambar Grafik Garis Print Out Tabel Gambar 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.

32 58 Logo Enseval Accounting Dasboard Laporan Pembayaran LogOut Presentase Pembayaran Gambar Pie Chart Total Nilai Pembayaran Masingmasing Laporan - Print Out Grafik Legend Gambar Grafik Garis Gambar 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 Logo Enseval Accounting Dasboard Faktur Bulanan LogOut Presentase Jumlah Faktur Gambar Pie Chart Total Nilai Pembayaran Masingmasing Laporan - Print Out Bar Chart Legend Grafik Legend Gambar Grafik Garis Gambar Desain I/O Laporan Faktur

33 Interface Aplikasi Interface aplikasi disini merupakan capture tiap halaman dari Aplikasi Visualisasi Sistem Informasi Akuntansi. Yang terdiri dari halaman untuk pengguna. A Halaman 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 Halaman login ini digunakan oleh pengguna untuk masuk ke aplikasi berdasarkan username dan password. Seperti terlihat pada gambar 4.34 Gambar 4.34 Login

34 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 Gambar Halaman Utama A.3. Interface Aplikasi Input Periode Halaman input periode digunakan untuk menentukan periode yang ingin diketahui informasinya. Seperti terlihat pada gambar Gambar 4.36 Input Periode

35 61 A.4. Interface Aplikasi Halama File Halaman file digunakan untuk mengolah file yang sudah pernah di upload. Seperti terlihat pada gambar Gambar 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 Gambar home pembayaran

36 62 A.6. Interface Aplikasi Pembayaran Tunai Halaman Home Pembayaran digunakan untuk melihat informasi pembayaran tunai berupa grafik dan tabel. Seperti terlihat pada gambar Gambar 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 Gambar pembayaran credit 1 7 hari.

37 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 Gambar 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 Gambar Pembayaran lebih dari 30 hari

38 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 Gambar 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 Gambar Desain I/O faktur reguler

39 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 Gambar 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 Gambar Faktur Tender

40 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 Gambar 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.

41 67 Gambar 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 Gambar Interface Aplikasi Laporan Informasi Pembayaran

42 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 Gambar Laporan Faktur