Jadikan Inspirasimu

Selasa, 28 Juni 2016

Jurnal Sistem Website

SISTEM PENDAFTARAN KUNJUNGAN NARAPIDANA SECARA ONLINE PADA LAPAS NARKOTIKA KLAS IIA JAKARTA

Raysa Aprilia¹ , Tania Arum Sari²


Jurusan Sistem Informasi
Fakultas Ilmu Komputer dan Teknologi Informasi
Universitas Gunadarma





Abstrak – Penulisan ini membahas tentang pembuatan website pendaftaran kunjungan narapidana secara online pada Lapas Narkotika Klass IIA Jakarta dengan menggunakan PHP dan MySQL. Website ini digunakan khususnya untuk pendaftaran kunjungan online. Pendaftaran ini juga terdapat kalender kunjungan yang menunjukkan hari libur Lapas serta cek kode pendaftaran kunjungan. Selain itu, website ini juga berisi informasi mengenai berita-berita seputar Lapas, profil Lapas, pilar-pilar pemasyarakatan, layanan pengaduan, dan alamat, no telp, fax, email, twitter, serta terdapat peta lokasi yang menunjukkan lokasi Lapas berada. Pembuatan website ini menggunakan PHP dan MySQL, dimana PHP sebagai bahasa pemrograman dasar pembuatannya dan MySQL sebagai databasenya. Keduanya banyak dipakai oleh para pembuat website. Tahap-tahap yang dilakukan penulis dalam pembuatan website ini, antara lain perancangan struktur navigasi, perancangan halaman website, perancangan sistem dengan menggunakan UML, perancangan database, penginstalan aplikasi pendukung seperti XAMPP 1.8.0 dan Sublime Text 2, pembuatan database, pembuatan halaman web dengan penulisan kode program, koneksi database, penghostingan web, serta uji coba dari website yang telah dihosting. Website ini diharapkan dapat membantu pengunjung yang ingin melakukan pendaftaran kunjungan narapidana online, sehingga lebih efektif dan efisien.


PENDAHULUAN
Saat ini perkembangan teknologi informasi dan komunikasi sangatlah pesat, khususnya pada era globalisasi ini perkembangannya sulit dibendung. Dengan adanya teknologi informasi dan komunikasi, setiap orang diberikan kemudahan dalam mengakses informasi dan berkomunikasi satu sama lain. Untuk penyebaran informasi yang mempermudah pengguna untuk mengakses informasi dan komunikasi adalah menggunakan internet. Penggunaan internet salah satunya yaitu dalam bentuk web ataupun website, yang merupakan gabungan dari teks, gambar dan animasi dari keduanya.
Lapas Narkotika Klas IIA Jakarta sebenarnya telah memiliki website yang hanya berisi informasi saja mengenai Lapas. Website yang dimiliki belum berisi informasi pendaftaran kunjungan maupun pendaftaran kunjungan yang dapat dilakukan secara online. Pengunjung yang ingin mengunjungi keluarga atau teman harus datang langsung ke Lapas dan mendaftarkan diri. Akan tetapi, proses manual ini terkadang dapat menyulitkan pengunjung baik yang di dalam kota dan terlebih lagi yang di luar kota, seperti menimbulkan antrian pada saat pendaftaran, pengunjung kurang mengetahui informasi mengenai tanggal dan waktu kunjungan yang sewaktu-waktu dapat berubah, serta informasi mengenai persyaratan apa saja yang dibutuhkan untuk melakukan pendaftaran. Sehingga kurang fleksibel dan kurang memberikan kemudahan bagi pengunjung untuk melakukan pendaftaran maupun hanya sekedar memperoleh informasi.
Pada penulisan ini akan dibahas mengenai proses pembuatan website pendaftaran kunjungan narapidana online di Lapas Narkotika Klas IIA Jakarta yang menggunakan PHP dan MySQL. Pembuatan website ini dapat menjadi pengetahuan bagi pembaca dan dapat diimplementasikan pada pembuatan suatu website bagi pemerintahan sejenis lainnya.

