RANCANG BANGUN FRONT END WEBSITE ACCOUNTING PADA PERUSAHAAN RAJASUSU
MAGANG
Diajukan sebagai salah satu syarat untuk memperoleh Gelar Sarjana Komputer (S.Kom.)
Matthew 00000045782
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG 2023
RANCANG BANGUN FRONT END WEBSITE ACCOUNTING PADA PERUSAHAAN RAJASUSU
MAGANG
Diajukan sebagai salah satu syarat untuk memperoleh Gelar Sarjana Komputer (S.Kom.)
Matthew 00000045782
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG 2023
i
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara
Halaman Persembahan / Motto
”consider that our present sufferings are not worth comparing with the glory that will be revealed in us.”
Romans 8:18 (NIV)
vi
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara
RANCANG BANGUN FRONT END WEBSITE ACCOUNTING PADA PERUSAHAAN RAJASUSU
Matthew ABSTRAK
Latar Belakang Perkembangan teknologi dapat menjadi banyak solusi dari masalah yang sedang dihadapi. Salah satunya adalah masalah perusahaan di bidang akunting. PT. William Perkasa merupakan perusahaan yang bergerak dalam bidang perdagangan kebutuhan ibu dan anak dengan sistem toko yang tersebar di jabodetabek bernama Rajasusu. Perdagangan ini dilakukan setiap hari sehingga menimbulkan ratusan transaksi di setiap tokonya. Setiap transaksi dicatat secara manual di kertas yang kemudian dikirim ke penanggung jawab laporan untuk dipindahkan secara manual kedalam microsoft excel sebagai laporan ke pusat sehingga membuang banyak waktu dan tenaga kerja. Oleh karena itu, PT. William Perkasa melakukan rancang bangun website accounting system agar pengerjaan pembukuan untuk transaksi pembelian, penjualan, serta gudang dapat dilakukan di komputer dan tersimpan dengan basis web. Metode / Teori yang digunakan pada rancang bangun ini dilakukan pengembangan front end website menggunakan bahasa pemrograman html, css, dan php. Kesimpulandari rancang bangun sistem akunting berbasis web yang diterapkan pada perusahaan PT. William Perkasa telah berhasil dibangun dan berfungsi untuk pencatatan transaksi, pengawasan stok barang di gudang, catatan karyawan, dan catatan pengeluaran serta pemasukkan keuangan perusahaan namun harus dilakukan pengawasan sertamaintenance agar dapat berjalan sesuai fungsi.
Kata kunci: css,front end,html,php,website accounting system
viii
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara
Front end Accounting Website Design at Rajasusu Company Matthew
ABSTRACT
Background research Technological developments can be many solutions to the problems being faced. One of them is the company’s problem in accounting.
PT. William Perkasa is a company engaged in trading the needs of mothers and children with a shop system spread across Jabodetabek called Rajasusu. This trade is carried out every day, giving rise to hundreds of transactions in each store. Each transaction is recorded manually on paper which is then sent to the person in charge of the report to be transferred manually into Microsoft Excel as a report to the center, thus wasting a lot of time and manpower. Therefore, PT. William Perkasa designed a web-based accounting system so that bookkeeping for buying, selling and warehouse transactions could be done on a computer and stored on a web basis.
Method / Theory used in this design, front end website development is carried out using the programming languages html, css, and php. Conclusion from the design of a web-based accounting system that is applied to PT. William Perkasa has been successfully built and functions to record transactions, monitor stocks in warehouses, employee records, and records of company financial expenses and income, but supervision and maintenance must be carried out so that it can run according to its function.
Keywords: css,front end,html,php,web-based accounting system
ix
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara
DAFTAR ISI
HALAMAN JUDUL . . . i
PERNYATAAN TIDAK MELAKUKAN PLAGIAT . . . ii
HALAMAN PERSETUJUAN . . . iii
HALAMAN PENGESAHAN . . . iv
HALAMAN PERSETUJUAN PUBLIKASI ILMIAH . . . v
HALAMAN PERSEMBAHAN/MOTO . . . vi
KATA PENGANTAR . . . vii
ABSTRAK . . . viii
ABSTRACT . . . ix
DAFTAR ISI . . . x
DAFTAR GAMBAR . . . xi
DAFTAR TABEL . . . xii
DAFTAR KODE . . . xiii
DAFTAR LAMPIRAN . . . xiv
BAB 1 PENDAHULUAN . . . 1
1.1 Latar Belakang Masalah . . . 1
1.2 Manfaat Pelaksanaan Kerja Magang . . . 2
1.3 Maksud dan Tujuan Kerja Magang . . . 2
1.4 Waktu dan Prosedur Pelaksanaan Kerja Magang . . . 3
BAB 2 GAMBARAN UMUM PERUSAHAAN . . . 4
2.1 Sejarah Singkat Perusahaan . . . 4
2.2 Visi dan Misi Perusahaan . . . 4
2.3 Struktur Organisasi Perusahaan . . . 4
BAB 3 PELAKSANAAN KERJA MAGANG . . . 6
3.1 Kedudukan dan Organisasi . . . 6
3.2 Tugas yang Dilakukan . . . 6
3.3 Uraian Pelaksanaan Magang . . . 10
3.4 Kendala dan Solusi yang Ditemukan . . . 11
BAB 4 SIMPULAN DAN SARAN . . . 12
4.1 Simpulan . . . 12
4.2 Saran . . . 12
DAFTAR PUSTAKA . . . 13
x
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara
DAFTAR GAMBAR
Gambar 2.1 Struktur organisasi perusahaan PT William Perkasa . . . . 5 Gambar 3.1 Mockup Website accounting system rajasusu . . . 7 Gambar 3.2 Tampilan awal website accounting system rajasusu . . . . 8 Gambar 3.3 Tampilan register website accounting system rajasusu . . . 8 Gambar 3.4 Tampilan login website accounting system rajasusu . . . . 9 Gambar 3.5 Tampilan dashboard website accounting system rajasusu . 10
xi
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara
DAFTAR TABEL
Tabel 1.1 Timelinekegiatan kerja magang . . . 3 Tabel 3.1 Pekerjaan yang dilakukan tiap minggu selama
pelaksanaan kerja magang . . . 11
xii
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara
DAFTAR KODE
xiii
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara
DAFTAR LAMPIRAN
Lampiran 1. MBKM-01 Cover Letter MBKM Internship Track 1 . . . 13 Lampiran 2. MBKM-02 MBKM Internship Track 1 Card . . . 15 Lampiran 3. MBKM-03 Daily Task - Internship Track 1 . . . 16 Lampiran 4. MBKM-04 Verification Form of Internship Report MBKM
Internship Track 1 . . . 17 Lampiran 5. Form Bimbingan . . . 18 Lampiran 6. Halaman Persetujuan Sidang Ujian . . . 19
xiv
Rancang Bangun Front End..., Matthew, Universitas Multimedia Nusantara