Skripsi Document Tugas Akhir

lOMoARcPSD|31786216
Skripsi - Document Tugas Akhir
Management information System (Universitas Pamulang)
Studocu is not sponsored or endorsed by any college or university

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)
lOMoARcPSD|31786216
PERANCANGAN SISTEM INFORMASI

PERSEDIAAN BARANG BERBASIS WEB
MENGGUNAKAN METODE AGILE SOFTWARE
PADA PT. PUTRA DAERAH SAKTI MANDIRI
SKRIPSI
Oleh:
ABIEZY SYAHDILLA PUTRA RISQULLAH

171021700352
PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK
UNIVERSITAS PAMULANG
TANGERANG SELATAN
2021

lOMoARcPSD|31786216
PERANCANGAN SISTEM INFORMASI

SKRIPSI
Diajukan Untuk Melengkapi Salah Satu Syarat

Memperoleh Gelar Sarjana Komputer
Oleh:
ABIEZY SYAHDILLA PUTRA RISQULLAH
171021700352
PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK
UNIVERSITAS PAMULANG
TANGERANG SELATAN
2021

lOMoARcPSD|31786216
LEMBAR PERNYATAAN
Yang bertanda tangan di bawah ini:
Nama : ABIEZY SYAHDILLA PUTRA RISQULLAH

NIM 171021700352
Program Studi : SISTEM INFORMASI
Fakultas : TEKNIK
Jenjang Pendidikan : Strata 1
Menyatakan bahwa skripsi yang saya buat dengan judul:

<PERANCANGAN SISTEM INFORMASI PERSEDIAAN BARANG
BERBASIS WEB MENGGUNAKAN METODE AGILE SOFTWARE PADA
PT. PUTRA DAERAH SAKTI MANDIRI=
1. Merupakan hasil karya tulis ilmiah sendiri, bukan merupakan karya yang
pernah diajukan untuk memperoleh gelar akademik oleh pihak lain, dan
bukan merupakan hasil plagiat.
2. Saya ijinkan untuk dikelola oleh Universitas Pamulang sesuai dengan norma
hukum dan etika yang berlaku.
Pernyataan ini saya buat dengan penuh tanggung jawab dan saya bersedia menerima
konsekuensi apapun sesuai aturan yang berlaku apabila di kemudian hari
pernyataan ini tidak benar.
Tangerang Selatan, 13 September 2021
Meterai 6000 IDR
(ABIEZY SYAHDILLA PUTRA RISQULLAH)
iii

lOMoARcPSD|31786216
LEMBAR PERSETUJUAN
NAMA : ABIEZY SYAHDILLA PUTRA RISQULLAH

NIM : 171021700352
PROGRAM STUDI : SISTEM INFORMASI
FAKULTAS : TEKNIK
JENJANG PENDIDIKAN : STARA I
JUDUL SKRIPSI : PERANCANGAN SISTEM INFORMASI
MENGGUNAKAN METODE AGILE
SOFTWARE PADA PT. PUTRA DAERAH
SAKTI MANDIRI
Skripsi ini telah diperiksa dan disetujui.

Tangerang Selatan, 2021
Pembimbing
Dr. Yunus, M.Pd.I, S.Pd.I

NIDN : 0312079004
Mengetahui,
Kaprodi Sistem Informasi
Dede Supriyadi, M.Kom

NIDN : 0403078402
iv

lOMoARcPSD|31786216
LEMBAR PENGESAHAN
Nama : ABIEZY SYAHDILLA PUTRA RISQULLAH

NIM : 171021700352
Program Studi : SISTEM INFORMASI
Fakultas : TEKNIK
Jenjang Pendidikan : Strata 1
Judul Skripsi : PERANCANGAN SISTEM INFORMASI
Skripsi ini telah dipertahankan di hadapan dewan penguji ujian skripsi Fakultas
Teknik, Program Studi Sistem Informasi dan dinyatakan LULUS.
Tangerang Selatan, 2021
Penguji I Penguji II
NIDN : NIDN :
Pembimbing
Dr. Yunus, M.Pd.I, S.Pd.I

NIDN : 0312079004
Mengetahui,
Ketua Program Sistem Informasi
Dede Supriyadi, M. Kom

NIDN : 0403078402

lOMoARcPSD|31786216
KATA PENGANTAR
Puji serta syukur penulis panjatkan kepada Allah SWT yang telah
memberikan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Skripsi
ini dengan judul : <PERANCANGAN SISTEM INFORMASI PERSEDIAAN
BARANG BERBASIS WEB MENGGUNAKAN METODE AGILE
SOFTWARE PADA PT. PUTRA DAERAH SAKTI MANDIRI= dapat
terselesaikan dengan baik.
Dengan selesainya Skripsi ini, penulis menyadari bahwa penulis tidak akan
dapat menyelesaikan laporan ini tanpa adanya bantuan dari banyak pihak yang telah
memberikan masukan dan dukungan kepada penulis. Oleh karena itu, pada
kesempatan ini penulis ingin megucapkan banyak terimakasih kepada :
1. Allah Subhanahu Wata’ala, Yang Maha Pengasih dan Penyayang, yang
telah memberikan kekuatan, hidayah dan berbagai nikmat yang tak terhingga
kepada penulis hingga detik ini
2. Bapak Dr. (HC.) Darsono selaku Ketua Yayasan Sasmita Jaya.
3. Bapak Dr. H. Dayat Hidayat, M.M, selaku Rektor Universitas Pamulang.
4. Bapak Syaiful Bakhri, S.T., M.Eng. Sc., Ph.D, selaku Dekan Fakultas
Teknik Universitas Pamulang.
5. Bapak Dede Supriyadi, M.Kom, selaku Ketua Program Studi Sistem
Informasi.
6. Bapak Dr. Yunus, M.Pd.I, S.Pd.I, selaku Dosen Pembimbing Sistem
Informasi pada Fakultas Teknik Universitas Pamulang yang telah banyak
memberikan saran dan ilmu dalam penyusunan skripsi ini.
7. Untuk Orang tua saya tercinta terimakasih banyak atas semua doa yang telah
diberikan, serta semangat maupun materi.
8. Seluruh Dosen pengajar Program Sarjana Sistem Informasi Fakultas Teknik
Universitas Pamulang.
9. Bapak Bapak Santoso, selaku manager logistik sarana dan prasarana PT.
PUTRA DAERAH SAKTI MANDIRI atas kesempatan
vi

lOMoARcPSD|31786216
dan bantuan yang diberikan kepada penulis dalam melakukan penelitian dan
memperoleh informasi yang diperlukan selama penulisan skripsi ini.
10. Teman-teman jurusan Sistem Informasi kelas SIFP001 atas kebersamaannya
selama ini.
11. Serta pihak-pihak yang penulis tidak dapat sebutkan satu persatu yang telah
membantu penulis dalam menyelesaikan skripsi ini.
Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah

serta taufik-Nya kepada kita semua, Amin.
Kritik dan Saran sangat penulis harapkan guna terciptanya sebuah karya
ilmiah yang berkualitas yang dapat berguna kelak baik bagi penulis sendiri
maupun bagi pembaca.
Akhir kata, penulis berharap semoga laporan ini dapat bermanfaat bagi
semua pihak yang membantu terutama penulis sendiri, meskipun laporan ini masih
banyak kekurangannya. Oleh karena itu kritik dan saran yang membangun tetap
penulis harapkan.
Tangerang Selatan, 02 November 2021
Penulis
vii

lOMoARcPSD|31786216
ABSTRACT
PT. PUTRA REGIONAL SAKTI MANDIRI is currently in the process of

preparing goods related to the construction of the Kediri International Airport which
is still being done manually because is still uses bookkeeping and Microsoft Excel,
such as stock input, incoming goods and outgoing goods. So that information
received by the parties concerned is very difficult to get quickly. PT. PUTRA
REGIONAL SAKTI MANDIRI which is engaged in manufacturing which
produces components such as fill and cut and fill is in dire need of an information
system that is easier and faster in order to support the company’s operational needs.
Based on the results of the analysis in the study the author uses the agile method,
while the tools used are ERD (Entity Relational Diagram) and UML (United
Modeling Language) and with this web-based inventory information system it can
be easier to obtain the latest information, as well as the ease of processing data on
incoming and outgoing goods.
Keywords: Information Systems, agile methods, inventory.
viii

lOMoARcPSD|31786216
ABSTRAK
PT. PUTRA DAERAH SAKTI MANDIRI saat ini dalam proses persediaan barang
terkait pembangunan bandara international kediri masih dilakukan secara manual
karena masih menggunakan pencatatan dibuku dan microsoft excel, seperti input
stok barang, barang masuk dan barang keluar. Sehingga informasi yang diterima
oleh pihak yang terkait sangat susah didapatkan secara cepat. PT. PUTRA
DAERAH SAKTI MANDIRI yang bergerak dibidang construction yang
memproduksi komponen seperti pengerukan, dan cut and fill sangat membutuhka
sistem informasi yang lebih mudah dan cepat agar dapat menunjang kebutuhan
operasional perusahaan, Berdasarkan hasil analisa pada penelitian ini penulis
menggunakan metode agile sedangkan tool yang digunakan berupa ERD (Entity
Relationship Diagram) dan UML (United Modeling Language) dan dengan adanya
sistem informasi persediaan barang berbasis web ini dapat lebih mudah dalam
mendapatkan informasi terbaru, serta mempermudah dalam pengolahan data barang
masuk dan barang keluar.
Kata Kunci: Sistem Informasi, metode agile, persediaan bara
ix

lOMoARcPSD|31786216
ix
DAFTAR ISI
LEMBAR PERNYATAAN ........................................................................................... iii
LEMBAR PENGESAHAN ............................................................................................ iv
LEMBAR PENGESAHAN ............................................................................................. v
KATA PENGANTAR .................................................................................................... vi
ABSTRACT ................................................................................................................... vii
ABSTRAK ....................................................................................................................viii
DAFTAR ISI ................................................................................................................... x
DAFTAR GAMBAR ...................................................................................................... xi
DAFTAR TABEL .......................................................................................................... xii
BAB I PENDAHULUAN ................................................................................................ 1
1.1 Latar Belakang ........................................................................................................... 1
1.2 Identifikasi Masalah ................................................................................................... 2
1.3 Rumusan Masalah ...................................................................................................... 2
1.4 Batasan Masalah ........................................................................................................ 3
1.5 Tujuan Penelitian ....................................................................................................... 3
1.6 Manfaat Penelitian ..................................................................................................... 4
1.7 Metodologi Penelitian ................................................................................................ 4
1.8 Metode Pengembangan .............................................................................................. 5
1.9 Sistematika Penulisan ................................................................................................. 5

BAB II LANDASAN TEORI TINJAUAN PUSTAKA .................................................. 7
2.1 Tinjauan Pustaka ........................................................................................................ 7
2.1.1 Agile Software Development .............................................................................. 7
2.2 Teori Umum .............................................................................................................. 9
2.2.1 Pengertian Sistem Informasi .............................................................................. 9
2.2.2 Pengertian Persediaan ...................................................................................... 11
2.3 Teori Khusus ........................................................................................................... 12
2.3.1 Bahasa Pemograman ....................................................................................... 12
2.3.2 Rancangan Basis Data ..................................................................................... 13

lOMoARcPSD|31786216
2.3.2.1 Entity Relationship Diagram (ERD) ......................................................... 13
2.3.2.2 Flow Chart Diagram ................................................................................ 13
2.3.3 UML (Unifed Modeling Language) ................................................................. 14
2.3.4 XAMPP........................................................................................................... 21
2.3.5 Framework Codeigniter................................................................................... 22
2.4 Aplikasi Pendukung ................................................................................................ 23
2.4.1 Visual Studio Code .......................................................................................... 23
2.4.2 Microsoft Edge ................................................................................................ 23
2.4.3 Visual Paradigm .............................................................................................. 24
2.4.4 Black Box Testing ............................................................................................ 24

