bab iii pembahasan 3.1. tinjauan perusahaan · excel dan lotus. 2. keamanan dokumen tidak terjamin...

144
22 BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan Suatu perusahaan tentu mempunyai sejarah tentang awal berdiri dan struktur organisasinya serta tugas dan fungsi berbeda-beda. Tujuan merupakan sesuatu yang hendak dicapai atau diwujudkan dan dapat dikatakan merupakan salah satu motivasi dan aktivitas kerja suatu perusahaan. Supaya perusahaan dapat berjalan dengan baik sebagaimana mestinya CV.Cita Nasional membuat kebijakan atau aturan yang telah ditentukan dalam sebuah struktur organisasi. Karena dengan adanya struktur organisasi akan sangat jelas fungsi-fungsi dari jabatan yang terkait dan agar tidak terjadinya tumpang tindih wewenang dan tanggung jawab 3.1.1. Sejarah Perusahaan Sejarah dan perkembangan perusahaan CV.Cita Nasional adalah perusahaan milik perseorangan yang bergerak dalam bidang pengolahan susu murni menjadi susu segar pasteurisasi dan homogenisasi dalam kemasan cup dan plastic ( purepack) dengan merk dagang “ SUSU SEGAR NASIONAL “. CV.Cita Nasional didirikan pada tanggal 10 november 2000 dan diresmikan oleh prof. Dr.Ir. Bungaran Saragih Msc, selaku Menteri pertanian dan Perkebunan Republik Indonesia. Tujuan dari berdirinya CV.Cita Nasional adalah meningkatkan kualitas sumber daya manusia (SDM) Indonesia yang kini sedang tumbuh menyiapkan generasi penerus bangsa dan turut serta menyukseskan program pemerintah untuk mencerdaskan dan meningkatkan kesehatan masyarakat. CV.Cita Nasional diharapkan semua golongan

Upload: others

Post on 24-Aug-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

22

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Suatu perusahaan tentu mempunyai sejarah tentang awal berdiri dan struktur

organisasinya serta tugas dan fungsi berbeda-beda. Tujuan merupakan sesuatu yang

hendak dicapai atau diwujudkan dan dapat dikatakan merupakan salah satu motivasi

dan aktivitas kerja suatu perusahaan.

Supaya perusahaan dapat berjalan dengan baik sebagaimana mestinya CV.Cita

Nasional membuat kebijakan atau aturan yang telah ditentukan dalam sebuah

struktur organisasi. Karena dengan adanya struktur organisasi akan sangat jelas

fungsi-fungsi dari jabatan yang terkait dan agar tidak terjadinya tumpang tindih

wewenang dan tanggung jawab

3.1.1. Sejarah Perusahaan

Sejarah dan perkembangan perusahaan CV.Cita Nasional adalah perusahaan

milik perseorangan yang bergerak dalam bidang pengolahan susu murni menjadi

susu segar pasteurisasi dan homogenisasi dalam kemasan cup dan plastic ( purepack)

dengan merk dagang “ SUSU SEGAR NASIONAL “. CV.Cita Nasional didirikan

pada tanggal 10 november 2000 dan diresmikan oleh prof. Dr.Ir. Bungaran Saragih

Msc, selaku Menteri pertanian dan Perkebunan Republik Indonesia. Tujuan dari

berdirinya CV.Cita Nasional adalah meningkatkan kualitas sumber daya manusia

(SDM) Indonesia yang kini sedang tumbuh menyiapkan generasi penerus bangsa dan

turut serta menyukseskan program pemerintah untuk mencerdaskan dan

meningkatkan kesehatan masyarakat. CV.Cita Nasional diharapkan semua golongan

Page 2: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

23

khususnya masyarakat menengah ke bawah mampu untuk mengonsumsi susu setiap

harinyaguna memenuhi kebutuhan gizi.

CV. Cita Nasional pertama kali produksi tanggal 10 Nopember 2000

denganmemproses 5.000 liter susu murni dalam kemasan sebanyak 20.000 cup.

Produkyang di hasilkan CV. Cita Nasional adalah susu pasteurisasi reguler mapun

industry (rasa coklat, strawbery, jeruk, vanila, moka dan plain) dan yoghurt drink

(rasa coklat,strawberry, jeruk, vanila, moka dan plain) dipasarkan ke Surabaya dan

sekitarnya.

Produk Susu Segar Nasional secara perlahan mulai dikenal tidak hanya di

Surabaya dan sekitarnya tetapi mulai dikenal dan dikembangkan ke wilayah

Yogyakarta, Solo, Semarang, Salatiga, Kendal, Pati, Pekalongan, Purwokerto,

Purworejo, Temanggung, Magelang, Bandung dan JABODETABEK. Pemasaran

sebagian besar menggunakan becak dan loper yang langsung datang ke konsumen

dan pemasaran langsung ke beberapa pabrik atau Industri di Jakarta dan sekitarnya.

CV. Cita Nasional berada di 2 tempat yang berbeda. Tempat produksi (pabrik)

nya berada di Jalan Raya Salatiga-Kopeng Km 5 Desa Sumogawe, Kecamatan

16Getasan, Kabupaten Semarang, Jawa Tengah sedangkan kantornya berada di

Jl.Palapa 2 No. 10 Pasar Minggu, Jakarta Selatan (Rudi Kurnia Danuwijaya, 2017).

CV Cita Nasional merupaka badan usaha yang berbentuk CV dengan surat ijin

No. 155/KWDPP.11/3.1/XI/2000 berdasarkan surat keputusan Dinas Perindustrian

dan perdagangan No. 503/22/PM/VII/2014 berdasarkan surat ijin Usaha Perusahaan

(SIUP). Susunan Personalia yang ditetapkan CV Cita Nasional adalah dipimpin

langsung oleh seorang Direktur Utama dan Direktur Pelaksanaan serta plan Manager

dimana dalam pelaksanaan kegiatan dibantu oleh beberapa supervisor dari setiap

bagiannya.

Page 3: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

24

3.1.2. Stuktur Organisasi

Struktur organisasi merupakan hal yang sangat penting dalam suatu perusahaan

untuk menata setiap aktivitas perusahaan agar dapat berjalan dengan efektif dan

efesien sehingga dapat mewujudkan tujuan perusahaan. Dengan adanya struktur

organisasi maka setiap unit kerja dapat mempertanggung jawabkan hasil

pekerjaannya kepada pimpinannya. Berikut Struktur Organisasi CV CITA Nasional

Gambar III.1.

Struktur Organisasi CV. Cita Nasional

3.1.3. Tugas Tanggung Jawab Jabatan

Uraian jabatan (Job Description) untuk jabatan-jabatan yang ada dalam CV.Cita

National, yaitu :

1. Direktur

Tugas dan wewenang dari seorang Direktur adalah sebagai pemilik saham yang

berarti tugasnya hanya menerima semua laporan perkembangan dari perusahaan.

2. Direktur Utama

Tugas dan wewenang dari seorang Direktur Utama antara lain :

Page 4: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

25

a. Memutuskan dan menentukan peraturan dan kebijakan tertinggi perusahaan.

b. Bertanggung jawab dalam memimpin dan menjalankan perusahaan.

c. Bertanggung jawab atas kerugian yang dihadapi perusahaan termasuk juga

keuntungan perusahaan.

d. Merencanakan serta mengembangkan sumber-sumber pendapatan dan

pembelanjaan kekayaan perusahaan.

e. Menetapkan strategi-strategi stategis untuk mencapakai visi dan misi

perusahaan.

f. Mengkoordinasikan dan mengawasi semua kegiatan di perusahaan, mulai

bidang administrasi, kepegawaian hingga pengadaan barang.

3. Direktur Keuangan

a. Mengelola fungsi akuntansi dalam memproses data dan informasi keuangan

untuk menghasilkan laporan keuangan yang dibutuhkan perusahaan secara

akurat dan tepat waktu.

b. Mengkoordinasikan dan mengontrol perencanaan, pelaporan dan pembayaran

kewajiban pajak perusahaan agar efisien, akurat, tepatwaktu, dan sesuai

dengan peraturan pemerintah yang berlaku.

c. Merencanakan dan mengkoordinasikan penyusunan anggaran perusahaan,

dan mengontrol penggunaan anggaran tersebut untuk memastikan

penggunaan dana secara efektif dan efisien dalam menunjang kegiatan

operasional perusahaan.

d. Merencanakan dan mengkoordinasikan pengembangan sistem dan prosedur

keuangan dan akuntansi, serta mengontrol pelaksanaannya untuk memastikan

semua proses dan transaksi keuangan berjalan dengan tertib dan teratur, serta

mengurangi risiko keuangan.

Page 5: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

26

e. Merencanakan dan mengkonsolidasikan perpajakan seluruh perusahaan untuk

memastikan efisiensi biaya dan kepatuhan terhadap peraturan perpajakan.

4. Personalia

a. Mengembangkan sistem perencanaan personalia dan pengendalian

kebijakanpegawai.

b. Melaksanakan kebutuhan administrasi dan kepagawaian.

c. Mengelola sistem penilaian kinerja karyawan seluruh

perizinanketenagakerjaan, promosi, mutasi & demosi serta PHK.

d. Mengelola sistem penyediaan data karyawan, surat-surat serta formt

administrasi kegiatan personalia.

e. Membuat dan memastikan sistem dokumentasinya yang efektif serta

membuat sistem pelaporan seluruh kegiatan personalia

5. Admin

a. Membuat Agenda Kantor.

b. Merekap data informasi konsumen dan supplier untuk pembelian bahan untuk

produksi.

6. Staf Keuangan

a. Membuat, memeriksa dan membuat data faktur, nota supplier, laporan

PObarang.

b. Menerima, memeriksa tagihan vendor dan membuat rekapnya

untukmemastikan pembayaran terkirim tepat waktu.

c. Memeriksa rangkuman kas kecil untuk memastikan penggunaan

danketersediaan kas kecil yang efektif.

Page 6: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

27

d. Menginput penerimaan pembayaran dari pelanggan, dan pembayaran ke

supplier dengan tepat waktu dan akurat untuk memastikan ketepatan waktu

dan keakuratan penerimaan maupun pembayaran.

7. Staf Akuntansi

a. Melakukan pengaturan administrasi keuangan perusahaan.

b. Menyusun dan membuat laporan keuangan perusahaan.

c. Menyusun dan membuat laporan perpajakan perusahaan .

d. Menyusun dan membuat anggaran pengeluaran perusahaan secara periodik

(bulanan atau tahunan).

e. Menyusun dan membuat anggaran pendapatan perusahaan secara periodik

(bulanan atau tahunan.)

f. Melakukan pembayaran gaji karyawan.

8. Humas

a. Menyusun rencana kerja, anggaran dan jadwal kegiatan Bagian Pengumpulan

Informasi dan Dokumentasi.

b. Mengumpulkan, menganalisa, menyajikan data dan informasi yang

berhubungan dengan informasi dan dokumentasi.

c. Menginventarisasi permasalahan-permasalahan yang berhubungan dengan

informasi dan dokumentasi dan menyiapkan bahan petunjuk pemecahan

masalah.

d. Mengumpulkan, menganalisa informasi/ opini masyarakat dan lembaga dan

menyampaikan kepada pimpinan sebagai bahan kebijakan.

Page 7: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

28

9. Admin Gudang

a. Menyelenggarakan sistem arsip yang memadai terutama dokumendokumen

dan catatan-catatan yang diperlukan di bagian penjualan.

b. Memberikan data atau informasi tentang tersedianya stok yang

