RANCANG BANGUN APLIKASI LAPORAN KEUANGAN BERBASIS WEB PADA PT. ANUGRAH PUTRA KHARISMA

(1)

RANCANG BANGUN APLIKASI LAPORAN KEUANGAN

BERBASIS WEB PADA PT. ANUGRAH PUTRA KHARISMA

KERJA PRAKTIK

Program Studi

S1 Sistem Informasi

Oleh:

RERIS PRATAMA PUTRA

17410100100

FAKULTAS TEKNOLOGI DAN INFORMATIKA

UNIVERSITAS DINAMIKA

(2)

RANCANG BANGUN APLIKASI LAPORAN KEUANGAN

BERBASIS WEB PADA PT. ANUGRAH PUTRA KHARISMA

Diajukan sebagai salah satu syarat untuk menyelesaikan Program Sarjana Komputer

Disusun Oleh:

Nama : RERIS PRATAMA PUTRA

NIM : 17410100100

Program : S1 (Strata Satu)

Jurusan : Sistem Informasi

FAKULTAS TEKNOLOGI DAN INFORMATIKA

UNIVERSITAS DINAMIKA

(3)

LEMBAR MOTTO

"Jangan terlalu ambil hati dengan ucapan seseorang, kadang manusia punya mulut tapi belum tentu punya pikiran."

(4)

LEMBAR PERSEMBAHAN

Kupersembahkan karya ini kepada

Ibu dan Bapak tercinta,

Seluruh keluarga tersayang,

(5)

(6)

(7)

i ABSTRAK

PT Anugrah Putra Kharisma adalah sebuah bisnis yang melakukan pembelian tanah, pembangunan sampai penjualan rumah. Salah satu kegiatan yang ada di PT Anugrah Putra Kharisma adalah mengelola data keuangan perusahaan yang dilakukan oleh bagian administrasi dengan cara membuat laporan keuangan pendapatan dan pengeluaran dengan cara melakukan pencatatan pendapatan yang dibutuhkan perusahaan dengan cara mencatat di buku tulis. Kemudian catatan pendapatan dan pengeluaran keuangan tersebut dibuat laporan keuangan kedalam

Microsoft Excel. Dari proses pencatatan tersebut bagian administrasi harus harus

memasukkan data dari buku tulis untuk direkap dengan Excel agar dapat menjadi laporan keuangan harian, laporan keuangan bulanan, dan laporan keuangan tahunan. Hal tersebut membutuhkan waktu yang lama karena bagian administrasi hapus input data laporan harian, bulanan, dan tahunan.

Berdasarkan permasalahan tersebut, maka akan dibuat aplikasi laporan keuangan di PT Anugrah Putra Kharisma. Aplikasi laporan keuangan ini terdiri dari beberapa fungsi diantaranya yaitu fungsi laporan keuangan harian, fungsi laporan keuangan bulanan, fungsi laporan keuangan tahunan dan fungsi cetak laporan.

Hasil dari penelitian ini yaitu aplikasi laporan keuangan berbasis web yang dapat digunakan untuk mengelola laporan keuangan PT Anugrah Putra Kharisma. Dengan memanfaatkan aplikasi laporan keuangan dapat membantu perusahaan dapat menyelesaikan permasalahan yang ada.

Kata Kunci: Website, aplikasi laporan keuangan, developer property, PT Anugrah

(8)

ii

KATA PENGANTAR

Puji syukur atas kehadirat Tuhan Yang Maha Esa karena atas rahmat dan karunia-Nya, Penulis dapat menyelesaikan Laporan Kerja Praktik yang berjudul “Rancang Bangun Aplikasi Keuangan Berbasis Website Pada PT Anugrah Putra Kharisma”. Laporan ini disusun berdasarkan hasil studi dalam pelaksanaan Kerja Praktik di PT Anugrah Putra Kharisma yang dilakukan selama satu bulan lebih tiga pekan.

Dalam pelaksanaan Kerja Praktik dan penyelesaian Laporan Kerja Praktik ini, Penulis memperoleh bantuan dari berbagai pihak yang telah memberikan dukungan, baik berupa dukungan materil maupun dukungan moril. Oleh karena itu, pada kesempatan ini Penulis mengucapkan terima kasih kepada:

1. Orang tua dan keluarga besar Penulis yang selalu memberikan dukungan dan motivasi kepada penulis.

2. Bapak Dr. Anjik Sukmaaji, S.Kom., M.Eng., selaku Kepala Program Studi S1 Sistem Informasi yang telah memberikan arahan selama pelaksanaan Kerja Praktik.

3. Ibu Sulistiowati, S.Si., M.M., selaku Dosen Pembimbing yang telah memberikan dukungan berupa motivasi, saran, dan wawasan bagi Penulis selama pelaksanaan Kerja Praktik dan pembuatan Laporan Kerja Praktik. 4. Bapak Ghofi Ramadani, selaku direktur utama dari PT Anugrah Putra

Kharisma dan penyelia penulis yang telah memberikan ijin selama pelaksanaan Kerja Praktik sekaligus arahan selama pelaksanaan Kerja Praktik.

(9)

iii

5. Dan teman-teman yang selalu memberikan masukan dan nasehat supaya segera menyelesaikan laporan ini.

Penulis menyadari di dalam Laporan Kerja Praktik ini masih banyak kekurangan, meskipun demikian penulis tetap berharap Laporan Kerja Praktik ini bermanfaat bagi penulis dan semua pihak. Oleh karena itu, adanya saran dan kritik sangat diharapkan.

Surabaya, 12 Januari 2021

(10)

iv DAFTAR ISI

ABSTRAK ... i