BAB III ANALISA DAN PERANCANGAN ................................................................ 25
3.1 Analisa Sistem ........................................................................................................ 25
3.1.1 Analisa Sistem Saat Ini .................................................................................... 25
3.2 Design ..................................................................................................................... 28
3.2.1 Perancangan UML (Unifed Modeling Language) ............................................. 28
3.2.2 Perancangan Basis Data ................................................................................... 50
3.2.3 Spesifikasi Basis Data ..................................................................................... 51
3.3 User Interface .......................................................................................................... 55

BAB IV ANALISA DAN PERANCANGAN ................................................................ 62
4.1 Implementasi ........................................................................................................... 62
4.1.1 Implementasi Perangkat Keras ......................................................................... 62
4.1.2 Implementasi Perangkat Lunak ........................................................................ 63
4.2 Implementasi Aplikasi ............................................................................................. 63
4.2.1 Halaman Landing Page ................................................................................... 63
4.2.2 Halaman Requester Tambah Permintaan Barang.............................................. 64
4.2.3 Halaman Requester Retur Barang .................................................................... 64
4.2.4 Halaman Staff Admin Login ............................................................................ 65
4.2.5 Pesan Akun Login Admin Tidak Ditemukan .................................................... 65

lOMoARcPSD|31786216
xi
4.2.6 Halaman Dashboard Staff Admin .................................................................... 66
4.2.7 Halaman Staff Admin Konfirmasi Pengguna .................................................... 66
4.2.8 Halaman Staff Admin Cetak Invoice Permintaan.............................................. 67
4.2.9 Halaman Staff Gudang Daftar Account Login................................................... 67
4.3.1 Halaman Dashboard Staff Gudang .................................................................. 68
4.3.2 Halaman Staff Gudang Kelola Barang.............................................................. 68
4.3.3 Halaman Staff Gudang Kelola Barang Masuk .................................................. 69
4.3.4 Halaman Staff Gudang Kelola Barang Keluar .................................................. 69
4.3.5 Halaman Dashboard Pimpinan ........................................................................ 70
4.3.6 Halaman Pimpinan View Rekap Stock.............................................................. 70
4.3.7 Halaman Pimpinan View Rekap Barang Masuk ............................................... 71
4.3.8 Halaman Pimpinan View Rekap Barang Keluar ............................................... 71
4.3 System Testing ......................................................................................................... 72
4.3.1 Pengujian Black Box ........................................................................................ 72
4.3.2 Pengujian Halaman Login ............................................................................... 72
4.3.3 Pengujian Halaman Admin .............................................................................. 73
4.3.4 Pengujian Halaman Requester ......................................................................... 74
4.3.5 Pengujian Halaman Staff Gudang .................................................................... 75
4.3.6 Pengujian Halaman Pimpinan .......................................................................... 76
4.4 Hasil Penulisan ....................................................................................................... 79
4.5 Hasil dan Pembahasan ............................................................................................. 79

BAB V ANALISA DAN PERANCANGAN ................................................................. 80
5.1 Kesimpulan ............................................................................................................. 80
5.2 Saran ....................................................................................................................... 80

DAFTAR PUSTAKA .................................................................................................... 82
LAMPIRAN .................................................................................................................. 84

lOMoARcPSD|31786216
xii
DAFTAR GAMBAR
Gambar 2.1 Skema Extreme Programming ..................................................................... 8
Gambar 3.1 Use Case Diagram Persediaan Barang ....................................................... 26
Gambar 3.2 Activity Diagram Berjalan .......................................................................... 27
Gambar 3.3 Activity Diagram Login Admin .................................................................. 28
Gambar 3.4 Activity Diagram Staff Admin Edit Data ..................................................... 29
Gambar 3.5 Activity Diagram Staff Admin Hapus Data ................................................. 30
Gambar 3.6 Activity Diagram Admin Konfirmasi Pengguna ......................................... 30
Gambar 3.7 Activity Diagram Admin Cetak Invoice Permintaan ................................... 31
Gambar 3.8 Activity Diagram Requester Tambah Permintaan Barang ........................... 32
Gambar 3.9 Activity Diagram Requester Tambah Retur Barang .................................... 32
Gambar 3.10 Activity Diagram Staff Gudang Daftar Account ........................................ 33
Gambar 3.11 Activity Diagram Staff Gudang Login........................................................ 34
Gambar 3.12 Activity Diagram Staff Gudang Tambah Barang ........................................ 34
Gambar 3.13 Activity Diagram Staff Gudang Tambah Barang Masuk ............................ 35
Gambar 3.14 Activity Diagram Staff Gudang Tambah Barang Keluar ............................ 36
Gambar 3.15 Activity Diagram Staff Gudang Tambah Retur Barang .............................. 36
Gambar 3.16 Activity Diagram Staff Gudang Cetak Bukti .............................................. 37
Gambar 3.17 Activity Diagram Pimpinan Login ............................................................. 38
Gambar 3.18 Activity Diagram Pimpinan View Stock Barang ......................................... 39
Gambar 3.19 Activity Diagram Pimpinan View Rekap Barang Masuk ............................ 40
Gambar 3.20 Activity Diagram Pimpinan View Rekap Barang Keluar ............................ 41
Gambar 3.21 Sequence Diagram Staff Admin Login ...................................................... 42
Gambar 3.22 Sequence Diagram Staff Admin Konfirmasi Pengguna .............................. 43
Gambar 3.23 Sequence Diagram Staff Admin Edit Data................................................. 43

lOMoARcPSD|31786216
xiii
Gambar 3.24 Sequence Diagram Staff Admin Hapus Data ............................................. 44
Gambar 3.25 Sequence Diagram Staff Admin Cetak Invoice Permintaan ....................... 44
Gambar 3.26 Sequence Diagram Requester Tambah Permintaan ................................... 45
Gambar 3.27 Sequence Diagram Requester Tambah Retur Barang ................................ 45
Gambar 3.28 Sequence Diagram Staff Gudang Daftar Login ......................................... 46
Gambar 3.29 Sequence Diagram Staff Gudang Login .................................................... 46
Gambar 3.30 Sequence Diagram Staff Gudang Tambah Data ........................................ 47
Gambar 3.31 Sequence Diagram Staff Gudang Cetak Bukti .......................................... 47
Gambar 3.32 Sequence Diagram Pimpinan View Stock Barang ..................................... 48
Gambar 3.33 Sequence Diagram Pimpinan View Rekap Barang Masuk ........................ 48
Gambar 3.34 Sequence Diagram Pimpinan View Rekap Barang Keluar ........................ 49
Gambar 3.35 Class Diagram ......................................................................................... 50
Gambar 3.36 Entity Relationship Diagram (ERD).......................................................... 51
Gambar 3.37 Halaman Landing Page ............................................................................. 56
Gambar 3.38 Halaman Requester Tambah Permintaan ................................................... 57
Gambar 3.39 Halaman Requester Tambah Pengembalian Barang ................................... 57
Gambar 3.40 Halaman Staff Admin Login ...................................................................... 58
Gambar 3.41 Halaman Staff Admin Konfirmasi Pengguna ............................................. 58
Gambar 3.42 Halaman Staff Admin Cetak Invoice Permintaan ....................................... 59
Gambar 3.43 Halaman Staff Gudang Daftar Account Login ........................................... 59
Gambar 3.44 Halaman Staff Gudang Login ................................................................... 60
Gambar 3.45 Halaman Staff Gudang Cetak Bukti Pdf .................................................... 61
Gambar 3.46 Halaman Pimpinan View Rekap Stock ...................................................... 61
Gambar 3.47 Halaman Pimpinan View Rekap Barang Masuk ........................................ 62
Gambar 3.48 Halaman Pimpinan View Rekap Barang Keluar ........................................ 62

lOMoARcPSD|31786216
xiv
DAFTAR TABEL
Gambar 2.1 Simbol Use Case Diagram ......................................................................... 14
Gambar 2.2 Simbol Class Diagram ............................................................................... 17
Gambar 2.3 Simbol Sequence Diagram ......................................................................... 19
Gambar 2.4 Simbol Activity Diagram ........................................................................... 20
Gambar 3.1 Table User .................................................................................................. 52
Gambar 3.2 Table Permintaan ........................................................................................ 53
Gambar 3.3 Table Barang ............................................................................................. 53
Gambar 3.4 Table Barang Masuk .................................................................................. 54
Gambar 3.5 Table Barang Keluar .................................................................................. 54
Gambar 3.6 Table Pengembalian ................................................................................... 55

lOMoARcPSD|31786216
BAB I
PENDAHULUAN
1.1 Latar Belakang

Persediaan barang merupakan salah satu aktivitas kerja yang sangat penting
bagi perkembangan perusahaan dagang karena persediaan barang merupakan
unsur utama dalam bidang perdagangan, diperlukan untuk menjamin kelancaran
pemenuhan permintaan sebab bila tidak ada persediaan barang maka kebutuhan
tidak terpenuhi. Kemajuan atau keberhasilan suatu perusahaan salah satunya
dipengaruhi oleh persediaan barang. Persediaan barang diharapkan dapat
meningkatkan keuntungan sehingga meminimumkan biaya-biaya yang
ditimbulkan.
Masalah umum dalam persediaan barang bersumber dari kejadian yang

dihadapi suatu perusahaan. Kejadian tersebut dapat terjadi karena terlalu banyak
atau mugkin persediaan barang terlalu sedikit untuk memenuhi permintaan
konsumen yang akan di produksi dimasa mendatang. jika barang terlalu banyak
dalam persediaan barang maka perusahaan harus menambah tanggungan biaya
seperti biaya simpan dan biaya pesan. Sebaliknya jika persediaan barang terlalu
sedikit akan menimbulkan kerugian karena barang yang dibutuhkan tidak
tersedia dan mengakibatkan kehilangan penjualan.
Untuk mendapatkan jumlah persediaan barang yang tepat, maka perusahaan

bisa mengamati dari transaksi penjualan serta dengan melakukan pengolahan
terhadap data penjualan maka perusahaan bisa mengetahui informasi yang
digunakan untuk keperluan persediaan barang seperti menentukan jumlah barang
yang harus disiapkan digudang, mengatur jumlah minimal stok dan menentukan

lOMoARcPSD|31786216
stok yang aman. Selain itu dengan menggunakan informasi ini dapat
menentukan kapan perusahaan harus melakukan pembelian barang pada suplier.
Untuk mengatasi permasalahan persediaan barang maka khususnya yang

berkaitan dengan penentuan stok dapat dibuatkan suatu aplikasi persediaan barang
berbasis Web pada PT. PUTRA DAERAH SAKTI MANDIRI. dibuat untuk
membantu karyawan untuk mencari informasi penentuan stok yang dibutuhkan
dan informasi persediaan barang yang akan diorder. Aplikasi ini membantu
karyawan pada saat pencarian data-data barang yang sudah mengurang dalam
persediaan di perusahaan untuk diorder dengan database MySQL. Manfaat dari
aplikasi persediaan barang ini adalah untuk meningkatkan produktivitas pada
persediaan stok barang produksi, pada proses pembangunan bandara international
kediri, Jawa Timur. agar hasil target dapat berjalan dengan lancar tanpa ada
hambatan kurangnya stok barang. Dengan adanya permasalahan diatas, maka
penulis tertarik untuk memilih judul <PERANCANGAN SISTEM INFORMASI
PERSEDIAAN BARANG BERBASIS WEB MENGGUNAKAN METODE
AGILE SOFTWARE PADA PT. PUTRA DAERAH SAKTI MANDIRI=.
1.2 Identifikasi Masalah
Berdasarkan latar belakang di atas, identifikasi masalah sebagai berikut:

a. Proses pencatatan laporan barang masuk dan barang keluar masih
menggunakan media kertas, microsoft excel dan cara ini masih bersifat
manual.
b. Belum adanya aplikasi yang dapat membantu mengelola informasi barang
masuk dan barang keluar.
1.3 Rumusan Masalah

