SISTEM PENGELOLAAN KELUAR MASUK ALAT TULIS

KANTOR BERBASIS WEB DI PENGADILAN NEGERI

CIREBON

PRAKTEK KERJA LAPANGAN

Diajukan Guna Memenuhi Persyaratan Akademik Pada

Program Studi S1 Teknik Informatika Fakultas Teknik
Universitas Muhammadiyah Cirebon

Disusun Oleh:
Yuda Afandi
200511003

PROGRAM STUDI S1 TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH CIREBON
2024 M / 1445 H
SISTEM PENGELOLAAN KELUAR MASUK ALAT TULIS
KANTOR BERBASIS WEB DI PENGADILAN NEGERI
CIREBON

PRAKTEK KERJA LAPANGAN

YUDA AFANDI
200511003

CIREBON
2024 M /1445 H

PROGRAM STUDI S1 TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH CIREBON
 LEMBAR PERSETUJUAN PRAKTEK KERJA LAPANGAN

Nama : Yuda Afandi

NIM : 200511003
Program Studi : Teknik Informatika
Judul : SISTEM PENGELOLAAN KELUAR MASUK ALAT
TULIS KANTOR BERBASIS WEB DI PENGADILAN
NEGERI CIREBON

Laporan Kerja Praktek Lapangan Ini Telah Diperiksa dan Disetujui

Cirebon, 26 Januari 2024

Dosen Pembimbing,

Dr. Wahyu Triono, S.T., M.MPd.

NIDN. 0428117601

Mengetahui,
Ketua Program Studi
Teknik Informatika,

Harry Gunawan, M.Kom

NIDN. 0408118304

i
 LEMBAR PENGESAHAN PRAKTEK KERJA LAPANGAN

Nama : Yuda Afandi

NIM : 200511003
Program Studi : Teknik Informatika
Judul : SISTEM PENGELOLAAN KELUAR MASUK ALAT
TULIS KANTOR BERBASIS WEB DI PENGADILAN
NEGERI CIREBON

Disetujui dan Disahkan Oleh

Cirebon, Januari 2024

Dosen Penguji,

----------------------
NIDN.

Mengetahui,
Ketua Program Studi
Teknik Informatika,

Harry Gunawan, M.Kom

NIDN. 0408118304

ii
 KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan
rahmat serta karunia-Nya kepada penulis sehingga penulis dapat menyelesaikan
laporan praktik kerja lapangan ini dengan baik, tak lupa sholawat serta salam juga
penulis panjatkan kepada baginda Nabi Muhammad SAW, kepada keluarganya,
sahabatnya dan kita semua selaku umatnya yang InshaAllah selalu mendapat
rahmatnya hingga akhir zaman.
Dalam penulisan laporan ini juga penulis mendapat banyak pengarahan,
bimbingan dan bantuan mulai dari sat mempersiapkan, menyusun, hingga dapat
menyelesaikan laporan ini. Dalam kesempatan ini, perkenankan penulis
menyampaikan rasa terima kasih yang sebesar-besarnya kepada :
1. Bapak Arif Nurudin, M.T., selaku Rektor Universitas Muhammadiyah
Cirebon.
2. Ibu Nuri Kartini, M.T.,IPM.,ASEAN Eng., selaku Dekan Fakultas Teknik
Universitas Muhammadiyah Cirebon.
3. Bapak Harry Gunawan, S.Kom., M.Kom., selaku Ketua Program Studi
Teknik Informatika Universitas Muhammadiyah Cirebon.
4. Bapak Dr. Wahyu Triono, S.T., M.MPd., selaku Dosen Pembimbing
5. Orang tua serta keluarga tercinta atas dukungan, kasih sayang, doa dan
bimbingan serta dukungan moril maupun materil yang selalu menyertai
penulis selama menjalani Praktik Kerja Lapangan.
6. Seluruh Dosen dan Staf Fakultas Teknik, Khususnya Program Studi S-1
teknik Informatika Universitas Muhammadiyah Cirebon atas segala ilmu
yang telah diberikan selama ini.
7. Ketua Pengadilan Negeri Cirebon Kelas 1B yang telah mengizinkan penulis
untuk melaksanakan Praktik Kerja Lapangan di kantor Pengadilan Negeri
Cirebon Kelas 1B.
8. Seluruh Pegawai serta Staf Pengadilan Negeri Cirebon Kelas 1B.

iii
9. Seluruh teman-teman Prodi Teknik Informatika yang telah memberikan
motivasi dan sharing pengetahuan dalam melaksanakan Praktik Kerja
Lapangan ini hingga selesai.
10. Serta semua pihak yang telah membantu penulis dalam menyusun laporan
PKL ini, baik langsung maupun tak langsung, yang tidak bisa penulis
sebutkan satu persatu.

Dalam hal ini penulis menyadari bahwa masih banyak sekali kekurangan
dalam penulisan laporan kali ini, oleh karena itu penulis sangat menerima sekali
saran dan kritikan dari semua pihak dalam penyempurnaan Laporan Praktik Kerja
Lapangan ini.
Akhir kata, penulis berharap semoga laporan ini bermanfaat bagi siapapun
yang membacanya. Semoga Allah SWT senantiasa memberi rahmat dan
hidayahNya kepada kita semua. Aamiin.

Cirebon, Januari 2024

Penulis,

Yuda Afandi
NIM. 200511003

iv
 DAFTAR ISI

LEMBAR PERSETUJUAN ............................................................................ i

LEMBAR PENGESAHAN ............................................................................. ii
KATA PENGANTAR ....................................................................................... iii

DAFTAR ISI ..................................................................................................... iv

DAFTAR GAMBAR ........................................................................................ viii
DAFTAR TABEL ............................................................................................. ix