KATA PENGANTAR ... ii

DAFTAR ISI ... iv

DAFTAR GAMBAR ... vii

DAFTAR TABEL ... ix BAB I PENDAHULUAN ... 1 1.1 Latar Belakang ... 1 1.2 Perumusan Masalah ... 1 1.3 Batasan Masalah ... 2 1.4 Tujuan ... 2 1.5 Manfaat ... 2 1.6 Sistematika Penulisan ... 3

BAB II GAMBARAN UMUM PERUSAHAAN ... 5

2.1 Gambaran Umum PT Anugrah Putra Kharisma ... 5

2.2 Logo PT Anugrah Putra Kharisma ... 6

2.2.1 Visi dan Misi PT Anugrah Putra Kharisma ... 6

(11)

v

2.2.3 Misi ... 6

2.3 Struktur Organisasi ... 7

2.4 Deskripsi Tugas Umum ... 8

BAB III LANDASAN TEORI ... 11

3.1 Pencatatan ... 11 3.2 Pendapatan ... 11 3.3 Pengeluaran kas ... 11 3.4 Aplikasi ... 11 3.5 Akuntansi Keuangan ... 12 3.6 Website ... 12 3.7 Database ... 12 3.8 HTML ... 12 3.9 PHP ... 13 3.10 XAMPP ... 13 3.11 Laravel ... 13 3.12 User Interface ... 13

BAB IV DESKRIPSI PEKERJAAN ... 14

4.1 Requirement Analysis ... 14

(12)

vi

4.1.2 Kebutuhan Fungsional ... 14

4.1.3 Kebutuhan Non Fungsional... 15

4.2 Perancangan Sistem ... 15

4.2.1 Use Case Diagram ... 15

4.2.2 Activity Diagram ... 16 4.2.3 Flow Of Event ... 25 4.2.4 Sequence Diagram ... 32 4.2.5 Class Diagram ... 36 4.3 Fase Construction ... 36 4.3.1 Halaman Login ... 36

4.3.2 Halaman Laporan Harian ... 37

4.3.3 Halaman Laporan Bulanan ... 38

4.3.4 Halaman Laporan Tahunan ... 39

4.3.5 Tombol Cetak PDF ... 39

BAB V PENUTUP ... 40

5.1 Kesimpulan ... 40

5.2 Saran ... 40

(13)

vii

DAFTAR GAMBAR

Gambar 2. 1 Gedung PT Anugrah Putra Kharisma... 5

Gambar 2. 2 Logo PT. Anugrah Putra Kharisma ... 6

Gambar 2. 3 Stuktur PT Anugrah Putra Kharisma ... 7

Gambar 4. 1 Use Case Diagram Aplikasi Laporan Keuangan ... 15

Gambar 4. 2 Activity Diagram Login ... 16

Gambar 4. 3 Activity Diagram Add Laporan Harian ... 17

Gambar 4. 4 Activity Diagram Update Laporan Harian ... 18

Gambar 4. 5 Activity Diagram Delete Laporan Harian ... 19

Gambar 4. 6 Activity Diagram Cetak Laporan Bulanan ... 20

Gambar 4. 7 Activity Diagram View Laporan Bulanan ... 21

Gambar 4. 8 Activity Diagram Cetak Laporan Bulanan ... 22

Gambar 4. 9 Activity Diagram View Laporan Tahunan ... 23

Gambar 4. 10 Activity Diagram Cetak Laporan Tahunan ... 24

Gambar 4. 11 Sequence Diagram Login ... 32

Gambar 4. 12 Sequence Diagram Laporan Harian ... 33

Gambar 4. 13 Sequence Diagram Laporan Bulanan ... 34

Gambar 4. 14 Sequence Diagram Laporan Tahunan ... 35

(14)

viii

Gambar 4. 16 Halaman Login ... 37

Gambar 4. 17 Halaman Laporan harian ... 37

Gambar 4. 18 Halaman Laporan Bulanan ... 38

Gambar 4. 19 Halaman Laporan Bulanan ... 39

(15)

ix

DAFTAR TABEL

Tabel 4. 1 Flow of Event Login ... 25

Tabel 4. 2 Flow of Event Laporan Harian... 26

Tabel 4. 3 Flow of Event Update Laporan Harian ... 27

Tabel 4. 4 Flow of Event Delete Laporan Harian ... 27

Tabel 4. 5 Flow of Event Cetak Laporan Harian ... 28

Tabel 4. 6 Flow of Event View Laporan Bulanan ... 29

Tabel 4. 7 Flow of Event Cetak Laporan Bulanan ... 29

Tabel 4. 8 Flow of Event View Laporan Tahunan ... 30

(16)

1 BAB I PENDAHULUAN

1.1 Latar Belakang

PT Anugrah Putra Kharisma yaitu perusahaan yang bergerak dibidang

developer property atau perusahaan yang bergerak dalam bidang pembangunan

perumahan. Berlokasi di perumahan Grand Royal Regency Blok A1 no 5 & 6 Desa Wage, Taman, Sidoarjo. PT Anugrah Putra Kharisma saat ini, dikepalai oleh bapak Ghofirin Ramadhani sebagai Direktur utama diperusahaan ini. Salah satu proses bisnis yang ada yaitu proses membuat laporan keuangan oleh bagian administrasi.

Dalam proses pembuatan laporan keuangan, Bagian administrasi melakukan pencatatan pendapatan yang didapatkan dari Down Payment (DP) atau uang muka pembayaran rumah, pembayaran customer dan pencatatan pengeluaran yang dibutuhkan perusahaan dengan cara mencatat di buku tulis. Kemudian catatan pendapatan dan pengeluaran keuangan tersebut dibuat laporan keuangan kedalam