Berdasarkan latar belakang masalah yang telah dijelaskan maka penulis
merumuskan permasalahan sebagai berikut:
a. Bagaimana merancang sistem informasi persediaan barang pada PT.
PUTRA DAERAH SAKTI MANDIRI?

lOMoARcPSD|31786216
b. Bagaimana mengaplikasikan rancangan sistem tersebut untuk

mempermudah sistem kerja persediaan barang terkait pembangunan
bandara international kediri, jawa timur?
1.4 Batasan Masalah

Dengan mengidentifikasi masalah diatas, agar lebih terarah dan dapat dipahami
dengan mudah, maka perlu dilakukan batasan masalah sebagai berikut:
a. Penelitian dilakukan pada PT. PUTRA DAERAH SAKTI MANDIRI.
b. Bahasa pemograman yang digunakan dalam perancangan aplikasi ini

adalah Bahasa pemograman PHP dan MySQL
c. Cakupan website ini hanya sebuah aplikasi untuk membantu persediaan

barang pada PT. PUTRA DAERAH DHOHO MANUNGGAL terkait
pembangunan bandara international kediri, jawa timur.
1.5 Tujuan Penelitian

Tujuan yang hendak dicapai dalam perancangan sistem ini adalah sebagai
berikut:
a. Untuk mengetahui sistem pengelolaan data barang masuk, barang keluar.
b. Agar mudah untuk mengetahui jumlah persediaan barang,

sehingga menghindari terjadinya stok minus.
c. Dengan perancangan sistem informasi ini dapat menghasilkan laporan-

laporan yang lebih cepat, akurat dan efisien setiap bulan nya.

lOMoARcPSD|31786216
1.6 Manfaat Penelitian

Setelah berhasil dilakukannya penelitian, diharapkan penelitian ini dapat
bermanfaat bagi semua pihak, adapun dalam penelitian ini yaitu:
a. Meningkatkan kemampuan penulis dalam proses perancangan dan
pembuatan aplikasi persediaan barang.
b. Menambah pengalaman, pengetahuan serta wawasan penulis dalam

melakukan penelitian.
c. Pengelolaan data barang masuk, barang keluar dan stok barang PT.
PUTRA DAERAH SAKTI MANDIRI.
1.7 Metodologi Penelitian

Penelitian yang dilakukan bersifat deskriptif yaitu penelitian yang dilakukan
untuk memecahkan suatu masalah yang ada berdasarkan pada data-data yang
dikumpulkan, analisa yang dilakukan, serta menginterpretasi sehingga langkah-
langkah yang dilakukan secara terperinci tersebut diantaranya :
a. Metode Observasi
Observasi merupakan kegiatan yang dilakukan dengan cara mengamati
secara langsung berbagai aktifitas dan kegiatan yang dilakukan terhadap
objek penelitian yang dilakukan pada PT. PUTRA DAERAH SAKTI
MANDIRI.
b. Metode Wawancara
Metode pengumpulan data dengan mengadakan tanya jawab secara
sistematis dan berlandasan pada tujuan pembahasan, wawancara yang
dilakukan langsung pada alm. Priyanto selaku direktur teknik produksi PT.
PUTRA DAERAH SAKTI MANDIRI untuk memperoleh penjelasan sistem
yang sedang berjalan di perusahaan .
c. Studi Kepustakaan
Metode pengumpulan data dengan mengumpulkan dan mempelajari buku-
buku referensi dan sumber-sumber yang berkaitan dengan topik penelitian.

lOMoARcPSD|31786216
1.8 Metode Pengembangan

Metode yang digunakan untuk membangun sistem ini adalah Agile Software
Deveplopment, Agile adalah sebuah metode manajemen proyek yang
menggunakan siklus pengembangan yang singkat, atau bisa disebut juga
<sprint= untuk focus pada peningkatan berkelanjutan dalam pengembangan
suatu produk atau atau layanan.
1.9 Sistematika Penulisan

Dalam penulisan laporan tugas akhir, secara sistematis diatur dan disusun dalam
lima bab, yang masing-masing terdiri dari sub bab, sub-sub bab dan sub-sub-
sub bab. Adapun sistematika penulisan adalah sebagai berikut:
BAB I PENDAHULUAN
Pada bab ini diuraikan secara umum tentang kegiatan penelitian dilokasi dan
sasaran yang ingin dicapai dalam penelitian ini, identifikasi masalah,
rumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian,
metodologi penelitian, metode pengembangan dan sistematika penulisan.
BAB II LANDASAN TEORI DAN TINJAUAN PUSTAKA

Bab ini berisi uraian tentang kerangka pemikiran, tinjauan pustaka dan teori-
teori dari berbagai sumber yang akan digunakan sebagai referensi untuk
menyelesaikan masalah dan mendukung perancangan sistem informasi
persediaan barang berbasis web pada PT. PUTRA DAERAH SAKTI
MANDIRI.
BAB III ANALISA DAN PERANCANGAN

Bab ini menjelaskan tentang objek penelitian yaitu pada PT. PUTRA
DAERA SAKTI MANDIRI – Jawa Timur, deskripsi pekerjaan serta
metodologi penelitian, analisis sistem yang sedang berjalan dan sistem yang
diusulkan dengan menggunakan metode <Agile Software Development=.

5
lOMoARcPSD|31786216
BAB IV IMPLEMENTASI DAN PENGUJIAN

Bab berisi penjelasan mengenai tahapan-tahapan perancangan sistem
informasi persediaan barang berbasis web pada PT. PUTRA DAERAH
SAKTI MANDIRI.
BAB V PENUTUP
Bab terakhir akan memuat kesimpulan isi dari keseluruhan uraian bab-bab
sebelumnya saran-saran dari hasil yang diperoleh dan diharapkan dapat
bermanfaat dalam pengembangan selanjutnya.
DAFTAR PUSTAKA
Halaman ini berisi kesimpulan pustaka-pustaka yang digunakan untuk
mendukung landasan teori yang dipakai penulis untuk menyusun laporan
penelitian skripsi.

lOMoARcPSD|31786216
BAB II
LANDASAN TEORI DAN TINJAUAN PUSTAKA
2.1 Tinjuan Pustaka

Dalam penulisan skripsi ini, peneliti menggali informasi dari penelitian
sebelumnya sebagai bahan perbandingan, baik mengenai kekurangan atau
kelebihan yang sudah ada. Dengan dibangunnya sistem informasi persediaan
barang berbasis online ini diharapkan dapat membantu perusahaan dalam
meningkatkan produktivitas kinerja. Dengan dibangunnya sistem informasi ini
maka semua pengolahan data dilakukan secara komputerisasi yang dilakukan
oleh sistem untuk memperkecil kesalahan dan lebih efisien. Pemesanan barang
pada sistem ini menghemat waktu dan biaya dibandingkan dengan pemesanan
secara langsung datang ke lokasi dan konsumen dapat melihat barang yang
dapat dilihat langsung dihalaman website ini. Sehingga dapat menghasilkan
produktivitas kinerja yang efisien terkait pembangunan bandara international
dhoho kediri – jawa timur.
2.1.1 Agile Software Development
Agile adalah sebuah metode manajemen proyek yang menggunakan siklus

pengembangan yang singkat, atau bisa disebut juga <sprint= untuk focus
pada peningkatan berkelanjutan dalam pengembangan suatu produk atau
atau layanan.

lOMoARcPSD|31786216
Gambar 2. 1 Skema Extreme Programming
Terdapat empat tahapan yang harus dikerjakan pada metode agile dengan
model extreme programming (xp) yaitu:
A. Planning (Perencanaan)
Tahapan ini dimulai dengan mendengarkan kumpulan kebutuhan
aktifitas suatu sistem yang memungkinkan pengguna memahami
proses bisnis untuk sistem dan mendapatkan gambaran yang jelas
mengenai fitur utama, fungsionalitas dan keluaran yang diinginkan.
Dalam pembangunan aplikasi web seleksi peserta pelatihan kerja pada
tahapan ini dimulai dari mengidentifikasi permasalahan yang timbul
pada sistem yang sedang berjalan, kemudian dilakukan analisa
kebutuhan pengguna terhadap sistem yang akan dibangun
B. Design (Perancangan)
Pada tahapan perancangan dilakukan pembuatan pemodelan
sistem berdasarkan hasil analisa kebutuhan yang didapatkan. Selain
itu dibuatkan juga pemodelan basis data untuk menggambarkan
hubungan antar data. Pemodelan sistem yang digunakan yaitu Unified
Modelling Language (UML) yang terdiri dari beberapa diagram antara
lain Use-Case Diagram, Activity Diagram, Component Diagram dan
Deployment Diagram. Sedangkan untuk

lOMoARcPSD|31786216
pemodelan basis data menggunakan Entity Relationship Diagram

(ERD).
C. Coding (Pengkodean)
Tahapan ini merupakan implementasi dari perancangan model
sistem yang telah dibuat kedalam kode program yang menghasilkan
prototipe dari perangkat lunak. Dalam pembangunan aplikasi web
seleksi peserta pelatihan kerja menggunakan bahasa pemrograman
PHP yang dikombinasikan dengan HTML, CSS dan Javascript. Untuk
implementasi basis data, Database Management System yang
digunakan adalah MySQL.
D. Testing (Pengujian)
Tahapan ini merupakan tahapan pengujian terhadap aplikasi yang
sudah dibangun, pada tahapan ini ditentukan oleh pengguna sistem
dan berfokus pada fitur dan fungsionalitas dari keseluruhan sistem
kemudian ditinjau oleh pengguna sistem. Metode yang digunakan
dalam melakukan pengujian terhadap aplikasi web seleksi peserta
pelatihan kerja adalah Black-Box Testing dengan melakukan
pengujian terhadap masukkan dan keluaran yang dihasilkan sistem.
2.2 Teori Umum

Penelitian akan membahas teori-teori tentang perancangan sistem yang akan
dibuat, Sistem Informasi, persediaan, Bahasa Pemrograman, UML (Unified
Modeling Language), Basis Data, dan aplikasi pendukung.
2.2.1 Pengertian Sistem Informasi

Sistem informasi adalah kombinasi dari teknologi informasi dan
aktivitas orang yang menggunakan teknologi itu untuk mendukung operasi
dan manajemen. Terdapat beberapa teori yang mendefinisikan sistem
informasi yang dikemukakan oleh beberapa para ahli, diantaranya adalah
:

lOMoARcPSD|31786216
10
a. Sistem adalah sekelompok elemen yang terintegrasi dengan maksud

yang sama untuk mencapai suatu tujuan. Dari pengertian tersebut
dapat dikatakan bahwa tidak semua sistem memiliki elemen yang
sama, tetapi susunan dasar dari setiap sistem hampir sama. Setiap
sistem memiliki masukan / input yang melalui sebuah transformasi /
proses akan mengubah masukan tersebut menjadi keluaran / output
yang dibutuhkan oleh pengguna sistem. Setiap masukan dan keluaran
/ output selalu ada mekanisme pengendaliannya dengan tujuan agar
masukan yang akan diproses sesuai dengan standar yang ada sehingga
keluaran / output yang dihasilkan dapat sesuai dengan yang
dibutuhkan oleh pihak yang berinteraksi dengan sistem Perancangan
Sistem adalah sebuah proses yang menentukan bagaimana suatu
sistem akan menyelesaikan apa yang mesti akan diselesaikan
(Darmawan & Fauzi, 2013).
b. Informasi adalah fakta dan angka yang relatif tidak berarti bagi
pemakai. Dari kumpulan data yang ada kemudian diolah atau diproses
dengan cara / metode / rumus tertentu akan menghasilkan informasi
yang berarti bagi pemakai. Dari pengertian tersebut dapat disimpulkan
bahwa informasi adalah data yang telah diproses dengan suatu cara /
metode / rumus tertentu sehingga menghasilkan arti.

lOMoARcPSD|31786216
11
2.2.2 Pengertian Persediaan