BAB I ................................................................................................................. 1
PENDAHULUAN ............................................................................................. 1
1.1 Latar Belakang ................................................................................ 1
1.2 Identifikasi Masalah ........................................................................ 2
1.3 Rumusan Masalah ........................................................................... 2
1.4 Batasan Masalah .............................................................................. 3
1.5 Waktu dan Tempat Pelaksanaan .................................................... 3
1.6 Tujuan Penelitian ............................................................................. 3
1.7 Manfaat Penelitian .......................................................................... 3
1.7.1 Bagi Penulis ................................................................................. 3
1.7.2 Bagi Universitas Muhammadiyah Cirebon .............................. 3
1.7.3 Bagi Pengadilan Negeri Cirebon ............................................... 4
1.8 Sistematika Penulisan ...................................................................... 4
BAB II ............................................................................................................... 5
LANDASAN TEORI DAN GAMBARAN UMUM PERUSAHAAN ......... 5
2.1 Landasan Teori ................................................................................ 5
2.1.1 Pengertian Inventaris ................................................................. 5
2.1.2 Unified Modeling Language (UML) ........................................... 5
2.1.3 Use Case Diagram ........................................................................ 5
2.1.4 Activity Diagram .......................................................................... 5
2.1.5 Database ....................................................................................... 5

v
 2.1.6 Database Management System (DBMS) ..................................... 6
2.1.7 PHP ............................................................................................... 6
2.1.8 MySQL ......................................................................................... 6
2.2 Sejarah Pengadilan Negeri Cirebon .............................................. 6
2.3 Struktur Organisasi Pengadilan Negeri Cirebon ......................... 7
2.4 Visi, Misi, dan Motto Pengadilan Negeri Cirebon ........................ 8
2.4.1 Visi Perusahaan ........................................................................ 8
2.4.2 Misi Perusahaan ....................................................................... 8
2.4.3 Motto Perusahaan .................................................................... 8
BAB III .............................................................................................................. 9
ANALISIS DAN PERANCANGAN ............................................................... 9
3.1. Analisis Sistem ................................................................................. 9
3.2. Analisis Kebutuhan Sistem ............................................................. 9
3.2.1. Analisis Kebutuhan Fungsional .............................................. 9
3.2.2. Deskripsi Sistem ........................................................................ 9
3.3. Rancangan Model Arsitektur Sistem ............................................. 10
3.4. Perancangan Sistem ........................................................................ 10
3.4.1. Use Case Diagram ..................................................................... 10
3.4.2. Activity Diagram ...................................................................... 18
3.4.3. Perancangan Basis Data ........................................................... 22
BAB IV .............................................................................................................. 23
HASIL KEGIATAN PRAKTEK KERJA LAPANGAN ............................... 23
4.1 Desain User Interface ...................................................................... 23
4.1.1 Desain User Interface Halaman Login ................................... 23
4.1.2 Desain User Interface Halaman Dashboard .......................... 23
4.1.3 Desain User Interface Halaman Stock Barang ...................... 24
4.1.4 Desain User Interface Halaman Barang Masuk .................... 24
4.1.5 Desain User Interface Halaman Barang Keluar .................... 25
4.2 Source Code Program ..................................................................... 25
4.2.1 Source Code Halaman Login ................................................... 26
4.2.2 Source Code Halaman Dashboard .......................................... 27

vi
 4.2.3 Source Code Halaman Stock Barang ...................................... 28
4.2.4 Source Code Halaman Barang Masuk ................................... 29
4.2.5 Source Code Halaman Barang Keluar ................................... 30
BAB V ................................................................................................................ 31
PENUTUP ......................................................................................................... 31
5.1 Kesimpulan ....................................................................................... 31
5.2 Saran ................................................................................................. 31
Daftar Pustaka .................................................................................................. 32
Lampiran – Lampiran ..................................................................................... 33

vii
 DAFTAR GAMBAR
Gambar 3.1 Rancangan Model Arsitektur Sistem .......................................... 10
Gambar 3.2 Activity Diagram Login Petugas .................................................. 18
Gambar 3.3 Activity Diagram Menambahkan Stock Barang ........................ 19
Gambar 3.4 Activity Diagram Transaksi Barang Masuk ............................... 20
Gambar 3.5 Activity Diagram Transaksi Barang Keluar ............................... 21
Gambar 4.1 Desain User Interface Halaman Login ........................................ 23
Gambar 4.2 Desain User Interface Dashboard ............................................... 23
Gambar 4.3 Desain User Interface Stock Barang ........................................... 24
Gambar 4.4 Desain User Interface Barang Masuk ......................................... 24
Gambar 4.5 Desain User Interface Barang Keluar ......................................... 25
Gambar 4.7 Source Code Halaman Dashboard .............................................. 27
Gambar 4.8 Source Code Halaman Stock Barang .......................................... 28
Gambar 4.9 Source Code Halaman Barang Masuk ........................................ 29
Gambar 4.10 Source Code Halaman Barang Keluar ..................................... 30

viii
 DAFTAR TABEL

Tabel 2.1 Struktur Organisasi Pengadilan Negeri Cirebon ........................... 7

Tabel 3.1 Definisi Aktor ..................................................................................... 10
Tabel 3.2 Skenario Use Case Login Petugas .................................................... 11
Tabel 3.3 Skenario Use Case Tambah Stok Barang ........................................ 11
Tabel 3.4 Skenario Use Case Edit Stok Barang ............................................... 12
Tabel 3.5 Skenario Use Case Delete Stok Barang ........................................... 13
Tabel 3.6 Skenario Use Case Tambah Barang Masuk .................................... 13
Tabel 3.7 Skenario Use Case Edit Barang Masuk ........................................... 14
Tabel 3.8 Skenario Use Case Hapus Barang Masuk ....................................... 15
Tabel 3.9 Skenario Use Case Tambah Barang Keluar .................................... 16
Tabel 3.10 Skenario Use Case Edit Barang Keluar ......................................... 16
Tabel 3.11 Skenario Use Case Hapus Barang Keluar ..................................... 17
Tabel 3.12 Struktur Tabel Login ....................................................................... 22
Tabel 3.12 Struktur Tabel Stock Barang .......................................................... 22
Tabel 3.13 Struktur Tabel Barang Masuk ........................................................ 22
Tabel 3.14 Struktur Tabel Barang Keluar ....................................................... 22