diperlukan,rencana pengiriman tepat waktu dengan mempertimbangkan

jangka waktu pengiriman dari pusat.

c. Mengawasi pelaksanaan pemesanan ke pusat sesuai dengan rencana

pemesanan yang telah disetujui serta melalui prosedur yang telah ditetapkan.

d. Memantau perkembangan pemesanan dari saat pemesanan sampai dengan

realisasi sesuai dengan ketentuan yang berlaku.

e. Membuat dan menyerahkan laporan pemesanan dan penjualan tepat waktu.

10. Manager Pabrik

a. Bersama-sama dengan bagian lain untuk mengantisipasi dan mengatasi

berbagai persoalan produksi.

b. Mengarahkan setiap bagian yang di tunjuk oleh direktur perusahaan.

c. Bersama-sama dengan supervisor menangani masalah pabrik.

11. Bagian Pemasaran

a. Mengelola pemasukan dan pengeluaran arus kas dalam depot susu.

b. Memenuhi kebutuhan fasilitas para leader dan luper.

c. Mencukupi biaya oprasional kendaraan untuk memasarkan produk.

d. Memimpin para luper agar bekerja dengan baik dan jujur.

e. Bertanggung jawab terhadap kinerja para luper.

f. Mengelola laporan penjualan dari para luper.

Page 8: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

29

12. Luper

Tugas dan wewenang dari seorang luper adalah memasarkan produk CV.Cita

Nasional dengan membawa kendaraan seperti becak.

3.2. Tinjauan Kasus

3.2.1. Proses Bisnis Sistem Berjalan

Admin membuat surat permohonan untuk diserahkan kepada Karyawan..

Setelah Bagian Keuangan membuat surat bank keluar untuk mencairkan dana,maka

perusahaaan dapat melakukan transaksi pengeluaran kas yang dibutuhkan. Setelah itu

Karyawan menyerahkan berkas tersebut kepada Bagian Keuangan untuk disetujui.

Selanjutnya Bagian Keuangan menyerahkan berkas untuk ditandatangi oleh

Direktur. Setelah ditandatangi Direktur menyerahkan berkas ke Karyawan untuk

dicairkan. Setelah dicairkan uang dan bukti penyairan dana diserahkan kepada admin

dan admin membeli perlengkapan sesuai kebutuhan. Kemudian admin membuat dan

merekap laporan kas kecil perbulan. Lalu admin memberikan laporan kas kecil

kepada bagian keuangan dan bagian keuangan mengarsipkan laporan.

Page 9: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

30

3.2.2. Activity Diagram

Gambar III. 2. Activity Diagram Proses Bisnis Sistem Berjalan

act Activ ity Diagram

DirekturKaryawanBagian KeuanganAdmin

Mulai

Membuat surat

permohonan

Menerima surat

permohonan lalu

memberikan kepada

karyawan

Membuat bukti bank

keluar

Menyetujui bukti bank

keluar yang akan

dicairkan

Menandatangani bukti

bank keluar

Menyerahkan bukti bank

keluar kepada karyawan

Menerima bukti bank

keluar dan dicairkan

Menerima bukti transfer

uang tunai

Membeli perlengkapan

kantor sesuai kebutuhan

Memebuat laporan kas

kecil perbulan

Merekap pengeluaran

kas kecil perbulan

Menerima dan

mengarsip laporan

Selesai

Page 10: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

31

3.2.3. Spesifikasi Bentuk Dokumen Masukan

Jenis-Jenis Dokumen Masukan

1. Surat permohonan

Nama Dokumen : Surat permohonan

Fungsi : Sebagai bukti permohonan kas kecil

Sumber : Admin

Tujuan : Bagian keuangan

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap terjadi pengeluaran kas kecil

Format : Lihat lampiran A-1

2. Bukti bank keluar

Nama Dokumen : Bukti bank keluar

Fungsi : Sebagai bukti pencairan dana

Sumber : Karyawan

Tujuan : Direktur

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap terjadi pencairan dana

Format : Lihat lampiran A-2

Page 11: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

32

3.2.4. Spesifikasi bentuk dokumen keluaran

1. Bukti Setoran

Nama Dokumen : Bukti setoran

Fungsi : Sebagai bukti pencairan dana

Sumber : Karyawan

Tujuan : Admin

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap terjadi transaksi

Format : Lihat lampiran B-1

2. Laporan Kas Kecil

Nama Dokumen : Laporan

Fungsi : Sebagai bukti mengetahui pengeluaran kas kecil

Sumber : Admin

Tujuan : Bagian keuangan

Media : Kertas

Jumlah : 3 Lembar

Frekuensi : Setiap terjadi rekapitulasi laporan kas kecil

Format : Lihat lampiran B-2

3.2.5. Permasalahn Pokok

Berasarkan pengamatan penulis permasalahan yang ada bahwa CV. Cita Nasional

dalam mengelola laporan arus kas kecil mulai dari pengisian dana kas kecil sampai

pembuatan laporan masih menggunakan sistem manual sehingga data dapat

Page 12: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

33

dimaipulasi. Apabila proses pengeluaran kas kecil dilakukan secara sederhana akan

mengakibatkan seperti:

1. Proses pembuatan dan perhitungan transaksi pengeluaran kas kecil datanya

kurang akurat dan tidak efisien karna masih menggunakan aplikasi Miscrosoft

Excel dan Lotus.

2. Keamanan dokumen tidak terjamin

3. Laporan yang dihasilkan tidak tepat waktu

4. Kerangka pencatatan pengeluaran dan penerimaan kas kecil menyebabkan

kesalahan dalam pembuatan laporan

3.2.6. Pemecahan Masalah

Berdasarkan permasalahan yang ada dan analisa di CV.Cita Nasional, maka

pemecahan masalah yang dibahas dalam Tugas Akhir antara lain :

a. Merancang bangun dari manual ke terkomputerisasi data yang dihasilkan akan

lebih akurat dan efisien.

b. Penggunaan data dan penyimpanan data akan lebih baik sehingga terciptanya

suatu ketertiban dan hal pencatatan data.

c. Dapat meminimalisir kecurangan dan kesalahan manusia (human eror )

3.3. Analisis Kebutuhan Software

Kebutuhan Perangkat lunak merupakan kondisi, kriteria, syarat atau kemampuan

yang harus dimiliki oleh perangkat lunak untuk memenuhi apa yang disyarat

atau diinginkan pemakai.

Page 13: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

34

3.3.1. Tahapan Analisis

Berdasarkan Proses Pengeluaran Kas Kecil sistem berjalan pada CV Cita Nasional,

maka tahapan berikutnya adalah analisa kebutuhan. Berikut ini spesifikasi kebutuhan

(system Requirement) dari Sistem Pengeluaran Kas Kecil pada CV Cita Nasional.

3.3.2. Halaman Admin

1. Melakukan Login Sistem.

2. Beranda

3. Katagori

4. Kas Perusahaan

5. Pengajuan

6. Konfirmasi Keuangan

7. Rekap Pengeluaran

8. Laporan

3.3.3. Halaman Bagian Keuangan

1. Konfirmasi Keuangan

Page 14: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

35

3.3.4. Use Case Diagram

1. Use Case Halaman Admin

Gambar III. 3 Use Case Diagram Login Admin

uc Use Case Login Haaman Admin

Admin

Validasi

Katagori

Pengajuan

Tambah Katagori

Edit

Delete

Login Logout

Kas Perusahaan

Daftas Saldo Kas

Perusahaan

Tambah Saldo Kas

Edit Delete

Pengajuan

Daftar Pengajuan

Tambah Pengajuan

Status KonfirmasiEditDelete

Rekap PengeluaranDaftar Rekap

Pengeluaran

Rekap Bulanan

EditDelete

Lihat

Print

Laporan

Daftar Laporan

Bulanan

Tambah Laporan

Bulanan

Lihat

Print Delete

Page 15: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

36

Table III. 1 Deskripsi Use Case Login Admin

Use Case Narative Halaman Login

Tujuan Admin login melihat data yang ada di halaman

admin

Deskripsi Sistem ini memungkinkan actor untuk masuk

kehalaman admin yang didalamnya admin

menambahkanpengguna,mengelola persetujuan kas

kecil,mencetak rekapitulasi pengeluaran kas kecil

dan mencetak laporan.

Skenario Utama

Aktor Admin

Kondisi Awal Aktor membuka aplikasi halaman admin

Aksi Aktor Reaksi Sistem

1. Aktor memilih tombol

login

Sistem akan menampilkan textbox untuk mengisi id

user dan password

Kondisi Akhir Jika perintah sesuai maka sistem akan menampilkan

apa yang diinginkan

Page 16: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

37

2. Use Case Bagian Keuangan

Gambar III. 4

Use Case Diagram Halaman Bagian Keuangan

Table III. 2 Dekripsi Use Case Halaman Keuangan

Use Case Narative Halaman Login

Tujuan Melakukan login dan masuk kedalam sistem melihat

pengelolahan data admin

Deskripsi Sistem ini memungkinkan aktor untuk mengakses

sistem pengolahan data yang dilakukan admin

Skenario Utama

Aktor Bagian keuangan

Kondisi Awal Aktor membuka aplikasi halaman bagian keuangan

Aksi Aktor Reaksi Sistem

uc Bagian Keuangan

Bagian Keuangan

Login Logout

Validasi

Konfirmasi

Keuangan

Daftar Konfirmasi

Keuangan Status Konfirmasi Edit

Page 17: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

38

Aktor memilih tombol

login

Sistem akan menampilkan textbox untuk mengisi id

user dan password

Kondisi Akhir Jika perintah sesuai maka sistem akan masuk

kedalam aplikasi pengolahan data bagian keuangan

dan actor dapat melakukan aktivitas didalam sistem

3.3.5. Activity Diagram

1. Activity Diagram Halaman Login Admin

Gambar III. 5 Activity Diagram Halaman Login Admin

act Business Process Model

SistemAdmin

Mulai

Login

Masukan Username dan

Password

Verifikasi Login

Kembali ke Form Login

Masuk Ke Menu Utama

Katagori Kas

Perusahaan

Pengajuan Rekap

Pengeluaran

Laporan

Logout

Selesai

Tidak

Ya

Page 18: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

39

2. Activity Diagram Login Halaman Bagian Keuangan

Gambar III. 6 Activity Diagram Login Halaman Bagian Keuangan

act Business Process Model

SistemBagian Keuangan

Login

Mulai

Masukan Username dan

Password

Verifikasi Login

Kembali ke Form Login

Konfirmasi Keuangan

Logout

Selesai

Masuk Ke Menu Utama

Tidak

Ya

Page 19: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

40

3. Activity Diagram Halaman Admin Proses Kategori

Gambar III. 7 Activity Diagram halaman Admin Proses Kategori

act Halaman Proses Admin

SistemAdmin

Pilih Kategori

Pilih Kategori Pengajuan

Menampilkan Tabel Kategori Pengajuan

Menambahkan Kategori

Menampilkan Input Kategori

Menginput Jenis Pengajuan Menampilkan Tabel Kategori Pengajuan

Yang Sudah di Input

Tutup Simpan

Memv alidasi Status Action

Edit Delete

Menampilkan Form Edit PengajuanTabel Kategori Kosong

Back Sav e

Data Sudah Tersimpan

Page 20: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

41

4. Activity Diagram Halaman Admin Proses Kas Perusahaan

Gambar III. 8 Activity Diagram Halaman Admin Proses Kas Perusahaan

act Halaman Proses Kas Perusahaan

SistemAdmin