Microsoft Excel. Selanjutnya bagian administrasi upload kedalam Google Drive.

Permasalahannya adalah bagian administrasi harus melakukan pencatatan pendapatan, pembayaran customer dan pencatatan pengeluaran. Kemudian bagian administrasi harus memasukkan data dari buku tulis untuk direkap dengan Excel agar dapat menjadi laporan keuangan harian, laporan keuangan bulanan dan laporan keuangan tahunan. Hal tersebut membutuhkan waktu yang lama karena bagian administrasi hapus input data laporan harian, bulanan, dan tahunan.

Dari masalah tersebut, maka penulis menawarkan solusi berupa aplikasi laporan keuangan berbasis website. Aplikasi ini meliputi pencatatan laporan keuangan perusahaan, pencarian data, dan menyimpan data dalam database

MySQL.

1.2 Perumusan Masalah

Berdasarkan latar belakang masalah di atas, maka dapat dirumuskan permasalahan yaitu bagaimana merancang bangun Aplikasi Keuangan Berbasis

Website yang membantu pihak PT Anugrah Putra Kharisma dalam kegiatan

(17)

2

1.3 Batasan Masalah

Batasan masalah pada Kerja Praktik Pembuatan Aplikasi Penjualan Berbasis Website pada PT Anugrah Putra Kharisma adalah sebagai berikut:

1. Aplikasi yang dibangun menggunakan PHP Framework Laravel dan

database menggunakan MySQL.

2. Aplikasi ini hanya berfokus pada laporan keuangan harian, bulanan dan tahunan PT Anugrah Putra Kharisma.

1.4 Tujuan

Berdasarkan perumusan masalah yang telah dijelaskan, maka tujuan yang akan dicapai adalah menghasilkan rancang bangun aplikasi laporan keuangan yang dapat menyelesaikan permasalahan.

1.5 Manfaat

Adapun manfaat yang diperoleh PT Anugrah Putra Kharisma dengan mengimplementasikan Aplikasi keuangan yaitu:

1. Dapat membantu dalam hal pengelolaan laporan keuangan perusahaan. 2. Dapat mempercepat pembuatan laporan perusahaan karena tidak ada

(18)

3

1.6 Sistematika Penulisan

Sistematika penulisan yang digunakan dalam penulisan Kerja Praktik ini adalah sebagai berikut:

BAB I: PENDAHULUAN

Bab ini merupakan pendahuluan dari Laporan Kerja Praktik yang membahas mengenai latar belakang masalah, perumusan masalah, pembatasan masalah, tujuan, dan sistematika penulisan.

BAB II: GAMBARAN UMUM PERUSAHAAN

Bab ini menjelaskan secara rinci mengenai gambaran umum PT Anugrah Putra Kharisma seperti antara lain: visi dan misi, pengenalan struktur organisasi serta deskripsi tugas dari masing-masing bagian yang bersangkutan.

BAB III: LANDASAN TEORI

Bab ini menjelaskan mengenai teori-teori yang melandasi dalam Pembuatan Aplikasi Keuangan Berbasis Website pada PT Anugrah Putra Kharisma. diantaranya adalah mengenai Pengertian Web, HTML, CSS, Hypertext

Prepocessor (PHP), Framework, dan Laravel.

BAB IV: DESKRIPSI PEKERJAAN

Bab ini menjelaskan proyek yang dikerjakan oleh penulis selama berada di PT Anugrah Putra Kharisma diantaranya yaitu Aplikasi keuangan berbasis website pada PT Anugrah Putra Kharisma. Pada masing proyek menjelaskan tentang desain aplikasi, hasil, pengoperasian program, dan pembagian tugas.

(19)

4

BAB V: PENUTUP

Bab ini berisi kesimpulan yang menjawab pernyataan dalam perumusan masalah dan beberapa saran yang bermanfaat dalam pengembangan aplikasi di waktu mendatang.

(20)

5 BAB II

GAMBARAN UMUM PERUSAHAAN 2.1 Gambaran Umum PT Anugrah Putra Kharisma

Gambar 2. 1 Gedung PT Anugrah Putra Kharisma Nama Instansi : PT. Anugrah Putra Kharisma

Alamat : Perum. Grand Royal Regency Blok A1 no 5 & 6 Desa Wage, Kecamatan Taman, Kabupaten Sidoarjo, Jawa Timur

No. Telephon : 031-99660597

No. Fax : -

Website : https://anugrahputrakharisma.com/

(21)

6

2.2 Logo PT Anugrah Putra Kharisma

Gambar 2. 2Logo PT. Anugrah Putra Kharisma 2.2.1 Visi dan Misi PT Anugrah Putra Kharisma

Adapun visi dan misi dari PT Anugrah Putra Kharisma akan diuraikan adalah sebagai berikut

2.2.2 Visi

Menjadi lembaga penyedia layanan pembiayaan perumahan dan pengelolaan dana yang profesional dan handal dalam mendukung pemenuhan kebutuhan perumahan bagi rakyat

2.2.3 Misi

1. Meberi solusi bagi masyarakat

2. Menjunjung tinggi kualitas produk yang sesuai dengan kontrak 3. Mengutamakan komitmen servis dan kejujuran dalam bisnis 4. Mengikuti perkembangan iptek dan menerapkan secara inovatif

5. Menciptakan proyek yang berkembang, dengan hasil yang optimal bagi

(22)

7

2.3 Struktur Organisasi

(23)

8

2.4 Deskripsi Tugas Umum A. Komisaris

1. Memberikan nasihat kepada Direksi dalam melaksanakan pengurusan perseroan.