ix
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan zaman pada abad ini sudah semakin maju sejalan dengan
perkembangan ilmu pengetahuan dan teknologi. Kemajuan teknologi saat ini telah
banyak membantu manusia dalam mengerjakan segala sesuatu termasuk pekerjaan
sehari-hari sehingga menjadi lebih mudah, cepat dan efisien. [1](Ilda Sartifa Sari,
2020) & [2](Lomo Maykel Purba, 2022).
Di era revolusi industri pemanfaatan teknologi informasi di semua
perusahaan/instansi baik pemerintah atau swasta sangatlah penting. Dalam setiap
kegiatan perusahaan, baik itu perusahaan kecil, perusahaan menengah, maupun
perusahaan besar perlu adanya sistem yang baik dalam menjalankan kegiatannya
[3](Muhammad Ferdiansyah, 2019).
Pada Pengadilan Negeri Cirebon membutuhkan sebuah sistem yang dapat
mencatat keluar masuknya alat tulis kantor (ATK) sebab ATK merupakan alat yang
digunakan dalam kegiatan keseharian di instansi tersebut, namun saat ini untuk
pencatatan keluar masuknya ATK tersebut masih menggunkan sistem manual,
sehingga masih sulit dalam memantau stok ketersediaan barang dan masih rawan
akan kesalahan dan kekeliruan.
Dalam penggunaannya sistem informasi manajemen inventaris alat tulis
kantor berbasis web memiliki banyak keunggulan. Dengan pengaksesan melalui
website, data informasi inventaris dapat diakses secara real time dimanapun, dan
dapat memudahkan pekerjaan penggunanya untuk dapat memantau dan mengelola
stok barang secara langsung, serta penggunaan sistem informasi manajemen
inventaris alat tulis kantor berbasis web dapat mengurangi kesalahan dalam hal
pencatatan dan pengelolaan stok.
Pada konteks ini, pembuatan sistem pengelolaan keluar masuk alat tulis
kantor berbasis web bisa menjadi solusi tepat yang bisa meningkatkan efisiensi dan
kinerja pegawai dalam memanajemen stok alat tulis kantor (ATK). Pada sistem ini
dapat membantu pegawai perusahaan untuk melacak, mengelola, serta memonitor

1
persediaan alat tulis kantor dengan lebih efektif, sehingga bisa lebih
mengoptimalkan pekerjaan pengelolaan ATK.
Laporan Praktik Kerja Lapangan (PKL) ini dibuat untuk
mendokumantasikan pembuatan, pengembangan dan juga implementasi sistem
informasi alat tulis kantor berbasis web. Melalui laporan ini, penulis berharap bisa
memberikan gambaran mengenai konsep, tujuan, serta manfaat dari sistem
informasi tersebut, serta bisa menjadi pengalaman dam pembelajaran yang didapat
selama proses Praktik Kerja Lapangan (PKL) dan proses pengembangan aplikasi
tersebut.
1.2 Identifikasi Masalah
Dari hasil uraian Latar Belakang di atas, penulis dapat mengidentifikasikan
masalah sebagai berikut:
a. Sistem pencatatan keluar masuk alat tulis kantor yang masih menggunakan
pencatatan manual masih rentan terhadap kesalahan serta kekeliruan.
b. Pegawai masih mengalami kesulitan dalam pencatatan dan pengelolaan
serta memonitor persediaan barang karena masih menggunakan sistem
manual.
c. Kurangnya efisiensi waktu karena proses pencatatan manual bisa memakan
waktu yang cukup banyak dalam proses pencatatannya.
1.3 Rumusan Masalah
Berdasarkan identifikasi masalah yang ada, penulis merumuskan masalah
sebagai berikut:
a. Bagaimana cara mengurangi kesalahan serta kekeliruan dalam pencatatan
keluar masuk alat tulis kantor yang masih menggunakan sistem manual?
b. Bagaimana cara memudahkan pegawai dalam pencatatan, pengelolaan dan
juga monitoring persediaan barang?
c. Bagaimana cara mengefisiensi waktu dalam proses pencatatan inventaris
kantor?

2
1.4 Batasan Masalah
Agar pembahasan masalah yang akan disajikan bisa terarah dengan benar
dan tidak menyimpang dari pokok masalah, maka dari itu penulis membatasi
permasalahan yang akan dibahas sebagai berikut:
a. Sistem ini akan dikelola oleh Sub Bagian Umum & Keuangan di Pengadilan
Negeri Cirebon.
b. Sistem informasi ini hanya mencatat stok , serta keluar masuk alat tulis
kantor.
1.5 Waktu dan Tempat Pelaksanaan
Tempat Pelaksanaan : Pengadilan Negeri Kelas 1B Cirebon
Alamat Instansi : Jl. Dr. Wahidin Sudirohusodo No.18, Sukapura,
Kec. Kejaksan, Kota Cirebon.
Jadwal Pelaksanaan : 27 November 2023 – 29 Desember 2023
1.6 Tujuan Penelitian
Tujuan yang hendak di capai dalam perancangan sistem ini adalah sebagai
berikut:
a. Sebagai sarana untuk memudahkan pengelolaan ATK.
b. Meminimalisir kesalahan dalam pengelolaan stok serta keluar masuk ATK.
c. Memudahkan monitoring persediaan stok barang.
1.7 Manfaat Penelitian
1.7.1 Bagi Penulis
Dalam kegiatan Praktik Kerja Lapangan (PKL) ini penulis dapat
mengimplemantasikan ilmu yang telah di pelajari dan di dapat selama perkuliahan
serta untuk memenuhi kegiatan akademik yaitu Praktik Kerja Lapangan (PKL).
Penulis juga dapat mempelajari bagaimana suatu sistem informasi dapat diterapkan
dan berguna bagi dunia industri.
1.7.2 Bagi Universitas Muhammadiyah Cirebon
Bagi universitas kegiatan PKL dapat membangun dan memperluas jaringan
kerja sama dengan berbagai perusahaan dan juga instansi, selain itu dari kegiatan
PKL mahasiswa juga dapat meningkatkan reputasi kampus yang baik di mata

