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 temanteman 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 .............................................................................. Gambar 3.5 29 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/berkenalandengan-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