SISTEM INFORMASI SISKAMLING BERBASIS WEB fileagar dapat membantu warga dalam menerima informasi...
Transcript of SISTEM INFORMASI SISKAMLING BERBASIS WEB fileagar dapat membantu warga dalam menerima informasi...
SISTEM INFORMASI SISKAMLING BERBASIS WEB
Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I pada Program
Studi Informatika Fakultas Komunikasi dan Informatika
Oleh :
Muhrom Khoirul Anwar
L 200 100 090
PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2018
i
ii
iii
iv
v
i
SISTEM INFORMASI SISKAMLING BERBASIS WEB
Abstrak
Di era globalisasi sekarang ini, masyarakat tentu tidak asing lagi dengan internet.
Internet merupakan akses masyarakat untuk melihat atau mencari informasi yang
dibutuhkan masyarakat. Penyampaian informasi tak hanya ditempel di papan
pengumuman saja akan tetapi seiring berkembangnya teknologi, informasi juga bisa
dibuat dengan mempergunakan fasilitas Internet yang akan mempermudah masyarakat
untuk melihat informasi tentang kegiatan-kegiatan yang berhubungan dengan
masyarakat. Salah satu contoh kegiatan tersebut adalah keamanan masyarakat atau
SISKAMLING (Sistem Keamanan Lingkungan).
Cara yang dilakukan (Rukun Tetangga) RT dalam menginformasikan kepada
warganya yaitu kebanyakan dengan cara manual, sehingga cara tersebut belum efektif.
Informasi semakin berkembang dengan berbagai aplikasinya. Oleh karena, itu penulis
membuat sistem informasi SISKAMLING berbasis web, dengan memasukkan SMS
gateway untuk penghubung antara RT dan warga dalam mengelola informasi. Sistem
informasi SISKAMLING ini dibuat berbasis web mengunakan PHP dan HTML sebagai
bahasa pemogramannya, MYSQL sebagai database, XAMPP sebagai server lokal, dan
GAMMU untuk sms gatewaynya.
Dalam tahap Pengujian untuk dapat dinilai dan dioperasikan dengan cara
membagikan kuesioner sebanyak 10 warga (user) dan 1 RT (Admin). Penulis berharap
agar dapat membantu warga dalam menerima informasi jadwal ronda, denda, dan
laporan dengan menggunakan SMS GATEWAY.
Kata Kunci: HTML, MYSQL, PHP, Siskamling, SMS Gateway, Web
Abstract
In this era of globalization, society is certainly no stranger to the internet. Internet
is a public access to see or search any information community needs. To present of
information is not only posted on bulletin boards but with the development of
technology, information can also be made by using Internet facilities that will facilitate
the public to see information about activities related to the community. One of example
such activities is security comunity or SISKAMLING (Environment Security System).
How to do neighbourhood group in informing its citizens that most of the way
manually, so that way has not been effective. Information is growing with various
applications. Therefore, the authors create a web-based SISKAMLING information
system, by entering the SMS gateway for liaison between neighbourhood groub and
citizens in managing information. This SISKAMLING information system is based on
web using PHP and HTML as its programming languages, MYSQL as database,
XAMPP as local server, and GAMMU for sms gateway.
In Testing stage to be assessed and operated by distributing questionnaires as
many as 10 residents (users) and 1 neighbourhood groub (Admin). The authors hope to
help residents in receiving information schedule patrol, fines, and reports using SMS
GATEWAY.
Keywords: HTML, MYSQL, PHP, Siskamling, SMS Gateway, Web
2
1. PENDAHULUAN
Di era globalisasi sekarang ini, masyarakat tentu tidak asing lagi dengan internet. Internet
merupakan akses masyarakat untuk melihat atau mencari informasi yang masyarakat butuhkan.
Penyampaian informasi tak hanya ditempel di papan pengumuman saja akan tetapi seiring
berkembangnya teknologi, informasi juga bisa dibuat dengan mempergunakan fasilitas internet
yang akan mempermudah masyarakat untuk melihat informasi tentang kegiatan-kegiatan yang
berhubungan dengan masyarakat dari masyarakat lain. Salah satu contoh kegiatan tersebut adalah
keamanan masyarakat atau SISKAMLING ( Sistem Keamanan Lingkungan ) .
Selama ini SISKAMLING yang ada di masyarakat hanya menggunakan papan pengumuman
pada pos ronda untuk menempelkan sebuah informasi dipapan tersebut, apabila ada informasi
terbaru akan menempelkan kembali pada papan. Dengan internet dapat mempermudah
penyampaian informasi perihal siskamling yang ada di masyarakat , salah satunya dengan website.
Penulis membuat sebuah website untuk memudahkan masyarakat mendapatkan sebuah
informasi khusus para bapak dan masyarakat umum . Salah satu informasi tersebut adalah informasi
tentang SISKAMLING . Masyarakat bisa melihat dan mengetahui peraturan , penjadwalan, simulasi
alarm, denda, dan akumulasi denda SISKAMLING dengan menggunakan teknologi berbasis web.
Masalah tersebut Penulis mengambil judul ”SISTEM INFORMASI SISKAMLING BASIS WEB”.
Siskamling (Sistem Keamanan Lingkungan) merupakan upaya bersama dalam
meningkatkan sistem keamanan dan ketertiban masyarakat yang memberikan perlindungan dan
pengamanan bagi masyarakat dengan mengutamakan upaya-upaya pencegahan dan menangkal
bentuk-bentuk ancaman dan gangguan Kamtibmas (Keamanan dan Ketertiban Masyarakat).(dadang
jsn 2015).
Menurut muhtar (2011) dalam penelitiannya yang berjudul “Aplikasi Sistem Informasi
Perkumpulan Kepala Keluarga Berbasis Sms Gateway ( studi kasus : wilayah RW-IV Kelurahan Kratonan)”
pada satu RW terdiri dari beberapa RT. Pada setiap RT memiliki perkumpulan kegiatan kepala
keluarga yang bersifat formal (rutin) dan non-formal. Dalam pelaksanaannya tak luput dalam
kendala yang ada seperti kendala personel, pengumuman atau pemberitahuan, Lost
Communication (kurang komunikasi), pembentukan jadwal, dan lain-lain.
2. METODE
Dalam penelitian ini penulis menggunakan metode yaitu dengan cara pendekatan sistematis
mulai dari menganalisis kebutuhan sistem, merancang software dan sistem, penulisan kode atau
3
pembuatan sistem, pengujian sistem, implementasi dan maintenance. Tahapan penelitian
ditampilkan pada Gambar 1.
2.1 Flowchart Admin
Pada flowchart admin yang pertama dilakukan adalah Login dengan memasukkan username dan
password kemudian apabila username dan password benar maka eksekusi dilanjutkan, kalau
username dan password salah, maka akan dicek lagi. Setelah login berhasil akan menuju
halaman admin yang terdiri dari input data warga, laporan, denda, sms, kemudian dilanjutkan
dengan informasi jadwal ronda dan denda. Jika semua telah berhasil , selanjutnya adalah logout.
Flowchart Admin ditampilkan pada Gambar 2.
Gambar 2. Flowchart Admin
Gambar 1 Diagram Alir Penelitian
4
2.2 Flowchart Warga ( User )
Pada flowchart warga, warga hanya bisa mengirim pesan dan menerima pesan. Setelah warga
mengirim pesan, selanjutnya pesan masuk dan memasukkan kata kunci untuk menerima
informasi dari sistem . Flowchat Warga ditampilkan pada Gambar 3.
2.3 Use Case Diagram
Di dalam use case diagram admin yang pertama dilakukan adalah login, setelah login admin
juga bertugas mengelola sms dari warga tentunya dengan sistem. Kemudian admin juga bisa
menginput data sehingga data warga bisa berada dalam database. Admin juga mengirim
kesistem sehingga sistem mengirim ke warga. Warga dapat mengirim dan menerima sms dari
sistem. Use Case Diagram ditampilkan pada gambar 4.
Gambar 3 Flowchart Warga
login
Membalas
pesan
Input data
Ubah data
Mengirim sms
Menerima sms
Sms Gateway
Gambar 4 Use Case Diagram
Admin
User
5
2.4 Activity Diagram
Pada activity diagram ini merupakan sebuat alur dimana alur tersebut dari admin login sampai
logout. Activity Diagram ditampilkan pada Gambar 5.
WARGA ADMIN SISTEM SMS
2.5 ERD ( Entity Relationship Diagram )
Entity Relationship Diagram (ERD) digunakan dalam menjelaskan hubungan antar data dalam
basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD
ditampilkan pada Gambar 6.
Kirim sms Terima sms Proses sms
Terima sms
Mengirim sms
autoreplay
Gambar 5 Activity Diagram Sms Gateway
Gambar 6 ERD (Entity Relationship Diagram) Admin
6
2.6 Halaman Login Admin
Menu login admin berfungsi agar dapat masuk dalam aplikasi. Admin harus melakukan login
agar dapat mengaktifkan setiap menu. Rancangan layout halaman login ditampilkan pada
Gambar 7.
2.7 Halaman Utama
Dalam halaman utama banyak pilihan menu. Di menu itu terdapat beberapa menu lagi.
Rancangan layout pada halaman utama ditampilkan pada Gambar 8.
2.8 Halaman home warga
Pada halaman home warga ini terdapat 2 kolom yang harus di isi oleh warga yaitu kolom nama
dan kolom no hp. Rancangan layout halaman home warga ditampilkan pada Gambar 9.
Header
footer
MASUK
Header
footer
Home | warga | Jadwal Siskamling| Laporan | Denda | Sms |Info | Tentang |
Logout
Header
footer
Home | Jadwal Siskaling | Info Siskamling | Contact | Logout
Gambar 7 Halaman Login
Gambar 8 Halaman Utama
Gambar 9 Halaman home warga
7
2.9 Halaman Jadwal Warga
Pada halaman jadwal warga ini terdapat beberapa kolom untuk menunjukkan hari dari senin
sampai minggu. Rancangan layout halaman jadwal warga ditampilkan pada Gambar 10.
2.10 Halaman Info
Halaman info terdapat kolom yang terdiri dari tanggal pengumuman dan info,
Tampilannya ada pada Gambar 11.
Perancangan aplikasi sistem informasi siskamling berbasis web ini melalui beberapa
proses. Hal yang harus diperlukan untuk membuat sistem informasi siskamling, yaitu:
2.11 Analisis Kebutuhan
Analisis kebutuhan yaitu menentukan dan mempersiapkan alat-alat yang dapat
digunakan untuk pembuatan sistem informasi adalah hardware, hardware dan alat
pendukung ; Hardware yang dipergunakan untuk perancangan dan pembuatan yaitu
Processor: Intel(R) Core(TM) i3, 2.20 GHz, Hardisk 320 GB, Ram 2 GB; Software yang
digunakan dalam perancangan dan pembuatan aplikasi ini adalah Adobe Dreamweaver Cs6,
Header
footer
Home | Jadwal Siskamling | Info Siskamling| Contact | Logout
Data Jadwal
Data
Jadwal
Data
Jadwal
Data
Jadwal Data
Jadwal
Gambar 10 Halaman jadwal warga
Header
footer
Home | Jadwal Siskamling | Info Siskamling| Contact | Logout
Gambar 11 Halaman info
8
Xampp, Gammu, Mozilla Firefox, dan sublime text; serta peralatan pendukung yang
dipergunakan adalah modem telkomflash dan sebuah mobile phone.
Dalam pembuatan aplikasi sistem informasi siskamling berbasis web ini
menggunakan dreamweaver untuk mendesain tampilan. Untuk bahasa yang digunakan untuk
membuat sistem adalah PHP, kemudian untuk database menggunakan MYSQL. Untuk
server lokal menggunakan XAMPP yang mendukung database MYSQL.
Pada tahap ini penulis dalam pembuatan aplikasi dengan mengumpulkan semua data
yang di dapatkan pada tahap analisis kebutuhan dan mulai membuat aplikasi sesuai dengan
desain yang penulis rancang
Pada tahap ini yaitu pengujian aplikasi. Pengujian dilakukan dengan melakukan
tahapan yaitu ketika aplikasi berhasil dijalankan akan dilanjutkan ketahap berikutnya,
namun apabila terjadi kegagalan ,maka dilakukan perbaikian. Pada tahap ini penulis
menggunakan laptop Lenovo dengan spesifikasi processor: Intel(R) Core (TM) i3, Hardisk
320 GB, System operasi windows 7, Ram 2GB, kecepatan processor 2,20 GHz. Kemudian
brower menggunakan Mozilla firofex. Pengujiannya dengan mengirimkan sms kepada
warga.
3. HASIL DAN PEMBAHASAN
Hasil pada penelitian ini adalah membuat system informasi siskamling berbasis web. Bertujuan
untuk memberikan kemudahan untuk mengakses jadwal, dan absen melalui sms gateway
3.1 Jendela Login Admin
Jendela login admin adalah tampilan yang digunakan oleh admin untuk bisa masuk ke sistem.
Setelah admin login, maka admin dapat melakukan pengolahan database seperti mengedit,
menambah, dan menghapus. Tampilan login admin ditampilkan pada Gambar 12.
Halaman Home Gambar. 12 Jendela Login Admin
9
Halaman home merupakan halaman yang tampil pertama kali ketika admin melakukan login ke
aplikasi maupun ketika admin mengunjungi menu “home” yang ada di bagian atas. Halaman home
memiliki beberapa submenu, yaitu Home, Warga, jadwal SISKAMLING, laporan, Denda, Sms,
info, Tentang, dan Logout. Tampilan halaman home ditampilkan pada Gambar 13.
3.2 Halaman Home Warga
Halaman home warga terdiri dari Home, Jadwal SISKAMLING, Info SISKAMLING, Contact.
Tampilan halaman warga dapat dilihat pada Gambar 14.
3.3 Halaman jadwal warga
Halaman jadwal warga merupakan halaman yang berisikan informasi mengenai jadwal warga dari
senin sampai minggu. Tampilan dari halaman jadwal warga ditampilkan pada Gambar 15.
Gambar 13 Halaman Home Admin
Gambar 14 Halaman Warga
10
Halaman info
Halaman info merupakan halaman yang digunakan untuk memberitahukan info kepada warga terkait
kegiatan SISKAMLING. Tampilan dari halaman info ditampilkan pada Gambar 16.
3.3 Pengujian Kuisioner
Pengujian Sistem informasi siskamling berbasis web ini dilakukan di perumahan Gonilan
RT 01 RW XII, penerapan dilakukan kepada warga dan RT. Tujuan dari pengujian ini yaitu
mengetahui pendapat dari 10 user dan 1 admin terhadap aplikasi dengan cara menyebar kuisioner
yang disimpulkan pada tabel 1 dan tabel 2.
Rumus yang di gunakan untuk menghitung hasil kuisioner dengan persamaan 1 sampai
persamaan 4.
Skor Tertinggi S ( Max ) = 4 x n = 4n ( SS ) Persamaaan (1)
Skor Terendah S ( Min ) = 1 x n = n ( STS ), dimana n = total responden Persamaan (2)
Skor ( S ) ∑ ( jumlah responden pemilih jawaban x bobot jawaban ) Persamaan (3)
Persentase Interpretasi Persamaan (4)
Gambar 15 Halaman Jadwal Warga
Gambar 16 Halaman info
11
Tabel 1. Hasil kuisioner untuk user pernyataan umum yang diambil dengan 10 responden
Keterangan :
P1= Pernyataan 1 P5= Pernyataan 5
P2= Pernyataan 2 P6= Pernyataan 6
P3= Pernyataan 3 P7= Pernyataan 7
P4= Pernyataan 4 P8= Pernyataan 8
(SMax) = 4 (Sangat Setuju), jadi 4 x 10 = 40
(SMin) = 0 (Sangat Tidak Setuju), jadi 0 x 10 = 0
Tabel 2. Hasil kuisioner untuk Admin pernyataan umum yang diambil dengan 1 responden
Keterangan :
P1= Pernyataan 1 P5= Pernyataan 5
P2= Pernyataan 2 P6= Pernyataan 6
P3= Pernyataan 3 P7= Pernyataan 7
P4= Pernyataan 4 P8= Pernyataan 8
12
(SMax) = 4 (Sangat Setuju), jadi 4 x 1 = 4
(SMin) = 0 (Sangat Tidak Setuju), jadi 0 x 1 = 0
Hasil perhitungan kuisioner untuk user dari 10 responden dibuat dalam bentuk grafik pada
Gambar 17
Gambar 17 Grafik hasil kuisioner untuk 10 responden
Selanjutnya untuk mengukur tingkat Prosentase Interpretasi(P), yakni dengan skala interval (
Riduwan,2005 ) sebagai berikut:
Angka 0% - 20% = Sangat Lemah
Angka 21% - 40% = Lemah
Angka 41% - 60% = Cukup
Angka 61% - 80% = Kuat
Angka 81% - 100% = SangatKuat
Tabel 3. Keterangan pernyataan kuisioner
13
Dalam melakukan pengujian kuisioner menunjukkan persentase rata-rata aplikasi diangka
62%. 77,5% menyatakan mudah menjalankan sistem. 40% menyatakan bahwa tampilan menarik.
75% menyatakan bahwa untuk kebutuhan informasi siskamling system sudah sesuai. 72,5%
menyatakan bahwa menu sudah cukup lengkap. 70% menyatakan sistem informasi ini cukup
interaktif. 72,5% menyatakan bahwa di dalam server system sudah berjalan. 72,5% menyatakan
bahwa dalam pengolahan data siskalming system ini sangat membantu. 72,5% menyatakan bahwa
system ini sudah layak di gunakan. 8 pernyataan yang ditujukan dan dijawab admin menyatakan
bahwa 63% keseluruhan system ini sudah cukup layak digunakan. Kesimpulannya bahwa dari
analisa terhadap 11 responden dalam menggunakan sistem ini sudah cukup layak digunakan dalam
membantu pengelolaan sistem informasi siskamling, menunjukkan bahwan responden tertarik untuk
mempelajarinya.
Kemudian penulis membandingkan dengan system yang telah dibuat oleh Annisa Fitriana
Muchtar (2011) dalam penelitianya berjudul “Aplikasi Sistem Informasi Perkumpulan Kepala
Keluarga Berbasis Sms Gateway”. Dibawah ini adalah perbedaan antara penuli dan penulis lain
seperti di tampilkan di Tabel 4.
Tabel 4. Tabel Perbandingan antara penulis dan penulis lain.
.
4. PENUTUP
4.1 Kesimpulan
Sistem informasi siskamling berbasis web telah berhasil di rancang, di desain, dan di buat dan dapat
dijalankan sesuai dengan yang di inginkan. Tujuan penulis membuat web ini adalah untuk
memudahkan warga dalam mencari informasi tentang siskamling dan memperbaiki system yang
masih manual menuju system yang terkomputerisasi.
14
4.2 Saran
Di sini penulis dalam membuat aplikasi memang tidak sempurna masih banyak kekurangan
daripada kelebihan, maka dari itu penulis berharap kepada penulis yang ingin mengmbangkan
aplikasi ini untuk melakukan perbaikian dalam hal desain dan sistemnya tanpa mengurangi
kegunaannya. Serta menambah beberapa fitur agar fitur menjadi komplit.
PERSANTUNAN
Rasa syukur saya kepada Allah SWT atas nikmat sehat dan nikmat iman sehingga penulis
alhamdulillah telah menyelesaikan skripsi ini. Kepada nabi Muhammad SAW yang menjadikan
motivasi dalam diri penulis untuk menjadi manusia yang rahmatanlil’alamin. Ucapan persembahan :
Terima kasih kepada ibu Umi Fadlilah,ST,M.Eng sebagai pembimbing skripsi yang telah banyak
membantu dalam meyelesaikan skripsi ini. Terima kasih kepada mas ikhsan sebagai biro yang
membantu kelancaran skripsi penulis.
DAFTAR PUSTAKA
Dadang. 2015. “ Pengertian, Tujuan, Fungsi / manfaat ronda dalam siskamling untuk keamanan dan
ketertiban di lingkungan masyarakat “. Tersedia dalam
<http://www.dadangjsn.com/2015/06/pengertian-tujuan-fungsi-manfaat ronda.html > [diakses
tanggal 22 september 2017]
Fadlilah, U. 2014 . “website vulnerability scan for information system of toddler’s growth and development.
Japang
Muchtar, A, F. & Fadlilah, U. 2011. “Aplikasi Sistem Informasi Perkumpulan Kepala Keluarga Berbasis
Sms Gateway( studi kasus : wilayah RW-IV Kelurahan Kratonan).
Riduwan. 2005. Skala Pengukuran Variabel-Variabel Penelitian. Bandung: Alfabeta.