3
industri. Reputasi ini dapat menarik calon mahasiswa dan juga meningkatkan
kepercayaan dunia industri untuk lulusan-lulusan universitas tersebut.
1.7.3 Bagi Pengadilan Negeri Cirebon
Penulis berharap dari kegiatan PKL ini dapat membantu memberikan solusi
bagi masalah yang dihadapi oleh Pengadilan Negeri Cirebon khususnya dalam hal
pengelolaan inventoris alat tulis kantor di Pengadilan Negeri Cirebon.
1.8 Sistematika Penulisan
Uraian singkat mengenai struktur pada masing-masing bab adalah sebagai
berikut:
BAB I : PENDAHULUAN
Membahas mengenai Latar Belakang, Identifikasi Masalah,
Rumusan Masalah, Batasan Masalah, Waktu dan Tempat
Pelaksanaan, Tujuan Penelitian, Manfaat Penelitian, dan
Sistematika Penulisan.
BAB II : LANDASAN TEORI DAN GAMBARAN UMUM
PERUSAHAAN
Membahas mengenai Landasan Teori, Sejarah Perusahaan,
Struktur Organisasi Perusahaan, Visi, Misi, dan Motto
Perusahaan.
BAB III : ANALISIS DAN PERANCANGAN
Membahas mengenai analisis dan perancangan pada sistem yang
dibuat.
BAB IV : HASIL KEGIATAN PRAKTIK KERJA LAPANGAN
Membahas mengenai perancangan user interface dan juga source
code yang ada pada program sistem yang dibuat.
BAB V : KESIMPULAN DAN SARAN
Membahas mengenai kesimpulan yang diambil dari hasil
penelitian dan perancangan sistem, serta saran-saran untuk
pengembangan selanjutnya.

4
 BAB II
LANDASAN TEORI DAN GAMBARAN UMUM PERUSAHAAN

2.1 Landasan Teori

2.1.1 Pengertian Inventaris
Pengertian inventaris dapat di artikan sebagai daftar barang yang dimiliki
oleh suatu perusahaan atau sebuah instansi, termasuk juga di dalamnya yaitu alat
tulis kantor (ATK). Inventaris alat tulis kantor menjadi inventaris yang harus
dikelola dengan baik, karena ATK merupakan barang yang menjadi sebuah
kebutuhan yang digukan oleh sebuah perusahaan dalam menjalankan kegiatan
operasional sehari-hari.
2.1.2 Unified Modeling Language (UML)
Menurut (Tri A. Kurniawan, 2018) Unified Modeling Language (UML)
adalah sebuah bahasa baku yang digunakan sebagai alat bantu dalam
pengembangan sistem perangkat lunak. Use case menjadi salah satu pemodelan
yang penting yang dapat menjelaskan mengenai fungsi sebuah sistem [4].
2.1.3 Use Case Diagram
Menurut (Dede Wira Trise Putra, 2019) Use Case Diagram adalah sistem
pemodelan yang diterapkan untuk menggambarkan penggunaan sistem informasi
yang akan dibuat. Use Case dapat menggambarkan interaksi antara sistem dengan
user melalui sebuah cerita penggunaan sistem tersebut [5].
2.1.4 Activity Diagram
Menurut (Agung Feby Prasetya, 2021) Activity Diagram merupakan
diagram yang digunakan untuk membuat model terjadinya proses pada sebuah
sistem. Gambaran proses dari suatu sistem di gambarkan secara vertikal. Activity
Diagram adalah pengembangan dari Use Case Diagram yang mempunyai
gambaran alur [6].
2.1.5 Database
Menurut (Andry Andaru, 2018) Database atau basis data merupakan
kumpulan informasi yang disimpan di dalam sebuah komputer secara sistematik
sehingga dapat diperiksa menggunakan sebuah program komputer untuk

5
memperolah informasi dari basis data tersebut. Adanya database bertujuan untuk
menyederhanakan interaksi antara user dan sistem serta membuat tampilan yang
sederhana agar mudah dipahami [7].
2.1.6 Database Management System (DBMS)
Menurut (M. Riyan Dirgantara, 2023) Manajemen basis data adalah suatu
teknik atau metode untuk mengelola data secara efektif dan efisien. Tujuan dari
manajemen basis data adalah untuk menyimpan, mengelola, dan memanipulasi
data dengan cara yang aman dan efisien, serta membuatnya mudah diakses dan
digunakan oleh orang-orang yang membutuhkannya [8].
2.1.7 PHP
Menurut (Rusli, 2019) PHP atau Hypertext Preprocessor merupakan bahasa
pemrograman yang bersifat serverside. PHP dirancang khusus untuk mengisi
kesenjangan antara HTML statis dan halaman penuh dinamis [9].
2.1.8 MySQL
Menurut (Supriyono yang mengutip dari Arief, M. Rudyanto. 2011) MySQL
merupakan database yang pertama kali didukung oleh bahasa pemrograman script
untuk internet (PHP dan Perl). MySQL dan PHP dianggap sebagai pasangan
software pengembangan aplikasi web yang ideal. MySQL lebih sering digunakan
untuk membangun aplikasi berbasis web, umumnya pengembangan aplikasinya
menggunakan bahasa pemrograman script PHP [10].
2.2 Sejarah Pengadilan Negeri Cirebon
Sejarah Pengadilan Negeri Cirebon dimulai pada masa pemerintahan
belanda pada masa itu Pengadilan Negeri Cirebon dinamakan LANDRECHTER
(NICYWESTIJL). Pada Waktu itu, masih bertempat di Jl. Pengampon No.02
Cirebon, yang meliputi wilayah III Cirebon, Indramayu, Kuningan, dan
Majalengka. Kemudian berlanjut ke masa pemerintahan Republik Indonesia Serikat
(RIS), pada tanggal 17 Agustus 1950 susunan kekuasaan badan pengadilan
diseragamkan di seluruh indonesia berdasarkan UU No. 02 Tentang "Peradilan
Sipil". Kemudian berlanjut pada masa Pemerintahan Republik Indonesia sekarang,
pada tahun 1974 Pengadilan Negeri Cirebon yang sebelumnya beralamat di Jl.