Persediaan dalam perusahaan pengertian atau prosesnya tergantung dari
jenis perusahaan tersebut. Jika perusahaan termasuk dalam kelompok
perusahaan manufaktur berarti persediaan yang akan dikelola meliputi
persediaan produk jadi, persediaan produk dalam proses, persediaan bahan
baku, persediaan bahan penolong dan lainnya. Sedangkan jika perusahaan
termasuk dalam kelompok perusahaan dagang, maka persediaan yang
dikelola hanya satu macam saja yaitu persediaan barang dagangan yang
merupakan barang yang dibeli dan kemudian dijual kembali. Dari pengertian
tersebut, maka dapat disimpulkan bahwa pengelolaan persediaan tergantung
dari jenis perusahaan, merupakan organisasi / perusahaan yang tidak
menggunakan persediaan untuk dijual kembali ataupun diolah dan kemudian
dijual kembali. Sehingga pengelolaan persediaan yang dimiliki dapat
dikatakan hanya sebatas membeli dan kemudian digunakan untuk kegiatan
sehari-hari. Maka dapat diambil kesimpulan sementara bahwa pengelolaan
persediaan / pencatatan persediaan dilakukan saat pembelian dan
pengeluaran barang saja.

lOMoARcPSD|31786216
12
2.3 Teori Khusus

2.3.1 Bahasa Pemrograman
Dalam pembuatan website dinamis yang dapat dikembangkan baik
secara individual atau tim pengembang, dibutuhkan Bahasa pemrograman
sebagai berikut:
1. Hypertext Makeup Language (HTML)
HTML adalah untuk menghubungkan satu halaman web dengan
halaman web lainya. Pada dasarnya HTML disusun dengan bahasa
yang sederhana, sehingga sangat mudah diimplementasikan.
HTML merupakan Bahasa dasar web yang berfungsi untuk

menampilkan berbagai komponen web. Sementara itu, untuk
mempercantik tampilan web, dikembangkanlah CSS atau Cascading
Style Sheet.
2. Hypertext Prepocessor (PHP)
Bahasa pemrograman PHP merupakan bahasa pemrograman
untuk membuat website yang bersifat server-side scripting. PHP
bersifat dinamis. PHP dapat dijalankan pada berbagai macam sistem
operasi seperti Windows, Linux, dan Mac Os. Selain Apache, PHP
juga mendukung beberapa web server lain, seperti Microsoft ISS,
Caudium, dan PWS. PHP dapat memenfaatkan database untuk
menghasilkan halaman web yang dinamis. Sistem manajemen
database yang sering digunakan bersama PHP adalah MYSQL.
Namun, PHP juga mendukung sistem manajemen Database Oracle,
Microsoft Access, Interbase, d-Base, dan PostgreSQL.

lOMoARcPSD|31786216
13
2.3.2 Rancangan Basis Data

Basis data merupakan suatu kumpulan data terhubung yang disimpan
secara Bersama-sama pada suatu media, yang diorganisasikan
berdasarkan sebuah skema atau struktur tertentu, dan dengan software
untuk melakukan manipulasi untuk kegunaan tertentu. Basis data bisa
diartikan juga sebagai sekumpulan data yang disusun dalam bentuk
beberapa table yang saling memiliki relasi maupun berdiri sendiri.
2.3.2.1 Entity Relationship Diagram (ERD)
Sukamto dan Salahudin (2014:50), <Entity Relationship

Diagram (ERD) dikembangkan berdasarkan teori himpunan dalam
bidang matematika. Entity Relationship Diagram (ERD)
digunakan untuk pemodelan basis data relational. Sehingga jika
penyimpanan basis data menggunakan OODBMS maka
perancangan basis data tidak perlu menggunakan ERD
2.3.2.2 Flow Chart Diagram
EWolf Community (2011:16), <Flowchart adalah simbol-

simbol pekerjaan yang menunjukkan bagan aliran proses yang
saling terhubung, setiap simbol flowchart melambangkan
pekerjaan dan instruksinya.=

lOMoARcPSD|31786216
14
2.3.3 UML (Unified Modeling Language)
<Unifed Modeling language (UML) merupakan kumpulan diagram-diagram

yang sudah memiliki standar untuk membangun perangkat lunak berbasis
objek=. UML memiliki banyak diagram diantaranya :
A. Use case Diagram
Bersifat statis, diagram ini memperlihatkan himpunan use case dan
aktor-aktor (suatu jenis khusus dari class). Diagram ini terutama
sangat penting untuk mengorganisasi dan memodelkan perilaku dari
suatu sistem yang dibutuhkan.
Tabel 2. 1 Simbol Use Case Diagram
No Simbol Nama Ket
Menspesifikasikan
himpunan peran yang
pengguna mainkan
1. Actor
ketika berinteraksi
dengan use case
diagram
Hubungan dimana
perubahan yang terjadi
pada suatu elemen
mandiri (independent)
2. Dependency akan mempengaruhi

elemen yang
bergantung padanya
elemen yang tidak
mandiri

lOMoARcPSD|31786216
15
Hubungan dimana
objek anak (dependent)
berbagi perilaku dan
3. Generalization struktur data dari objeck

yang ada diatasnya
objek induk (ancestor)
Menspesifikasikan
4. Include bahwa use case sumber

secara eksplisit.
Menspesifikasikan
bahwa use case target
memperluas perilaku
5. Extend
dari use case sumber
pada suatu titik yang
diberikan
Apa yang
menghubungkan antara
6. Association
objek satu dengan objek
lainnya
Menspesifikasikan
paket yang
7. System
menampilkan sistem
secara terbatas
Deskripsi dari urutan

aksi- aksi
8. Use Case yang metapilkan oleh
sistem yang
menghasilkan suatu

lOMoARcPSD|31786216
16
hasil yang terukur bagi

suatu aktor
Interaksi aturan-aturan
dan elemen lain yang
bekerja sama untuk
9. Collaboration menyediakan prilaku

yang lebih besar dari
jumlah dan elemen-
elemennya (sinergi)
Elemen fisik yang eksis

saat aplikasi dijalankan
10. Note dan mencerminkan

suatu sumber daya
komputer
B. Class Diagram
Bersifat statis, diagram ini memperlihatkan himpunan kelas- kelas,
antarmuka, kolaborasi-kolaborasi, serta relasi-relasi. Diagram ini
umum dijumpai pada pemodelan sistem berorientasi objek. Class
diagram berfungsi untuk menjelaskan tipe dari objek sistem dan
hubungannya dengan objek lain. Adapun komponen class diagram
adalah:
Tabel 2. 2 Simbol Class Diagram
No Gambar Nama Ket
Hubungan dimana objek

1. Generalization anak (descendent) bernagi

lOMoARcPSD|31786216
17
perilaku dan struktur

data dari objek yang
sudah ada diatasnya
objek induk (ancestor).
Himpunan dari objek-

objek yang berbagi
2. Class
atribut serta operasi
yang sama.
Deskripsi dari urutan

aksi-aksi yang
metampilkan sistem
3. Collaboration
yang menghasilkan
suatu hasil yang terukur
bagi suatu aktor.
Operasi yang benar-

4. Realization benar dilakukan oleh
suatu objek.
Hubungan dimana
perubahan yang terjadi
pada suatu element
mandiri (independent)
5. Dependency akan mempengaruhi
elemen yang
bergantung padanya
elemen yang tidak
mandiri.

lOMoARcPSD|31786216
18
Apa yang
menghubungkan antara
6. Association
objek suatu dengan
objek yang lain.
C. Sequence Diagram
Bersifat dinamis, diagram urutan adalah intraksi yang menentukan
pada pengiriman pesan (message) dalam suatu waktu tertentu. Secara
mudahnya sequence diagram adalah gambaran tahap demi tahap yang
seharusnya dilakukan untuk menghasilkan sesuatu sesuai dengan use
case diagram.
Berikut ini komponen yang terdapat dalam sequence diagram yaitu:
Tabel 2. 3 Simbol Sequence Diagram
No Gambar Nama Ket
Objek entity, antar
1. LifeLine muka yang

berinteraksi.
Digunakan untuk
2. Actor menggambarkan user/

pengguna
Digunakan untuk
3. Boundary menggambarkan
sebuah form
Digunakan untuk
4. Control Class menghubungkan

boundary dengan tabel

lOMoARcPSD|31786216
19
Digunakan untuk
menggambarkan
5. Entry Class hubungan kegiatan
yang akan dilakukan.
Spesifikasi dari
komunikasi antar objek
yang dibuat memuat
6. Message Message
informasi-informasi
tentang aktifitas yang
terjadi
D. Activity Diagram
Bersifat dinamis, diagram aktifitas ini adalah tipe khusus dari
diagram state yang memperlihatkan aliran dari suatu aktifitas ke
aktifitas lainnya dalam suatu sistem. Diagram ini terutama penting
dalam pemodelan fungsi-fungsi.
Tabel 2. 4 Simbol Activity Diagram
No Simbol Notasi Ket
1. Initial Node bagaimana
Initial Node object dibentuk ata

diawali
2. Activity Final Node

Activity Final bagaimana object
Node
dibentuk ata diakhiri
Memperlihatkan
3. bagaimana masing-
Activity Desc
masing kelas antar
muka saling berinteraksi
satu sama

lOMoARcPSD|31786216
21
lain
Decisions
4. menggambarkan suatu
Decisions keputusan/tindakan
yang harus diambil
pada kondisi tertentu.
Action adalah State

5. dari sistem yang
Action mencerminkan
eksekusi dari suatu
aksi.
Line Connector
6. digunakan untuk
Line Connector menghubungkan satu

symbol dengan symbol
lainnya.
Digunakan untuk
menunjukkan kegiatan
7. Fork
yang dilakukan secara
parallel
Digunakan untuk
8. Join menunjukkan kegiatan

yang digabungkan

lOMoARcPSD|31786216
21
2.3.5 XAMPP
Menurut Yudhanto dan Agus Purbaya (2014:11) <XAMPP merupakan
program paket PHP dan MySQL berbasis opensource yang saat ini
merupakan andalan para programmer PHP dalam melakukan programming
dan melakukan testing hasil programnya=. Sedangkan menurut Sadeli
(2013:4) <Xampp adalah program yang berisi paket Apache , MySQL, dan
phpMyAdmin=.
1. Apache Menurut Sadeli (2013:2) <Apache (Server HTTP Apache
atau ServerWeb/WWW Apache ) adalah webserver yang dapat
dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft
Windows dan Novell Netware serta platform lainnya) yang berguna
untuk melayani dan memfungsikan situs web=.
2. MySQL Menurut Sibero (2013:97) <MySQL atau dibaca <My

Sekuel= dengan suatu RDBMS (Relational Database Management
System) merupakan aplikasi sistem yang menjalankan fungsi
pengolahan data. MySQL sendiri pertama dikembangkan oleh
MySQL AB yang kemudian diakuisisi oleh Sun Microsystem dan
terakhir dikelola oleh Oracle Coorporation.
3. PhpMyAdmin Menurut Rahman (2013:21) <PHPMyadmin adalah

sebuah software berbasis pemrograman PHP yang dipergunakan
sebagai administrator MySQL melalui browser (web) yang
digunakan untuk managementdatabase=.

lOMoARcPSD|31786216
22
2.3.6 Framework Codeigniter
Codeigniter merupakan framework pengembangan program aplikasi

