RANCANG BANGUN SISTEM MANAJEMEN

PENDATAAN BARANG BUKTI SITAAN PADA

KANTOR RUMAH PENYIMPANAN BENDA SITAAN

NEGARA (RUPBASAN) KLAS II BLITAR

MENGGUNAKAN HTML5

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Disusun Oleh :

Nuriva Rizky Febrinasari

201010370311301

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2015

ABSTRAKSI

Sebuah menejemen pendataan barang bukti dibuat untuk mempermudah

kerja pengumpulan data dengan efisien. Dengan sistem ini pegawai kantor

penyimpanan barang sitaan negara menjadi lebih mudah untuk pendataan

barang. Yang sebelumnya hanya menggunakan buku besar yang kurang efisen

dalam pengerjaannya. Proyek ini dibuat untuk Rumah penyimpanan Barang

Sitaan Negara di Blitar. Pegawai dapat mendata secara praktis dengan inputan

yang langsung dapat di lihat oleh pengguna internet untuk mengetahui barang

yang terdaftar pada kantor tersebut. Pencarian data dapat dilakukan pada

website ini dengan mencari kata kunci benda yang akan dilihat secara online.

Sistem manajemen data menggunakan pemrograman PHP berbasis web

menggunakan HTML5 serta menggunakan database MySql. Tujuan utama

menggunakan teknologi HTML (Hypertext Markup Language) generasi ke 5 ini

untuk mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan

mudah dimengerti oleh mesin. Untuk membuat sistem pendukung untuk

pembuatan sistem penyimpanan sekaligus informasi yang akurat yang nantinya

akan mengatasi kendala-kendala dari sistem yang sebelumnya agar pekerjaan

lebih efisien dan akurat.

Kata Kunci : Sistem menejemen pendataan, PHP, HTML5, MySQL

ABSTRACT

Data entry management of evidence was made to collect the data efficiently. This

system is useful for staff of confiscated goods through Government in order to

make easier especially to collecting confiscated goods. Before this system applied,

this office only used bookkeeping. This way is less efficient to collect the data.

This project is used for house of confiscated goods through Government in Blitar.

Staff in this office can collect the data practically, for example input the data. So

that internet user is known about the listed good in this office. The way to search

the data is enter goods of keyword in online website. The management system

used PHP program which based on web, it used HTML5 and MySql database.

The main purpose of using fifth generation of HTML (Hypertext Markup Language)

technology is to support the newest multimedia, human can read more easily, and

the machine got easier to know. Another purpose is to make supported system, to

make storage system, and the accurate information. Those ways can overcome

obstacles from prior system, so that an occupation more efficient and accurate.

Key word: Data entry management system, PHP, HTML5, MySQL

LEMBAR PERSEMBAHAN

Alhamdulillah penulis bersyukur kepada Allah Subhanahuwata’ala atas

rahmat dan karuniaNya sehingga dapat menyelesaikan tugas akhir ini. Penulis

menyampaikan ucapan terima kasih yang sebesar-besarnya kepada :

1. Allah Subhanahuwata’ala atas segala rahmat dan ridhoNya

2. Junjungan besar Nabi Muhammad Shallallahu Alaihi Wasalam

3. Kepada Ayah Umar Syaifudin dan Sri Muji Estri selaku ibu yang selalu

mendukung dan mendoakan penulis agar terselesaikan pendidikan S1 yang

ditempuh, dan semoga kedua orang tua diberikan kesehatan dan balasan

oleh Allah SWT disetiap doanya

4. Bpk Yuda Munarko, S.Kom. M.Kom. selaku Ketua Jurusan Teknik

Informatika

5. Bpk Zamah Sari, M.T. selaku pembimbing satu dan Bpk Yuda Munarko,

S.Kom. M.Kom. selaku pembimbing dua, yang telah sabar membimbing

penulis hingga terselesaikannya pendidikan S1 yang ditempuh

6. Selaku peguji tugas akhir saya

7. Seluruh pihak Kantor Rumah Barang Sitaan Negara (RUPBASAN) klas II

di Blitar yang memberikan bantuan serta bimbingannya untuk