Pilih Kas Perusahaan

Pilih Daftar Saldo Kas

Perusahaan

Menampilkan Tabel Saldo Kas

Menambahkan Saldo Kas

Menampilkan Input Kas

Menginput Data Saldo Kas

Tutup Simpan

Menampilkan Tabel Saldo Kas Data Yang

Sudah Di Input

Data Sudah Tersimpan

Memv alidasi Status action

Edit Delete

Page 21: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

42

5. Activity Diagram Hallaman Admin Proses Pengajuan

Gambar III. 9 Activity Diagram Hallaman Admin Proses Pengajuan

act Halaman Proses Pengajuan

SistemAdmin

Pilih pengajuan

Pilih Daftar Pengajuan

Menampilkan Tabel Daftar Pengajuan

Menambahkan Pengajuan

Menampilkan Input Daftar pengajuan

Menginput Data Daftar pengajuan

Tutup Simpan

Menampilkan Tabel Daftar Penagajuan Data

Yang Sudah Di Input

Memv alidasi Status Konfirmasi dan Action

Status Konfirmasi Action

Edit Delete

Menampilakan Edit Form

Daftar pengajuan

Menunggu Konfirmasi dari

Bagian Keuangan Untuk di

Setujui

Data yang ada di tabel

Kosong

Back Sav e

Data Sudah Tersimpan

Page 22: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

43

6. Activity Diagram Halaman Bagian Keuangan Proses Konfirmasi Keuangan

Gambar III. 10 Activity Diagram Halaman Bagian Keuangan Proses

Konfirmasi Keuangan

act Halaman Proses Konfirmasi Keuangan

SistemAdmin

Pilih Konfirmasi Keuangan

Pilih Daftar Konfirmasi Keuangan

Menampilkan Tabel Daftar Keuangan

Data Sudah Tersimpan

Memv alidasi Status action

EditStatus Konfirmasi

Menyetujui Pengajuan

dari Admin

Menampilkan Form Edit Konfirmasi

Keuangan

Back Sav e

Page 23: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

44

7. Activity Diagram Halaman Admin Proses Rekap Pengeluaran

Gambar III. 11 Activity Diagram Halaman Admin Proses Rekap Pengeluaran

act Halaman Proses Rekap Pengeluaran

SistemAdmin

Pilih Rekap Pengeluaran

Pilih Daftar Rekap Bulanan

Menampilkan Tabel Daftar Rekap Bulanan

Menambahkan Rekap Bulanan

Menampilkan Input Daftar Rekap Bulanan

Menginput Data Daftar pengajuan

Tutup Simpan

Menampilkan Tabel Daftar Penagajuan Data

Yang Sudah Di Input

Data Sudah Tersimpan

Page 24: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

45

8. Activity Diagram Halaman Admin Proses Laporan

Gambar III. 12 Activity Diagram Halaman Admin Proses Laporan

act Halaman Proses Laporan

SistemAdmin

Pilih Laporan

Pilih Daftar Laporan Bulanan

Menampilkan Tabel Daftar Laporan Bulanan

Menambahkan Laporan Bulanan

Menampilkan Input Laporan Bulanan

Menginput Data Laporan Bulanan

Tutup Simpan

Menampilkan Tabel Lapran Bulanan Data Yang

Sudah Di Input

Data Sudah Tersimpan

Memv alidasi Status action

Lihat PrintDelete

Page 25: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

46

3.4. Desain

Desain atau perancangan dalam pembangunan perangkat lunak antara lain upaya

untuk mengontruksi sebuah sistem yang memberikan kepuasan (mungkin informasi)

akan spesifikasi kebutuhan fungsional, memenuhi target, memenuhi kebutuhan

secara implisit atau ekplisit dari segi performasi maupun penggunaan sember daya

kepuasan batasan pada proses desain dari segi biaya, waktu dan perangkat.

Page 26: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

47

3.4.1. Entity Relation Diagram(ERD)

Gambar III. 13 Entity Relation Diagram

erd ERD

Admin dan KeuanganMembuat

Kategori Pengajuan

Memiliki

Pengajuan

Memproses

Konfirmasi Keuangan

Rekap Pengeluaran

Menghasilkan

Laporan

Email Password

No

Jenis_Pengajuan Keterangan

Action

No

kode_Pengajuan

Referensi

pengajuan

Nominal

Tgl_Pengajuan

Keterangan_Pengajuan

Status_Konfirmasi

Kategori_Pengajuan

Action

No

Kode_Rekap

Tanggal_Rekap

Tgl_Pengajuan

Kategori_Pengajuan

Total_Rekap

No

Laporan_Bulanan

Total_Kas

Total_Pengeluaran

Sisa_saldo

No

Kode_Konfirmasi

Referensi

Konfirmasi

Nominal

Tgl_Konfirmasi

Ket_Konfirmasi

Status_Konfirmasi

Kategori_Konfirmasi

Action

Page 27: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

48

3.4.2. Logical Record Structure (LRS)

Gambar III. 14 Logical Record Structure

Page 28: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

49

3.4.3. Spesifikasi File

a. Spesifikasi file User

Nama database : Kas_kecil

Tipe file : File master

Akes file : Random

Panjang record : 32 kb

Field key : User

Tabel III. 3

Spesifikasi File detail User

No Elemen data Akronim Tipe Panjang keterangan

1 Nmae Name varchar 50

primary

key

2 Email email_verified_at timestamp

3 Password password_id varchar 50

4 Conf_password password_id varchar 50

5 hak akses hak_akses varchar 50

b. Spesifikasi file Katagori

Nama database : Kas_kecil

Nama file : Katagori

Tipe file : File master

Akes file : Random

Panjang record : 16 kb

Field key : Katagori

Tabel III. 4

Spesifikasi File detail Katagori

No Elemen data Akronim Tipe Panjang keterangan

1 No Id bigint 20

primary

key

2 Jenis_pengajuan nm_pengajuan varchar 50

3 Keterangan Keterangan varchar 50

4 Ation Action varchar 50

Page 29: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

50

c. Spesifikasi file Kas

Nama database : kas_kecil

Nama file : kas

Tipe file : File master

Akes file : Random

Panjang record : 16 kb

Field key : kas

Tabel III. 5

Spesifikasi File detail kas

No Elemen data Akronim Tipe Panjang

1 Id Id bigint 20

2 Saldo jml_nominal double

3 tanggal masuk tgl_masuk Date

4 keterangan kas keterangan_kas Text

5 Action Action Text

d. Spesifikasi file Pengajuan

Nama database :kas_kecil

Nama file : pengajuan

Tipe file : File master

Akes file : Random

Panjang record : 32 kb

Field key : pengajuan

Page 30: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

51

Tabel III. 6

Spesifikasi File detail pengajuan

N

o Elemen data Akronim Tipe

Panjan

g

Keterang

an

1 No No Bigint 20

primary

key

2 kode pengajuan

kode_pengajua

n varchar 191

3 reverensi Reverensi varchar 191

4 pengajuan Pengajuan varchar 191

5 nominal

nom_pengajua

n date

6

tanggal_pengaju

an tgl_pengajuan double

7

status

konfirmasi

status_konfirm

asi

enum(tunggu,setuju,to

lak)

8

katagori_pengaj

uan ket_pengajuan text

9 Action Action pilih

e. Spesifikasi file Rekap

Nama database : kas_kecil

Nama file : rekap

Tipe file : File master

Akes file : Random

Panjang record : 16 kb

Field key : Rekap

Tabel III. 7

Spesifikasi File detail Rekap

No Elemen data Akronim Tipe Panjang keterangan

1 No No bigint 20

primary

key

2 kode rekap kode_rekap varchar 8

3 tanggal rekap tgl_rekap date

4 tanggal pengajuan tgl_pengajuan date

5 tanggal pengajuan tgl_pengajuan date

6 katagori_pengajuan ket_pengajuan text

Page 31: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

52

7 total rekap total_rekap double

8 Action Action text

f. Spesifikasi file Laporan

Nama database : kas_kecil

Nama file : laporans

Tipe file : File master

Akes file : Random

Panjang record : 32 kb

Field key : laporan

Tabel III. 8

Spesifikasi File detail Laporan

No Elemen data Akronim Tipe Panjang keterangan

1 no No bigint 20

primary

key

2 laporan_bulanan lap_bulanan text 20

3 total kas total_kas double 8

4 total pengeluaran total_pengeluaran double 9

5 sisa saldo sisa_saldo doble 9

6 Action Action pilih

Page 32: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

53

3.4.4. Squence Diagram

1. sequence diagram halaman admin

Gambar III. 15 Sequence Diagram Halaman Admin

sd Squence Admin

Admin

Form Registrasi Login Halaman admin Jabatan Katagori Jabatan Acc

2. email dan Password

()

3. Menampilkan Halaman Admin()

6. Menunggu Acc()

5. Input Data Barang()

1. Registrasi()

4. Menampilkan Jabatan()

Page 33: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

54

2. Squence diagram halaman bagian keuangan

Gambar III. 16 Squence Diagram Halaman Bagian Keuangan

sd Squence Bagian Keuangan

Bagian Keuangan

Form Registrasi Login Halaman Bagian

Keuangan

Jabatan Katagori Jabatan Acc

2. email dan Password

()

3. Menampilkan Halaman Bagian

Keuangan()

5. Melihat Hasil Permintaan barang ()

1. Registrasi()

4. Menampilkan Jabatan()

6. Menampilkan Setuju atau Tidak()

Page 34: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

55

3.4.5. Deployment Diagram

Gambar III. 17 Deployment Diagram

deployment Deployment View

main

«device»

Freamework

Larav el

<<dev ice>> Database

«device»

MySQL

«device»

Peneluaran Kas

Kecil

<<dev ice>>

«device»

<<Aplikasi>>

Pengeluaran Kas

Kecil

Page 35: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

56

3.4.6. User Interface

1. User interface Admin

a. Tampilan beranda

Page 36: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

57

b. Tampilan katagori

Page 37: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

58

c. Saldo kas kecil

Page 38: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

59

d. pengajuan

Page 39: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

60

Page 40: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

61

e. Konfirmasi keuangan

Page 41: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

62

f. Rekap Pengeluaran

Page 42: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

63

g. Laporan bulanan

Page 43: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

64

2. User interface Bagian Keuangan

Page 44: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

65

Page 45: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

66

3.5. Implementasi

3.5.1. Code Generation

A. Form Data Admin

Beranda

@extends('admin.layout.app')

@section('title')

Home

@endsection

@section('content')

<marquee>

<center>

Page 46: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

67

<h3>Selamat Datang Di App Kas Kecil CV

Cita Nasional... <b><i>{{ Auth::user()->name }}</i></b></h3>

{{-- <br>

@if(Auth::user()->hakakses == 'Admins')

adm

@else

lain

@endif --}}

</center>

</marquee>

<div class="row">

<div class="col-12">

<!-- Row -->

<div class="row">

<!-- Column -->

<div class="col-lg-3 col-md-6">

<div class="card">

<div class="card-body">

<div class="row p-t-10 p-b-10">

<!-- Column -->

<div class="col p-r-0">

<h1 class="font-light">12</h1>

<h6 class="text-muted">-</h6>

Page 47: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

68

</div>

<!-- Column -->

<a href="#">

<div class="col text-right

align-self-center">

<div data-label="330%"

class="css-bar m-b-0 css-bar-primary css-bar-30"><i

class="icon-people"></i></div>

</div>

</a>

</div>

</div>

</div>

</div>

<!-- Column -->

<!-- Column -->