TINJAUAN PUSTAKA
Sistem Informasi

Sistem informasi juga merup akan system yang berisi jaringan SPD (Sistem Pengolahan  Data) yang dilengkapi dengan kanal-kanal komunikasi yang digunakan dalam sistem  organisasi data. Elemen proses dari sistem informasi adalah: mengumpulkan data,  mengolah data, dan menyebar informasi. [1]

Web Server

Web server adalah perangkat lunak  Server yang berfungsi menerima permintaan HTTP atau  HTTS dari  Client yang dikenal dengan nama  web Browser dan akan mengirim kembali  hasilnya dalam bentuk halaman - halaman  Web yang umumnya berbentuk dokumen  HTML.

Syarat-Syarat Merancang Sistem Informasi Berbasis Web
1.      Tersedianya Web Server
Baik web statis ataupun dinamis, jika ingin bisa online di internet, maka syarat pertama haruslah memiliki server, baik berupa hardware maupun software.
2.      Tersedianya Software Pemrograman    Web Berbasis Server
Jika ingin membuat web, berarti harus tersedia sebuah bahasa pemrograman web selain HTML, baik itu client side maupun  server side. Untuk yang clientside, memiliki kekurangan yaitu instruksi program bisaa terlihat oleh pengguna internet. Sedangkan server side lebih aman karrena instruksi programnya tidak terlihat oleh user.

3.      Tersedianya Database
Database merupakan softwareyang digunakan untuk menyimpan dan memanajemen data. Jika memiliki data yang sedikit, mungkin masih bisa memakai file biasa sebagai media penyimpanannya.
Jadi dapat diartikan bahwa Sistem Informasi Berbasis Web adalah sebuah sistem informasi yang menggunakan teknologi web atau internet untuk memberikan informasi dan layanan kepada pengguna atau sistem informasi lain/ aplikasi lain. Biasanya terdiri dari satu atau lebih aplikasi web yang masing-masing komponen mempunyai fungsi tertentu. Dimana masing-masing komponen tersebut saling dukung satu dengan lainnya guna mencapai fungsi sistem informasi.

METODOLOGI PENELITIAN
   Penulis menggunakan metodologi SDLC (System Development Life Cycle) untuk pengembangan sistem ini dengan tahapan [2], sebagai berikut :
1.             Plaining (perencanaan) adalah feasibility dan wawancara , observasi, kuesioner. Jika pada tahap Feasibility hasilnya baik maka langsung ketahap investigasi dan diberi form kepada client untuk mencatat kebutuhan client.
2.             Analisa dilakukan terhadap teknologi yang akan digunakan dalam sistem ini, seperti database (MySQL), pemrograman (PHP), dan Design (Adobe Photoshop).
3.             Desain, dalam tahap ini penerjemah dari keperluan atau data yang telah dianalisis ke dalam bentuk yang mudah dimengerti oleh pemakai (user).
4.             Implementasi, pada tahap ini dilakukan pengimplementasian terhadap website yang telah dibangun.

ANALISIS DAN PERANCANGAN Analisis
Pembuatan website pendaftaran kunjungan narapidana online di Lembaga Pemasyarakatan (Lapas) Narkotika Klas IIA Jakarta dilakukan karena selama ini proses pendaftaran di Lapas ini masih dilakukan secara manual (tidak berbasis web). Website pendaftaran kunjungan narapidana online di Lapas Narkotika Klas IIA Jakarta merupakan website yang dibangun untuk menyediakan fasilitas pendaftaran secara online bagi pengunjung yang akan mengunjungi narapidana di Lapas Narkotika Klas IIA Jakarta dengan mengisi formulir pendaftaran dan dicetak. Website ini menyediakan informasi-informasi mengenai Lapas, seperti profil Lapas, Pilar Pemasyarakatan, dan lokasi dan kontak Lapas. Selain itu, pengunjung dapat mengetahui waktu berkunjung, tata cara pendaftaran kunjungan online serta syarat dan ketentuan kunjungan.

Perancangan
Use Case Diagram