menyelesaikan tugas akhir dari penulis

8. Seluruh keluarga besar H. Danus Hadi Subroto, dan Keluarga besar

Hartoyo, terimakasih atas doa dan semangatnya

9. Keluarga keduaku Erin, Imas, Nining, Ayu, Sita dan anak 21B yang selalu

mendukung, menghibur, memberikan semangat serta memberikan tempat

untuk keluh kesah penulis, terima kasih telah menjadi bagian dari keluarga

penulis

10. Sahabat Feny rahayu, Dita Aris, Fajar Riana, Wahyu, Ibnu dan teman-

teman dari masa sekolah hingga sekarang yang masih mau memberi doa

dan supportnya kepada penulis.

11. Sahabat terbaik awal masuk kuliah emakku Nabilah Seff, Faradini Filiyan,

Fakhrud Zaenindra Dharma Saputra, Alvan Rizky, dan Syahrul Mubarok

serta seluruh teman dari Teknik Informatika G 2010.

12. Seluruh teman angkatan 2010

13. Semua pihak yang telah memberi bantuan, doa dan semangat hingga

terselesaikannya tugas akhir ini, terima kasih semuanya.

KATA PENGANTAR

Bismillahirrahmanirrahim

Assalamualaikum wa Rahmatullah wa Barakatuh

Alhamdulillah penulis panjatkan kehadirat Allah Subhanahuwata’ala dan

junjungan besar Nabi Muhamamdh Shallallahu Alaihi Wasalam atas limpahan

rahmat dan karuniaNya sehingga penulis dapat menyelesaikan tugas akhir dengan

baik dan lancar. Judul dari tugas akhir ini adalah : RANCANG BANGUN

SISTEM MANAJEMEN PENDATAAN BARANG BUKTI SITAAN PADA

KANTOR RUMAH PENYIMPANAN BENDA SITAAN NEGARA

(RUPBASAN) KLAS II BLITAR MENGGUNAKAN HTML5.

Penulisan laporan tugas akhir ini bertujuan sebagai persyaratan guna

memperoleh gelar sarjana komputer dan syarat kelulusan bagi mahasiswa Teknik

Informatika Universitas Muhammadiyah Malang. Penulis menyadarai sepenuhnya

bahwa Tugas Akhir ini masih jauh dari kesempurnaa, kareta kesempurnaaan

nanya milih Allah SWT. Oleh karena itu penulis mengharapkan saran yang dapat

membangun agar Tugas Akhir ini bermanfaat bagi semua pihak,terutama kantor

RUPBASAn klas II Blitar. Amin.

Malang, Oktober 2015

Penulis

DAFTAR ISI

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

LEMBAR PENGESAHAN .......................................................................... ii

LEMBAR PERYATAAN ............................................................................ iii

ABSTRAKSI ................................................................................................ iv

ABSTRACT ................................................................................................... v

LEMBAR PERSEMBAHAN ...................................................................... vi

KATA PENGANTAR .................................................................................. viii

DAFTAR ISI ................................................................................................. ix

DAFTAR GAMBAR .................................................................................... xii

DAFTAR TABEL ........................................................................................ xiv

BAB I PENDAHULUAN

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

1.2 Rumusan Masalah ................................................................................. 3

1.3 Batasan masalah ................................................................................... 3

1.4 Tujuan .................................................................................................. 3

1.5 Metodologi ........................................................................................... 3

1.6 Sistematika Penulisan ........................................................................... 5

BAB II LANDASAN TEORI

2.1 Pengertian Barang Sitaan dan Rampasan................................................ 6

2.1.1 Benda/Barang Sitaan .................................................................. 6

2.1.2 Pemngelolaan Benda Sitaan Pada Rumah Penyimpanan Benda

Sitaan Negara (RUPBASAN) ..................................................... 9

2.2 Dasar Hukum ........................................................................................ 10

2.3 Konsep Dasar Sistem ............................................................................. 11

2.3.1 Prosedur ..................................................................................... 11

2.3.2 Komponen/elemen ..................................................................... 12

2.4 Konsep Dasar Informasi ........................................................................ 12