<div class="col-lg-3 col-md-6">

<div class="card">

<div class="card-body">

<div class="row p-t-10 p-b-10">

<!-- Column -->

<div class="col p-r-0">

<h1 class="font-light">13</h1>

<h6 class="text-muted">-</h6></div>

Page 48: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

69

<!-- Column -->

<a href="#">

<div class="col text-right align-self-

center">

<div data-label="80%" class="css-

bar m-b-0 css-bar-danger css-bar-80"><i class="mdi mdi-

briefcase-check"></i></div>

</div>

</a>

</div>

</div>

</div>

</div>

<!-- Column -->

<!-- Column -->

<div class="col-lg-3 col-md-6">

<div class="card">

<div class="card-body">

<div class="row p-t-10 p-b-10">

<!-- Column -->

<div class="col p-r-0">

<h1 class="font-light">41</h1>

<h6 class="text-muted">-</h6></div>

<!-- Column -->

Page 49: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

70

<a href="#">

<div class="col text-right align-self-

center">

<div data-label="60%" class="css-

bar m-b-0 css-bar-warning css-bar-60"><i class="mdi mdi-star-

circle"></i></div>

</div>

</a>

</div>

</div>

</div>

</div>

<!-- Column -->

<!-- Column -->

<div class="col-lg-3 col-md-6">

<div class="card">

<div class="card-body">

<div class="row p-t-10 p-b-10">

<!-- Column -->

<div class="col p-r-0">

<h1 class="font-light">15</h1>

<h6 class="text-muted">-</h6></div>

<!-- Column -->

<a href="">

Page 50: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

71

<div class="col text-right align-self-

center">

<div data-label="70%" class="css-

bar m-b-0 css-bar-info css-bar-70"><i class="mdi mdi-

receipt"></i></div>

</div>

</a>

</div>

</div>

</div>

</div>

<!-- Column -->

</div>

</div>

</div>

{{--

<div class="row">

<div class="col-lg-3">

<div class="card bg-inverse text-white">

<div class="card-body">

<div class="d-flex no-block align-items-center">

<a href="JavaScript: void(0);"><i

class="display-6 cc ETH text-white" title="ETH"></i></a>

<div class="m-l-15 m-t-10">

Page 51: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

72

<h4 class="font-medium m-b-

0">Ethereum</h4>

<h5>$3589.00k</h5>

</div>

</div>

</div>

</div>

</div>

<div class="col-lg-3">

<div class="card bg-cyan text-white">

<div class="card-body">

<div class="d-flex no-block align-items-center">

<a href="JavaScript: void(0);"><i

class="display-6 cc DASH-alt text-white" title="LTC"></i></a>

<div class="m-l-15 m-t-10">

<h4 class="font-medium m-b-0">Dash</h4>

<h5>$900.00k</h5>

</div>

</div>

</div>

</div>

</div>

<div class="col-lg-3">

<div class="card bg-orange text-white">

Page 52: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

73

<div class="card-body">

<div class="d-flex no-block align-items-center">

<a href="JavaScript: void(0);"><i

class="display-6 cc BTC-alt text-white" title="BTC"></i></a>

<div class="m-l-15 m-t-10">

<h4 class="font-medium m-b-0">Bitcoin</h4>

<h5>$284.50k</h5>

</div>

</div>

</div>

</div>

</div>

<div class="col-lg-3">

<div class="card bg-info text-white">

<div class="card-body">

<div class="d-flex no-block align-items-center">

<a href="JavaScript: void(0);"><i

class="display-6 cc AMP-alt text-white" title="AMP"></i></a>

<div class="m-l-15 m-t-10">

<h4 class="font-medium m-b-0">Ripple</h4>

<h5>$650.80k</h5>

</div>

</div>

</div>

Page 53: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

74

</div>

</div>

</div> --}}

@endsection

Kas

@extends('admin.layout.app')

@section('title')

Saldo Kas

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Tabel Saldo Kas

</h4>

<br>

<h6 class="card-subtitle">

@if( Auth::user()->hakakses == 'Admin' )

Page 54: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

75

<button type="button" class="btn btn-

outline-success" data-toggle="modal" data-target="#responsive-

modal">

<i class="fa fa-plus"></i>

Saldo Kas

</button>

@endif

</h6>

<!-- sample modal content -->

<div id="responsive-modal" class="modal fade"

tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true" style="display: none;">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">Input Kas</h4>

<button type="button" class="close" data-

dismiss="modal" aria-hidden="true">×</button>

</div>

<div class="modal-body">

<form class="needs-validation" novalidate

action="{{ route('kas.store') }}" method="POST" accept-

charset="utf-8">

{{ csrf_field() }}

Page 55: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

76

{{

method_field('POST') }}

<div class="form-group">

<label for="jml_nominal"

class="control-label">Jumlah Saldo :</label>

<input type="number"

name="jml_nominal" class="form-control" id="jml_nominal"

required>

<div class="invalid-feedback">

Jumlah Nominal

</div>

</div>

<div class="form-group">

<label for="datepicker-autoclose1"

class="control-label"> Tanggal Masuk Kas :</label>

<div class="input-group">

<input type="text"

name="tgl_masuk" class="form-control" id="datepicker-

autoclose1" required="">

<div class="input-group-append">

<span class="input-group-text"><i

class="icon-calender"></i></span>

Page 56: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

77

</div>

<div class="invalid-feedback">

Masukan Tanggal

</div>

</div>

</div>

<div class="form-group">

<label for="keterangan_kas"

class="control-label">Keterangan :</label>

<textarea name="keterangan_kas"

class="form-control" id="keterangan_kas" required></textarea>

<div class="invalid-feedback">

Keterangan

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-

default waves-effect" data-dismiss="modal">Tutup</button>

<button type="submit" class="btn btn-

danger waves-effect waves-light">Simpan</button>

</div>

</form>

Page 57: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

78

</div>

</div>

</div>

<!-- /.modal -->

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

<th><center>No</center></th>

<th><center>Saldo</center></th>

<th><center>Tgl Masuk</center></th>

<th><center>Keterangan</center></th>

{{-- <th><center>Tanggal

Input</center></th>

<th><center>Tanggal

Edit</center></th> --}}

@if( Auth::user()->hakakses == 'Admin' )

<th><center>Action</center></th>

@endif

</tr>

Page 58: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

79

</thead>

<tbody>

@foreach($kass as $kas)

<tr>

<td align="center">{{ $no++

}}</td>

<td align="center">Rp. {{

number_format($kas->jml_nominal) }}</td>

<td align="center">{{ date('d F

Y', strtotime($kas->tgl_masuk)) }}</td>

<td align="center">{{ $kas-

>keterangan_kas }}</td>

{{-- <td align="center">{{ $kas-

>created_at->diffForHumans() }}</td>

<td align="center">{{ $kas-

>updated_at->diffForHumans() }}</td> --}}

<td align="center">

<form

action="{{route('kas.destroy', $kas)}}" method="post">

{{ csrf_field() }}

{{

method_field('DELETE') }}

<a href="{{

route('kas.edit', $kas) }}">

Page 59: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

80

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

placement="left" title="" data-original-title="Edit">

<i class="fa fa-edit"></i>

Edit

</button>

</a>

<button type="submit"

class="btn btn-outline-danger" data-toggle="tooltip" data-

placement="Right" title="" data-original-title="Delete"

onclick="return confirm('Anda Yakin Hapus Data!!!!!')">

<i class="fas fa-trash-alt"></i>

Delete

</button>

</form>

</td>

</tr>

@endforeach

Page 60: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

81

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

@endsection

Katagori

@extends('admin.layout.app')

@section('title')

Kategori

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Tabel Kategori Pengajuan

Page 61: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

82

</h4>

<br>

<h6 class="card-subtitle">

@if( Auth::user()-

>hakakses == 'Admin' )

<button type="button" class="btn btn-

outline-success" data-toggle="modal" data-target="#responsive-

modal">

<i class="fa fa-plus"></i>

Kategori

</button>

@endif

</h6>

<!-- sample modal content -->

<div id="responsive-modal" class="modal fade"

tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true" style="display: none;">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">Input

Kategori</h4>

<button type="button" class="close" data-

dismiss="modal" aria-hidden="true">×</button>

Page 62: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

83

</div>

<div class="modal-body">

<form class="needs-validation" novalidate

action="{{ route('kategori.store') }}" method="POST" accept-

charset="utf-8">

{{ csrf_field() }}

{{

method_field('POST') }}

<div class="form-group">

<label for="nama_pengajuan"

class="control-label">Jenis Pengajuan:</label>

<input type="text"

name="nama_pengajuan" class="form-control"

id="nama_pengajuan" required>

<div class="invalid-feedback">

Jenis Pengajuan

</div>

</div>

<div class="form-group">

<label for="keterangan"

class="control-label">Keterangan:</label>

<textarea name="keterangan"

Page 63: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

84

class="form-control" id="keterangan" required></textarea>

<div class="invalid-feedback">

Keterangan

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-

default waves-effect" data-dismiss="modal">Tutup</button>

<button type="submit" class="btn btn-

danger waves-effect waves-light">Simpan</button>

</div>

</form>

</div>

</div>

</div>

<!-- /.modal -->

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

<th><center>No</center></th>

Page 64: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

85

<th><center>Jenis

Pengajuan</center></th>

<th><center>Keterangan</center></th>

{{-- <th><center>Tanggal

Input</center></th>

<th><center>Tanggal

Edit</center></th> --}}

@if( Auth::user()->hakakses == 'Admin' )

<th><center>Action</center></th>

@endif

</tr>

</thead>

<tbody>

@foreach($kategoris as $kategori)

<tr>

<td align="center">{{ $no++

}}</td>

<td align="center">{{ $kategori-

>nama_pengajuan }}</td>

<td align="center">{{ $kategori-

>keterangan }}</td>

{{-- <td align="center">{{

Page 65: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

86

$kategori->created_at->diffForHumans() }}</td>

<td align="center">{{ $kategori-

>updated_at->diffForHumans() }}</td> --}}

@if( Auth::user()->hakakses == 'Admin' )

<td align="center">

<form

action="{{route('kategori.destroy', $kategori)}}"

method="post">

{{ csrf_field() }}

{{

method_field('DELETE') }}

<a href="{{

route('kategori.edit', $kategori) }}">

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

placement="left" title="" data-original-title="Edit">

<i class="fa fa-edit"></i>

Edit

</button>

</a>

Page 66: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

87

<button type="submit"

class="btn btn-outline-danger" data-toggle="tooltip" data-

placement="Right" title="" data-original-title="Delete"

onclick="return confirm('Anda Yakin Hapus Data!!!!!')">

<i class="fas fa-trash-alt"></i>

Delete

</button>

</form>

</td>

@endif

</tr>

@endforeach

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

@endsection

Page 67: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

88

Laporan

@extends('admin.layout.app')

@section('title')

Daftar Laporan Bulanan

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Tabel Daftar Laporan Bulanan

</h4>

<br>

<h6 class="card-subtitle">

@if( Auth::user()-

>hakakses == 'Admin' )

<button type="button" class="btn btn-

Page 68: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

89

outline-success" data-toggle="modal" data-target="#responsive-

modal">

<i class="fa fa-plus"></i>

Laporan Bulanan

</button>

@endif

</h6>

<!-- sample modal content -->

<div id="responsive-modal" class="modal fade"

tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true" style="display: none;">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">Input Laporan

Bulanan</h4>

<button type="button" class="close" data-

dismiss="modal" aria-hidden="true">×</button>

</div>

<div class="modal-body">