Gambar 1 Use Case Diagram

Pada gambar 1 use case diagram  hanya terdapat 2 aktor, yaitu pengunjung dan administrator.


Activity Diagram

Gambar 2 Activity Diagram
            Pada gambar 2 activity diagram pengunjung dan administrator membuka halaman index sebagai halaman awal dari website. Untuk pengunjung masuk ke halaman website sebagai user, sedangkan administrator harus login dan masuk ke halaman administrator.

CODING
Pembuatan halaman website diawali dengan pembuatan halaman index. Halaman index merupakan halaman utama yang menampilkan halaman website pertama kali pada saat diakses oleh pengunjung.

Gambar 3 Coding Index.php
Membuat navigasi menu. Di dalam menu navigasi terdapat salah satu menu yang menggunakan dropdown, karena terdapat beberapa sub menu di dalamnya. Script pada menu navigasi ini menggunakan class navbar, class navbar didefinisikan di dalam file style.css.

Selanjutnya pembuatan halaman administrator merupakan halaman yang dapat diakses setelah administrator melakukan login.

Gambar 4 Coding index.php untuk halaman administrator

Uji Coba dan Implementasi
Pengimplementasian berupa pengaksesan website secara online. Untuk dapat mengakses website ini dengan membuka alamat website yang telah dihosting, yaitu http://lnj.hol.es . Setelah pengaksesan website dilakukan, maka dilakukan percobaan untuk mencoba semua menu, tombol-tombol, dan khususnya melakukan pendaftaran kunjungan tanpa adanya error serta website tersebut berjalan dengan baik.

Gambar 5 Output Halaman Awal

Gambar 6 Output Halaman Pendaftaran

Gambar 7 Output Halaman Administrator

Hasil Tanggapan Responden
Penulis menyebar kuesioner kepada 20 orang responden. Responden yang memberikan tanggapannya, antara lain pengunjung Lapas dan orang yang belum pernah mengunjungi Lapas. Kuesioner ini berisi 4 kategori pertanyaan, antara lain : kategori user interface, konten, flow control, dan usability dengan 3 pilihan jawaban yaitu baik, cukup baik, dan kurang baik. Hasil perhitungan kuesioner menunjukkan bahwa website ini sudah baik, dengan presentase untuk kategori user interface sebesar 66,67%, kategori konten sebesar 63,33%, kategori flow kontrol sebesar 80%, dan kategori usability sebesar 63,33%. Berikut tabel hasil perhitungan kuesioner terlihat pada tabel 1 :



Tabel 1 Hasil Perhitungan Kuesioner

No
Pertanyaan
Hasil Persentase Keseluruhan
Baik
Cukup Baik
Kurang Baik
Kategori User Interface
66,67%
33,33%
0%
1.
Tampilan website sudah menarik
70 %
30%
0%
2.
Perpaduan warna pada website sudah sesuai
50%
50%
0%
3.
Tombol pada website jelas penggunaannya dan memudahkan pengunjung
80%
20%
0%
Kategori Konten
63,33%
35%
1,67%
1.
Konten website dapat memberikan informasi yang jelas
60%
40%
0%
2.
Konten website sudah sesuai dengan kebutuhan pengunjung
50%
45%
5%
3.
Informasi yang disajikan di dalam website dapat memberikan manfaat
85%
15%
0%
Kategori Flow control
80%
20%
0%
1.
Tombol pada setiap halaman website berfungsi dengan baik
90%
10%
0%
2.
Menu pada website berfungsi dengan baik, sehingga menuju ke halaman yang dituju
90%
10%
0%
3.
Kelancaran penggunaan pendaftaran kunjungan di website
60%
40%
0%
Kategori Usability
63,33%
36,67%
0%
1.
Kemudahan penggunaan website ini
55%
45%
0%
2.
Penyerapan informasi bagi pengunjung
50%
50%
0%
3.
Manfaat website ini
85%
15%
0%