2.5 Pengertian Sistem Informasi .................................................................. 12

2.6 Sistem Informasi Manejemen ................................................................. 14

2.7 Basis Data (DataBase) ........................................................................... 14

2.8 WEB ...................................................................................................... 16

2.9 PHP dan MySQL ................................................................................... 16

2.9.1 Pengertian PHP (Hypertext Preprocessor) ................................. 16

2.9.2 Bahasa (Script) PHP .................................................................. 17

2.9.3 HTML5 (Hypertext Markup Language) ...................................... 17

2.9.4 Hubungan PHP dengan HTLM5 . .............................................. 19

2.9.5 Pengertian MySQL ..................................................................... 19

2.10 XAMPP ................................................................................................ 20

2.11 Framework ........................................................................................... 21

2.11.1 CI (CodeIgniter) ......................................................................... 21

2.11.2 Konsep Model View Controller (MVC) ....................................... 22

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1 Analisis Sistem ...................................................................................... 24

3.1.1 Perangkat Sistem ....................................................................... 24

3.1.2 Spesifikasi Aplikasi .................................................................... 25

3.1.3 Spesifikasi Pengguna .................................................................. 25

3.2 Perancangan Sistem ............................................................................... 26

3.2.1 Halaman Utama .......................................................................... 26

3.2.2 Use Case Diagram ..................................................................... 27

3.2.3 Activity Diagram Admin ............................................................ 28

3.2.4 Activity Diagram Anggota .......................................................... 30

3.2.5 Activity Diagram Guest (pengunjung) ........................................ 31

3.2.6 Class Diagram ........................................................................... 32

3.2.7 Sequence Diagram Admin .......................................................... 33

3.2.8 Sequence Diagram Staf (anggota) .............................................. 35

3.2.9 Sequence Diagram Guest/Pengunjung ........................................ 36

3.3 Conceptual Data Model ......................................................................... 36

BAB IV IMPLEMENTASI DAN PENGUJIAN

4.1 Implentasi ............................................................................................ 38

4.1.1 Implementasi Interface (antarmuka) ............................................ 38

4.1.1.1 Menu Utama ............................................................ 38

4.1.1.2 Implementasi Login ................................................. 38

4.1.1.3 Implementasi Interface (Antarmuka) Pengelolaan Data

Barang Bukti ............................................................ 39

4.1.1.4 Implementasi Antarmuka Pengelolaan Data

Anggota ................................................................... 41

4.1.1.5 Implementasi Antarmuka Pengunjung Web .............. 43

4.1.2 Implentasi Basis Data ................................................................. 47

4.2 Pengujian Sistem ................................................................................... 47

BAB V PENUTUP

5.1 Kesimpulan ..................................................................................... 49

5.2 Saran ................................................................................................ 49

DAFTAR PUSTAKA .................................................................................... 50

LAMPIRAN .............................................................................................. 51

DAFTAR GAMBAR

Gambar 1.5 Arsitektur sistem secara umum ............................................ 4

Gambar 3.1 Usecase diagram sistem ....................................................... 27

Gambar 3.2 Activity diagram untuk vier buku tamu ................................. 28

Gambar 3.3 Activity diagram untuk manajemen staf (anggota) ................ 29

Gambar 3.4 Activity diagram untuk kelola data barang bukti sitaan dan

rampasan .............................................................................. 29

Gambar 3.5 Activity diagram untuk melakukan pencarian data barang bukti

(BB) ..................................................................................... 30

Gambar 3.6 Activity diagram untuk kelola laporan .................................. 31

Gambar 3.7 Activity diagram untuk pengisisan buku tamu ..................... 31

Gambar 3.8 Class diagram sistem........................................................... 32

Gambar 3.9 Squence diagram untuk view buku tamu .............................. 33

Gambar 3.10 Squence diagram untuk menejemen staf .............................. 34

Gambar 3.11 Squence diagram untuk pencarian baarang bukti ................. 35

Gambar 3.12 Squence diagram kelola laporan .......................................... 35

Gambar 3.13 Squence diagram pengisian buku tamu ................................ 36

Gambar 3.14 CMD untuk pengelolaan admin dan user ............................. 37