<form class="needs-validation" novalidate

action="{{ route('laporan.store') }}" method="POST" accept-

charset="utf-8">

{{ csrf_field() }}

Page 69: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

90

{{

method_field('POST') }}

<div class="form-group">

<label for="datepicker-autoclose1"

class="control-label"> Tanggal Laporan :</label>

<div class="input-group">

<input type="text"

name="tgl_laporan" class="form-control" id="datepicker-

autoclose1" required="">

<div class="input-group-append">

<span class="input-group-text"><i

class="icon-calender"></i></span>

</div>

<div class="invalid-feedback">

Masukan Tanggal

</div>

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-

default waves-effect" data-dismiss="modal">Tutup</button>

<button type="submit" class="btn btn-

Page 70: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

91

danger waves-effect waves-light">Simpan</button>

</div>

</form>

</div>

</div>

</div>

<!-- /.modal -->

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

<th><center>No</center></th>

<th><center>Laporan

Bulan</center></th>

<th><center>Total Kas</center></th>

<th><center>Total

Pengeluaran</center></th>

<th><center>Sisa Saldo</center></th>

{{-- <th><center>Tanggal

Input</center></th>

<th><center>Tanggal

Edit</center></th> --}}

Page 71: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

92

@if( Auth::user()->hakakses == 'Admin' )

<th><center>Action</center></th>

@endif

</tr>

</thead>

<tbody>

@foreach($lapor as $laporan)

<tr>

<td align="center">{{ $no++

}}</td>

<td align="center">

@if(date('m', strtotime($laporan->tgl_laporan)) ==

'01')

Januari {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '02')

Februari {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

Page 72: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

93

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '03')

Maret {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '04')

April {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '05')

Mei {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '06')

Juni {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

Page 73: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

94

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '07')

juli {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '08')

Agustus {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '09')

September {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '10')

Oktober {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

Page 74: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

95

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '11')

November {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '12')

Desember {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@endif

</td>

<td align="center">Rp. {{

number_format($laporan->total_kas) }}</td>

<td align="center">Rp. {{

number_format($laporan->total_pengeluaran) }}</td>

<td align="center">Rp. {{

number_format($laporan->sisa_kas) }}</td>

@if( Auth::user()->hakakses == 'Admin' )

<td align="center">

Page 75: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

96

<form

action="{{route('laporan.destroy', $laporan)}}"

method="POST">

{{ csrf_field() }}

{{

method_field('DELETE') }}

{{-- <a href="{{

route('laporan.edit', $laporan) }}">

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Edit">

<i class="fa fa-edit"></i>

</button>

</a> --}}

<a href="{{

route('laporan.show', $laporan) }}" target="_blank">

<button type="button"

class="btn btn-outline-dark" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Lihat">

<i class="fas fa-eye"></i>

Page 76: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

97

</button>

</a>

<a href="{{

route('printlaporan.show', $laporan) }}" target="_blank">

<button type="button"

class="btn btn-outline-success" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Print">

<i class="fas fa-print"></i>

</button>

</a>

<button type="submit"

class="btn btn-outline-danger" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Delete"

onclick="return confirm('Anda Yakin Hapus Data!!!!!')">

<i class="fas fa-trash-alt"></i>

</button>

</form>

</td>

@endif

</tr>

Page 77: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

98

@endforeach

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

@endsection

Pengajuan

@extends('admin.layout.app')

@section('title')

Pengajuan

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Page 78: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

99

Tabel Daftar Pengajuan

</h4>

<br>

<h6 class="card-subtitle">

@if( Auth::user()->hakakses == 'Admin' )

<button type="button" class="btn btn-

outline-success" data-toggle="modal" data-target="#responsive-

modal">

<i class="fa fa-plus"></i>

Pengajuan

</button>

@endif

</h6>

<!-- sample modal content -->

<div id="responsive-modal" class="modal fade"

tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true" style="display: none;">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">Input Daftar

Pengajuan</h4>

<button type="button" class="close" data-

dismiss="modal" aria-hidden="true">×</button>

Page 79: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

100

</div>

<div class="modal-body">

<form class="needs-validation" novalidate

action="{{ route('pengajuan.store') }}" method="POST" accept-

charset="utf-8">

{{ csrf_field() }}

{{

method_field('POST') }}

<div class="form-group">

<label for="referensi" class="control-

label">Referensi Dari:</label>

<input type="text" name="referensi"

class="form-control" id="referensi" required>

<div class="invalid-feedback">

Referensi

</div>

</div>

<div class="form-group">

<label for="pengajuan" class="control-

label">Pengajuan Untuk:</label>

<input type="text" name="pengajuan"

class="form-control" id="pengajuan" required>

Page 80: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

101

<div class="invalid-feedback">

Pengajuan

</div>

</div>

<div class="form-group">

<label for="nominal_pengajuan"

class="control-label">Nominal:</label>

<input type="number"

name="nominal_pengajuan" class="form-control"

id="nominal_pengajuan" required>

<div class="invalid-feedback">

Nominal

</div>

</div>

<div class="form-group">

<label for="datepicker-autoclose1"

class="control-label"> Tanggal Pengajuan :</label>

<div class="input-group">

<input type="text"

name="tgl_pengajuan" class="form-control" id="datepicker-

autoclose1" required="">

<div class="input-group-append">

Page 81: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

102

<span class="input-group-text"><i

class="icon-calender"></i></span>

</div>

<div class="invalid-feedback">

Masukan Tanggal

</div>

</div>

</div>

<div class="form-group">

<label for="katpengajuan_id"

class="control-label">Kategori Pengajuan :</label>

<select name="katpengajuan_id"

class="form-control" id="katpengajuan_id" required>

<option

value>--- Pilih ---</option>

@foreach($kategoris as $k)

<option value="{{ $k->id }}">{{ $k->nama_pengajuan

}}</option>

@endforeach

</select>

<div class="invalid-feedback">

Page 82: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

103

Kategori Pengajuan

</div>

</div>

<div class="form-group">

<label for="keterangan_pengajuan"

class="control-label">Keterangan Pengajuan:</label>

<textarea

name="keterangan_pengajuan" class="form-control"

id="keterangan_pengajuan" required></textarea>

<div class="invalid-feedback">

Keterangan

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-

default waves-effect" data-dismiss="modal">Tutup</button>

<button type="submit" class="btn btn-

danger waves-effect waves-light">Simpan</button>

</div>

</form>

</div>

</div>

Page 83: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

104

</div>

<!-- /.modal -->

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

<th><center>No</center></th>

<th><center>Kode

Pengajuan</center></th>

<th><center>Referensi</center></th>

<th><center>Pengajuan</center></th>

<th><center>Nominal</center></th>

<th><center>Tgl

Pengajuan</center></th>

<th><center>Keterangan

Pengajuan</center></th>

<th><center>Status

Konfirmasi</center></th>

<th><center>Ketegori

Pengajuan</center></th>

{{-- <th><center>Tanggal

Input</center></th>

Page 84: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

105

<th><center>Tanggal

Edit</center></th> --}}

@if( Auth::user()->hakakses ==

'Admin' )

<th><center>Action</center></th>

@endif

</tr>

</thead>

<tbody>

@foreach($pengajuans as

$pengajuan)

<tr>

<td align="center">{{ $no++

}}</td>

<td align="center">{{

$pengajuan->kode_pengajuan }}</td>

<td align="center">{{

$pengajuan->referensi }}</td>

<td align="center">{{

$pengajuan->pengajuan }}</td>

<td align="center">Rp. {{

number_format($pengajuan->nominal_pengajuan) }}</td>