2. Meneliti dan menelaah serta menandatangai rencana jangka panjang perusahaan dan rencana kerja dan anggaran perusahaan yang disiapkan oleh Direksi, seusai dengan ketentuan anggaran dasar.

3. Melaporkan dengan segera kepada rapat umum pemegang saham apabila terjadi gejala menurunnya kinerja persesoran.

4. Membentuk komite audit.

5. Mengusulkan akuntan publik kepada rapat umum pemegang saham. 6. Membuat risalah rapat dewan komisaris dan menyimpan salinan. B. Direktur Utama

1. Mengorganisasi Visi dan Misi terhadap perusahaan dengan secara keseluruhan.

2. Menunjuk seseorang untuk memimpin pada bagian devisi tertentu. 3. Melaksanakan meeting atau rapat rutin dengan para pemimpin senior

dari perusahaan.

4. Melakukan penyusunan formula dan strategi untuk mengarahkan bisnis terhadap perusahaan.

5. Mengikuti adanya situasi dalam kompetisi internal dan eksternal. 6. Mengaluasi kesuksesan pada perusahaan

C. Direktur

1. Memimpin dan mengkoordinasi seluruh divisi eksekutif.

2. Membuat strategi dan menetapkan strategi untuk mencapai visi dan misi dalam perusahaan.

3. Menjadi wakil bagi perusahaan dalam hubungan dengan dunia luar perusahaan

4. Mengangkat karyawan dan memberhentikan karyawan.

5. Merencanakan, menyusun, serta mengembangkan sumber daya perushaan dari bahan baku hingga sumber daya manusia.

(24)

9

6. Merancang inovasi tinggi yang memiliki kerja sama dengan CEO (Chief

Executive Officer) atau MD demi kemajuan perusahaan.

D. Manager Marketing

1. Memimpin inisiasi dalam melakukan promosi produk. 2. Mengoordinasikan dalam strategi pemasaran.

3. Mengatur proses keuangan dalam setiap melakukan kampanye atau iklan. 4. Memonitor dalam pertumbuhan perusahaan.

5. Melakukan proses marketing baru. E. Administrasi

1. Menerima panggilan setiap panggilan telepon masuk. 2. Melakukan proses pembuatan agenda kantor.

3. Melakukan proses pengarsipan data perusahaan. 4. Pembuatan surat menyurat.

F. Keuangan

1. Membuat perencanaan umum dalam proses keuangan perusahaan. 2. Menjalankan keefesiensi dan seefektif mungkin.

3. Mengambil keputusan dalam proses berinvestasi.

4. Bertanggung jawab dalam berbagai keputusan proses pembiayaan. 5. Menghubungkan perusahaan pada pasar keuangan.

6. Melakukan proses memajukan keuangan perusahaan. G. Designer

1. Melakukan pembuatan desain yang menarik dan sempurna dengan memasukkan unsur seni, visual, dan tatanan Bahasa.

2. Menyampaikan pesan pemasaran atau jasa produk perusahaan.

3. Mempromosikan produk perusahaan dengan teknik visual maupun gambar atau foto.

4. Menciptakan desain yang informatif dan persuasive agar dapat menyentuh sisi psikis audensi untuk melihat, merasakan dan membeli produk yang diiklankan.

5. Selalu mengembangkan ide-ide yang kreatif dan memiliki inovasi baru dalam menciptakan karya desain yang sesuai dengan kebutuhan zaman.

(25)

10

H. Teknik

1. Melakukan coding terhadap tampilan halaman website. 2. Melakukan penyimpanan data dengan basis database.

3. Melakukan pemeliharaan terhadap halaman website yang sedang berjalan

I. Legalitas

1. Menyiapkan proposal kerjasama (PKS) dengan pihak Bank.

2. Mengurus persiapan pengajuan kpr dimulai dari mempersiapkan dokumen awal pembelian, penyusunandata dari konsumen yang sesuai dengan persyaratan dari bank sampai dilakukan akad kredit.

3. Mempersiapkan dokumen awal pembelian berupa booking form atau formulir pemesanan rumah, ketika pembeli menyatakan setuju untuk membeli, maka pembeli bisa langsung terikat.

4. Mengurus seluruh persyaratan pencairan kpr.

5. Membuat database konsumen yang mengajukan kredit pemilihan rumah (KPR), termasuk juga membuat database konsumen yang tidak mengajukan KPR.

(26)

11 BAB III LANDASAN TEORI

Dalam merancang dan membangun aplikasi ini, penulis memerlukan teori-teori terkait untuk membantu dalam menyelesaikan penelitian ini dan sistem yang akan dibuat.

3.1 Pencatatan

Pencatatan data adalah proses memasukkan data ke dalam media sistem pencatatan data. Jika media sistem pencatatan data tersebut berupa buku, pencatatan data dilakukan dengan menulis pada lembar-lembar buku. Jika sistem pencatatan data berupa perangkat komputer, pencatatan dilakukan dengan mengetik melalui keyboard, penggunaan pointer mouse, alat scanner (pembaca gambar), atau kamera video. Yang termasuk dalam pencatatan data adalah aktivitas penulisan ke buku atau kertas, pemasukan data ke dalam komputer (Witarto, 2008). 3.2 Pendapatan

Pendapatan merupakan kenaikan kotor (gross) dalam modal pemilik yang dihasilkan dari penjualan barang dagang, pelaksanaan jasa kepada klien, menyewakan harta, peminjaman uang, dan semua kegiatan usaha profesi yang bertujuan untuk memperoleh penghasilan. (Niswonger, 2006)

3.3 Pengeluaran kas