dengan menggunakan bahasa pemrograman PHP. Framework CI
merupakan suatu kerangka untuk bekerja atau membuat program dengan
menggunakan PHP yang lebih sistematis. Pemrogram tidak perlu
membuat program dari awal karena CI menyediakan sekumpulan library
yang banyak yang Supriyono, Endah Muslimah Perancangan Sistem
Informasi Manajemen Kas Berbasis Web Studi Kasus: RS dr. Etty Asharto
Batu MATICS : Jurnal Ilmu Komputer dan Teknologi Informasi ISSN :
1978-161X(p); 2477-2550(e) Volume 10, No. 1(2018), pp 21-25 DOI :
10.18860/mat.v10i1.4302 Received : January25th 2018; Accepted :
March 1th 2018 ; Avalaible Online : March 5th 2018 MATICS Volume.
10, No. 1, March 2018 22 diperlukan untuk menyelesaikan pekerjaan yang
umum, dengan menggunakan antarmuka dan struktur logika yang
sederhana untuk mengakses librarinya. Pemrogram dapat memfokuskan
diri pada kode yang harus dibuat untuk menyelesaikan suatu pekerjaan. CI
merupakan framework yang memiliki lisensi bebas untuk digunakan,
karena menggunakan lisesnsi open-source Apache atau BSD. CI
dikembangkan pertama kali oleh Rick Ellis. Framewrok CI merupaka
framework yang memiliki dokumentasi yang jelas dan lengkap, yang
memudahkan pengembang untuk mempelajari dengan mudah. Pendekatan
dari CI sangatlah mudah, dari membuat sekadar tulisan sampi dengan
kompleks dapat didekati dengan mudah

lOMoARcPSD|31786216
23
2.4 Aplikasi Pendukung
2.4.1 Visual Studio Code
Visual Studio Code adalah editor source code yang dikembangkan

oleh Microsoft untuk Windows, Linux dan MacOS. Ini termasuk
dukungan untuk debugging, GIT Control yang disematkan, penyorotan
sintaks, penyelesaian kode cerdas, cuplikan, dan kode refactoring. Hal ini
juga dapat disesuaikan, sehingga pengguna dapat mengubah tema editor,
shortcut keyboard, dan preferensi. Visual Studio Code gratis dan open -
source, meskipun unduhan resmi berada di bawah lisensi proprietary.
Kode Visual Studio didasarkan pada Elektron, kerangka kerja yang
digunakan untuk menyebarkan aplikasi Node.js untuk desktop yang
berjalan pada Blinklayout. Meskipun menggunakan kerangka Elektron,
Visual Studio Code tidak menggunakan atom dan menggunakan
komponen editor yang sama (diberi kode nama "Monaco") yang
digunakan dalam Visual Studio Team Services yang sebelumnya disebut
Visual Studio Online (Lardinois, 2015).
2.4.2 Microsoft Edge
Microsoft Edge merupakan pramban yang dikembangkan oleh

system operasi windows dan dirilis pada tanggal 29 Juli 2015. Pramban
ini merupakan pengganti dari Internet Explorer pada Windows 10 dan
dikembangkan di bawah nama kode Project Spartan. Pramban ini
juga dirancang untuk menjadi lebih ringan .

lOMoARcPSD|31786216
24
2.4.3 Visual Paradigm

Visual Paradigm adalah sebuah software model dengan system
visualisasi memungkinkan model yang telah dibuat dapat digunakan
sebagai representasi proyek-proyek lain dilengkapi dengan beberapa fitur
yang ada didalmnya sampai pada menganalisa sebuah proyek yang akan
dikerjakan. Diagram dapat disusun sedemikian rupa sehingga dapat
dipustakakan menjadi proyek per proyek yang saling berkaitan. Hal ini
dapat juga membantu memisahkan terhadap pekerjaan proyek sampai
level terkecil. Visual Paradigm dapat membandingkan perubahan antara
diagram yang satu dengan yang lain yang saling berkaitan dan dapat
digunakan untuk melacak perbedaan antara diagram-digran yang ada.
Dengan dukungan design layaknya Freehand dapat menambahkan ke
diagram untuk penjelasan lebih detail apa yang menjadi tujuan. Fasilitas
lain dapat menggunakan mouse pen atau pena untuk sketching bentuk
jalan, kita juga dapat menambahkan bentuk solid seperti bintang, dan
panah rectangles.
2.4.4 Black Box Testing

Black-Box Testing merupakan Teknik pengujian perangkat lunak
yang berfokus pada spesifikasi fungsional dari perangkat lunak [4],[5].
Blackbox Testing bekerja dengan mengabaikan struktur kontrol sehingga
perhatiannya difokuskan pada informasi domain [5]. Blackbox Testing
memungkinkan pengembang software untuk membuat himpunan kondisi
input yang akan melatih seluruh syaratsyarat fungsional suatu program
[6],[5]. Keuntungan penggunaan metode Blackbox Tetsting adalah [7]: (1)
Penguji tidak perlu memiliki pengetahuan tentang bahasa pemrograman
tertentu; (2) Pengujian dilakukan dari sudut pandang pengguna, ini
membantu untuk mengungkapkan ambiguitas atau inkonsistensi dalam
spesifikasi persyaratan; (3) Programmer dan tester keduanya saling
bergantung satu sama lain. Kekurangan dari metode Blackbox Testing
adalah [7]: (1) Uji kasus sulit disain tanpa spesifikasi yang jelas; (2)
Kemungkinan memiliki pengulangan tes yang sudah dilakukan oleh
programmer; (3) Beberapa bagian back end tidak diuji sama sekali.

lOMoARcPSD|31786216
25
BAB III
ANALISA DAN PERANCANGAN
3.1 Analisa Sistem

Analisa sistem adalah panguraian dari suatu sistem informasi yang utuh
kedalam bagian-bagian komponennya dengan maksud untuk
mengidentifikasikan dan mengevaluasi permasalahan-permasalahan,
kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-
kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan [3].
3.1.1 Analisa Sistem Saat Ini

Analisa sistem persediaan barang pada PT. PUTRA DAERA SAKTI
MANDIRI ini masih bersifat manual yaitu masih menggunakan
pencatatan berbentuk miscrosoft excel. Oleh karena itu PT. PUTRA
DAERAH SAKTI MANDIRI memerlukan suatu sarana penunjang dalam
pencatatan persediaan barang masuk dan barang keluar, serta perhitungan
sisa stok dan harga yang dapat mempermudah pencatatan persediaan
barang.

lOMoARcPSD|31786216
26
Berikut adalah Use Case Diagram Persediaan Barang
Use case diagram digunakan untuk menjelaskan apa yang akan

dilakukan oleh sistem serta aktor-aktor yang akan berhubungan dengan
proses-proses yang ada pada sistem.
Gambar 3. 1 Use Case Diagram Persediaan Barang

lOMoARcPSD|31786216
27
Berikut adalah Activity Diagram yang sedang berjalan saat ini, pada
gambar dibawah ini menerangkan tentang langkah-langkah
pengguna/requester, staff admin, dan staff gudang..
Gambar 3. 2 Activity Diagram Berjalan

lOMoARcPSD|31786216
28
3.2 Design
3.2.1 Perancangan UML (Unified Modeling Language)
A. Activity Diagram
Activity diagram menggambarkan aliran fungsionalitas dalam

suatu sistem informasi. Secara lengkap, activity diagram
mendefinisikan dimana workflow dimulai, dimana berhentinya,
aktifitas apa yang terjadi selama workflow, dan bagaimana urutan
kejadian aktifitas tersebut. Activity diagram juga menyediakan
pendekatan untuk proses pemodelan paralel. Bagi mereka yang akrab
dengan analisis dan desain struktur tradisional, diagram ini
menggabungkan ide-ide yang mendasari diagram alir data dan
diagram alur sistem.
1. Activity Diagram Admin Login
Pada activity diagram ini menjelaskan proses login dimulai
oleh admin mengisi form login yang berisi inputan data seperti
username dan password. Kemudian data username dan password
diterima oleh sistem dan mengirimnya ke database untuk
dilakukan autentikasi dan dikirim lagi kepada sistem dan sistem
memverifikasi jika data nya tidak valid maka admin tidak dapat
masuk kedalam halaman utama dan diarahkan Kembali ke form
login, dan jika data nya valid maka admin diarahkan ke halaman
utama/dashboard.
Gambar 3. 3 Activity Diagram Login Admin

lOMoARcPSD|31786216
29
2. Activity Diagram Staff Admin Edit Data

Pada activity diagram ini menjelaskan proses edit data, dimulai
oleh staff admin memilih data yang akan diedit lalu mengisi form
edit data dan mengirim data form ke sistem. Sistem akan menerima
request data, dan database akan mengupdate data.
Gambar 3. 4 Activity Diagram Staff Admin Edit Data

lOMoARcPSD|31786216
30
3. Activity Diagram Staff Admin Hapus Data

Admin pilih menu kelola data, dan sistem akan menerima
request, lalu database mengambil data dan mengirim ke sistem
lalu staff admin tekan tombol hapus, sistem akan menerima id data
dan data akan terhapus pada database.
Gambar 3. 5 Activity Diagram Staff Admin Hapus Data
4. Activity Diagram Konfirmasi Pengguna

Admin terlebih dahulu pilih pengguna yang akan dikonfirmasi,
selanjutnya staff admin tekan tombol konfirmasi dan datanya akan
dikirm ke sistem dan database akan menerima konfirmasi tersebut.
Gambar 3. 6 Activity Diagram Admin Konfirmasi Pengguna

lOMoARcPSD|31786216
31
5. Activity Diagram Admin Cetak Invoice Permintaan Barang

Admin pilih menu invoice, lalu admin tekan tombol cetak
invoice dan akan diarahkan ke pdf.
Gambar 3. 7 Activity Diagram Admin Cetak Invoice Permintaan
6. Activity Diagram Requester Tambah Permintaan Barang

Requester mengisi form tambah permintaan barang kemudian
requester mengirim data ke sistem, setelah itu sistem menerima
dan melakukan mengecekan ketersediaan permintaan barang pada
database, jika tersedia maka selesai dan jika tidak tersedia maka
Requester diarahkan untuk mengisi form permintaan barang
kembali.

lOMoARcPSD|31786216
32
Gambar 3. 8 Activity Diagram Requester Tambah Permintaan Barang
7. Activity Diagram Requester Tambah Retur Barang

Requester mengisi form tambah retur barang kemudian
requester mengirim data ke sistem, setelah itu sistem menerima
dan melakukan mengecekan ketersediaan retur barang pada
Requester diarahkan untuk mengisi form retur barang kembali.
Gambar 3. 9 Activity Diagram Requester Tambah Retur Barang

lOMoARcPSD|31786216
33
8. Activity Diagram Staff Gudang Daftar Account Login
Staff gudang mengisi form tambah pendaftaran account login
kemudian staff gudang mengirim data ke sistem, setelah itu sistem
menerima dan melakukan mengecekan ketersediaan pendaftaran
login pada database, jika tersedia maka selesai dan jika tidak
tersedia maka staff gudang diarahkan untuk mengisi form
pendaftaran login kembali.
Gambar 3. 10 Activity Diagram Staff Gudang Daftar Account
9. Activity Diagram Staff Gudang Login

oleh staff gudang mengisi form login yang berisi inputan data
seperti username dan password. Kemudian data username dan
password diterima oleh sistem dan mengirimnya ke database
untuk dilakukan autentikasi dan dikirim lagi kepada sistem dan
sistem memverifikasi jika data nya tidak valid maka staff gudang
tidak dapat masuk kedalam halaman utama dan diarahkan kembali
ke form login, dan jika data nya valid maka staff gudang diarahkan
ke dashboard.

lOMoARcPSD|31786216
34
Gambar 3. 11 Activity Diagram Staff Gudang Login
10. Activity Diagram Staff Gudang Tambah Barang

Staff Gudang mengisi form tambah barang kemudian Staff
Gudang mengirim data ke sistem, setelah itu sistem menerima dan
melakukan mengecekan ketersediaan barang pada database, jika
tersedia maka selesai dan jika tidak tersedia maka Staff Gudang
diarahkan untuk mengisi form barang kembali.
Gambar 3. 12 Activity Diagram Staff Gudang Tambah Barang

lOMoARcPSD|31786216
35
11. Activity Diagram Staff Gudang Tambah Barang Masuk

Staff Gudang mengisi form tambah barang masuk kemudian
Staff Gudang mengirim data ke sistem, setelah itu sistem menerima
dan melakukan mengecekan ketersediaan barang masuk pada
Staff Gudang diarahkan untuk mengisi form barang masuk
kembali.
Gambar 3. 13 Activity Diagram Staff Gudang Tambah Barang Masuk
12. Activity Diagram Staff Gudang Tambah Barang Keluar