6
Pengampon berpindah ke Jl. Dr. Wahidin Sudirohusodo No.18 Cirebon. Pengadilan
Negeri Cirebon, meliputi wilayah hukum kotamadya Cirebon.
1.3 Struktur Organisasi Pengadilan Negeri Cirebon
Pengadilan Negeri Cirebon dipimpin oleh seorang Ketua dan dibantu
dengan satu orang wakil, kemudian terdapat Hakim yang bertugas dalam segala hal
terkait peradilan, kemudian dibantu oleh bagian Panitera yang bertugas juga dalam
hal peradilan dan sekretaris yang mengurusi hal diluar peradilan. Berikut ini daftar
lengkap struktur organisasi Pengadilan Negeri Cirebon.
Tabel 2.1 Struktur Organisasi Pengadilan Negeri Cirebon
No Nama Jabatan
Dr. Andi Julia Cakrawala,
1 Ketua Pengadilan
S.T., S.H., M.T., M.H.
2 Agus Ardianto, S.H., M.H. Wakil Ketua
3 Masridawati, S.H., M.H. Hakim
4 Rizqa Yunia, S.H. Hakim
5 Galuh Rahma Esti, S.H., M.H. Hakim
6 Yustisia Permatasari, S.H. Hakim
7 Arie Ferdian, S.H., M.H. Hakim
8 Ria Ayu Rosalin, S.H., M.H. Hakim
9 Astrid Anugrah, S.H., M.Kn. Hakim
10 Jara Lumbanraja, S.H., M.H. Panitera
11 Tatang Sumantri, S.H. Panitera Muda Perdata
12 Dimas Sandi Kresnha, S.H. Panitera Muda Hukum
13 Tjetje Suryadi, S.H. Panitera Muda Pidana
14 H. Ismeturrokhman, S.Sos. Sekretaris
Kasub Bagian Perencanaan
15 Eka Harnoko, S.Sos Teknologi Informasi dan
Pelaporan
Kasub Bagian Kepegawaian,
16 Muhamad Ali, S.H.
Organisasi dan Tata Laksana
Kasub Bagian Umum dan
17 Nurlaela Ramdani, S.E.
Keuangan

7
1.4 Visi, Misi, dan Motto Pengadilan Negeri Cirebon
2.4.1 Visi Pengadilan Negeri Cirebon
Pengadilan Negeri Cirebon memiliki Visi "TERWUJUDNYA
PENGADILAN NEGERI CIREBON YANG AGUNG".
2.4.2 Misi Pengadilan Negeri Cirebon
a. Menjaga Kemandirian Pengadilan Negeri Cirebon.
b. Memberikan Pelayanan Hukum yang berkeadilan kepada Pencari Keadilan.
c. Meningkatkan Kualitas Kepemimpinan Pengadilan Negeri Cirebon.
d. Meningkatkan Kredibilitas dan Transparansi Pengadilan Negeri Cirebon.
2.4.3 Motto Pengadilan Negeri Cirebo
Pengadilan Negeri Cirebon juga memiliki Motto dengan slogan
“MANTAP”, Melayani, Akuntabel, Normatif, Teliti, Adil dan Profesional.

8
 BAB III
ANALISIS DAN PERANCANGAN

3.1. Analisis Sistem

Perancangan sistem ini dibangun bertujuan untuk mengoptimalisasi sistem
pengelolaan data inventaris ATK yang masih dilakukan secara manual sehingga
masih membutuhkan waktu yang cukup lama untuk melakukan pencatatan dan
masih rentan dengan terjadinya kesalahan. Dalam sistem yang akan diusulkan ini
nantinya diharapkan akan memberikan kemudahan dalam hal pencatatan inventaris
alat tulis kantor (ATK). Desain sistem sendiri nantinya akan dimodelkan dengan
menggunakan Unified Modeling Language (UML).
Pada sistem ini menggunakan database sebagai penyimpanan data, data-data
seperti jumlah stok ATK, dan keluar masuk barang akan saling terintegrasi dan akan
tersimpan dalam sebuah database yang nantinya akan di simpan pada server lokal
perusahaan, sistem ini tidak akan dibuat online namun hanya akan digunakan
menggunakan jaringan lokal perusahaan.
3.2. Analisis Kebutuhan Sistem
Analisis kebutuhan sistem akan menentukan kebutuhan apa saja yang
nantinya akan dibutuhkan pada sistem yang dibuat.
3.2.1. Analisis Kebutuhan Fungsional
a. Sistem dapat mencatat stok barang dengan beberapa rincian seperti nama
barang, jenis, merek, ukuran, stok, satuan, lokasi barang, dan opsi untuk edit
dan hapus.
b. Sistem dapat mencatat barang masuk dan barang keluar serta dapat
mengupdate stoknya dari transaksi barang masuk dan keluar.
c. Sistem dapat menampilkan stok yang ada secara akurat.
3.2.2. Deskripsi Sistem
Dari hasil penelitian yang telah dilakukan penulis selama masa Praktek
Kerja Lapangan maka penulis akan merancang Sistem Pengelolaan Data Inventaris
Alat Tulis Kantor Berbasis Web Di Pengadilan Negeri Cirebon.

9
 Sistem yang akan dibuat nantinya digunakan untuk mengelola dan juga
mencatat keluar masuk alat tulis kantor yang ada pada Pengadilan Negeri Cirebon.
Penulis berharap dengan adanya sistem ini dapat memudahkan pengelolaan stok
pada alat tulis kantor yang ada.
3.3. Rancangan Model Arsitektur Sistem