Pengeluaran kas adalah suatu transaksi yang menimbulkan berkurangnya saldo kas dan bank milik perusahaan yang diakibatkan adanya pembelian tunai, pembayaran utang maupun hasil transaksi yang menyebabkan berkurangnya kas. (Soemarso, 2009)

3.4 Aplikasi

Aplikasi (application) adalah software yang dibuat oleh suatu perusahaan komputer untuk mengerjakan tugas-tugas tertentu, misalnya Microsoft Word, dan

(27)

12

3.5 Akuntansi Keuangan

Akuntansi keuangan berorientasi pada pelaporan pihak eksternal. Bermacamnya pihak eksternal dengan tujuan mendetail bagi masing-masing pihak membuat pihak pembuat laporan keuangan menggunakan prinsip dan asumsi-asumsi dalam pembuatan laporan keuangan. (Martani, 2012)

3.6 Website

Website merupakan kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi teks, gambar diam atau gerak, animasi, suara,dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masingmasing dihubungkan dengan jaringan-jaringan halaman. (Bekti, 2017)

3.7 Database

Basis Data merupakan sekumpulan data persisten yang dipakai oleh sistem aplikasi dari perusahaan. Sistem basis data pada dasarnya adalah suatu sistem penyimpanan record atau data yang terkomputerisasi. (Date, 2010) 3.8 HTML

“Hyper Text Markup Language atau HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web”. Dokumen

HTML terdiri dari komponen yaitu tag, elemen dan atribut. Tag adalah tanda awal

< dan tanda akhir > yang digunakan sebagai pengapit suatu elemen. Elemen adalah nama penanda yang diapit oleh tag yang memiliki fungsi dan tujuan tertentu pada dokumen HTML. Elemen dapat memiliki elemen anak dan juga nilai. Elemen anak adalah suatu elemen yang berada didalam elemen pembuka dan elemen penutup induknya. Nilai yang dimaksud adalah suatu teks atau karakter yang berada diantara elemen pembuka dan elemen penutup. Atribut adalah properti elemen yang digunakan untuk mengkhususkan suatu elemen. Elemen dapat memiliki atribut yang berbeda pada tiap masing-masingnya. (Sibero, 2011)

(28)

13

3.9 PHP

PHP atau singkatan dari Personal Home Page merupakan bahasa skrip

yang tertanam dalam HTML untuk dieksekusi bersifat server side. (Nugroho, 2006) 3.10 XAMPP

Untuk membuat suatu aplikasi berbasis web dengan menggunakan bahasa

PHP, tentu saja diperlukan sebuah server dan interpreter PHP. Server tidak harus

sebuah komputer khusus dengan kinerja tinggi dan berukuran sangat besar, tetapi bisa di buat dari PC yang mempunyai fungsi selayaknya sebuah web server, yaitu dengan menginstal XAMPP.

Xampp adalah seperangkat atau paket PHP dan MySQL yang memiliki

basis open source yang mana software-nya bisa digunakan untuk alat bantu mengembangkan aplikasi yang berbasis PHP. (Riyanto, 2015)

3.11 Laravel

Laravel adalah sebuah Framework PHP dirilis dibawah lisensi MIT dengan kode sumber yang sudah disediakan oleh Github, sama seperti framework-framework yang lain, Laravel dibangun dengan konsep MVC (Model-Controller-View), kemudian Laravel dilengkapi juga command line tool yang bernama “Artisan” yang bisa digunakan untuk packaging bundle dan instalasi

bundle melalui command prompt. (Aminudin, 2015)

3.12 User Interface

User interface adalah cara program dan pengguna untuk berinteraksi.

Istilah user interface terkadang digunakan sebagai pengganti istilah Human

Computer Interaction (HCI) dimana semua aspek dari interaksi pengguna dan

(29)

14 BAB IV

DESKRIPSI PEKERJAAN

Deskripsi pekerjaan yang akan dibahas untuk perancangan sistem yang dilakukan dalam kerja praktek terdiri dari requirement analysis, system design,

implementation, intregation testing, operation and testing, yang mengacu kepada

metode System Development Life Cycle (SDLC) waterfall. 4.1 Requirement Analysis

Pengembangan aplikasi yang dilakukan memerlukan analisis sistem yang tepat dengan proses bisnis yang ada. Proses pencatatan laporan keuangan dimulai dari bagian administrasi melakukan pencatatan laporan pendapatan yang didapat dari DP pembayaran customer dan mencatat laporan pengeluaran yang dibutuhkan perusahaan.

Sehingga untuk memenuhi kebutuhan tersebut dilakukan beberapa yang diantaranya :

4.1.1 Analisis Kebutuhan Pengguna

Analisis kebutuhan pengguna dilakukan dengan tujuan untuk mengetahui data dan informasi yang digunakan dan atau dibutuhkan oleh pengguna sistem (perangkat lunak) yang akan dibuat. Berdasarkan hasil analisis proses bisnis, pengguna dari sistem perangkat lunak yang akan dibuat adalah: Bagian Administrasi, Bagian Keuangan, dan Pimpinan Perusahaan.

4.1.2 Kebutuhan Fungsional

Analisa kebutuhan fungsional kerja praktik pada PT Anugrah Putra Kharisma sebagai berikut:

1. Merancang basis data yang mampu menyimpan data sesuai kebutuhan PT Anugrah Putra Kharisma.

2. Sistem dapat mencatat dan melakukan dokumentasi laporan untuk laporan keuangan (view, input, delete, dan edit).

(30)

15

4.1.3 Kebutuhan Non Fungsional

Analisis kebutuhan non fungsional yang digunakan yaitu keamanan. Untuk masuk ke dalam aplikasi, user harus login menggunakan username dan