<td align="center">{{ date('d-

m-Y', strtotime($pengajuan->tgl_pengajuan)) }}</td>

Page 85: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

106

<td align="center">{{

$pengajuan->keterangan_pengajuan }}</td>

<td align="center">

@if( $pengajuan-

>status_konfirmasi == 'Setuju')

<span class="label

label-success m-r-10">

{{ $pengajuan-

>status_konfirmasi }}

</span>

@elseif($pengajuan-

>status_konfirmasi == 'Tunggu')

<span class="label

label-warning m-r-10">

{{ $pengajuan-

>status_konfirmasi }}

</span>

@else

<span class="label

label-danger m-r-10">

{{ $pengajuan-

>status_konfirmasi }}

</span>

@endif

Page 86: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

107

</td>

{{-- <td align="center">{{

$pengajuan->katpengajuan_id }}</td> --}}

<td align="center">{{

$pengajuan->nama_pengajuan }}</td>

{{-- <td align="center">{{

$pengajuan->created_at->diffForHumans() }}</td>

<td align="center">{{

$pengajuan->updated_at->diffForHumans() }}</td> --}}

@if( Auth::user()->hakakses ==

'Admin' )

<td align="center">

<form

action="{{route('pengajuan.destroy', $pengajuan)}}"

method="post">

{{ csrf_field() }}

{{

method_field('DELETE') }}

<a href="{{

route('pengajuan.edit', $pengajuan) }}">

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Edit">

Page 87: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

108

<i class="fa fa-edit"></i>

</button>

</a>

<button type="submit"

class="btn btn-outline-danger" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Delete"

onclick="return confirm('Anda Yakin Hapus Data!!!!!')">

<i class="fas fa-trash-alt"></i>

</button>

</form>

</td>

@endif

</tr>

@endforeach

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

Page 88: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

109

@endsection

Rekap

@extends('admin.layout.app')

@section('title')

Daftar Rekap Bulanan

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Tabel Daftar Rekap Bulanan

</h4>

<br>

<h6 class="card-subtitle">

@if( Auth::user()-

>hakakses == 'Admin' )

Page 89: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

110

<button type="button" class="btn btn-

outline-success" data-toggle="modal" data-target="#responsive-

modal">

<i class="fa fa-plus"></i>

Rekap Bulanan

</button>

@endif

</h6>

<!-- sample modal content -->

<div id="responsive-modal" class="modal fade"

tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true" style="display: none;">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">Input Rekap

Bulanan</h4>

<button type="button" class="close" data-

dismiss="modal" aria-hidden="true">×</button>

</div>

<div class="modal-body">

<form class="needs-validation" novalidate

action="{{ route('rekap.store') }}" method="POST" accept-

charset="utf-8">

Page 90: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

111

{{ csrf_field() }}

{{

method_field('POST') }}

<div class="form-group">

<label for="katpengajuan_id"

class="control-label">Kategori Pengajuan :</label>

<select name="katpengajuan_id"

class="form-control" id="katpengajuan_id" required>

<option

value>--- Pilih ---</option>

@foreach($kategoris as $k)

<option value="{{ $k->id }}">{{ $k->nama_pengajuan

}}</option>

@endforeach

</select>

<div class="invalid-feedback">

Kategori Pengajuan

</div>

</div>

{{-- <div class="form-group">

Page 91: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

112

<label for="jml_nominal"

class="control-label">Jumlah Saldo :</label>

<input type="number"

name="jml_nominal" class="form-control" id="jml_nominal"

required>

<div class="invalid-feedback">

Jumlah Nominal

</div>

</div> --}}

<div class="form-group">

<label for="datepicker-autoclose1"

class="control-label"> Tanggal Pengajuan :</label>

<div class="input-group">

<input type="text"

name="tgl_pengajuan" class="form-control" id="datepicker-

autoclose1" required="">

<div class="input-group-append">

<span class="input-group-text"><i

class="icon-calender"></i></span>

</div>

<div class="invalid-feedback">

Masukan Tanggal

</div>

Page 92: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

113

</div>

</div>

<div class="form-group">

<label for="datepicker-autoclose"

class="control-label"> Tanggal Rekap :</label>

<div class="input-group">

<input type="text"

name="tgl_rekap" class="form-control" id="datepicker-

autoclose" required="">

<div class="input-group-append">

<span class="input-group-text"><i

class="icon-calender"></i></span>

</div>

<div class="invalid-feedback">

Masukan Tanggal

</div>

</div>

</div>

{{-- <div class="form-group">

<label for="keterangan_rekap"

class="control-label">Keterangan :</label>

<textarea name="keterangan_rekap"

Page 93: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

114

class="form-control" id="keterangan_rekap"

required></textarea>

<div class="invalid-feedback">

Keterangan

</div>

</div> --}}

</div>

<div class="modal-footer">

<button type="button" class="btn btn-

default waves-effect" data-dismiss="modal">Tutup</button>

<button type="submit" class="btn btn-

danger waves-effect waves-light">Simpan</button>

</div>

</form>

</div>

</div>

</div>

<!-- /.modal -->

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

Page 94: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

115

<th><center>No</center></th>

<th><center>Kode

Rekap</center></th>

<th><center>Tanggal

Rekap</center></th>

<th><center>Tanggal

Pengajuan</center></th>

<th><center>Kategori

Pengajuan</center></th>

<th><center>Total

Rekap</center></th>

{{-- <th><center>Tanggal

Input</center></th>

<th><center>Tanggal

Edit</center></th> --}}

@if( Auth::user()->hakakses == 'Admin' )

<th><center>Action</center></th>

@endif

</tr>

</thead>

<tbody>

@foreach($rekaps as $rekap)

<tr>

Page 95: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

116

<td align="center">{{ $no++

}}</td>

<td align="center">{{ $rekap-

>kode_rekap }}</td>

<td align="center">{{ date('d-

m-Y', strtotime($rekap->tgl_rekap)) }}</td>

<td align="center">{{ date('d-

m-Y', strtotime($rekap->tgl_pengajuan)) }}</td>

<td align="center">{{ $rekap-

>nama_pengajuan }}</td>

<td align="center">Rp. {{

number_format($rekap->total_rekap) }}</td>

@if( Auth::user()->hakakses == 'Admin' )

<td align="center">

<form

action="{{route('rekap.destroy', $rekap)}}" method="POST">

{{ csrf_field() }}

{{

method_field('DELETE') }}

<a href="{{

route('rekap.edit', $rekap) }}">

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

Page 96: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

117

placement="top" title="" data-original-title="Edit">

<i class="fa fa-edit"></i>

</button>

</a>

<a href="{{

route('rekap.show', $rekap) }}" target="_blank">

<button type="button"

class="btn btn-outline-dark" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Lihat">

<i class="fas fa-eye"></i>

</button>

</a>

<a href="{{

route('printrekap.show', $rekap) }}" target="_blank">

<button type="button"

class="btn btn-outline-success" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Print">

<i class="fas fa-print"></i>

Page 97: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

118

</button>

</a>

<button type="submit"

class="btn btn-outline-danger" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Delete"

onclick="return confirm('Anda Yakin Hapus Data!!!!!')">

<i class="fas fa-trash-alt"></i>

</button>

</form>

</td>

@endif

</tr>

@endforeach

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

@endsection

Page 98: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

119

B. Form Data Bagian Keuangan

Beranda

@extends('admin.layout.app')

@section('title')

Home

@endsection

@section('content')

<marquee>

<center>

<h3>Selamat Datang Di App Kas Kecil CV

Cita Nasional... <b><i>{{ Auth::user()->name }}</i></b></h3>

{{-- <br>

@if(Auth::user()->hakakses == 'Admins')

adm

@else

lain

@endif --}}

</center>

</marquee>

Page 99: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

120

<div class="row">

<div class="col-12">

<!-- Row -->

<div class="row">

<!-- Column -->

<div class="col-lg-3 col-md-6">

<div class="card">

<div class="card-body">

<div class="row p-t-10 p-b-10">

<!-- Column -->

<div class="col p-r-0">

<h1 class="font-light">12</h1>

<h6 class="text-muted">-</h6>

</div>

<!-- Column -->

<a href="#">

<div class="col text-right

align-self-center">

<div data-label="330%"

class="css-bar m-b-0 css-bar-primary css-bar-30"><i

class="icon-people"></i></div>

</div>

</a>

Page 100: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

121

</div>

</div>

</div>

</div>

<!-- Column -->

<!-- Column -->

<div class="col-lg-3 col-md-6">

<div class="card">

<div class="card-body">

<div class="row p-t-10 p-b-10">

<!-- Column -->

<div class="col p-r-0">

<h1 class="font-light">13</h1>

<h6 class="text-muted">-</h6></div>

<!-- Column -->

<a href="#">

<div class="col text-right align-self-

center">

<div data-label="80%" class="css-

bar m-b-0 css-bar-danger css-bar-80"><i class="mdi mdi-

briefcase-check"></i></div>

</div>

</a>

</div>

Page 101: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

122

</div>

</div>

</div>

<!-- Column -->

<!-- Column -->

<div class="col-lg-3 col-md-6">

<div class="card">

<div class="card-body">

<div class="row p-t-10 p-b-10">

<!-- Column -->

<div class="col p-r-0">

<h1 class="font-light">41</h1>

<h6 class="text-muted">-</h6></div>

<!-- Column -->

<a href="#">

<div class="col text-right align-self-

center">

<div data-label="60%" class="css-

bar m-b-0 css-bar-warning css-bar-60"><i class="mdi mdi-star-

circle"></i></div>

</div>

</a>

</div>

</div>

Page 102: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

123

</div>

</div>

<!-- Column -->

<!-- Column -->

<div class="col-lg-3 col-md-6">

<div class="card">

<div class="card-body">

<div class="row p-t-10 p-b-10">

<!-- Column -->

<div class="col p-r-0">

<h1 class="font-light">15</h1>

<h6 class="text-muted">-</h6></div>

<!-- Column -->

<a href="">

<div class="col text-right align-self-

center">

<div data-label="70%" class="css-

bar m-b-0 css-bar-info css-bar-70"><i class="mdi mdi-

receipt"></i></div>

</div>

</a>

</div>

</div>

</div>

Page 103: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

124

</div>

<!-- Column -->

</div>

</div>

</div>

{{--

<div class="row">

<div class="col-lg-3">

<div class="card bg-inverse text-white">

<div class="card-body">

<div class="d-flex no-block align-items-center">

<a href="JavaScript: void(0);"><i

class="display-6 cc ETH text-white" title="ETH"></i></a>

<div class="m-l-15 m-t-10">

<h4 class="font-medium m-b-

0">Ethereum</h4>

<h5>$3589.00k</h5>

</div>

</div>

</div>

</div>

</div>

<div class="col-lg-3">

<div class="card bg-cyan text-white">

Page 104: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

125

<div class="card-body">

<div class="d-flex no-block align-items-center">

<a href="JavaScript: void(0);"><i

class="display-6 cc DASH-alt text-white" title="LTC"></i></a>

<div class="m-l-15 m-t-10">

<h4 class="font-medium m-b-0">Dash</h4>

<h5>$900.00k</h5>

</div>

</div>

</div>

</div>

</div>

<div class="col-lg-3">

<div class="card bg-orange text-white">

<div class="card-body">

<div class="d-flex no-block align-items-center">

<a href="JavaScript: void(0);"><i

class="display-6 cc BTC-alt text-white" title="BTC"></i></a>

<div class="m-l-15 m-t-10">

<h4 class="font-medium m-b-0">Bitcoin</h4>

<h5>$284.50k</h5>

</div>

</div>

</div>

Page 105: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

126

</div>

</div>

<div class="col-lg-3">

<div class="card bg-info text-white">

<div class="card-body">

<div class="d-flex no-block align-items-center">

<a href="JavaScript: void(0);"><i

class="display-6 cc AMP-alt text-white" title="AMP"></i></a>

<div class="m-l-15 m-t-10">

<h4 class="font-medium m-b-0">Ripple</h4>

<h5>$650.80k</h5>

</div>

</div>

</div>

</div>

</div>

</div> --}}

@endsection

Kas

@extends('admin.layout.app')

@section('title')

Saldo Kas

Page 106: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

127

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Tabel Saldo Kas

</h4>

<br>

<h6 class="card-subtitle">

@if( Auth::user()->hakakses == 'Admin' )

<button type="button" class="btn btn-

outline-success" data-toggle="modal" data-target="#responsive-

modal">

<i class="fa fa-plus"></i>

Saldo Kas

</button>

@endif

</h6>

<!-- sample modal content -->

<div id="responsive-modal" class="modal fade"

Page 107: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

128

tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true" style="display: none;">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">Input Kas</h4>

<button type="button" class="close" data-

dismiss="modal" aria-hidden="true">×</button>

</div>

<div class="modal-body">

<form class="needs-validation" novalidate

action="{{ route('kas.store') }}" method="POST" accept-

charset="utf-8">

{{ csrf_field() }}

{{

method_field('POST') }}

<div class="form-group">

<label for="jml_nominal"

class="control-label">Jumlah Saldo :</label>

<input type="number"

name="jml_nominal" class="form-control" id="jml_nominal"

required>

<div class="invalid-feedback">

Page 108: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

129

Jumlah Nominal

</div>

</div>

<div class="form-group">

<label for="datepicker-autoclose1"

class="control-label"> Tanggal Masuk Kas :</label>

<div class="input-group">

<input type="text"

name="tgl_masuk" class="form-control" id="datepicker-

autoclose1" required="">

<div class="input-group-append">

<span class="input-group-text"><i

class="icon-calender"></i></span>

</div>

<div class="invalid-feedback">

Masukan Tanggal

</div>

</div>

</div>

<div class="form-group">

<label for="keterangan_kas"

class="control-label">Keterangan :</label>

Page 109: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

130

<textarea name="keterangan_kas"

class="form-control" id="keterangan_kas" required></textarea>

<div class="invalid-feedback">

Keterangan

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-

default waves-effect" data-dismiss="modal">Tutup</button>

<button type="submit" class="btn btn-

danger waves-effect waves-light">Simpan</button>

</div>

</form>

</div>

</div>

</div>

<!-- /.modal -->

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

Page 110: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

131

<th><center>No</center></th>

<th><center>Saldo</center></th>

<th><center>Tgl Masuk</center></th>

<th><center>Keterangan</center></th>

{{-- <th><center>Tanggal

Input</center></th>

<th><center>Tanggal

Edit</center></th> --}}

@if( Auth::user()->hakakses == 'Admin' )

<th><center>Action</center></th>

@endif

</tr>

</thead>

<tbody>

@foreach($kass as $kas)

<tr>

<td align="center">{{ $no++

}}</td>

<td align="center">Rp. {{

number_format($kas->jml_nominal) }}</td>

<td align="center">{{ date('d F

Y', strtotime($kas->tgl_masuk)) }}</td>

Page 111: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

132

<td align="center">{{ $kas-

>keterangan_kas }}</td>

{{-- <td align="center">{{ $kas-

>created_at->diffForHumans() }}</td>

<td align="center">{{ $kas-

>updated_at->diffForHumans() }}</td> --}}

<td align="center">

<form

action="{{route('kas.destroy', $kas)}}" method="post">

{{ csrf_field() }}

{{

method_field('DELETE') }}

<a href="{{

route('kas.edit', $kas) }}">

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

placement="left" title="" data-original-title="Edit">

<i class="fa fa-edit"></i>

Edit

</button>

</a>

Page 112: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

133

<button type="submit"

class="btn btn-outline-danger" data-toggle="tooltip" data-

placement="Right" title="" data-original-title="Delete"

onclick="return confirm('Anda Yakin Hapus Data!!!!!')">

<i class="fas fa-trash-alt"></i>

Delete

</button>

</form>

</td>

</tr>

@endforeach

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

@endsection

Katagori

Page 113: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

134

@extends('admin.layout.app')

@section('title')

Kategori

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Tabel Kategori Pengajuan

</h4>

<br>

<h6 class="card-subtitle">

@if( Auth::user()-

>hakakses == 'Admin' )

<button type="button" class="btn btn-

outline-success" data-toggle="modal" data-target="#responsive-

modal">

<i class="fa fa-plus"></i>

Kategori

</button>

Page 114: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

135

@endif

</h6>

<!-- sample modal content -->

<div id="responsive-modal" class="modal fade"

tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true" style="display: none;">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">Input

Kategori</h4>

<button type="button" class="close" data-

dismiss="modal" aria-hidden="true">×</button>

</div>

<div class="modal-body">

<form class="needs-validation" novalidate

action="{{ route('kategori.store') }}" method="POST" accept-

charset="utf-8">

{{ csrf_field() }}

{{

method_field('POST') }}

<div class="form-group">

<label for="nama_pengajuan"

Page 115: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

136

class="control-label">Jenis Pengajuan:</label>

<input type="text"

name="nama_pengajuan" class="form-control"

id="nama_pengajuan" required>

<div class="invalid-feedback">

Jenis Pengajuan

</div>

</div>

<div class="form-group">

<label for="keterangan"

class="control-label">Keterangan:</label>

<textarea name="keterangan"

class="form-control" id="keterangan" required></textarea>

<div class="invalid-feedback">

Keterangan

</div>

</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-

default waves-effect" data-dismiss="modal">Tutup</button>

<button type="submit" class="btn btn-

danger waves-effect waves-light">Simpan</button>

Page 116: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

137

</div>

</form>

</div>

</div>

</div>

<!-- /.modal -->

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

<th><center>No</center></th>

<th><center>Jenis

Pengajuan</center></th>

<th><center>Keterangan</center></th>

{{-- <th><center>Tanggal

Input</center></th>

<th><center>Tanggal

Edit</center></th> --}}

@if( Auth::user()->hakakses == 'Admin' )

<th><center>Action</center></th>

Page 117: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

138

@endif

</tr>

</thead>

<tbody>

@foreach($kategoris as $kategori)

<tr>

<td align="center">{{ $no++

}}</td>

<td align="center">{{ $kategori-

>nama_pengajuan }}</td>

<td align="center">{{ $kategori-

>keterangan }}</td>

{{-- <td align="center">{{

$kategori->created_at->diffForHumans() }}</td>

<td align="center">{{ $kategori-

>updated_at->diffForHumans() }}</td> --}}

@if( Auth::user()->hakakses == 'Admin' )

<td align="center">

<form

action="{{route('kategori.destroy', $kategori)}}"

method="post">

{{ csrf_field() }}

{{

Page 118: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

139

method_field('DELETE') }}

<a href="{{

route('kategori.edit', $kategori) }}">

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