Gambar 3.1 Rancangan Model Arsitektur Sistem

Gambar 3.1 di atas menggambarkan proses dari model arsitektur Sistem
Pengelolaan Data Inventaris Alat Tulis Kantor secara umum. Sistem yang ada dapat
dijalankan menggunakan browser seperti chrome atau edge, sedangkan file script
dan database akan di simpan di server lokal perusahaan.
3.4. Perancangan Sistem
Dalam perancangan sistem yang dibuat akan menggunakan Unified
Modeling Language (UML), diagram yang digunakan adalah Use Case Diagram
dan Activity Diagram.
3.4.1. Use Case Diagram
a. Definisi Aktor
Definisi aktor bertujuan ini menjelaskan peranan aktor yang nantinya akan
menggunakan sistem yang dibuat.
Tabel 3.1 Definisi Aktor
Aktor Deskripsi
Petugas Petugas merupakan aktor yang menggunakan Sistem
Pengelolaan Data Inventaris Alat Tulis Kantor secara
langsung.

b. Definisi Use Case

Definisi use case adalah teknik yang digunakan dalam pengembangan
sebuah sistem untuk menerangkan kebutuhan fungsional pada sebuah sistem.

10
 Tabel 3.2 Skenario Use Case Login Petugas
Identifikasi
Nama Use Case Login
Aktor Petugas
Tujuan Mengakses Sistem
Keadaan Sistem Menampilkan Form Login
Skenario
Aksi Aktor Reaksi Sistem
1. Membuka Aplikasi Sistem
Pengelolaan Data Inventaris Alat
Tulis Kantor
2. Mengisi Username dan Password
pada form login sistem
c. Menekan tombol Masuk
d. Sistem akan mencari dan
mencocokkan data user yang
telah dibuat pada database
e. Sistem menampilkan halaman
Kondisi Akhir Dashboard dan user dapat
mengakses sistem

Tabel 3.3 Skenario Use Case Tambah Stok Barang

Identifikasi
Nama Use Case Tambah Stok Barang
Aktor Petugas
Tujuan Menambahkan Stock Barang Baru
Keadaan Sistem Menampilkan Dashboard
Skenario
Aksi Aktor Reaksi Sistem
1. Petugas memilih opsi stock
barang pada menu navbar
2. Sistem memuat tampilan stock
barang
3. Petugas menekan tombol
“Tambah Stock Barang”
4. Sistem membuka form tambah
stock barang
5. Petugas mengisi form tambah
stock barang dengan mengisi

11
 Nama Barang, Jenis, Merk,
Ukuran, Jumlah, Satuan dan
Lokasi Penyimpanan Barang
6. Petugas menekan tombol “Batal”
7. Sistem menutup form tambah
stock barang dan tidak akan
menyimpan data yang dimasukan
8. Petugas menekan tombol
“Simpan”
9. Sistem akan menyimpan data
yang telah diisi kedalam database
Kondisi Akhir
dan menampilkannya pada tabel
stock barang

Tabel 3.4 Skenario Use Case Edit Stok Barang

Identifikasi
Nama Use Case Edit Stok Barang
Aktor Petugas
Tujuan Mengedit Stock Barang
Keadaan Sistem Menampilkan Daftar Tabel Stock Barang
Skenario
Aksi Aktor Reaksi Sistem
1. Petugas menekan tombol “Edit”
pada barang yang akan di edit
2. Sistem menampilkan form yang
berisi keterangan barang seperti
Nama Barang, Jenis, Merk,
Ukuran, Jumlah, Satuan dan
Lokasi Penyimpanan Barang
3. Setelah form edit tampil, petugas
4.
dapat mengedit keterangan
barang yang ada, namun untuk
jumlah stock tidak bisa di edit
karena hanya akan bertambah
atau berkurang dengan cara
melakukan transaksi pada
halaman keluar atau masuk
barang.

12
 4. Setelah mengisi form petugas
5.
dapat menekan tombol “Save”
5. Sistem menyimpan data yang
telah di edit kedalam database,
Kondisi Akhir
kemudian menampilkan kembali
pada tabel stok barang

Tabel 3.5 Skenario Use Case Delete Stok Barang

Identifikasi
Nama Use Case Delete Stok Barang
Aktor Petugas
Tujuan Menghapus Stock Barang
Keadaan Sistem Menampilkan Daftar Tabel Stock Barang
Skenario
Aksi Aktor Reaksi Sistem
1. Petugas menekan tombol
“Delete” pada barang yang akan
di hapus
2. Sistem menampilkan peringatan
“Apakah Anda yakin ingin
menghapus barang?
3. Petugas menekan tombol “Batal”
4. Sistem menutup peringatan dan
kembali menampilkan tabel daftar
stok barang
5. Petugas menekan tombol
“Hapus”
6. Sistem menghapus barang yang
Kondisi Akhir dipilih dari database dan dari tabel
yang ada pada tampilan website

Tabel 3.6 Skenario Use Case Tambah Barang Masuk

Identifikasi
Nama Use Case Tambah Barang Masuk
Aktor Petugas
Tujuan Menambahkan Data Barang Masuk
Keadaan Sistem Menampilkan Dashboard
Skenario

13
Aksi Aktor Reaksi Sistem
1. Petugas menekan transaksi
barang masuk
2. Sistem menampilkan tabel barang
masuk
3. Petugas menekan tombol
“Tambah Barang Masuk”
4. Sistem menampilkan form tambah
barang dengan form yang berisi,
Tanggal, Nama Barang, Jumlah /
Qty, dan Keterangan Penerima
Barang
5. Petugas mengisi form tambah
barang masuk
6. Petugas menekan tombol “Batal”
7. Sistem menutup form tambah
barang masuk
8. Petugas menekan tombol
“Simpan”
9. Sistem akan menyimpan data yang
telah di isi petugas dan akan
Kondisi Akhir
mengupdate pada data stock
barang