password tertentu

4.2 Perancangan Sistem

Berikut ini merupakan use case Aplikasi pencatatan keuangan pada pesantren mahasiswa mahad thaybah. Pada use case ini terdapat 3 aktor yaitu Bagian Administrasi, Bagian Keuangan, dan Pimpinan Perusahaan. Terdapat 5 proses bisnis yang terdapat pada use case tersebut. Berikut diantaranya:

4.2.1 Use Case Diagram

(31)

16

4.2.2 Activity Diagram

A. Activity Diagram Login

Gambar 4. 2Activity Diagram Login

Pada gambar 4.2 menggambarkan proses login. Diagram aktivitas login menjelaskan bahwa bagian keuangan harus memasukan username dan password untuk masuk ke halaman utama.

(32)

17

B. Activity Diagram Add Laporan Harian

Gambar 4. 3Activity Diagram Add Laporan Harian

Pada gambar 4.3 menggambarkan proses aktivitas menambah data Laporan keuangan harian. Dari gambar tersebut dijelaskan bahwa bagian keuangan memilih menu laporan keuangan harian, kemudian memilih tombol tambah data, lalu mengisi form laporan keuangan harian dan klik simpan maka sistem akan menyimpan laporan keuangan tersebut.

(33)

18

C. Activity Diagram Update Laporan Harian

Gambar 4. 4 Activity Diagram Update Laporan Harian

Pada gambar 4.4 menggambarkan proses aktivitas mengubah data Laporan keuangan harian. Dari gambar tersebut dijelaskan bahwa bagian keuangan memilih menu laporan keuangan harian, kemudian memilih tombol update data, lalu mengisi form update laporan keuangan harian dan klik simpan maka sistem akan menyimpan laporan keuangan tersebut.

(34)

19

D. Activity Diagram Delete Laporan Harian

Gambar 4. 5 Activity Diagram Delete Laporan Harian

Pada gambar 4.5 menggambarkan proses aktivitas menghapus data Laporan keuangan harian. Dari gambar tersebut dijelaskan bahwa bagian keuangan memilih menu laporan keuangan harian, kemudian memilih tombol hapus data, lalu sistem akan menampilkan notifikasi konfirmasi hapus data. Kemudian bagian keuangan memilih tombol hapus dan sistem akan menghapus data.

(35)

20

E. Activity Diagram Cetak Laporan Harian

Gambar 4. 6Activity Diagram Cetak Laporan Bulanan

Pada gambar 4.6 menggambarkan proses aktivitas cetak Laporan keuangan Tahunan. Dari gambar tersebut dijelaskan bahwa bagian keuangan memilih menu laporan keuangan tahunan, kemudian memilih tanggal laporan yang ingin dicetak, lalu sistem akan mencetak laporan keuangan tersebut.

(36)

21

F. Activity Diagram View Laporan Bulanan

Gambar 4. 7 Activity Diagram View Laporan Bulanan

Pada gambar 4.7 menggambarkan proses aktivitas mencari data Laporan keuangan bulanan. Dari gambar tersebut dijelaskan bahwa bagian keuangan

(37)

22

memilih menu laporan keuangan bulanan, kemudian memilih tanggal, lalu system akan menampilkan laporan keuangan tersebut.

G. Activity Diagram Cetak Laporan Bulanan

Gambar 4. 8 Activity Diagram Cetak Laporan Bulanan

Pada gambar 4.8 menggambarkan proses aktivitas cetak Laporan keuangan Bulanan. Dari gambar tersebut dijelaskan bahwa bagian keuangan memilih menu laporan keuangan bulanan, kemudian memilih tanggal laporan yang ingin dicetak, lalu sistem akan mencetak laporan keuangan tersebut.

(38)

23

H. Activity Diagram View Laporan Tahunan

Gambar 4. 9Activity Diagram View Laporan Tahunan

Pada gambar 4.9 menggambarkan proses aktivitas mencari data Laporan keuangan tahunan. Dari gambar tersebut dijelaskan bahwa bagian keuangan memilih menu laporan keuangan tahunan, kemudian memilih tanggal, lalu system akan menampilkan laporan keuangan tersebut.

(39)

24

I. Activity Diagram Cetak Laporan Tahunan

Gambar 4. 10 Activity Diagram Cetak Laporan Tahunan

Pada gambar 4.10 menggambarkan proses aktivitas cetak Laporan keuangan Tahunan. Dari gambar tersebut dijelaskan bahwa bagian keuangan memilih menu laporan keuangan tahunan, kemudian memilih tanggal laporan yang ingin dicetak, lalu sistem akan mencetak laporan keuangan tersebut.

(40)

25

4.2.3 Flow Of Event

Berikut merupakan flow of event dari aplikasi laporan keuangan pada PT Putra Anugrah Kharisma

A. Flow of Event Login

Tabel 4. 1Flow of Event Login

Nama Usecase Login

Deskripsi Proses ini adalah sebuah kegiatan untuk masuk ke dalam sistem Prasyarat Memiliki user dan password yang terdaftar di table karyawan

Post condition

1. Login berhasil

2. Masuk ke halaman utama Aktor Marketing, Admin, Direktur Utama

Utama Aksi Aktor Reaksi Sistem

1. Aktor membuka aplikasi

2. Sistem menampilkan halaman login

3. Aktor

memasukkan

username dan password

4. Sistem mengecek apakah data yang dimasukkan valid

5. Sistem mengecek apakah username dan password ada di database master karyawan

6. Sistem menampilkan menu utama Alternatif Aktor menginputkan ulang data Aktor menginputkan ulang data

