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
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.
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.1Flowchart 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.2Flowchart 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.3Use 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
5 2.4Activity 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.5ERD ( 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
6 2.6Halaman 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.7Halaman Utama
Dalam halaman utama banyak pilihan menu. Di menu itu terdapat beberapa menu lagi. Rancangan layout pada halaman utama ditampilkan pada Gambar 8.
2.8Halaman 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
7 2.9Halaman 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
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
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
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
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
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.
DAFTARPUSTAKA
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).