placement="left" title="" data-original-title="Edit">

<i class="fa fa-edit"></i>

Edit

</button>

</a>

<button type="submit"

class="btn btn-outline-danger" data-toggle="tooltip" data-

placement="Right" title="" data-original-title="Delete"

onclick="return confirm('Anda Yakin Hapus Data!!!!!')">

<i class="fas fa-trash-alt"></i>

Delete

</button>

</form>

Page 119: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

140

</td>

@endif

</tr>

@endforeach

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

@endsection

Konfirmasi Pengajuan

@extends('admin.layout.app')

@section('title')

Konfirmasi Keuangan

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

Page 120: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

141

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Tabel Daftar Konfirmasi Keuangan

</h4>

<br>

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

<th><center>No</center></th>

<th><center>Kode

konfir</center></th>

<th><center>Referensi</center></th>

<th><center>konfir</center></th>

<th><center>Nominal</center></th>

<th><center>Tgl konfir</center></th>

<th><center>Keterangan

konfir</center></th>

<th><center>Status

Konfirmasi</center></th>

<th><center>Ketegori

Page 121: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

142

konfir</center></th>

{{-- <th><center>Tanggal

Input</center></th>

<th><center>Tanggal

Edit</center></th> --}}

@if( Auth::user()->hakakses ==

'Keuangan' )

<th><center>Action</center></th>

@endif

</tr>

</thead>

<tbody>

@foreach($konfirs as $konfir)

<tr>

<td align="center">{{ $no++

}}</td>

<td align="center">{{ $konfir-

>kode_pengajuan }}</td>

<td align="center">{{ $konfir-

>referensi }}</td>

<td align="center">{{ $konfir-

>pengajuan }}</td>

<td align="center">Rp. {{

number_format($konfir->nominal_pengajuan) }}</td>

Page 122: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

143

<td align="center">{{ date('d-

m-Y', strtotime($konfir->tgl_pengajuan)) }}</td>

<td align="center">{{ $konfir-

>keterangan_pengajuan }}</td>

<td align="center">

@if( $konfir-

>status_konfirmasi == 'Setuju')

<span class="label

label-success m-r-10">

{{ $konfir-

>status_konfirmasi }}

</span>

@elseif($konfir-

>status_konfirmasi == 'Tunggu')

<span class="label

label-warning m-r-10">

{{ $konfir-

>status_konfirmasi }}

</span>

@else

<span class="label

label-danger m-r-10">

{{ $konfir-

>status_konfirmasi }}

Page 123: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

144

</span>

@endif

</td>

<td align="center">{{ $konfir-

>nama_pengajuan }}</td>

@if( Auth::user()->hakakses ==

'Keuangan' )

<td align="center">

<a href="{{ route('konfir.edit',

$konfir) }}">

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Edit">

<i class="fa fa-edit"></i>

</button>

</a>

</td>

@endif()

</tr>

@endforeach

</tbody>

</table>

Page 124: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

145

</div>

</div>

</div>

</div>

</div>

@endsection

Laporan

@extends('admin.layout.app')

@section('title')

Daftar Laporan Bulanan

@endsection

@section('content')

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-body">

@include('admin.layout.partials._alerts')

<h4 class="card-title">

Tabel Daftar Laporan Bulanan

</h4>

<br>

Page 125: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

146

<h6 class="card-subtitle">

@if( Auth::user()-

>hakakses == 'Admin' )

<button type="button" class="btn btn-

outline-success" data-toggle="modal" data-target="#responsive-

modal">

<i class="fa fa-plus"></i>

Laporan Bulanan

</button>

@endif

</h6>

<!-- sample modal content -->

<div id="responsive-modal" class="modal fade"

tabindex="-1" role="dialog" aria-labelledby="myModalLabel"

aria-hidden="true" style="display: none;">

<div class="modal-dialog">

<div class="modal-content">

<div class="modal-header">

<h4 class="modal-title">Input Laporan

Bulanan</h4>

<button type="button" class="close" data-

dismiss="modal" aria-hidden="true">×</button>

</div>

<div class="modal-body">

Page 126: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

147

<form class="needs-validation" novalidate

action="{{ route('laporan.store') }}" method="POST" accept-

charset="utf-8">

{{ csrf_field() }}

{{

method_field('POST') }}

<div class="form-group">

<label for="datepicker-autoclose1"

class="control-label"> Tanggal Laporan :</label>

<div class="input-group">

<input type="text"

name="tgl_laporan" class="form-control" id="datepicker-

autoclose1" required="">

<div class="input-group-append">

<span class="input-group-text"><i

class="icon-calender"></i></span>

</div>

<div class="invalid-feedback">

Masukan Tanggal

</div>

</div>

</div>

</div>

Page 127: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

148

<div class="modal-footer">

<button type="button" class="btn btn-

default waves-effect" data-dismiss="modal">Tutup</button>

<button type="submit" class="btn btn-

danger waves-effect waves-light">Simpan</button>

</div>

</form>

</div>

</div>

</div>

<!-- /.modal -->

<br>

<div class="table-responsive">

<table id="alt_pagination" class="table table-

striped table-bordered display" style="width:100%">

<thead>

<tr>

<th><center>No</center></th>

<th><center>Laporan

Bulan</center></th>

<th><center>Total Kas</center></th>

<th><center>Total

Pengeluaran</center></th>

<th><center>Sisa Saldo</center></th>

Page 128: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

149

{{-- <th><center>Tanggal

Input</center></th>

<th><center>Tanggal

Edit</center></th> --}}

@if( Auth::user()->hakakses == 'Admin' )

<th><center>Action</center></th>

@endif

</tr>

</thead>

<tbody>

@foreach($lapor as $laporan)

<tr>

<td align="center">{{ $no++

}}</td>

<td align="center">

@if(date('m', strtotime($laporan->tgl_laporan)) ==

'01')

Januari {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

Page 129: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

150

== '02')

Februari {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '03')

Maret {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '04')

April {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '05')

Mei {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

Page 130: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

151

== '06')

Juni {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '07')

juli {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '08')

Agustus {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '09')

September {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

Page 131: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

152

== '10')

Oktober {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '11')

November {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@elseif(date('m', strtotime($laporan->tgl_laporan))

== '12')

Desember {{ date('Y', strtotime($laporan-

>tgl_laporan)) }}

@endif

</td>

<td align="center">Rp. {{

number_format($laporan->total_kas) }}</td>

<td align="center">Rp. {{

number_format($laporan->total_pengeluaran) }}</td>

<td align="center">Rp. {{

Page 132: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

153

number_format($laporan->sisa_kas) }}</td>

@if( Auth::user()->hakakses == 'Admin' )

<td align="center">

<form

action="{{route('laporan.destroy', $laporan)}}"

method="POST">

{{ csrf_field() }}

{{

method_field('DELETE') }}

{{-- <a href="{{

route('laporan.edit', $laporan) }}">

<button type="button"

class="btn btn-outline-warning" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Edit">

<i class="fa fa-edit"></i>

</button>

</a> --}}

<a href="{{

route('laporan.show', $laporan) }}" target="_blank">

<button type="button"

class="btn btn-outline-dark" data-toggle="tooltip" data-

Page 133: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

154

placement="top" title="" data-original-title="Lihat">

<i class="fas fa-eye"></i>

</button>

</a>

<a href="{{

route('printlaporan.show', $laporan) }}" target="_blank">

<button type="button"

class="btn btn-outline-success" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Print">

<i class="fas fa-print"></i>

</button>

</a>

<button type="submit"

class="btn btn-outline-danger" data-toggle="tooltip" data-

placement="top" title="" data-original-title="Delete"

onclick="return confirm('Anda Yakin Hapus Data!!!!!')">

<i class="fas fa-trash-alt"></i>

</button>

Page 134: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

155

</form>

</td>

@endif

</tr>

@endforeach

</tbody>

</table>

</div>

</div>

</div>

</div>

</div>

@endsection

Page 135: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

156

3.5.2. Blackbox Testing

A. Form Login Admin

No. Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Nama user

dan

password

tidak diisi

kemudian

klik tombol

login

Nama

user:(kosong)

password :

(kosong)

Sistem akan

menolak

akses dan

menampilkan

pesan "text

box harus

diisi"

Sesuai

harapan

Valid

2 Mengetikan

Nama user

dan

password

tidak diidi

atau kosong

kemudian

klik tombol

login

Nama

user:Yusi