Jika data tidak valid, maka sistem akan menampilkan pesan error lalu kembali ke menu login

username dan password tidak terdaftar

yang dimana sistem akan menampilkan pesan error dan kemudian kembali ke menu login

(41)

26

Kesalahan Terjadi jaringan down sehingga database

tidak bisa diakses Kondisi

Akhir

Sukses : Aktor masuk kehalaman utama Gagal : Aktor tidak dapat masuk ke halaman utama

1) Data yang dimasukkan tidak valid 2) Username / password tidak

terdaftar

B. Flow of Event Laporan Harian

Tabel 4. 2 Flow of Event Laporan Harian Deskripsi Usecase Pengelolaan Laporan Harian

Precondition Usecase Login

Aktor Bagian Keuangan

Alur Aksi Aktor Aksi Sistem

Utama Insert Data Laporan Harian 1. Aktor memilih menu

laporan harian

2. Sistem menampilkan menu laporan harian

3. Aktor memilih tombol tambah data. 4. Aktor memasukkan

data laporan keuangan harian. 5. Aktor mengklik

tombol simpan.

6. Sistem menyimpan data. 7. Sistem menampilkan kembali

(42)

27

Tabel 4. 3 Flow of Event Update Laporan Harian

Alur Aksi Aktor Aksi Sistem

Utama Update Data Laporan Harian 1. Aktor memilih menu

laporan harian

3. Aktor memilih data karyawan yang akan dirubah.

4. Aktor merubah data. 5. Aktor memilih

tombol ubah.

6. Sistem menyimpan data yang dirubah

7. Sistem menampilkan kembali laporan keuangan harian.

Tabel 4. 4 Flow of Event Delete Laporan Harian

Utama Delete Data Laporan Harian 1. Aktor memilih menu

laporan harian

3. Aktor memilih data karyawan yang ingin dihapus

4. Sistem menampilkan notifikasi konfirmasi hapus data

5. Aktor

mengkonfirmasi penghapusan

6. Sistem menghapus data 7. Sistem menampilkan kembali

laporan keuangan harian

Alternative Aktor tidak mengkonfirmasi penghapusan.

Sistem batal menghapus, maka data tidak jadi terhapus.

(43)

28

Kesalahan Sistem down tidak bisa

mengakses database.

Tabel 4. 5 Flow of Event Cetak Laporan Harian

Utama Cetak Data Laporan Harian

1. Aktor memilih menu laporan Harian

2. Sistem menampilkan menu laporan bulanan

3. Aktor memilih tanggal laporan yang ingin dicetak

4. Aktor memilih tombol pilih tanggal

5. Sistem Menampilkan laporan bulanan berdasarkan tanggal yang dipilih

6. Aktor memilih tombol cetak pdf

7. Sistem akan mengunduh laporan dengan format pdf

(44)

29

C. Flow of Event Laporan Bulanan

Tabel 4. 6 Flow of Event View Laporan Bulanan Deskripsi Usecase Pengelolaan Laporan Bulanan

Precondition Usecase Login, Usecase Pengelolaan Laporan Harian

Utama View Laporan Bulanan

1. Aktor memilih menu laporan bulanan

3. Aktor memilih tanggal laporan yang ingin dilihat

Tabel 4. 7 Flow of Event Cetak Laporan Bulanan

Utama Cetak Data Laporan Bulanan

1. Aktor memilih menu laporan Bulanan

(45)

30

D. Flow of Event Laporan Tahunan

Tabel 4. 8 Flow of Event View Laporan Tahunan Deskripsi Usecase Pengelolaan Laporan Tahunan

Precondition Usecase Login, Usecase Pengelolaan Laporan Harian

Utama Insert Data Laporan Tahunan 1. Aktor memilih

menu laporan tahunan

2. Sistem menampilkan menu laporan tahunan

3. Aktor memilih tanggal laporan yang ingin dilihat

Tabel 4. 9 Flow of Event Cetak Laporan Tahunan

Utama Update Data Laporan Tahunan

1. Aktor memilih menu laporan tahunan

2. Sistem menampilkan menu laporan tahunan

5. Sistem menampilkan laporan tahuann berdasarkan tanggal yang dipilih

(46)

31

(47)

32

4.2.4 Sequence Diagram

A. Sequence Diagram Login

Gambar 4. 11 Sequence Diagram Login

Bagian administrasi, bagian keuangan, dan direktur utama mengakses

form login, form login melakukan request tampilan kepada controller, setelah itu controller menampilkan halaman form login. Bagian administrasi, bagian

keuangan dan direktur utama melakukan login dengan memasukkan username serta password, setelah itu controller melakukan pengecekan username dan

password dari inputan pengguna tersebut dengan data yang diambil dari tabel

User. Jika login berhasil maka controller akan menampilkan halaman dashboard pada pengguna, jika login gagal maka controller menampilkan kembali halaman

(48)

33

B. Sequence Diagram Laporan Harian

Gambar 4. 12 Sequence Diagram Laporan Harian

Bagian administrasi mengakses halaman laporan harian kemudian halaman laporan harian melakukan request tampil ke controller. Setelah itu

controller mengambil data dari table laporan harian dan menampilkan halaman

(49)

34

Jika bagian administrasi ingin melakukan insert data maka controller akan menampilkan form insert data untuk menambah data laporan harian. Setelah itu pengguna memasukkan data-data yang ingin disimpan kemudian controller akan menyimpan form tersebut kedalam database.

Jika bagian administrasi ingin melakukan update data maka controller akan menampilkan form edit data untuk menambah data laporan harian. Setelah itu pengguna memasukkan data-data yang ingin diubah kemudian controller akan menyimpan form tersebut kedalam database.