Staff Gudang mengisi form tambah barang keluar kemudian
dan melakukan mengecekan ketersediaan barang keluar pada
Staff Gudang diarahkan untuk mengisi form barang keluar kembali.

lOMoARcPSD|31786216
36
Gambar 3. 14 Activity Diagram Staff Gudang Tambah Barang Keluar
13. Activity Diagram Staff Gudang Tambah Retur Barang

Staff Gudang mengisi form tambah retur barang kemudian
dan melakukan mengecekan ketersediaan retur barang pada
Staff Gudang diarahkan untuk mengisi form retur barang kembali.
Gambar 3. 15 Activity Diagram Staff Gudang Tambah Retur Barang

lOMoARcPSD|31786216
37
14. Activity Diagram Staff Gudang Cetak Bukti

Admin pilih menu invoice, lalu admin tekan tombol cetak
invoice dan akan diarahkan ke pdf.
Gambar 3. 16 Activity Diagram Staff Gudang Cetak Bukti
15. Activity Diagram Pimpinan Login

oleh pimpinan mengisi form login yang berisi inputan data seperti
username dan password. Kemudian data username dan password
diterima oleh sistem dan mengirimnya ke database untuk
dilakukan autentikasi dan dikirim lagi kepada sistem dan sistem
memverifikasi jika data nya tidak valid maka pimpinan tidak dapat
masuk kedalam halaman utama dan diarahkan kembali ke form
login, dan jika data nya valid maka pimpinan diarahkan ke
dashboard.

lOMoARcPSD|31786216
38
Gambar 3. 17 Activity Diagram Pimpinan Login
16. Activity Diagram Pimpinan View Stock Barang
Pimpinan pilih menu Kelola rekap barang, kemudian sistem

akan menerima request menu dan database mengambil data rekap
barang dan dikirim ke sistem untuk menampilkan data rekap
barang yang ada pada database, dan pimpinan melihat rekap
barang.
Gambar 3. 18 Activity Diagram Pimpinan View Stock Barang

lOMoARcPSD|31786216
39
17. Activity Diagram Pimpinan View Rekap Barang Masuk

Pimpinan pilih menu Kelola rekap barang masuk, kemudian
pimpinan memilih pada kolom filter pencarian sesuai tanggal,
bulan dan tahun, sistem akan menerima request pencarian dan
database mengambil data rekap barang masuk sesuai tanggal, bulan
dan tahun yang dipilih oleh pimpinan dan dikirim ke sistem untuk
menampilkan data rekap barang masuk sesuai tanggal, bulan dan
tahun yang ada pada database, jika data nya ditemukan maka
sistem menampilkan data rekap barang masuk sesuai tanggal,
bulan dan tahun yang dipilih, dan jika data tidak ditemukan maka
akan diarahkan kembali ke kolom pencarian rekap barang masuk.
Gambar 3. 19 Activity Diagram Pimpinan View Rekap Barang Masuk

lOMoARcPSD|31786216
40
18. Activity Diagram Pimpinan View Rekap Barang Keluar

Pimpinan pilih menu Kelola rekap barang keluar, kemudian
pimpinan memilih pada kolom filter pencarian sesuai tanggal,
bulan dan tahun, sistem akan menerima request pencarian dan
database mengambil data rekap barang keluar sesuai tanggal, bulan
dan tahun yang dipilih oleh pimpinan dan dikirim ke sistem untuk
menampilkan data rekap barang keluar sesuai tanggal, bulan dan
tahun yang ada pada database, jika data nya ditemukan maka
sistem menampilkan data rekap barang keluar sesuai tanggal, bulan
dan tahun yang dipilih, dan jika data tidak ditemukan maka akan
diarahkan kembali ke kolom pencarian rekap barang keluar.
Gambar 3. 20 Activity Diagram Pimpinan View Rekap Barang Keluar

lOMoARcPSD|31786216
41
B. Sequence Diagram
Sequence diagram bisa digunakan untuk menjelaskan sebuah

serangkaian langkah-langkah yang mengirimkan pesan antar satu
lifeline ke lifeline yang lain. Pada perancangan sequence diagram ini
akan menjelaskan hal-hal yang dilakukan dalam melakukan eksekusi
antar objek dalam urutan waktu.
1. Sequence Diagram Staff Admin Login
Gambar 3. 21 Sequence Diagram Login Admin

lOMoARcPSD|31786216
42
2. Sequence Diagram Staff Admin Konfirmasi Pengguna
Gambar 3. 22 Sequence Diagram Staff Admin Confirm Pengguna
3. Sequence Diagram Staff Admin Edit Data
Gambar 3. 23 Sequence Diagram Staff Admin Edit Data

lOMoARcPSD|31786216
43
4. Sequence Diagram Staff Admin Hapus Data
Gambar 3. 24 Sequence Diagram Staff Admin Hapus Data
5. Sequence Diagram Staff Admin Cetak Invoice Permintaan
Gambar 3. 25 Sequence Diagram Staff Admin Cetak Permintaan

lOMoARcPSD|31786216
44
6. Sequence Diagram Requester Tambah Permintaan
Gambar 3. 26 Sequence Diagram Requester Tambah Permintaan
7. Sequence Diagram Requester Tambah Retur Barang
Gambar 3. 27 Sequence Diagram Requester Tambah Retur Barang

lOMoARcPSD|31786216
45
8. Sequence Diagram Staff Gudang Daftar Login
Gambar 3. 28 Sequence Diagram Staff Gudang Daftar Login
9. Sequence Diagram Staff Gudang Login
Gambar 3. 29 Sequence Diagram Staff Gudang Login

lOMoARcPSD|31786216
46
10. Sequence Diagram Staff Gudang Tambah Data
Gambar 3. 30 Sequence Diagram Staff Gudang Tambah Data
11. Sequence Diagram Staff Gudang Cetak Bukti
Gambar 3. 31 Sequence Diagram Staff Cetak Bukti

lOMoARcPSD|31786216
47
12. Sequence Diagram Pimpinan View Stock Barang
Gambar 3. 32 Sequence Diagram Pimpinan View Stock Barang
13. Sequence Diagram Pimpinan View Rekap Barang Masuk
Gambar 3. 33 Sequence Diagram Pimpinan View Rekap Barang Masuk

lOMoARcPSD|31786216
48
14. Sequence Diagram Pimpinan View Rekap Barang Keluar
Gambar 3. 34 Sequence Diagram Pimpinan View Rekap Barang Keluar

lOMoARcPSD|31786216
49
C. Class Diagram
Class Dagram memperlihatkan struktur yang ada pada sebuah

sistem, yang menampilkan kelas, atribut, operasi serta hubungan antar
kelas pada suatu sistem.
Gambar 3. 35 Class Diagram

lOMoARcPSD|31786216
50
3.2.2 Perancangan Basis Data

Pada penelitian ini perancangan basis data yang dibuat menggunakan
Entity Relationship Diagram (ERD), Transformasi ERD ke Logical
Record Structure (LRS), Relasi Tabel dan Spesifikasi Basis Data.
A. Entity Relationship Diagram (ERD)
ERD merupakan suatu model untuk menjelaskan hubungan antara

dua dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi.
Gambar 3. 36 Entity Relationship Diagram (ERD)

lOMoARcPSD|31786216
51
3.2.3 Spesifikasi Basis Data

Spesifikasi basis data merupakan desain basis data yang dianggap
telah normal. Desain basis data juga menjelaskan media penyimpanan
yang digunakan, spesifikasi basis data yang digunakan dalam sistem yang
akan dibangun adalah sebagai berikut:
1. Table User
Berikut adalah struktur tabel user, digunakan untuk

menampung data user yang sudah terdaftar login.
No Nama Type Extra Ket
1 id_user Int(11) Auto Primary

Increment Key
2 nik Varchar(30) -
3 nama Varchar(50) -
4 jk Varchar(20) -
5 jabatan Varchar(30) -
6. shift Varchar(50) -
7. username Varchar(50)
8. password Varchar(50)
9. photo Varchar(225)
10. hak_akses Int(11)
Tabel 3. 1 Table User

lOMoARcPSD|31786216
52
2. Table Permintaan
Berikut adalah struktur tabel permintaan barang, yang
digunakan untuk menampung data permintaan barang.
1 no_permintaan Char(20) - Primary

Key
2 id_barang Integer(30) -
3 konsumen Varchar(50) -
4 email Varchar(50) -
5 tujuan Varchar(50) -
6. tgl Date -
7. jumlah Integer(11)
8. status Integer(11)
Tabel 3. 2 Table Permintaan
3. Table Barang
Berikut adalah struktur tabel barang, yang digunakan untuk
menampung data barang.
1 id_barang Int(11) Auto Primary

Increment Key
2 no_brg Char(20) -
3 nama_brg Varchar(50) -
4 keterangan Varchar(50) -
5 stok Integer(11) -
6. harga Varchar(50) -
7. status_brg Varchar(30)
8. photo Varchar(225)
Tabel 3. 3 Table Barang

lOMoARcPSD|31786216
53
4. Table Barang Masuk
Berikut adalah struktur tabel barang masuk, yang digunakan

untuk menampung data barang masuk.
1 no_transaksi Char(20) - Primary

Key
2 no_brg Integer(11) -
4 jumlah Integer(11) -
5 tgl Date -
Tabel 3. 4 Table Barang Masuk
5. Table Barang Keluar
Berikut adalah struktur tabel barang keluar, yang digunakan

untuk menampung data barang keluar.
1 no_transaksi Char(20) - Primary

Key
2 no_brg Integer(11) -
4 jumlah Integer(11) -
5 tgl Date -
Tabel 3. 5 Table Barang Keluar

lOMoARcPSD|31786216
54
6. Table Pengembalian
Berikut adalah struktur tabel pengembalian/retur barang, yang
digunakan untuk menampung data pengembalian/retur barang.
1 no_pengembalian Char(20) - Primary

Key
2 tgl_pengembalian Date -
3 id_barang Integer(11) -
4 divisi Varchar(50) -
5 keterangan Varchar(50) -
6 qty Integer(11)
7 photo Varchar(225)
Tabel 3. 6 Table Pengembalian

lOMoARcPSD|31786216
55
3.3 User Interface

Perancangan antarmuka (interface) menggambarkan bagaimana
tampilan aplikasi yang akan dibangun.
A. Halaman Landing Page
Halaman front end ini bertujuan untuk dimana si requester atau
pemesan barang tidak memerlukan login untuk melakukan proses
permintaan barang, jadi dimana si requester ini hanya bisa memesan
barang, atau mengembalikan barang bisa langsung pada halaman
landing page/front end tersebut.
Gambar 3. 37 Halaman Landing Page
B. Halaman Requester Tambah Permintaan Barang

Halaman form input ini bertujuan untuk dimana si requester atau
pemesan barang mengisi data untuk permintaan barang yang nantinya
otomatis tampil dihalaman staff admin.

lOMoARcPSD|31786216
56
Gambar 3. 38 Halaman Requester Tambah Permintaan Barang
C. Halaman Requester Tambah Pengembalian Barang

Halaman form input ini bertujuan untuk dimana si requester atau
pemesan barang mengisi data untuk pengembalian barang yang nantinya
terdapat barang yang ingin ditukarkan karna kualitas barang nya kurang
bagus.
Gambar 3. 39 Halaman Requester Tambah Pengembalian Barang

lOMoARcPSD|31786216
57
D. Halaman Staff Admin Login

Halaman Iogin ini bertujuan untuk staff admin masuk kehalaman
dashboard dengan cara mengisi username dan password terlebih
dahulu.
Gambar 3. 40 Halaman Staff Admin Login
E. Halaman Staff Admin Konfirmasi Pengguna

Halaman konfimasi pengguna ini bertujuan untuk staff admin
konfirmasi pendaftaran login pengguna agar staff gudang yang baru
mendaftar account bisa masuk kehalaman dashboard staff gudang.
Gambar 3. 41 Halaman Staff Admin Konfirmasi Pengguna