Tabel 3.7 Skenario Use Case Edit Barang Masuk

Identifikasi
Nama Use Case Edit Barang Masuk
Aktor Petugas
Tujuan Mengedit Data Barang Masuk
Keadaan Sistem Menampilkan Tabel Barang Masuk
Skenario
Aksi Aktor Reaksi Sistem
1. Petugas menekan tombol “Edit”
pada barang yang akan di edit
2. Sistem menampilkan form edit
data yang berisi pengeditan
tanggal, jumlah dan keterangan
penerima

14
 3. Petugas mengedit data barang
masuk pada form yang tersedia
4. Petugas menekan tombol “Close”
5. Sistem menutup form edit data
barang masuk
6. Petugas menekan tombol “Save”
7. Sistem mengupdate data barang
Kondisi Akhir masuk, dan menampilkan kembali
pada tabel data barang masuk

Tabel 3.8 Skenario Use Case Hapus Barang Masuk

Identifikasi
Nama Use Case Hapus Barang Masuk
Aktor Petugas
Tujuan Menghapus Data Barang Masuk
Keadaan Sistem Menampilkan Tabel Barang Masuk
Skenario
Aksi Aktor Reaksi Sistem
1. Petugas menekan tombol
“Delete” pada barang yang akan
di edit
2. Sistem menampilkan peringatan
“Apakah Anda yakin ingin
menghapus barang?
3. Petugas menekan tombol “Batal”
4. Sistem menutup peringatan dan
kembali menampilkan tabel
barang masuk
5. Petugas menekan tombol
“Hapus”
6. Sistem akan menghapus data
barang masuk, dan otomatis akan
Kondisi Akhir
mengurangi jumlah stok barang
pada tabel stok barang

15
 Tabel 3.9 Skenario Use Case Tambah Barang Keluar
Identifikasi
Nama Use Case Tambah Barang Keluar
Aktor Petugas
Tujuan Menambahkan Data Barang Keluar
Keadaan Sistem Menampilkan Dashboard
Skenario
Aksi Aktor Reaksi Sistem
1. Petugas menekan transaksi
barang keluar
2. Sistem menampilkan tabel barang
keluar
3. Petugas menekan tombol
“Tambah Barang Keluar”
4. Sistem menampilkan form tambah
barang keluar dengan form yang
berisi Tanggal, Nama Barang,
Jumlah / Qty, dan Keterangan
Penerima Barang
5. Petugas mengisi form tambah
barang keluar
6. Petugas menekan tombol “Batal”
pada form
7. Sistem menutup form tambah
barang keluar
8. Petugas menekan tombol
“Simpan”
9. Sistem akan menyimpan data yang
telah di isi petugas dan akan
Kondisi Akhir
mengupdate pada data stock
barang

Tabel 3.10 Skenario Use Case Edit Barang Keluar

Identifikasi
Nama Use Case Edit Barang Keluar
Aktor Petugas
Tujuan Mengedit Data Barang Keluar
Keadaan Sistem Menampilkan Tabel Barang Keluar
Skenario

16
Aksi Aktor
1. Petugas menekan tombol “Edit”
pada barang yang akan di edit
3. Petugas mengedit data barang
keluar pada form yang tersedia
4. Petugas menekan tombol “Close”
6. Petugas menekan tombol “Save”
Kondisi Akhir
Reaksi Sistem
2. Sistem menampilkan form edit
data yang berisi pengeditan
tanggal, jumlah dan keterangan
penerima
5. Sistem menutup form edit data
barang keluar
7. Sistem mengupdate data barang
keluar, dan menampilkan kembali
pada tabel data barang keluar

Tabel 3.11 Skenario Use Case Hapus Barang Keluar

Identifikasi
Nama Use Case Hapus Barang Keluar
Aktor Petugas
Tujuan Menghapus Data Barang Keluar
Keadaan Sistem Menampilkan Tabel Barang Keluar
Skenario
Aksi Aktor Reaksi Sistem
1. Petugas menekan tombol
“Delete” pada barang yang akan
di edit
2. Sistem menampilkan peringatan
“Apakah Anda yakin ingin
menghapus barang?
3. Petugas menekan tombol “Batal”
pada form
4. Sistem menutup peringatan dan
kembali menampilkan tabel
barang keluar
5. Petugas menekan tombol
“Hapus”

17
 6. Sistem akan menghapus data
barang keluar, dan otomatis akan
Kondisi Akhir
menambah jumlah stok barang
pada tabel stok barang

3.4.2. Activity Diagram

a. Activity Diagram Login Petugas

Gambar 3.2 Activity Diagram Login Petugas

18
b. Activity Diagram Menambahkan Stock Barang

Gambar 3.3 Activity Diagram Menambahkan Stock Barang

19
c. Activity Diagram Transaksi Barang Masuk

Gambar 3.4 Activity Diagram Transaksi Barang Masuk

20
d. Activity Diagram Ttransaksi Barang Keluar

Gambar 3.5 Activity Diagram Transaksi Barang Keluar

21
3.4.3. Perancangan Basis Data
a. Struktur Tabel Login
Tabel 3.12 Struktur Tabel Login
No Nama Type Size Keterangan
1 id int 11 Auto Increment
2 username varchar 30
3 password varchar 255
4 nickname varchar 20
5 role varchar 10
b. Struktur Tabel Stock Barang
Tabel 3.12 Struktur Tabel Stock Barang
No Nama Type Size Keterangan
1 idx int 11 Auto Increment
2 nama varchar 55
3 jenis varchar 30
4 merk varchar 40
5 ukuran varchar 20
6 stock int 12
7 satuan varchar 10
8 lokasi varchar 55
c. Struktur Tabel Barang Masuk
Tabel 3.13 Struktur Tabel Barang Masuk
No Nama Type Size Keterangan
1 id int 11 Auto Increment
2 idx int 11
3 tgl date
4 jumlah int 11
5 keterangan text
d. Struktur Tabel Barang Keluar
Tabel 3.14 Struktur Tabel Barang Keluar
No Nama Type Size Keterangan
1 id int 11 Auto Increment
2 idx int 11
3 tgl date
4 jumlah int 11
5 Penerima varchar 35
6 keterangan text