KESIMPULAN
Website pendaftaran kunjungan narapidana online di Lapas Narkotika Klas IIA Jakarta telah selesai dibuat dan telah di-upload dengan alamat website http://lnj.hol.es.
Menurut hasil tanggapan dari responden mengenai website ini untuk kategori user interface, konten, flow control, dan usability sudah baik dengan persentase lebih dari 60%. Dapat disimpulkan dari uji coba yang dilakukan oleh responden terhadap website ini, bahwa website ini memberikan kemudahan pengunjung dalam memperoleh informasi dan melakukan pendaftaran secara online.


DAFTAR PUSTAKA

1.             Anhar, Paduan Menguasai PHP & MySQL Secara Otodidak, Jakarta: Mediakita, 2010, hlm. 40.
2.             Dwiyoga, Albertus, Membangun Mail Server Andal dengan Fedora dan QMail, Jakarta: Elex Media Komputindo, 2005, hlm.11.
3.             Kadir, Abdul, Buku Pintar Jquery dan PHP, Yogyakarta: MediaKom, 2011, hlm. 22.
4.             Supardi, Yuniar, Web My Profile dengan Joomla 1.5.x. Jakarta: Elex Media Komputindo, 2010.
5.             Agizta Syarif, “Pengertian Web Browser”, URL :http://belajar-internet123.blogspot.com/2013/12/pengertian-web-browser.html , 11 April 2015; 20:35 WIB.
6.             Albertus Bayu Aji Priyono, “UML”, URL : http://bayuaji.staff.gunadarma.ac.id/Downloads/files/32096/UML.pdf, 11 April 2015; 23:30 WIB.
7.             Albertus Bayu Aji Priyono, “UML”, URL : http://bayuaji.staff.gunadarma.ac.id/Downloads/files/32096/UML.pdf, 11 April 2015; 23:30 WIB.
8.             Budinugroho, “Pengertian Internet atau Definisi Internet”, URL : https://budinugroho24.wordpress.com/about/pengertian-internet-atau-definisi-internet-2/ , 3 April 2015; 22:10 WIB.
9.             Computer and Techno, “Definisi dan Fungsi Mysql, Apache dan PHP”, URL : http://comput-techno.blogspot.com/2013/01/definisi-dan-fungsi-mysql-apache-dan-php.html , 11 April 2015; 23:10 WIB.
10.         Ficri Febriyana, “Pengertian HTTP, HTML, URL, WWW, FTP, DNS dan Domain”, URL : http://www.ficripebriyana.com/2013/12/pengertian-http-html-url-www-ftp-dns.html , 3 April 2015; 23:05 WIB.
11.         Fivi Syukriah Fauzi, “Struktur Navigasi”, URL : http://fivi_syukriah.staff.gunadarma.ac.id/Downloads/files/7790/Struktur+Navigasi.doc, 12 April 2015; 00:20 WIB.
12.         Iskandar Abadi, “ Pengertian WWW, Http dan URL di Internet”, URL : http://www.indoza.com/2014/01/pengertian-www-http-dan-url-di-internet.html, 3 April 2015; 22:39 WIB.
13.         Kungfumas, “Modul 2 MySQL”, URL : https://kungfumas.files.wordpress.com/2011/05/modul-2-mysql.doc, 12 April 2015; 14:05 WIB.
15.         Robby Candra, “Materi PHP”, URL : http://robby.c.staff.gunadarma.ac.id/Downloads/files/19334/Materi+PHP.pdf, 12 April 2015; 15:05 WIB.
17.         URL : http://www.scribd.com/doc/228266505/Material-JQueryUI#scribd, 22 Agustus 2015; 22:10 WIB.
18.         Yudi Yusti, “Sublime Text: Syntax Editor Dengan Banyak Fitur Menarik”, URL : http://yudiyusti.com/sublime-text/, 9 Juli 2015; 1:40 WIB.
19.         URL http://repository.usu.ac.id/bitstream/123456789/20020/4/Chapter%20II.pdf5 Januari 2016; 16:30 WIB
, 5 Januari 2016; 16:45 WIB

Tidak ada komentar:

Posting Komentar