lOMoARcPSD|31786216
58
F. Halaman Staff Admin Cetak Invoice Permintaan
Halaman cetak invoice ini bertujuan untuk mengetahui permintaan
yang telah di ajukan oleh requester dan nantinya akan diberikan kepada
staff gudang untuk dipersiapkan barang nya.
Gambar 3. 42 Halaman Staff Admin Cetak Invoice Permintaan
G. Halaman Staff Gudang Daftar Account Login

Halaman pendaftaran ini bertujuan untuk staff login bisa masuk ke
halaman dashboard dengan cara harus mendaftarkan dahulu account
agar tidak sembarang orang bisa mengakses sisttem ini dan nantinya
akan di verifikasi oleh staff admin.
Gambar 3. 43 Halaman Staff Gudang Daftar Account Login

lOMoARcPSD|31786216
59
H. Halaman Staff Gudang Login

Halaman Iogin ini bertujuan untuk staff gudang masuk kehalaman
dashboard dengan cara mengisi username dan password terlebih
dahulu.
Gambar 3. 44 Halaman Staff Gudang Login
I. Halaman Staff Gudang Cetak Bukti Pdf

Halaman cetak bukti ini bertujuan untuk memastikan bahwa
permintaan yang telah diajukan oleh requester benar dan telah dikirm
barang nya.

lOMoARcPSD|31786216
60
Gambar 3. 45 Halaman Staff Gudang Cetak Bukti Pdf
J. Halaman Pimpinan View Rekap Stock

Halaman rekap stock ini bertujuan untuk pimpinan melihat laporan
rekap barang setiap hari nya serta stock dari barang tersebut.
Gambar 3. 46 Halaman Pimpinan View Rekap Stock

lOMoARcPSD|31786216
61
K. Halaman Pimpinan View Rekap Barang Masuk

Halaman rekap barang masuk ini bertujuan untuk pimpinan melihat
laporan barang masuk per hari, minggu, bulan, dan tahun.
Gambar 3. 47 Halaman Pimpinan View Rekap Barang Masuk
L. Halaman Pimpinan View Rekap Barang Keluar

Halaman rekap barang keluar ini bertujuan untuk pimpinan melihat
laporan barang keluar per hari, minggu, bulan, dan tahun.
Gambar 3. 48 Halaman Pimpinan View Rekap Barang Keluar

lOMoARcPSD|31786216
62
BAB IV
IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi
Tahapan ini dilakukan setelah perancangan selesai dilakukan dan
selanjutnya akan diimplementasikan pada bahasa pemrograman yang akan
digunakan. Tujuan implementasi ini adalah untuk perancangan yang telah
dilakukan terhadap sistem sehingga user memberi masukan demi
berkembangnya sistem yang telah dibangun.
4.1.1 Implementasi Perangkat Keras

Adapun spesifikasi minimal perangkat keras yang dibutuhkan oleh
sistem adalah sebagai berikut:
Perangkat Keras Keterangan
Device Lenovo.
Processor Intel® Core™ i3-3227U CPU @ 1.90GHz
(4 CPUs), ~1.9 GHz
Memory 4096MB RAM
Display 1366 x 768 (32bit) (60Hz)
Graphics Intel® HD Graphics 4000

Tabel 4. 1 Spesifikasi Perangkat Keras

lOMoARcPSD|31786216
63
4.1.2 Implementasi Perangkat Lunak

Adapun spesifikasi minimal perangkat keras yang dibutuhkan oleh
sistem adalah sebagai berikut:
Perangkat Lunak Keterangan

Operating System Windows 10 Home Single Language 64-
bit (10.0, Build 18362)
Server XAMPP Control Panel v3.2.2
Text Editor Visual Studio Code
Web Browser Microsoft Edge
Tabel 4. 2 Spesifikasi Perangkat Lunak
4.2 Implementasi Aplikasi

4.2.1 Halaman Landing Page
Tampilan ini berguna untuk requester mengajukan permintaan barang,
dan pengembalian barang.
Gambar 4. 1 Halaman Landing Page

lOMoARcPSD|31786216
64
4.2.2 Halaman Requester Tambah Permintaan Barang

Tampilan berikut berguna untuk requester mengajukan permintaan
barang, dengan cara memasukan tanggal permintaan, nama barang, divisi,
email, tujuan pengiriman, dan jumlah barang.
Gambar 4. 2 Halaman Requester Tambah Permintaan Barang
4.2.3 Halaman Requester Retur Barang

Tampilan berikut berguna untuk requester mengajukan pengembalian
barang, dengan cara memasukan tanggal pengembalian, nama barang,
divisi, keterangan, jumlah barang, dan bukti foto barang yang akan
dikembalikan.
Gambar 4. 3 Halaman Requester Tambah Pengembalian Barang

lOMoARcPSD|31786216
65
4.2.4 Halaman Staff Admin Login
Berikut halaman login staff admin, dimana staff admin memasukan

username dan password untuk masuk ke halaman dashboard.
Gambar 4. 4 Halaman Staff Admin Login
4.2.5 Pesan Akun Login Admin tidak ditemukan
Berikut menampilkan pesan akun login tidak ditemukan apabila username

dan password yang staff admin masukan tidak sesuai.
Gambar 4. 5 Pesan Akun Login Admin Tidak Ditemukan

lOMoARcPSD|31786216
66
4.2.6 Halaman Dasboard Staff Admin
Berikut adalah halaman dashboard staff admin dimana level admin

ini bisa mengelola atau mengakses semua fitur yang terdapat dalam sistem
informasi persediaan barang.
Gambar 4. 6 Halaman Dasboard Staff Admin
4.2.7 Halaman Staff Admin Konfirmasi Pengguna
Berikut adalah halaman konfirmasi pendaftaran akun login staff

gudang dimana jika pengguna belum dikonfirmasi akun login nya maka
otomatis terdapat icon power artinya sebagai tanda bahwa pendaftaran
pengguna masih berstatus 0 atau false dan harus di aktifkan agar staff
gudang bisa masuk ke halaman dashboard.
Gambar 4. 7 Halaman Staff Admin Konfirmasi Pengguna

lOMoARcPSD|31786216
67
4.2.8 Halaman Staff Admin Cetak Invoice Permintaan
Berikut adalah halaman pdf cetak invoice permintaan barang yang

telah diajukan oleh requester, dan nantinya invoice ini akan di berikan
kepada staff gudang untuk menyiapkan barang yang telah di ajukan oleh
requester.
Gambar 4. 8 Halaman Staff Admin Cetak Invoice Permintaan
4.2.9 Halaman Staff Gudang Daftar Account Login
Berikut adalah halaman pendaftaran akun login staff gudang dimana

staff gudang mengisi data login agar bisa masuk ke halaman dashboard
untuk mengelola data barang dan transaksi, setelah pendaftaran berhasil
maka staff gudang menunggu akun nya di aktivasi oleh pihak admin.
Gambar 4. 9 Halaman Staff Gudang Daftar Account Login

lOMoARcPSD|31786216
68
4.3.1 Halaman Dashboard Staff Gudang
Berikut adalah halaman dashboard staff gudang dimana level staff

gudang ini hanya bisa mengelola atau mengakses fitur tambah barang,
tambah barang masuk, dan barang keluar saja di dalam sistem informasi
persediaan barang.
Gambar 4. 10 Halaman Dashboard Staff Gudang
4.3.2 Halaman Staff Gudang Kelola Barang
Berikut adalah halaman staff gudang mengelola data barang.
Gambar 4. 11 Halaman Staff Gudang Kelola Barang

lOMoARcPSD|31786216
69
4.3.3 Halaman Staff Gudang Kelola Barang Masuk
Berikut adalah halaman staff gudang mengelola data barang masuk.
Gambar 4. 12 Halaman Staff Gudang Kelola Barang Masuk
4.3.4 Halaman Staff Gudang Kelola Barang Keluar
Berikut adalah halaman staff gudang mengelola data barang keluar.
Gambar 4. 13 Halaman Staff Gudang Kelola Barang Keluar

lOMoARcPSD|31786216
70
4.3.5 Halaman Dashboard Pimpinan
Berikut adalah halaman dashboard pimpinan dimana level pimpinan

ini hanya bisa mengelola atau mengakses fitur rekapitulasi laporan saja
di dalam sistem informasi persediaan barang.
Gambar 4. 14 Halaman Dashboard Pimpinan
4.3.6 Halaman Pimpinan View Rekap Stock
Berikut adalah halaman pimpinan melihat laporan stock barang.
Gambar 4. 15 Halaman Pimpinan View Rekap Stock

lOMoARcPSD|31786216
71
4.3.7 Halaman Pimpinan View Rekap Barang Masuk
Berikut adalah halaman pimpinan melihat laporan barang masuk

berdasarkan pencarian tanggal, bulan, dan tahun.
4.3.8 Halaman Pimpinan View Rekap Barang Keluar
Berikut adalah halaman pimpinan melihat laporan barang keluar

berdasarkan pencarian tanggal, bulan, dan tahun.

lOMoARcPSD|31786216
72
4.3 System Testing

System testing merupakan tahapan diujinya fungsionalitas sistem, penulis
menggunakan metode Black Box Testing. Kemudian mengamati hasil dari unit
sesuai atau tidak sesuai dengan proses bisnis yang diinginkan.
4.3.1 Pengujian Black Box

Pengujian black box merupakan tahapan yang berfokus pada
persyaratan fungsional perangkat lunak. Test case ini bertujuan untuk
menunjukan fungsi perangkat lunak tentang cara beroperasinya.
4.3.2 Pengujian Halaman Login

Berikut adalah struktur tabel halaman login, digunakan untuk
membuka ke menu halaman dashboard yang sudah tersimpan di dalam
database.
Skenario Hasil
No Kesimpulan
pengujian diharapkan
1 Memasukan username Sistem akan menolak akses Valid
dan password dengan login dan menampilkan
data yang salah dan klik pesan maaf akun anda tidak
tombol login ditemukan
Test Case : Hasil Pengujian :
2 Memasukan username Sistem akan menerima Valid

dan password dengan akses login dan
data data benar, lalu klik mengarahkan ke dashboard
login dan menampilkan pesan
selamat login anda berhasil
Test Case :
Hasil Pengujian :
Tabel 4. 3 Pengujian Halaman Login

lOMoARcPSD|31786216
73
4.3.3 Pengujian Halaman Admin

Berikut adalah struktur tabel halaman admin, pengujian yang sudah
berhasil untuk mengelola konfirmasi pengguna dan cetak invoice
permintaan barang dari requester.
Skenario Hasil diharapkan

No Kesimpulan
pengujian
1 Mengklik icon power on Sistem akan Valid
pada button dan klik setuju menampilkan
pada pesan pengajuan pesan akun
akses berhasil diaktivasi
2 Mengklik tombol dengan Sistem akan Valid

icon pdf menampilkan request
data dan menampilkan
Test Case : dalam bentuk pdf
Hasil Pengujian :
Tabel 4. 4 Pengujian Halaman Admin
4.3.4 Pengujian Halaman Requester

Berikut adalah struktur tabel halaman requester, pengujian yang
sudah berhasil untuk menampilkan permintaan dan retur barang
berhasil.

lOMoARcPSD|31786216
74

No Kesimpulan
pengujian
1 Memasukan data benar Sistem berhasil Valid
untuk permintaan barang, tambah
lalu klik tombol simpan permintaan dan
menampilkan
Test Case : pesan permintaan
baran berhasil
Hasil Pengujian :
2 Memasukan data benar Sistem berhasil tambah Valid

untuk retur barang, lalu pengembalian dan
klik tombol simpan menampilkan pesan
retur barang berhasil
Test Case :
Hasil Pengujian :
Tabel 4. 5 Pengujian Halaman Requester

lOMoARcPSD|31786216
75
4.3.5 Pengujian Halaman Staff Gudang

Berikut adalah struktur tabel halaman staff gudang dalam pengujian
ini staff gudang hanya bisa menambah data pendaftaran akun login,
barang, barang masuk. dan barang keluar.