Jika bagian administrasi ingin melakukan delete data maka controller akan menampilkan form yang akan dihapus kemudian data akan dihapus jika bagian administrasi mengkonfirmasi penghapusan.

C. Sequence Diagram Laporan Bulanan

(50)

35

Bagian administrasi mengakses halaman laporan bulanan kemudian halaman laporan bulanan melakukan request tampil ke controller. Setelah itu

laporan bulanan dengan tabel yang berisi laporan keuangan harian

Jika bagian administrasi ingin mencetak laporan maka bagian administrasi harus memilih tanggal yang ingin dicetak laporannya kemudian controller akan menampilkan unduhan cetak laporan keuangan.

D. Sequence Diagram Laporan Tahunan

Gambar 4. 14 Sequence Diagram Laporan Tahunan

Bagian administrasi mengakses halaman laporan tahunan kemudian halaman laporan bulanan melakukan request tampil ke controller. Setelah itu

(51)

36

Jika bagian administrasi ingin mencetak laporan maka bagian administrasi harus memilih tanggal yang ingin dicetak laporannya kemudian controller akan menampilkan unduhan cetak laporan keuangan.

4.2.5 Class Diagram

Gambar 4. 15 Class Diagram Laporan Keuangan 4.3 Fase Construction

4.3.1 Halaman Login

Pada halaman ini pengguna diharuskan untuk login untuk mengakses aplikasi laporan keuangan. Gambar halaman login dapat dilihat pada gambar 4.15.

(52)

37

Gambar 4. 16 Halaman Login 4.3.2 Halaman Laporan Harian

Pada halaman laporan harian sistem akan menampilkan seluruh laporan harian pengguna yang tersimpan. Halaman ini juga dapat menyortir laporan harian dan mencetak laporan harian.

(53)

38

4.3.3 Halaman Laporan Bulanan

Pada halaman laporan bulanan sistem akan menampilkan laporan bulanan yang tersimpan kemudian dipilih berdasarkan bulan yang ingin dilihat. Halaman ini juga dapat mencetak laporan bulanan.

(54)

39

4.3.4 Halaman Laporan Tahunan

Pada halaman laporan bulanan sistem akan menampilkan laporan tahunan yang tersimpan kemudian dipilih berdasarkan tahun yang ingin dilihat. Halaman ini juga dapat mencetak laporan tahunan.

Gambar 4. 19 Halaman Laporan Bulanan

4.3.5 Tombol Cetak PDF

Jika pengguna ingin mencetak laporan maka pengguna dapat memilih tombol cetak PDF yang dapat mencetak laporan dalam bentuk PDF. Setelah dicetak pengguna dapat mengunduh laporan tersebut.

(55)

40 BAB V PENUTUP

5.1 Kesimpulan

Kesimpulan dari penilitian ini ada menghasilkan Rancang Bangun Aplikasi Keuangan Berbasis Website Pada PT Anugrah Putra Kharisma yang meliputi pengelolaan laporan keuangan harian, keuangan bulanan, keuangan tahunan, dan pencetakan laporan. Aplikasi yang dibuat sesuai dengan permasalahan yang ada pada PT Anugrah Putra.

5.2 Saran

Saran untuk pengembang aplikasi yang akan melanjutkan aplikasi pencatatan keuangan berbasis website pada PT Anugrah Putra di masa yang akan datang yaitu:

a. Mengevaluasi terhadap aplikasi terkait kinerja aplikasi. b. Mengembangkan aplikasi di platform android

c. Mengevaluasi terhadap aplikasi terkait interface aplikasi..

(56)

41

DAFTAR PUSTAKA

Aminudin. (2015). 20.

Bekti. (2017). Penerapan Metode SDLC Waterfall Dalam Pembuatan Aplikasi Pelayanan Anggota. Jurnal Bianglala Informatika, 54.

Date, C. (2010). Pengertian Database (Basisdata) Adalah Menurut Para Ahli. Retrieved from MateriBelajar: https://materibelajar.co.id/pengertian-database/

Dhanta. (2009). APLIKASI UNTUK MENGEVALUASI PROSES BELAJAR MENGAJAR. Aplikasi Untuk Mengevaluasi Proses Belajar Mengajar, 14. Lastiansah. (2012). 10.

Martani. (2012, October). Akuntansi Keuangan Menurut Para Ahli. Retrieved from guruakuntansi: https://guruakuntansi.co.id/akuntansi-keuangan-menurut-ahli/

Niswonger. (2006). Pengertian Pendapatan. Retrieved from hestanto personal website: https://www.hestanto.web.id/pengertian-pendapatan/

Nugroho. (2006). Pengertian Bahasa Pemrograman PHP menurut Para Ahli &

Pakar. Retrieved from bangpahmi:

https://bangpahmi.com/pengertian-bahasa-pemrograman-php-menurut-para-pakar/

Riyanto. (2015). Pengertian Xampp Menurut Para Ahli. Retrieved from votekatiearrington: https://www.votekatiearrington.com/pengertian-xampp-menurut-para-ahli/

Sibero. (2011). Pengertian HTML. Retrieved from Medium:

(57)

https://medium.com/@abyanakbars23/pengertian-html-42

d9c40a66d67f#:~:text=DEFINISI%20MENURUT%20PARA%20AHLI& text=Sibero%20(2011c%3A19)%2C,yaitu%20tag%2C%20elemen%20dan %20atribut.

Soemarso. (2009). Pengertian Pengeluaran Kas Menurut Para Ahli. Retrieved from Kumpulan Pengertian:

http://www.kumpulanpengertian.com/2020/10/pengertian-pengeluaran-kas-menurut-para.html