22
 BAB IV
HASIL KEGIATAN PRAKTEK KERJA LAPANGAN

4.1 Desain User Interface

Pada bab ini penulis merancang desain user interface yang ditampilkan pada
halaman website Sistem Pengelolaan Data Inventaris Alat Tulis Kantor Berbasis
Web Di Pengadilan Negeri Cirebon.
4.1.1 Desain User Interface Halaman Login

Gambar 4.1 Desain User Interface Halaman Login

4.1.2 Desain User Interface Halaman Dashboard

Gambar 4.2 Desain User Interface Dashboard

23
4.1.3 Desain User Interface Halaman Stock Barang

Gambar 4.3 Desain User Interface Stock Barang

4.1.4 Desain User Interface Halaman Barang Masuk

Gambar 4.4 Desain User Interface Barang Masuk

24
4.1.5 Desain User Interface Halaman Barang Keluar

Gambar 4.5 Desain User Interface Barang Keluar

4.2 Source Code Program

Dalam sebuah pemrograman apapun tentunya memerlukan sebuah source
code atau kode program, dalam pembuatan website Sistem Pengelolaan Data
Inventaris Alat Tulis Kantor Berbasis Web Di Pengadilan Negeri Cirebon penulis
menggunakan beberapa bahasa pemrograman seperti HTML, PHP dan dipadukan
dengan desain CSS.
Dibawah ini akan penulis lampirkan beberapa source code yang ada pada
website Sistem Pengelolaan Data Inventaris Alat Tulis Kantor Berbasis Web Di
Pengadilan Negeri Cirebon.

25
4.2.1 Source Code Halaman Login

Gambar 4.6 Source Code Halaman Login

26
4.2.2 Source Code Halaman Dashboard

Gambar 4.7 Source Code Halaman Dashboard

27
4.2.3 Source Code Halaman Stock Barang

Gambar 4.7 Source Code Halaman Stock Barang

28
4.2.4 Source Code Halaman Barang Masuk

Gambar 4.9 Source Code Halaman Barang Masuk

29
4.2.5 Source Code Halaman Barang Keluar

Gambar 4.10 Source Code Halaman Barang Keluar

30
 BAB V
PENUTUP

5.1 Kesimpulan
Berdasarkan pembahasan yang telah di paparkan pada bab 1 sampai dengan
bab 4 penulis dapat membuat kesimpulan sebagai berikut:
1. Laporan ini menghasilkan rancangan dan pembuatan aplikasi Sistem
Pengelolaan Keluar Masuk Alat Tulis Kantor Berbasis Web Di
Pengadilan Negeri Cirebon.
2. Pembuatan aplikasi Sistem Pengelolaan Keluar Masuk Alat Tulis Kantor
Berbasis Web Di Pengadilan Negeri Cirebon ini dirancang untuk
memudahkan pencatatan inventaris alat tulis kantor dari mulai stock
barang, dan juga keluar masuk barang.
5.2 Saran
Berdasarkan kesimpulan dan hasil perancangan di atas, penulis masih
menyadari bahwa pembuatan aplikasi dan penulisan laporan ini masih memiliki
banyak kekurangan, kelemahan, serta kesalahan, oleh karena itu penulis
mengharapkan masukan, kerjasama dan penambahan opini pembaca dan penilai
semua.

31
 DAFTAR PUSTAKA

[1]Ilda Sartifa Sari, S. (2020). HUBUNGAN ANTARA PERKEMBANGAN

TEKNOLOGI INFORMASI DAN KOMUNIKASI TERHADAP
PERUBAHAN POLA PIKIR MASYARAKAT DI DESA KAMPUNG
SAWAH KABUPATEN BANGKALAN MADURA. JURNAL
PSIKOLOGI JAMBI, 12-20.
[2]Purba, L. M. (2022). Perencanaan Pengelolaan Barang Masuk Dan Barang
Keluar Pada Toko Jabat. Ilmu Data, 1 - 14.
[3]Ferdiansyah, M. (2019). PENGEMBANGAN APLIKASI BARANG MASUK
DAN BARANG KELUAR PADA PT. BERSAMA PASTI SUKSES
LAMPUNG. Jurnal Sistem Informasi Akuntansi (JUSINTA) , 16-21.
[4]Kurniawan, T. A. (2018). PEMODELAN USE CASE (UML): EVALUASI
TERHADAP BEBERAPA. Jurnal Teknologi Informasi dan Ilmu
Komputer (JTIIK), 77-86.
[5]Dede Wira Trise Putra, R. A. (2019). Unified Modelling Language (UML) dalam
Perancangan Sistem Informasi Permohonan Pembayaran Restitusi SPPD.
Jurnal TEKNOIF, 32-39.
[6]Agung Feby Prasetya, S. U. (2022). Perancangan Aplikasi Rental Mobil
Menggunakan Diagram UML (Unified ModellingLanguage). Jurnal
Ilmian Terapan dan Informasi, 14-18.
[7]Andaru, A. (2018). PENGERTIAN DATABASE SECARA UMUM. Open
Science Framework (OSF), 1-6.
[8]M. Riyan Dirgantara, S. S. (2023). Pengenalan Database Management System
(DBMS) . Madani : Jurnal Ilmiah Multidisipline, 300-306.
[9]Rusli, A. S. (2019). Pemrograman Website Dengan PHP-MySQL Untuk Pemula.
Takalar: Yayasan Ahmar Cendikia Indonesia.
[10]Muhammad Saed Novendri, A. S. (2019). Aplikasi Inventaris Barang Pada Mts
Nurul Islam Dumai Menggunakan Php Dan MySQL. JURNAL
MANAJENEN DAN TEKNOLOGI INFORMASI, 46-57.

32
LAMPIRAN – LAMPIRAN

33