No Kesimpulan
pengujian
1 Memasukan data Sistem berhasil tambah Valid
pendaftaran akun pendaftaran akun dan
login menampilkan
pendaftaran berhasil dan
Test Case : tunggu akun sedang
proses di aktivasi
Hasil Pengujian :
2 Menambah data Sistem berhasil tambah Valid

barang data barang dan
menampilkan pesan
Test Case : tambah barang berhasil
Hasil Pengujian :

barang masuk data barang masuk dan
menampilkan pesan
Test Case : tambah barang masuk
berhasil
Hasil Pengujian :

lOMoARcPSD|31786216
76

barang keluar data barang keluar dan
menampilkan pesan
Test Case : tambah barang keluar
berhasil
Hasil Pengujian :
Tabel 4. 6 Pengujian Halaman Staff Gudang
4.3.6 Pengujian Halaman Pimpinan

Berikut adalah struktur tabel halaman staff gudang dalam pengujian
ini staff gudang hanya bisa menambah data pendaftaran akun login,
barang, barang masuk. dan barang keluar.

No Kesimpulan
pengujian
1 Melihat pilih menu rekap Sistem akan Valid
barang untuk melihat stock menampilkan data
barang rekap barang
2 Mencari laporan barang Sistem akan Valid

masuk menampilkan result
pencarian barang masuk
Test Case : sesuai filter tanggal,
bulan, dan tahun
Hasil Pengujian :

lOMoARcPSD|31786216
77
3 Mencari laporan barang Sistem akan Valid

keluar menampilkan result
pencarian barang keluar
Test Case : sesuai filter tanggal,
bulan, dan tahun
Hasil Pengujian :
Tabel 4. 7 Pengujian Halaman Pimpinan

lOMoARcPSD|31786216
78
4.4 Hasil Penulisan

Hasil pengujian Black Box Testing pada tabel-tabel di atas maka dinyatakan
dalam sistem berhasil login, konfirmasi pengguna, cetak invoice permintaan,
menambah data pendaftaran, data permintaan, data retur, data barang, data
barang masuk, data barang keluar, rekap stock barang, dan pencarian laporan
barang masuk dan keluar berdasarkan bulan dan tahun serta memberikan pesan
error pada sistem jika username dan password tidak cocok atau salah.
4.5 Hasil dan Pembahasan

Hasil dari pembahasan yang sudah tercapai oleh bab ini maka dinyatakan
sistem persediaan barang mampu dalam menyimpan data persediaan barang
dan serta dapat meminimalisir kendala dalam penginputan persediaan barang
yang akan membantu menunjang kebutuhan dalam perusahaan.

lOMoARcPSD|31786216
79
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan hasil dari penelitian dan penulisan yang telah peneliti uraikan pada
bab-bab sebelumnya, maka dapat dibuat beberapa kesimpulan, yaitu:
1. Sistem persediaan barang berbasis web ini untuk mempermudah
permintaan barang, sehingga karyawan divisi lain dapat melakukan
permintaan melalui website tanpa batas waktu. Dan staff admin akan lebih
mudah dalam melakukan pelayanan proses permintaan persediaan barang.
2. Sistem persediaan barang ini akan mengarahkan requester ke menu landing
page untuk melakukan permintaan barang dan pengembalian barang jika
terjadi barang yang kurang baik untuk bisa di kembalikan dan ditukarkan
barang tersebut, dan staff akan mengelola permintaan barang yang telah
diajukan oleh para divisi lainya/requester.
3. Dengan adanya sistem persediaan barang ini memudahkan divisi lainya
untuk melakukan permintaan barang untuk menunjang kebutuhan
pekerjaan nya, dan dengan sistem yang sudah terkomputerisasi sehingga
mengurangi lambatnya proses permintaan dan pengembalian barang, dan
untuk segi dalam mengelola laporan dapat direkap secara lebih akurat dan
efisien.
5.2 Saran
Dalam pembuatan skripsi ini jauh dari kata sempurna, masih banyak
kekurangan dalam aplikasi ini. Adapun saran untuk pengembangan aplikasi
berikutnya adalah sebagai berikut:

lOMoARcPSD|31786216
80
1. Adanya pelatihan khusus kepada karyawan utuk meningkatkan skill

(keahlian/keterampilan) dalam penggunaan aplikasi program komputer agar
pengolahan data menjadi lebih cepat dan akurat.
2. Meningkatkan penggunaan teknologi komputerisasi, supaya dalam
pengolahan data aplikasi persediaan barang di PT. PUTRA DAERAH
SAKTI MANDIRI berjalan lancar.
3. Melakukan inovasi untuk perkembangan teknologi aplikasi yang telah ada.

lOMoARcPSD|31786216
81
DAFTAR PUSTAKA
Lutfiani, N., Harahap, E. P., Aini, Q., Ahmad, A. D. A. R., & Rahardja, U. (2020). Inovasi
Manajemen Proyek I-Learning Menggunakan Metode Agile Scrumban. InfoTekJar:
Jurnal Nasional Informatika Dan Teknologi Jaringan, 5(1), 96-101.
Carolina, I., & Supriyatna, A. (2018). Penerapan Metode Extreme Programming Dalam
Perancangan Aplikasi Perhitungan Kuota Sks Mengajar Dosen. Jurnal Khatulistiwa
Informatika, Vol. 3(No. 1), 106-113.
Munawaroh, S. (2006). Perancangan sistem informasi persediaan barang. Dinamik, 11(2).
Solichin, A. (2016). Pemrograman web dengan PHP dan MySQL. Penerbit Budi Luhur.
Novendri, M. S., Saputra, A., & Firman, C. E. (2019). Aplikasi Inventaris Barang Pada Mts
Nurul Islam Dumai Menggunakan Php Dan Mysql. lentera dumai, 10(2).
Pamungkas, C. A. (2017). Pengantar dan Implementasi Basis Data. Deepublish.
Abdurahman, M., Safi, M., & Abdullah, M. H. (2018). Sistem Informasi Pengolahan Data
Balita Berbasis Website Pada Kantor UPT-KB Kec. Ternate Selatan. IJIS-Indonesian Journal
On Information System, 3(2).
Ayu, F., & Permatasari, N. (2018). Perancangan Sistem Informasi Pengolahan Data PKL
(Praktek Kerja Lapangan) Di Devisi Humas Pada PT Pegadaian. Jurnal Intra Tech, 2(2), 12-
26.
Suhimarita, J., & Susianto, D. (2019). Aplikasi Akutansi Persediaan Obat pada Klinik Kantor
Badan Pemeriksa Keuangan Perwakilan Lampung. Jurnal JUSINTA, 2(1), 24-33.
Nisa, K. (2015). Perancangan Website Desa Wisata Karangrejo Sebagai Media Informasi
Dan Promosi. Bianglala Informatika, 3(1).
Supriyono, S., & Muslimah, E. (2018). Perancangan Sistem Informasi Manajemen Kas
Berbasis Web Studi Kasus: RS dr. Etty Asharto Batu. Matics, 10(1), 21-25.
Lestari, N. S., & Murti, D. S. R. (2020). PERANCANGAN APLIKASI PEMBUATAN KARTU

KELUARGA BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL. Jurnal Online Sekolah Tinggi
Teknologi Mandala, 15(2), 1-13.
Faiz, M. N., Umar, R., & Yudhana, A. (2017). Implementasi Live Forensics untuk
Perbandingan Browser pada Keamanan Email. Jiska (jurnal informatika sunan kalijaga),
1(3), 108-114.

lOMoARcPSD|31786216
82
Malik, F. B., & Supriatna, A. (2019). Media Pembelajaran Kitab Tijan Digital Berbasis
Multimedia. Jurnal Teknologi Informasi dan Komunikasi, 14(1), 54-63.
Jaya, T. S. (2018). Pengujian aplikasi dengan metode blackbox testing boundary value
analysis (studi kasus: kantor digital Politeknik Negeri Lampung). Jurnal Informatika: Jurnal
Pengembangan IT, 3(1), 45-48.
Nugraha, F. (2014). Analisa dan perancangan sistem informasi perpustakaan. Simetris:

Jurnal Teknik Mesin, Elektro dan Ilmu Komputer, 5(1), 27-32.
Dewi, L. P., Indahyanti, U., & Hari, Y. (2012). Pemodelan proses bisnis menggunakan
activity diagram uml dan bpmn (studi kasus frs online) (Doctoral dissertation, Petra
Christian University).

lOMoARcPSD|31786216
83
LAMPIRAN

Skripsi Document Tugas Akhir

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Skripsi Document Tugas Akhir

Uploaded by

Copyright:

Available Formats

lOMoARcPSD|31786216

Skripsi - Document Tugas Akhir

Management information System (Universitas Pamulang)

Studocu is not sponsored or endorsed by any college or university

PERANCANGAN SISTEM INFORMASI

ABIEZY SYAHDILLA PUTRA RISQULLAH

PROGRAM STUDI SISTEM INFORMASI

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

PERANCANGAN SISTEM INFORMASI

Diajukan Untuk Melengkapi Salah Satu Syarat

ABIEZY SYAHDILLA PUTRA RISQULLAH

PROGRAM STUDI SISTEM INFORMASI

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

Yang bertanda tangan di bawah ini:

Nama : ABIEZY SYAHDILLA PUTRA RISQULLAH

Menyatakan bahwa skripsi yang saya buat dengan judul:

Tangerang Selatan, 13 September 2021

Meterai 6000 IDR

(ABIEZY SYAHDILLA PUTRA RISQULLAH)

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

NAMA : ABIEZY SYAHDILLA PUTRA RISQULLAH

Skripsi ini telah diperiksa dan disetujui.

Dr. Yunus, M.Pd.I, S.Pd.I

Dede Supriyadi, M.Kom

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

Nama : ABIEZY SYAHDILLA PUTRA RISQULLAH

Tangerang Selatan, 2021

Dr. Yunus, M.Pd.I, S.Pd.I

Dede Supriyadi, M. Kom

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

Semoga Allah SWT membalas kebaikan dan selalu mencurahkan hidayah

Tangerang Selatan, 02 November 2021

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

PT. PUTRA REGIONAL SAKTI MANDIRI is currently in the process of

Keywords: Information Systems, agile methods, inventory.

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

Kata Kunci: Sistem Informasi, metode agile, persediaan bara

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

1.1 Latar Belakang ........................................................................................................... 1

1.2 Identifikasi Masalah ................................................................................................... 2

1.3 Rumusan Masalah ...................................................................................................... 2

1.4 Batasan Masalah ........................................................................................................ 3

1.5 Tujuan Penelitian ....................................................................................................... 3

1.6 Manfaat Penelitian ..................................................................................................... 4

1.7 Metodologi Penelitian ................................................................................................ 4

1.8 Metode Pengembangan .............................................................................................. 5

1.9 Sistematika Penulisan ................................................................................................. 5

2.1 Tinjauan Pustaka ........................................................................................................ 7

2.1.1 Agile Software Development .............................................................................. 7

2.2 Teori Umum .............................................................................................................. 9

2.2.1 Pengertian Sistem Informasi .............................................................................. 9

2.2.2 Pengertian Persediaan ...................................................................................... 11

2.3 Teori Khusus ........................................................................................................... 12

2.3.1 Bahasa Pemograman ....................................................................................... 12

2.3.2 Rancangan Basis Data ..................................................................................... 13

Downloaded by Hadi Anwarsyah_ (hadi.anwar84@gmail.com)

2.3.2.1 Entity Relationship Diagram (ERD) ......................................................... 13

2.3.2.2 Flow Chart Diagram ................................................................................ 13

2.3.3 UML (Unifed Modeling Language) ................................................................. 14

2.3.5 Framework Codeigniter................................................................................... 22

2.4 Aplikasi Pendukung ................................................................................................ 23

2.4.1 Visual Studio Code .......................................................................................... 23

2.4.2 Microsoft Edge ................................................................................................ 23