BAB III ANALISA DAN PERANCANGAN SISTEM
Gambaran Umum Perusahaan
3.1
PGAS Solution sebagai bagian dari PGN Group didirikan dengan maksud dapat mendukung PT Perusahaan Gas Negara (Persero) Tbk dibidang keteknikan. PGAS Solution siap mendukung PGN sebagai induk perusahaan yang hadir dan siap meneruskan energi baik ke area yang lebih luas lagi, sehingga keramahan energy ini dapat menumbuhkan harapan baru bagi masyarakat dan lingkungan disekitarnya. PGAS Solution menjadi salah satu anak perusahaan yang siap terjun secara langsung untuk memastikan bahwa energy ini dapat sampai kepada tujuannya tanpa terbuang sia-sia. PGAS Solution mengontrol, dan menjaga seluruh jaringan pipa milik PGN. 3.1.1
Bidang Usaha PGAS Solution PGAS solution memiliki bidang usaha Operation & Maintenance,
Engineering, EPC & Trading. Masing-masing bidang usaha tersebut meliputi kegiatan-kegiatan berikut:
Bidang Operation & Maintenance : Pipeline Operation, Station Facility Operation, Metering System Operation & Emergency and Repair Services
Bidang Engineering : Consultancy Services, Feedm Basic Design, Assessment & Survey
Bidang EPC : Detail Design, Contruction services, Technical Inspection, Procrument & Commissioning
Bidang Trading : Agent of Engineering Software, Agent of IT Technology & Agent of Oil and gas Product.
3.1.2
Slogan, Visi dan Misi Perusahaan Sebagai sebuah perusahaan jasa konstruksi insfrastruktur energi, PGAS
Solution memiliki slogan “Service for Excelence”, visi nya adalah menjadi partner yang dapat diandalkan dibidang infrastruktur energi. Sedangkan misi
34
http://digilib.mercubuana.ac.id/
35
perusahaan adalah menyediakan solusi yang inovatif dengan membangun: Sumber daya yang kuat, Jaringan kerjasama yang luas & tata kelola perusahaan yang baik untuk meningkatkan nilai stakeholder. 3.1.3
Budaya Perusahaan PT PGAS Solution memiliki 8 (delapan) nilai inti budaya yang diambil
dari kalimat “Solution” pada nama perusahaan, yakni:
S - Service Excelence : Senantiasa memberikan pelayanan terbaik untuk meningkatkan kepuasan pelanggan.
O - On Target : Pro Aktif & Focus Mencapai Target.
L – Loyalty : Setia, loyal & Patuh terhadap perusahaan.
U- Unstopable Improvement : Melakukan perbaikan berkelanjutan disetiap bidang.
T- Team Work: Menjunjung Tinggi Nilai-nilai kebersamaan.
I – Integrity : Memiliki Integritas dalam melaksanakan tugas & tanggung jawab.
O- Optimist : Yakin dalam menjalankan tugas & Kewajiban.
N – No Compromise to Safety : Mengutamakan Keselamatan, kesehatan kerja & peduli terhadap lingkungan.
http://digilib.mercubuana.ac.id/
36
3.1.4
Struktur PGAS Solution Secara umum struktur organisasi pada PT PGAS Solution dapat dilihat
pada gambar dibawah ini: STRUKTUR ORGANISASI PT PGAS SOLUTION
DIREKTUR UTAMA
BAGIAN PENGENDALIAN KINERJA
DEPARTEMEN SDM
DEPARTEMEN IT
DIREKTUR KEUANGAN DAN ADMINISTRASI
DIREKTUR TEKNIK DAN OPERASI
DIREKTUR SDM
DEPARTEMEN KOMERSIAL
BIRO HUKUM
DEPARTEMEN ENGINEERING
DEPARTEMEN OPERASI
DEPARTEMEN EPC
DEPARTEMEN KEUANGAN
DEPARTEMEN PENGADAAN DAN ADMINISTRASI
Gambar 3.1 Struktur organisasi PT PGAS Solution
Struktur organisasi tersebut diatas merupakan struktur organisasi secara keseluruhan, namun pada laporan skripsi ini penulis hanya membahas pada direktorat administrasi & keuangan bagian departemen keuangan sebagai pengguna dari aplikasi pelaporan keuangan kantor area (Siska) yang dibangun. 3.1.5
Divisi Keuangan Berikut ini struktur organisasi pada direktorat keuangan & administrasi bagian departemen keuangan :
http://digilib.mercubuana.ac.id/
DEPARTEMEN HSE
37
Direktur Keuangan & Administrasi
Departmen Keuangan
Akuntansi
Departmen Pengadaan & Administrasi
Perpajakan
Akuntansi
Verifikasi
Perpajakan
Pendanaan
Anggaran
Pembayaran
KEUANGAN PROYEK
Gambar 3.2. Struktur Organisasi Divisi Keuangan Pada struktur organisasi departemen keuangan diatas, departemen keuangan merupakan bagian dari direktorat keuangan dan administrasi. Departemen keuangan terbagi menjadi 2 sub departmen yang dikepalai oleh seorang manager yaitu : 1) Akuntansi Sub departemen akuntansi terdiri dari 3 (tiga) bagian yang masing-masing bertanggung jawab terhadap manager akuntansi yang terdiri dari:
Akuntansi
Perpajakan
Anggaran
2) Perbendaharaan Sub departemen perbendaharaan terdiri dari 4 (empat) bagian yang masingmasing bertanggung jawab terhadap manager perbendaharaan yang terdiri dari:
Verifikasi
Pendanaan
Pembayaran
http://digilib.mercubuana.ac.id/
38
Keuangan project
3.2 Diagram Alir Proses Pengajuan Anggaran Diagram alir proses pengajuan RAB dan dropping anggaran dapat dilihat pada gambar dibawah ini: Workflow Proses Laporan Keuangan
Management Kantor Pusat
Management Kantor Pusat
Pejabat Kantor Pusat
Pejabat Area
Staff Area
Process
Membuat dan menyerahkan RAB bulan berikutnya ke fungsi keuangan
Kantor Area
Kantor Wilayah
Kantor Pusat
Admin Area
Review & Aproval Pejabat Area & Wilayah Site Manager
Koordinator Wilayah
Review & Aproval Pejabat Pusat Cost Control Kantor Pusat
Aproval GM General Manager Operation
Aproval Manager Keuangan Manager Keuangan
Gambar 3.3 Diagram Alir Proses Pengajuan Anggaran
http://digilib.mercubuana.ac.id/
39
3.3 Analisa Sistem Berjalan Berikut ini diagram analisa system berjalan (manual).
Analisa Sistem Berjalan (Manual) Area
RAB (Hard Copy)
Droping Dana (Rekening Bank)
Kantor Pusat
Evaluasi RAB Manual
Approval RAB
Tarik Dana
Dasar Untuk Evaluasi RAB Bulan Selanjutnya (Penambahan/Pengurangan Anggaran) Peti Cash - Pencatatan - Bon
Form-form Permintaan
Phase
Laporan Pengeluaran Bulanan
Gambar 3.4 Diagram Analisa Sistem Berjalan (manual)
http://digilib.mercubuana.ac.id/
40
Pada diagram diatas dapat dilihat bahwa semua proses pembuatan RAB, Evaluasi dan proses yang lain masih dilakukan secara manual. 3.4 Analisa Sistem Sistem Usulan Berdasarkan hasil riset yang dilakukan terhadap sistem pelaporan keuangan secara manual pada PT PGAS Solution tersebut diusulkan untuk merancang suatu aplikasi Sistem pelaporan keuangan yang dijalankan oleh bagian admin keuangan dikantor area dan kantor pusat dengan memanfaatkan teknologi yang ada pada framework Yii dengan bahasa pemrogramman PHP dan MySQL yang tentu saja harus disesuaikan dengan bisnis proses yang ada di PT PGAS Solution, untuk mempermudah perancangan sistem, perlu dibuat suatu diagram sistem usulan yang akan dipergunakan sebagai acuan untuk membangun aplikasi tersebut agar apa yang dibangun sesuai dengan requirement yang dibutuhkan oleh pengguna aplikasi tersebut. berikut ini diagram analisa sistem yang diusulkan :
http://digilib.mercubuana.ac.id/
41
Analisa Sistem Usulan (Sistem) Area
Proses
RAB (Hard Copy)
Kantor Pusat
Evaluasi RAB Oleh Sistem
N
RAB Approved?
Input RAB Yang sudah disetujui Y
Rekening Area
Droping Dana
Input Nilai Droping
Dasar Untuk Evaluasi RAB Bulan Selanjutnya (Penambahan/Pengurangan Anggaran)
Tarik Dana
Input Pengeluaran Bank
Peti Cash - Pencatatan - Bon
Form-form Permintaan
Input Pengeluaran Bank: - Harian - persekot - Pertanggung jawaban persekot
Phase
Laporan Pengeluaran Bulanan
Gambar 3.5 Diagram Analisa Sistem Usulan (Online)
Pada diagram diatas dapat dilihat bahwa semua proses pembuatan RAB, Evaluasi dan proses yang lain sudah dilakukan oleh system secara online.
http://digilib.mercubuana.ac.id/
42
3.4.1 Proses Bisnis Sistem Usulan
a. Proses penyusunan RAB Admin keuangan Kantor area bersama pejabat terkait menyusun RAB untuk pengajuan anggaran bulan selanjutnya, sebagai referensi pembuatan RAB bulan berjalan digunakan RAB bulan sebelumnya. b. Proses Evaluasi RAB oleh Keuangan Kantor Pusat Setelah document RAB dari Kantor-kantor Area masuk ke bagian keuangan kantor pusat, dilakukan evaluasi anggaran di RAB tersebut melalui system dengan berpatokan pada laporan pengeluaran bulan sebelumnya yang sudah ada disistem. c. Proses Droping Dana ke account Bank Kantor Area Setelah proses evaluasi selesai, RAB yang sudah di approved oleh fungsi keuangan kantor pusat, kemudian dilakukan transfer dana sesuai dengan jumlah RAB yang disetujui ke Rekening Area. Admin keuangan kantor area melakukan inputan data RAB yang sudah disetujui dan nilai droping dana yang sudah dilakukan ke system dibagian penerimaan Bank. d. Proses Penarikan Dana dikantor Area Setelah dana masuk ke rekening kantor area, admin keuangan kantor area sudah dapat melakukan penarikan dana dengan mengisi form persekot dan melakukan inputan pengeluaran di system dibagian Input pengeluaran Bank. Inputan pengeluaran ini bisa dilakukan harian dan pada setiap akhir bulan dilakukan rekapitulasi pengeluaran melalui system dan akan diproses menjadi laporan pengeluaran bulanan yang nantinya akan menjadi dasar untuk evaluasi pengajuan RAB bulan selanjutnya.
http://digilib.mercubuana.ac.id/
43
3.4.2 Use Case Diagram Sistem Usulan Berikut ini ditampilkan use case diagram untuk system usulan yang akan dibuat: APLIKASI SISTEM PELAPORAN KEUANGAN KANTOR AREA (SISKA) Melakukan Login
Mengolah Data User-Kas
Mengolah Data User-Bank
Mengolah Data Rekap Laporan Keuangan
Mengatur Konfigurasi Sistem
ADMIN AREA Upload Lampiran Laporan
Dropping Data Transaksi Bank
ADMIN SUPER
Menginput Data RAB
Mengolah Data User
Input Nilai Dropping
RAB
Cetak Laporan (Persekot, Pengeluaran, Bank, Kas)
<exclude>
Mengatur Permissions dan Otorisasi User
Backup Database
ADMIN
Gambar 3.6 Use Case Sistem Usulan
http://digilib.mercubuana.ac.id/
44
3.4.3 Activity Diagram Sistem usulan a. Activity diagram Admin
Membuka SISKA
Menampilkan Halaman Utama
Memilih Menu Login
Login Admin
T
Menampilkan Pesan Kesalahan
Y
Add User
Permissions Sistem
Backup Database
Otorisasi User
Gambar 3.7 Activity diagram Admin
http://digilib.mercubuana.ac.id/
45
b. Activity diagram AdminSuper (Setup)
Membuka SISKA
Menampilkan Halaman Utama
Memilih Menu Login
Login Admin Super
T
Menampilkan Pesan Kesalahan
Y
Mengolah Data User-Kas
Mengolah Data User-Bank
Mengolah Data Rekap Laporan Keuangan
Gambar 3.8 Activity diagram AdminSuper (Setup) c. Activity diagram AdminSuper (Master)
Membuka SISKA
Menampilkan Halaman Utama
Memilih Menu Login
Login Admin Super
T
Menampilkan Pesan Kesalahan
Y
Konfigurasi Sistem
Upload Lampiran Laporan
Olah Data User
Gambar 3.9 Activity diagram AdminSuper (Master)
http://digilib.mercubuana.ac.id/
46
d. Activity diagram AdminSuper (Droping)
Membuka SISKA
Menampilkan Halaman Utama
Memilih Menu Login
Login Admin Super
T
Menampilkan Pesan Kesalahan
Y Input Data RAB
Dropping Data Transaksi Bank
Cetak Laporan (Persekot, Pengeluaran, Bank, Kas
Gambar 3.10 Activity diagram AdminSuper (Droping) e. Activity Diagram AdminArea
Membuka SISKA
Menampilkan Halaman Utama
Memilih Menu Login
Login Admin Area
T
Menampilkan Pesan Kesalahan
Y
Input Nilai Dropping
Upload Lampiran Laporan
Cetak Laporan (Persekot, Pengeluaran, Bank, Kas
http://digilib.mercubuana.ac.id/
47
Gambar 3.11 Activity diagram AdminArea 3.4.4 Seguence Diagram Sistem Usulan a. Sequence Diagram Proses login
(ACTOR) Admin, AdminSuper, AdminArea
Halaman Login
:Pengelola Login
Login (username, password)
/Tampilkan Halaman Login/()
::Database User
Cek Login (username, password)
Mengirim informasi login gagal
Mengirim informasi login gagal
Mengirim informasi login gagal
Mengirim informasi login berhasil
Mengirim informasi login berhasil
Mengirim informasi login berhasil
Gambar 3.12 Sequence Diagram Proses Login
b. Sequence Diagram Proses Input Data user Kas & User Bank
(ACTOR) Admin, AdminSuper, AdminArea
Halaman Menu Olah Data
:Pengelola Data
Input Data ()
/Tampilkan Menu Olah Data/()
Informasi Input Berhasil
Informasi Input Berhasil
Edit Data () Informasi Edit Data Berhasil
Informasi Edit Data Berhasil
Delete Data ()
Informasi Data Berhasil Dihapus
Informasi Data Berhasil Dihapus
::Database User
Validasi Input Data() Informasi Input Berhasil
Validasi Edit Data() Informasi Edit Data Berhasil
Delete Data()
Informasi Data Berhasil Dihapus
Gambar 3.13 Sequence Diagram Proses input Data user kas & user Bank
http://digilib.mercubuana.ac.id/
48
c. Sequence Diagram Proses Mengolah Rekap Data Keuangan
(ACTOR) AdminSuper
Halaman Input Transaksi
Penerimaan Bank(no.rek, debit, currency, tanggal)
/Tampilkan Input Penerimaan Bank/()
Informasi Penerimaan Bank Berhasil Ditambahkan
Informasi Penerimaan Bank Berhasil Ditambahkan
/Tampilkan Input Pengeluaran Bank/()
Pengeluaran Bank(no.rek, crebit, currency, tanggal)
Informasi Penerimaan Bank Berhasil Ditambahkan
::Database Transaksi Bank
:Pengelola Input Transaksi
Tambahkan Penerimaan Bank(no.rek, debit, currency, tanggal)
Informasi Penerimaan Bank Berhasil Ditambahkan
Tambahkan Pengeluaran Bank(no.rek, crebit, currency, tanggal)
Informasi Penerimaan Bank Berhasil Ditambahkan
Informasi Penerimaan Bank Berhasil Ditambahkan
Gambar 3.14 Sequence Diagram Proses mengolah rekap data Keuangan
d. Sequence Diagram Proses Inputan data RAB
(ACTOR) AdminSuper
Halaman Data RAB
/Tampilkan Menu Input RAB/()
Informasi Data RAB berhasil DItambahkan
:Pengelola Input Data RAB
Input RAB(elbi, kas, nominal, currency, tanggal)
Informasi Data RAB berhasil DItambahkan
Tambahkan Data RAB
Informasi Data RAB berhasil DItambahkan
Gambar 3.15 Sequence Diagram Proses Inputan Data RAB
http://digilib.mercubuana.ac.id/
::Database RAB
49
e. Sequence Diagram Proses Laporan
(ACTOR) AdminSuper, AdminArea
Halaman Laporan
/Tampilkan Menu Rekapitulasi Persekot/()
:Pengelola Laporan
Pesan Rekapitulasi Persekot()
Pesan Rekapitulasi Persekot()
Laporan Persekot
Laporan Persekot
/Tampilkan Menu Rekapitulasi Pengeluaran/()
Pesan Rekapitulasi Pengeluarant()
Laporan Rekapitulasi Pengeluaran
Laporan Rekapitulasi Pengeluaran
/Tampilkan Menu Laporan Bank/()
Laporan Persekot
Pesan Rekapitulasi Pengeluarant()
Laporan Rekapitulasi Pengeluaran
Pesan Laporan Bank()
Pesan Laporan Bank()
Laporan Bank
Laporan Bank
/Tampilkan Menu Laporan Kas/()
Laporan Bank
Pesan Laporan Kas()
Pesan Laporan Kas()
Laporan Kas
Laporan Kas
::Database Laporan
Laporan Kas
Gambar 3.16 Sequence Diagram Proses Laporan
f. Sequence Diagram Proses Droping Dana Ke Area
(ACTOR) AdminArea
Halaman Input Dropping
/Tampilkan Input Dropping/ (nilai_transaksi)
:Pengelola Input Dropping
Penerimaan Kas(kd_kas, debit, currency, tanggal)
Informasi Penerimaan Kas Berhasil Ditambahkan
Informasi Penerimaan Kas Berhasil Ditambahkan
/Tampilkan Input Pengeluaran Kas/ (nilai_transaksi)
Pengeluaran Kas(kd_kas, elbi, transaksi, currency, tanggal, nilai, potongan_pajak)
Informasi Penerimaan Kas Berhasil Ditambahkan
Informasi Penerimaan Kas Berhasil Ditambahkan
::Database Dropping
Tambahkan Penerimaan Kas(kd_kas, debit, currency, tanggal)
Informasi Penerimaan Kas Berhasil Ditambahkan
Tambahkan Pengeluaran Kas(kd_kas, elbi, transaksi, currency, tanggal, nilai, potongan_pajak)
Informasi Penerimaan Kas Berhasil Ditambahkan
Gambar 3.17 Sequence Diagram Proses Droping Dana Ke Area
http://digilib.mercubuana.ac.id/
50
3.4.5 Class Diagram Sistem Usulan 1 kas_dc 1..*
-id -code_kas -nama_kas -code_proyek -proyek_desc +simpan() +edit() +hapus()
fin_rab -id -period -elbi -code_kas -nominal -currency -date -status +simpan() +edit() +hapus()
1 1..* kas_saldo
1..*
-id -period -code_kas -akumulasi_saldo -traksaksi -description -date -pint +simpan() +edit() +hapus()
* fin_rekening -id -akun -kode_pembantu -nomor_rek -bank +simpan() +edit() +hapus()
1
1..* fin_kas_expense -id -transaction_code -period -code_kas -date -elbi -transaction -currency -amount -ppn -pph21 -pph23 -status +simpan() +edit() +hapus()
1..* -End6
1..* 1 elbi
1..* 1
-id -akun -elbi -elbi_desc +simpan() +edit() +hapus()
1..*
user 1
1..*
1
1
authassignment -itemname -userid -bizrule -data +simpan() +edit() +hapus()
-id -transaction_code -period -code_kas -elbi -debit -credit -currency -date -transaction -status +simpan() +edit() +hapus()
fin_kas
-id -username -password -email -profile -status -employee_id +simpan() +edit() +hapus()
1
1
1
fin_rekening_saldo
1
1
1..*
1..* fin_rekening_dc
-id -period -akun -kode_pembantu -nomor_rek -debit -credit -currency -date -description -status +simpan() +edit() +hapus()
1
-id -period -nomor_rek -akumulasi_saldo -transaksi -description -transac_date -date -pint +simpan() +edit() +hapus()
Gambar 3.18 Class Diagram Aplikasi Sistem Pelaporan Keuangan
http://digilib.mercubuana.ac.id/
51
3.5 Rancangan Struktur Basis Data (Database) a). Pemodelan Data Konseptual (Class Diagram Tanpa Method) 1 kas_dc 1..*
-id -transaction_code -period -code_kas -elbi -debit -credit -currency -date -transaction -status
fin_kas fin_rab -id -period -elbi -code_kas -nominal -currency -date -status
1..*
1
-id -code_kas -nama_kas -code_proyek -proyek_desc
1..*
1
kas_saldo
1..*
-id -period -code_kas -akumulasi_saldo -traksaksi -description -date -pint
1..* 1 fin_kas_expense -id -transaction_code -period -code_kas -date -elbi -transaction -currency -amount -ppn -pph21 -pph23 -status
1
1..* 1 elbi
1..*
1
-id -akun -elbi -elbi_desc
authassignment -itemname -userid -bizrule -data
user 1..*
-id -username -password -email -profile -status -employee_id
1
1 1
* fin_rekening -id -akun -kode_pembantu -nomor_rek -bank
1 1
1 1..*
1..* fin_rekening_dc
-id -period -akun -kode_pembantu -nomor_rek -debit -credit -currency -date -description -status
1
fin_rekening_saldo -id -period -nomor_rek -akumulasi_saldo -transaksi -description -transac_date -date -pint
Gambar 3.19 Pemodelan Data Konseptual
http://digilib.mercubuana.ac.id/
1..* -End6
52
b). Logical Record Structure
Code_kas
1 kas_dc
1..* fin_kas
Code_kas
fin_rab -id -period -elbi -code_kas -nominal -currency -date -status
1..*
1
-id -code_kas -nama_kas -code_proyek -proyek_desc
Code_kas 1
1..*
kas_saldo
1..*
-id -period -code_kas -akumulasi_saldo -traksaksi -description -date -pint
1..* 1
Code_kas
fin_kas_expense -id -transaction_code -period -code_kas -date -elbi -transaction -currency -amount -ppn -pph21 -pph23 -status
id
1
1..* 1
user
id
-id -username -password -email -profile -status -employee_id
1
userid
1..*
1
1..*
id
1 1
* fin_rekening -id -akun -kode_pembantu -nomor_rek -bank
1
id
id 1
1 1..*
1..* fin_rekening_dc
-id -period -akun -kode_pembantu -nomor_rek -debit -credit -currency -date -description -status
1
id
fin_rekening_saldo -id -period -nomor_rek -akumulasi_saldo -transaksi -description -transac_date -date -pint
Gambar 3.20 Logical Record Structure
http://digilib.mercubuana.ac.id/
id elbi
id
authassignment -itemname -userid -bizrule -data
-id -transaction_code -period -code_kas -elbi -debit -credit -currency -date -transaction -status
-id -akun -elbi -elbi_desc
1..* -End6
53
c). Model Data Rational Tabel 3.1 Tabel Relasi fin_RAB id
priod
elbi
Code_kas
nominal
PK
currency
date
status
Tabel 3.2 Tabel Relasi fin_kas id
Code_kas
Nama_kas
Code_proyek
Proyek_desc
PK
Tabel 3.3 Tabel Relasi kas_dc id
Transaction_code priod
Code_kas
elbi
PK
debit
status
credit
currency
Created_date Created_by
date
Persekot_person
http://digilib.mercubuana.ac.id/
transaction
54
Tabel 3.4 Tabel Relasi kas_saldo id
priod
Code_kas
Akumulasi_saldo transaksi
PK
descripton
date
print
Tabel 3.5 Tabel Relasi fin_kas_expense id
Transaction_code priod
Code_kas
Date
PK
elbi
transaction
currency
Pph21
Pph23
status
amount
Tabel 3.6 Tabel Relasi elbi id
akun
elbi
elbi_desc
PK
http://digilib.mercubuana.ac.id/
ppn
55
Tabel 3.7 Tabel Relasi user id
username
password
email
profile
PK
status
Employee_id
Tabel 3.8 Tabel Relasi authassignment itemname
userid
bizrule
data
PK
Tabel 3.9 Tabel Relasi fin_rekening_dc id
priod
akun
Kode_pembantu Nomor_rek
PK
debit
credit
currency
date
Status
Tabel 3.10 Tabel Relasi fin_rekening
http://digilib.mercubuana.ac.id/
description
56
id
akun
Kode_pembantu Nomor_rek
bank
PK
Tabel 3.11 Tabel Relasi fin_rekening_saldo id
priod
Nomor_rek
Akumulasi_saldo Transaksi
PK
description
Transact_date date
print
3.6 Struktur Tampilan Aplikasi Sistem Pelaporan Keuangan Kantor Area
Rancangan Aplikasi Sistem Pelaporan Keuangan Kantor Area PT PGAS Solution
Setup
Master
User Priod
User Kas
Bank Tambah user
RAB Transaksi Bank
Kas Input RAB
Lampiran Transaksi Kas
Upload Lampiran
Laporan Persekot
Elbi
Rekapitulasi Pengeluaran
Rekening Bank
Laporan Bank
Kas
Rekapitulasi Laporan Kas dan Bank
User Bank Laporan Rekap Pusat
Laporan
Files
Gambar 3.21 Struktur Tampilan Aplikasi
http://digilib.mercubuana.ac.id/
57
3.7 Rancangan Antar Muka Untuk mengimplementasikan aplikasi perlu dibuat rancangan untuk antar muka sistemnya. Rancangan antar muka system ini dibuat agar dalam implementasi aplikasi dapat disesuaikan dengan requirement yang diminta oleh user. Fungsi-fungsi pada fitur aplikasi dapat juga di tampilkan pada rancangan antar muka system ini agar dapat teridentifikasi requirement yang diminta sudah sesuai dengan permintaan user.
3.7.1
Rancangan Halaman Login Berikut ini rancangan halaman login, pada halaman ini berisi form untuk
menginput username dan password sebelum masuk ke system. SISKA (Sistem Keuangan Area)
Home >> Login
Login Please fill out the following form with your login credentials: Username*
Password*
Login
Gambar 3.22 Rancangan Halaman Log in 3.7.2
Rancangan Halaman Breadscrumbs Setelah melakukan log in, muncul halaman Breadscrumbs yang
menampilkan daftar kas dan daftar bank tiap area yang digunakan.
http://digilib.mercubuana.ac.id/
58
SISKA (Sistem Keuangan Area) Home >> Breadscrumbs Daftar Kas XXX.XXX.X
Kas Jakarta
Go
XXX.XXX.X
Kas Bekasi
Go
XXX.XXX.X
Kas Cirebon
Go
XXX.XXX.X
Kas Bogor
Go
XXX.XXX.X
Kas Banten
Go
XXX.XXX.X
KasPalembang
Go
Home >> Breadscrumbs Daftar Bank XXX-XXX-XXX-XXXX
Mandiri Cirebon
Go
XXX-XXX-XXX-XXXX
Mandiri Bogor
Go
XXX-XXX-XXX-XXXX
Mandiri Banten
Go
XXX-XXX-XXX-XXXX
Mandiri Palembang
Go
Gambar 3.23 Rancangan Halaman Breadscrumbs
http://digilib.mercubuana.ac.id/
59
3.7.3
Rancangan Halaman Pengaturan Kas Halaman ini menampilkan daftar transaksi kas tiap kota secara detail.
Berfungsi sebagai catatan mengenai tanggal transaksi, pemasukan serta pengeluaran biaya kas.
SISKA (Sistem Keuangan Area) Home >> Kas
Data Transaksi Kas Pengeluaran
Penerimaan
Period
Kode Kas
Kas Desc
9205
102.511.1
Kas Jakarta_PJOPJPG
Elbi
Penyelesaian
Pengeluaran
Elemen biaya Desc
Tanggal transaksi
Not defined
2015-0920
keterangan
Currency
Debit
Kredit
Saldo Awal Kas : 102.511.1
IDR
0.00
0.00
Gambar 3.24 Rancangan Halaman Pengaturan Kas
3.7.4
Rancangan Halaman User Kas User Kas menampilkan daftar Nama pengguna beserta kode kas pengguna
dan deskripsi kas tiap user. SISKA (Sistem Keuangan Area) Home >> Setup >> User Kas
Pengaturan User Kas Setup EMP ID
Name
KODE KAS
Kas Desc
302
Medan_PIPDTPGP
110.517.1
Kas Medan_PIPDTPGP
101
Jakarta
102.511.1
Kas Jakarta_PJOPJPG
102
Jakarta_PJOPJPG
102.511.2
Kas Jakarta_PJOPJPG- HO
http://digilib.mercubuana.ac.id/
Persekot to
60
SISKA (Sistem Keuangan Area) Home >> Setup >> User Kas >> view
View Employee
302
Code Kas
101.517.1
Active Since
2013-10-29
Status
1
Gambar 3.25 Rancangan Halaman User Kas
3.7.5
Rancangan Halaman User Bank Hampir Sama dengan User Kas, namun User Bank menampilkan detail
mengenai keaktifan user serta pencantuman nomor rekening user. SISKA (Sistem Keuangan Area) Home >> Setup >> User Bank
Pengaturan User Bank Setup EMPLOYEE ID
Name
KODE KAS
Kas Desc
302
Medan_PIPDTPGP
110.517.1
Kas Medan_PIPDTPGP
101
Jakarta
102.511.1
Kas Jakarta_PJOPJPG
102
Jakarta_PJOPJPG
102.511.2
Kas Jakarta_PJOPJPG- HO
Gambar 3.26 Rancangan Halaman User Bank
http://digilib.mercubuana.ac.id/
61
3.7.6
Rancangan Halaman Laporan Rekap Pusat
Berikut ini rancangan halaman laporan rekap pusat. SISKA (Sistem Keuangan Area) Home >> Setup >> Laporan Rekap Pusat
Manage Setup Lap Rekaps You may optionally enter a comparison operator (<, <=, >, >=, <>, or =) at the beginning of each of your search values to specify how the comparisob should be done ID
Region
Alias
Code Kas
Nomor Rekening
7
Cirebon
Cirebon-PJOPJPG
104.511
119-000-7000001
6
Bekasi
Bekasi-PIPDTPGP
103.517
115-000-6232369
Gambar 3.27 Rancangan Halaman User Bank 3.7.7 Rancangan Halaman view pengaturan Priode
Pada bagian pengaturan priode, untuk halaman viewnya dapat dilihat pada gambar dibawah ini SISKA (Sistem Keuangan Area) Home >> Master >> Period
Pengaturan Periode Tambah Periode Period Tag
Period Start
Period Finish
Status
92015
2015-09-01
2015-09-30
OP
032014
2014-03-01
2014-03-31
CL
Gambar 3.28 Rancangan Halaman Master Priod
http://digilib.mercubuana.ac.id/
62
3.7.8
Rancangan Halaman view pengaturan Priode
Halaman view pengaturan priode digunakan untuk melihat master priode pada system. SISKA (Sistem Keuangan Area) Home >> Master >> Period >> View
View Employee
302
Code Kas
101.517.1
Active Since
2013-10-29
Status
1
Gambar 3.29 Rancangan Halaman View Master Priod
3.7.9
Rancangan Halaman Master Elemen Biaya Halaman master elemen biaya digunakan untuk melakukan input
penambahan elemen biaya. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Master >> Elemen Biaya
Pengaturan Elemen Biaya Tambah Elemen Biaya
Akun
Elbi
Nama Elbi
90500
227.2
Consumable
90500
222
Bahan Bakar
90500
225
Cetakan
Gambar 3.30 Rancangan Halaman Master Elemen Biaya
http://digilib.mercubuana.ac.id/
63
3.7.10 Rancangan Halaman View Elemen Biaya SISKA (Sistem Keuangan Area) Home >> Master >> Elemen Biaya >> View
View Employee
302
Code Kas
101.517.1
Active Since
2013-10-29
Status
1
Gambar 3.31 Rancangan Halaman View Elemen Biaya
3.7.11 Rancangan Halaman Pengaturan Kode Rekening Bank Halaman pengaturan kode rekening bank digunakan untuk menginput data rekening bank. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Master >> Rekening Bank
Pengaturan Kode Rekening Bank Tambah Rekening Akun
Nomor Rek
203.511 205.511
119-000-800-8003 119-000-700-7006
Bank Mandiri Jakarta – PJOPJPG Mandiri Bekasi – PJOPJPG
Gambar 3.32 Rancangan Halaman Master Pengaturan Kode Rekening Bank
http://digilib.mercubuana.ac.id/
64
3.7.12 Rancangan Halaman Pengaturan Kode Kas Halaman pengaturan kode rekening bank digunakan untuk menginput data rekening bank. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Master >> Kas
Pengaturan Kode Kas Tambah Kas Code Kas
Nama Kas
Code Proyek
102.511.1
Kas Jakarta_PJOPJPG
102.512
Kas Jakarta_PMD
PJOPJPG + Ball Valve PMD
Proyek Desc PJOPJPG PMD
Gambar 3.33 Rancangan Halaman Master Pengaturan Kode Kas 3.7.13 Rancangan Halaman Pengelolaan user Halaman pengaturan pengelolaan user digunakan untuk menginput data user. Desain tampilannya dapat diliat pada gambar dibawah ini:
SISKA (Sistem Keuangan Area) Home >> User
Kelola User Employee ID
Username
Email
1
admin
[email protected]
103
Jakarta_PMC
[email protected]
102
Jakarta_PJOPJP GHO
[email protected]
Profile
Gambar 3.34 Rancangan Halaman Pengelolaan user
http://digilib.mercubuana.ac.id/
65
3.7.14 Rancangan Halaman Data Transaksi Bank Halaman data transaksi bank digunakan untuk melihat data transaksi bank. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Bank >> Transaksi Bank
Data Transaksi Bank Period
CDA
Tanggal Transaksi
NOREK
Kas Desc
CUR
Transaksi
Debit
Kredit
92015
293.517.1
2015-0920
115-0006232385.1
Mandiri KarawangPIPDTPGP
IDR
Saldo awal Bank: 115-000623-2385.1
26,486,713,80
0.00
Gambar 3.35 Rancangan Halaman Data Transaksi Bank 3.7.15 Rancangan Halaman Pengaturan RAB Halaman pengaturan RAB digunakan untuk melakukan input dan update data RAB. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> RAB
Pengaturan RAB Periode 032014
Elemen Biaya 502
Elemen Biaya Desc Jamuan
Kas 107.517
Kas Desc Kas Banten Timur_PIPDTP GP
Nominal 800,000,00
Date 2014-03-10
Gambar 3.36 Rancangan Halaman Pengaturan RAB
http://digilib.mercubuana.ac.id/
66
3.7.16 Rancangan Halaman Data Transaksi Kas Halaman data transaksi kas digunakan untuk melakukan input, update terhadapa penerimaan kas, pengeluaran kas, pengeluaran persekot dan penyelesaian persekot. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Kas
Data Transaksi Kas Penerimaan Kas
Period
Kode Kas
92015
111.515
Pengeluaran Kas
Kas Desc
Elb i
Kas Surabaya_ Kalibrasi
Penyelesaian Persekot
Pengeluaran Persekot
Elemen biaya Desc Not defined
Tanggal transaksi 2015-0920
keterangan Pengembal ian Persekot
Curr ency IDR
Debit 10.000. 000.00
Kredi t
Persekot to
0.00
Heru
Gambar 3.37 Rancangan Halaman Data Transaksi Kas 3.7.17 Rancangan Halaman Update Kas Halaman update kas digunakan untuk menginput dan mengupdate data kas kedalam system, Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Kas >> View
Update KasDC 91700 Fields with * are required Kode Kas*
Debit Currency*
IDR
isi nominal penerimaan kas
2015-09-20
Tanggal transaksi*Pengembalian Persekot
Gambar 3.38 Rancangan Halaman Update Kas
http://digilib.mercubuana.ac.id/
67
3.7.18 Rancangan Halaman Pengelolaan Lampiran Halaman lampiran digunakan untuk mengupload dan melihat lampiran persekot untuk pertanggung jawaban kesistem. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Lampiran
Pengelolaan Lampiran Tambah Lampiran Period
File
Date
Description
032014
10/1394433947_27_feb_2014p.pdf
201402-27
Struk JOPJPG 27.02.14 pasuruan
Created Date 201402-10
Created By Sidoarjo_Pasuruan
Gambar 3.39 Rancangan Halaman Pengelolaan Lampiran 3.7.19 Rancangan Halaman Laporan Persekot Halaman laporan persekot digunakan untuk melihat laporan persekot dengan pilihan kas dan priode waktu tertentu. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Laporan >> Laporan Persekot
Rekapitulasi Persekot Pilih kas
Dari Tanggal
Sampai
submi
Gambar 3.40 Rancangan Halaman Laporan Persekot
http://digilib.mercubuana.ac.id/
68
3.7.20 Rancangan Halaman Laporan Pengeluaran Halaman laporan pengeluaran digunakan untuk melihat laporan semua pengeluaran dengan pilihan kas dan priode waktu tertentu. Desain tampilannya dapat diliat pada gambar dibawah ini: SISKA (Sistem Keuangan Area) Home >> Laporan >> Laporan Pengeluaran
Rekapitulasi Pengeluaran
Pilih kas
Dari Tanggal
Sampai
submit
Gambar 3.41 Rancangan Halaman Laporan Persekot
3.7.21 Rancangan Halaman Laporan Bank Halaman laporan bank adalah halaman yang diakses untuk melihat laporan bank dengan pilihan kas, rekening dan priode tertentu, tampilan desain tampilannya dapat dilihat pada gambar berikut: SISKA (Sistem Keuangan Area) Home >> Laporan >> Laporan Bank
Rekapitulasi Kas dan Bank
Pilih kas
Pilih Rekening
Pilih Period
submit
Gambar 3.42 Rancangan Halaman Laporan Bank
http://digilib.mercubuana.ac.id/
69
3.7.22 Rancangan Halaman Rekapitulasi Kas & Bank Halaman rekapitulasi Kas dan bank digunakan untuk melihat laporan rekapitulasi kas dan bank dengan priode tertentu, desain tampilannya dapat dilihat pada gambar berikut: SISKA (Sistem Keuangan Area) Home >> Laporan Rekap >> Rekapitulasi Kas dan Bank
Rekapitulasi Kas dan Bank
Pilih Period
submit
Gambar 3.43 Rancangan Halaman Laporan Rekapitulasi Kas & Bank
http://digilib.mercubuana.ac.id/