Gambar 3.15 CMD untuk kelola database barang ..................................... 37

Gambar 4.1 Tampilan menu utama ......................................................... 38

Gambar 4.2 Tampilan login sebagai admin ............................................. 39

Gambar 4.3 Code view login .................................................................. 39

Gambar 4.4 Tampilan pengisian data barang bukti sitaan ....................... 40

Gambar 4.5 Code Validasi Form ............................................................ 40

Gambar 4.6 Code koneksi Form ke database ......................................... 40

Gambar 4.7 Tampilan data barang bukti ................................................. 41

Gambar 4.8 Tampilan log aktifitas proses penyimpanan ......................... 41

Gambar 4.9 Tampilan pendataan anggota (staf) ...................................... 42

Gambar 4.10 Code form penambahan data staf ......................................... 42

Gambar 4.11 Tampilan data pengguna hak akses ...................................... 42

Gambar 4.12 Form pendaftaran untuk login pengunjung web ................... 43

Gambar 4.13 Code untuk form register pengunjung web .......................... 43

Gambar 4.14 Form login pengunjung ....................................................... 44

Gambar 4.15 Tampilan pengisian buku tamu ............................................ 44

Gambar 4.16 Code form buku tamu .......................................................... 45

Gambar 4.17 Tampilan pencarian barang bukti ........................................ 45

Gambar 4.18 Tampilan data pencarian ..................................................... 45

Gambar 4.19 Data barang bukti dengan QRcode ...................................... 46

Gambar 4.20 QRcode tampilan diperbesar ................................................ 46

Gambar 4.15 Tampilan pada mobile setelah scanner Qrcode .................... 46

Gambar 4.16 Koneksi database ................................................................ 46

DAFTAR TABEL

Tabel 2.1 Kelebihan dan Kelemahan DBMS ........................................... 15

Tabel 2.2 Browser pendukung HTML5 ................................................... 18

Tabel 4.1 Tahapan pengujian sistem pada perangkat PC .......................... 48

Tabel 4.2 Tahapan pengujian sistem mobile ............................................ 48

DAFTAR PUSTAKA

[1] R. Sugandhi. KUHP dan Penjelasannya. Usaha Nasional. Surabaya. 1981

[2] Jan Remmelink. Hukum Pidana: Komentar atas Pasal – Pasal Terpenting

dari Kitab Undang – Undang Hukum Pidana Belanda dan Padanannya

dalam Kitab Undang – Undang Hukum Pidana Indonesia. Gramedia.

Jakarta. 2003. Hal 499.

[3] Jan Remmelink. Hukum Pidana: Komentar atas Pasal – Pasal Terpenting

dari Kitab Undang–Undang Hukum Pidana Belanda dan Padanannya dalam

Kitab Undang – Undang Hukum Pidana Indonesia . Gramedia. Jakarta.

2003. Hal 500.

[4] R. Sugandhi. KUHP dan Penjelasannya. Usaha Nasional. Surabaya. 1981.

Hal 46.

[5] Peraturan Pemerintah Nomor 27 Tahun 1983 tentang Pelaksanaan KUHAP

[6] Peraturan Menteri Kehakiman Nomor : M.05.UM.01.06 Tahun 1983

tentang Pengelolaan Benda Sitaan dan Barang Rampasan Negara di Rumah

Penyimpanan Benda Sitaan Negara

[7] Albah Bin Ladja Mudin, Analisis dan Desain Sistem Informasi, 2005, Hal.8

[8] Jogiyanto, 2001, Analisis & Desain, Andi, Yogyakarta

[9] Berkenalan dengan PHP, https://www.rumahweb.com/journal/berkenalan-

dengan-php.htm dik akses pada tanggal 26 maret 2015, jam 12.46

[10] Dasar Pemrograman PHP dan MySQL,

http://ilmukomputer.org/2007/11/26/php-mysql-web-development/ di akses

pada tanggal 26 maret 2015, jam 14.30

[11] Sidik, Betha, 2003. MYSQL untuk pengguna, administrator, dan

pengembangan aplikasi web, informatika , bandung