password :

(kosong)

Sistem akan

menolak

akses dan

menampilkan

pesan "text

box harus

diisi"

Sesuai

harapan

Valid

3 Nama user

tidak diisi

dan

password

diisi

kemudian

klik tombol

login

Nama user:

(kosong)

password :

12345

Sistem akan

menolak

akses dan

menampilkan

pesan "text

box harus

diisi"

Sesuai

harapan

Valid

Page 136: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

157

4 Mengetikan

salah satu

kondisi

salah pada

nama user

atau

password

kemudian

klik login

Nama user :

yusi (benar )

password :

admin ( salah

)

Sistem akan

menolak

akses akan

kembali ke

halaman

login dan

menampilkan

pesan " maaf

email dan

password

anda Salah!!"

Sesuai

harapan

Valid

5 Memgetikan

nama user

dan

password

dengan data

yang benar

kemudian

klik login

Nama user :

yusi (benar )

password :

yusi12345 (

benar)

Sistem akan

menerima

akses login

dan akan

menampilkan

langsung

halaman

Home dan

ada pesan "

selamat

Datang Yusi

"

Sesuai

harapan

Valid

B. Form Katagori Admin

No Skenario

Pengujian

Tast Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1 jenis

pengajuan

dan

keterangan

tidak di isi

kemudian

klik simpan

jenis pengajuan :

(kosong) keterangan:

(kosong )

Sistem akan

menolak

akses dan

halaman

akan kembali

seperti

semula dan

berubah

warna

menjadi

merah

Sesuai

Harapan

Valid

2 Memasukan

Jenis

pengajuan

dan

keterangan

tidak diisi

atau kosong

kemudian

Jenis pengajuan :

(obat obatan)

keterangan: (kosong )

Sistem akan

menolak

akses dan

halaman

akan kembali

di

keterangan

muncul garis

Sesuai

Harapan

Valid

Page 137: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

158

klik simpan merah

3 jenis

pengajuan

tidak di

isi(kosong)

dan

keterangan

di isi

kemudian

klik simpan

Jenis pengajuan:

(kosong) Keterangan

: Pembalian Obat

Sistem akan

menolak

akses dan

halaman

akan kembali

di jenis

pengajuan

muncul garis

merah

Sesuai

Harapan

Valid

4 memasukan

salah satu

kondisi salah

pada jenis

pengajuan

dan

keterangan

kemudian

klik simpan

jenis pengajuan :Obat

obatan (Benar)

keterangan:pembelian

bensin (salah )

Sistem akan

menerima

inputan data

pengajuan

dan muncul

pesan sucses

data berhasil

di

tambahkan

sesuai

Harapan

Valid

5 memasukan

data pada

jenis

pengajuan

dan

keterangan

dengan benar

kemudian

klik simpan

jenis pengajuan :Obat

obatan (Benar)

keterangan:pembelian

obat (benar )

Sistem akan

menerima

inputan data

pengajuan

dan muncul

pesan sucses

data berhasil

di

tambahkan

Sesuai

Harapan

Valid

C. Form Saldo Kas Bulanan

No Skenario

Pengujian

Tast Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

Page 138: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

159

1 jumlah

saldo,tanggal

masuk kas dan

keterangan

tidak di isi

kemudian klik

simpan

jumlah saldo :

(kosong )

tanggal masuk :

(kosong)

keterangan :

(kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

seperti semula

dan berubah

warna menjadi

merah

Sesuai

Harapan

Valid

2 jumlah saldo di

isi ,tanggal

masuk kas dan

keterangan

tidak di isi

kemudian klik

simpan

jumlah saldo :

(5000.000)

tanggal masuk :

(kosong)

keterangan :

(kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

tanggal masuk

dan keterangan

muncul garis

merah

Sesuai

Harapan

Valid

3 jumlah saldo di

isi ,tanggal

masuk kas di

isi dan

keterangan

tidak di isi

kemudian klik

simpan

jumlah saldo :

5000.000

tanggal masuk

:07-01-2019

(benar)

keterangan :

(kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

dan keterangan

muncul garis

merah

Sesuai

Harapan

Valid

4 jumlah saldo di

isi degan benar

,tanggal masuk

kas dan

keterangan di

isi dengan data

salah kemudian

klik simpan

jumlah saldo :

5000.000(benar)

tanggal masuk

:07-10-2019

(salah)

keterangan :

transfer (benar)

Sistem akan

menerima

inputan data

pengajuan dan

muncul pesan

sucses data

berhasil di

tambahkan

sesuai

Harapan

Valid

5 jumlah saldo di

isi degan benar

,tanggal masuk

kas dan

keterangan di

isi dengan data

salah kemudian

klik simpan

jumlah saldo :

5000.000(benar)

tanggal masuk

:07-01-2019

(benar)

keterangan :

transfer (benar)

Sistem akan

menerima

inputan data

pengajuan dan

muncul pesan

sucses data

berhasil di

tambahkan

Sesuai

Harapan

Valid

Page 139: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

160

D. Form Daftar pengajuan

No Skenario

Pengujian

Tast Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1 Referensi dari,

pengajuan untuk

,nominal ,

tanggal

Pengajuan

,katagori

pengajuan ,

keterangan

pengajuan tidak

di isi kemudian

klik simpan .

Referensi dari:

(kosong) pengajuan

untuk : (kosong

)nominal :(kosong)

tanggal Pengajuan

:(kosong)katagori

pengajuan :(kosong)

keterangan pengajuan:

(kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

seperti semula

dan berubah

warna menjadi

merah

Sesuai

Harapan

Valid

2 Referensi dari di

isi, pengajuan

untuk ,nominal ,

tanggal

Pengajuan

,katagori

pengajuan ,

keterangan

pengajuan tidak

di isi kemudian

klik simpan .

Referensi dari:

herman(benar)

pengajuan untuk :

(kosong )nominal

:(kosong) tanggal

Pengajuan

:(kosong)katagori

pengajuan :(kosong)

keterangan pengajuan:

(kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

dan semua

form yang ada

muncul garis

merah

Sesuai

Harapan

Valid

3 Referensi

daridan katagori

pengajuan di

isi, sedangkan

pengajuan untuk

,nominal ,

tanggal

Pengajuan ,

keterangan

pengajuan tidak

di isi kemudian

klik simpan .

Referensi dari:

herman(benar),tanggal

Pengajuan :07-01-

2019(benar)

pengajuan untuk :

(kosong )nominal

:(kosong) katagori

pengajuan :(kosong)

keterangan pengajuan:

(kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

dan semua

form yang ada

muncul garis

merah

Sesuai

Harapan

Valid

Page 140: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

161

4 Referensi

daridan katagori

pengajuan di isi

dengan benar,

sedangkan

pengajuan untuk

,nominal ,

tanggal

Pengajuan ,

keterangan

pengajuan di isi

dengan data

salah kemudian

klik simpan .

Referensi dari:

herman(benar),tanggal

Pengajuan :07-01-

2019(salah)

pengajuan untuk :

(salah)nominal

:(salah) katagori

pengajuan :(salah)

keterangan pengajuan:

(salah)

Sistem akan

menerima

inputan data

pengajuan dan

muncul pesan

sucses data

berhasil di

tambahkan

sesuai

Harapan

Valid

5 Referensi

daridan katagori

pengajuan ,

pengajuan untuk

,nominal ,

tanggal

Pengajuan ,

keterangan

pengajuan di isi

dengan data

benar kemudian

klik simpan .

Referensi dari:

herman(benar),tanggal

Pengajuan :07-01-

2019(salah)

pengajuan untuk :

(salah)nominal

:(salah) katagori

pengajuan :(salah)

keterangan pengajuan:

(salah)

Sistem akan

menerima

inputan data

pengajuan dan

muncul pesan

sucses data

berhasil di

tambahkan

Sesuai

Harapan

Valid

Page 141: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

162

E. Form Rekap Pengeluaran

No Skenario Pengujian Tast Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1 Katagori

pengajuan,tanggal

pengajuan , tanggal

rekap tidak di isi

kemudian klik

simpan

Katagori

pengajuan:

(kosong

)tanggal

pengajuan

:(kosong)

tanggal

rekap:(kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

seperti semula

dan berubah

warna menjadi

merah

Sesuai

Harapan

Valid

2 Katagori pengajuan

di isi dan tanggal

pengajuan , tanggal

rekap tidak di isi

kemudian klik

simpan

Katagori

pengajuan: obat

obatan(

benar)tanggal

pengajuan

:(kosong)

tanggal

rekap:(kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

semua form

yang ada

muncul garis

merah

Sesuai

Harapan

Valid

Page 142: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

163

3 Katagori pengajuan

tidak di isi dan

tanggal pengajuan ,

tanggal rekap di isi

kemudian klik

simpan

Katagori

pengajuan:

(kosong

)tanggal

pengajuan :07-

01-2019(benar)

tanggal

rekap:30-01-

2019(benar)

Sistem akan

menolak akses

dan halaman

akan kembali

dan semua form

yang belum di

isi akan muncul

garis merah

Sesuai

Harapan

Valid

4 Katagori pengajuan ,

tanggal pengajuan di

isi data benar dan

tanggal rekap di isi

data salah kemudian

klik simpan

Katagori

pengajuan:obat

obatan (benar

)tanggal

pengajuan :07-

01-2019(benar)

tanggal

rekap:30-02-

2019(salah)

Sistem akan

menerima

inputan data

rekapan dan

muncul pesan

warning data

data yang

dipilih kosong

sesuai

Harapan

Valid

5 Katagori

pengajuan,tanggal

pengajuan , tanggal

rekap di isi dengan

denar kemudian klik

simpan

Katagori

pengajuan:obat

obatan (benar

)tanggal

pengajuan :07-

01-2019(benar)

tanggal

rekap:07-01-

2019(benar)

Sistem akan

menerima

inputan data

pengajuan dan

muncul pesan

sucses data

berhasil di

tambahkan

Sesuai

Harapan

Valid

F. Form Laporan

No Skenario Pengujian Tast Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

Page 143: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran

164

1 tanggal laporan

tidak di isi

kemudian klik

simpan

tanggal laporan

: (kosong)

Sistem akan

menolak akses

dan halaman

akan kembali

seperti semula

dan berubah

warna menjadi

merah

Sesuai

Harapan

Valid

2 tanggal laporan di

isi tanggal tidak

sesuai data

kemudian klik

simpan

tanggal laporan

:02-02-2020

(salah)

Sistem akan

menerima input

tanggal dan

muncul pesan

warning laporan

pengeluaran

tidak dapat

diproses karena

pada tanggal 02-

02-2020 Rp 0

Sesuai

Harapan

Valid

3 tanggal laporan di

isi tanggal sesuai

data kemudian klik

simpan

tanggal laporan

:30-01-2019

(benar)

Sistem akan

menerima

inputan data

pengajuan dan

muncul pesan

sucses data

berhasil di

tambahkan

Sesuai

Harapan

Valid

3.5.3. Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem windows 8.1 single

Proessor celeron ®CPU N3060 @1.60 GHz

RAM 2 GB

Harddisk 100GB

Monitor 14'' LED

Keyboard 108 key

Printer Epson

Mouse Standard

Software kebutuhan menjalankan aplikasi secara luas

Bahasa scricpt programming : PHP (framework

Laravel )

Web server : Apache 3.2

DBSM : MySQL

Page 144: BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan · Excel dan Lotus. 2. Keamanan dokumen tidak terjamin 3. Laporan yang dihasilkan tidak tepat waktu 4. Kerangka pencatatan pengeluaran