APLIKASI DAN PERANCANGAN SISTEM PENGADUAN MASYARAKAT TERHADAP PEMPROV BANTEN BERBASIS WEB DAN ANDROID

ABSTRAK

Sistem informasi saat ini semakin berkembang pesat membuat semua pekerjaan dikehidupan ini banyak yang sudah beralih dibantu oleh teknologi informasi. Teknologi yang dapat membantu lebih mudah, cepat, aman dan efektif jelas sangat saja membantu siapa saja yang memanfaatkannya. Termasuk didalamnya untuk membantu setiap orang dalam melakukan pengaduan.

Akan tetapi proses pengaduan saat ini belum mempunyai wadah yang dapat menampung pengaduan masyarakat dan belum teroganisirnya pengaduan masyarakat kedinas-dinas terkait. Sistem yang sudah dibuat saat ini adalah sebuah sistem yang mewadahi atau dapat menjadi suatu alat informasi bagi masyarakat dalam menyampaikan informasi keluhan atau pengaduan yang dialami oleh masyarakat kepada dinas-dinas terkait agar proses perbaikan nya cepat dan terorganisir karena memanfaatkan sistem berbasis web dengan bantuan internet.

DAFTAR ISI

Halaman Judul

Abstrak

Daftar Isi

1. Pendahuluan

2. Metode Penelitian

2.1 Metode yang Digunakan

2.2 Metode Pengumpulan Data

2.3 Metode Analisis

2.4 Perancangan Aplikasi

3. Hasil dan Pembahasan

3.1 Kebutuhan Software dan Hardware

3.1.1 Software

3.1.2 Hardware

3.2 Analisis permasalahan

3.3 Solusi

3.4 Perancangan Aplikasi

3.5 Perancangan Database

3.5.1 Tujuan perancangan Database

3.5.2 Proses perancangan Database

3.6 Perancangan Sistem

3.6.1 Use Case Diagram

3.6.2 Activity Diagram

3.6.3 Sequence Diagram

3.6.4 State Chart Diagram

3.6.5 Class Diagram

3.6.6 Depoyment Diagram

3.6.7 Technology Stack Diagram

3.6.8 Desain tampilan

3.6.8.1 Tampilan Website

3.6.8.2 Tampilan dalam Aplikasi Mobile (Android)

1. PENDAHULUAN

Melihat semakin majunya perkembangan teknologi sekarang ini, dibutuhkan suatu sistem informasi yang bisa memudahkan serta meningkatkan efisiensi kinerja dalam berbagai hal. Hasil dari sistem informasi yang baik adalah sistem informasi yang memudahkan dan berguna bagi instansi yang menggunakan. Sistem kerja yang tertata sesuai struktur yang ada adalah hal yang bisa meningkatkan kinerja dari suatu instansi.

Seiring dengan berkembangnya tekhnologi informasi dengan pesat dan banyaknya kebutuhan dalam sistem informasi, dimana banyak instansi yang ingin menggunakan teknologi yang ada secara optimal sesuai kebutuhan demi mencapai hasil kerja yang baik bagi instansi tersebut. Dengan melihat masih kurangnya wadah / tempat bagi masyarakat untuk pengaduan kepada Pemprov dalam hal infrastruktur, fasilitas umum, pendidikan dan pengaduan lainnya. Pemprov Banten berperan memberikan pelayanan kepada masyarakat dalam urusan pemerintahan, kemasyarakatan, ekonomi, budaya, pendidikan, sarana dan prasarana.

2. METODE PENELITIAN

Untuk memperoleh data yang dapat menunjang aplikasi ini, maka di perlukan data teoritis dan data dinas terkait untuk mendapatkan data dan informasi yang berhubungan dengan aplikasi ini. Adapun penyusunan melakukan beberapa penelitian yang dilakukan dengan :

2.1 Metode yang digunakan

Jurnal ini menggunakan metode Prototype untuk melakukan perencanaan aplikasi pengaduan berbasis web dan android ini.

2.2 Metode pengumpulan data

Untuk menggumpulkan data yang diperlukan untuk membangun sistem ini diadakan wawancara dan studi pustaka. Pengumpulan data ini dilakukan untuk mengetahui permasalahan dan gambaran sistem yang sedang berjalan sehingga dapat mengembangkan untuk membentuk sistem baru yang dapat mendukung sistem yang sedang berjalan.

• wawancara ini dilakukan kepada Pemprov Banten. Wawancara dilakukan kepada sistem analist Pemprov Banten untuk mengetahui permasalahan dalam proses pendataan yang sedang berjalan sekarang.
• Studi pustaka melakukan pengumpulan informasi dari buku text, internet sebagai referensi.

2.3 Metode analisis

Pada metode ini dibuat aplikasi dengan melakukan analisis terhadap sistem yang sedang berjalan, analisis permasalahan yang ada, dan memberikan solusi untuk mengatasi permasalahan yang ada.

2.4 Perancangan aplikasi

Setelah mengetahui masalah yang masyarakat hadapi pada saat melakukan pengaduan, maka aka dirancang aplikasi yang sesuai dengan kebutuhan untuk mempermudah masyarakat melakukan pengaduan kepada pemerintah Pemprov Banten.

• Ilustrasi Alur Prototyping

Berikut ini adalah delapan aturan emas dalam perancangan user interface dalam pembuatan aplikasi yang dikemukakan oleh Shneiderman dan Plaisant (2010: 74) yaitu :

1. Berusaha untuk konsisten Konsisten serangkaian action harus ada di situasi yang sama, dalam perancangan User Interface, konsistensi sangat dianjurkan agar para pengguna tidak akan bingung dengan desain yang kita buat.

2. Kegunaan yang universal Mengenali kebutuhan dari berbagai user akan desain untuk kemudahan pemakaian seperti misalnya, penggunaan, shorcut untuk meningkatkan kecepatan interaksi dengan aplikasi yang kita buat.

3. Memberikan feedback yang informatif Untuk setiap tindakan pengguna, harus ada sistem feedback, untuk setiap tindakan yang sering dilakukan dan tidak terlalu penting dapat diberikan feedback yang sederhana.

4. Merancang dialog untuk menghasilkan suatu penutupan Urutan tindakan sebaiknya diorganisir dalam suatu kelompok dengan bagian awal, tengah dan akhi.

5. Prevent error (memberikan pesan kesalahan) Sebisa mungkin desain aplikasi kita simple agar pengguna tidak melakukan kesalahan fatal. Dan apabila pengguna melakukan kesalahan, maka aplikasi harus mendeteksi kesalahan dan menuntun pengguna untuk memperbaiki kesalahan tersebut.

6. Memudahkan untuk kembali ketindakan sebelumnya Hal ini dapat mengurangi kekhawatiran pengguna untuk mengambil tindakan, karena apabila terdapat kesalahan pengguna akan mudah kembali ke tindakan sebelumnya.

7. Mendukung kendali internal Memberikan pengguna kendali penuh terhadap aplikasi yang digunakan. Karena para pengguna lebih suka merasa bahwa mereka yang memegang kendali terhadap aplikasi dari pada mereka yang dikendalikan aplikasi.

8. Mengurangi ingatan jangka pendek Jangan membuat para pengguna mengingat terlalu banyak akan tampilan halaman, kode, dan tombol-tombol. Sebaiknya jadikan semua itu simple.

3. HASIL DAN PEMBAHASAN

3.1 Kebutuhan Software dan Hardware

Adapun alat bantu software dan hardware dalam melakukan analis dan perancangan adalah sebagai berikut:

3.1.1 Software

• Ubuntu 17.04
• Typora (markdown)
• Gliffy Diagram

3.1.2 Hardware

• Inter Celeron N2830 Speed 2.16 Ghz Turbo Boost 2.41 Ghz
• Memori DDR3 2GB
• Hard Disk 500GB

3.2 Analisis Permasalahan

Permasalahan yang terjadi dalam melakukan pengaduan saat ini adalah sebagai berikut:

1. Kurang efektif dalam hal waktu pada saat mengajukan pengaduan kepada pemerintah Provinsi Banten, karena sekarang masih secara manual dan harus datang kekantor pemerintah untuk mengambil formulir pengaduan.
2. Kurangnya informasi yang diterima oleh masyarakat tentang kelengkapan data yang harus dipenuhi untuk melakukan pengaduan.
3. Bagi masyarakat yang bertempat tinggal jauh dari kantor pemerintah, proses pengaduan akan berjalan lama karena harus menempuh jarak yang jauh terlebih dahulu.

3.3 Solusi

Dari hasil evaluasi produser yang berjalan masalah tidak terjadi pada saat pemrosesan pengaduan, tetapi masalah yang ada terkadang terjadi pada masyarakat hendak mengambil dan mengisi formulir pengaduan. Maka, berikut ini adalah usulan pemecahan masalah yang dibuat:

3.4 Perancangan Aplikasi

"Aplikasi dan perancangan sistem pengaduan masyarakat terhadap Pemprov Banten berbasis web dan android" adalah aplikasi pengaduan berbasis web yaang membantu pemerintah Provinsi Banten untuk mengelola setiap pengaduan masyarakat dan membantu mempermudah masyarakat untuk melakukan setiap pengaduan yang semula dilakukan dengan cara manual karena harus mengambil formulir pengaduan ke kantor pemerintah terlebih dahulu. Pengaduan itu sendiri berbentuk formulir yang harus diisi. Setelah masyarakat melakukan pengaduan, maka aplikasi akan menyimpan setiap pengaduan ke dalam database.

3.5 Perancangan Database

pada database yang digunakan oleh single user atau hanya beberapa user saja, perancangan database tidak sulit. tetapi jika ukuran database yang sedang atau besar ( 25 - ratusan user yang berisikan jutaan bytes informasi dan melibatkan ratusan query dan program program aplikasi) perancangan database menjadi sangat komplek. Oleh karena itu para pemakai mengharapkan penggunaan database yang sedemikian rupa sehingga sistem harus dapat memenuhi kebutuhan-kebutuhan seluruh user tersebut.

3.5.1 Tujuan perancangan database:

• Untuk memenuhi informasi yang diberisikan kebutuhan-kebutuhan user secara khusus dan aplikasi-aplikasinya.
• Memudahkan pengertian struktur informasi
• Mendukung kebutuhan-kebutuhan pemrosesan dan beberapa obyek penampilan (response time, processing time dan storage space)

3.5.2 Proses Perancangan Database

proses perancangan database terdiri dari 6 tahap:

• Tahap 1, Pengumpulan data dan analisis
• Tahap 2, Perancangan database secara konseptual
• tahap 3, Pemilihan DBMS
• Tahap 4, Perancangan Database secara logika (data model mapping)
• Tahap 5, Perancangan database secara fisik
• Tahap 6, Implementasi sistem database

Gambar Perancangan Database Aplikasi Sistem Pengaduan Masyarakat:

3.6 Perancangan Sistem

Permodelan rancangan sistem yang digunakan adalah UML (Unified Modeling Language). Menurut Whitten dan Bentley (2007, p381), Unified Modeling Language adalah kumpulan rancangan diagram untuk membangun sebuah sistem atau aplikasi yang dimana setiap diagram menyediakan sistem informasi kepada tim pengembang dengan berbagai sudut pandang yang berbeda-beda. UML yang digunakan terdiri dari use case diagram, activity diagram, sequence diagram, class diagram, deployment diagram, technology stack diagram dan desain tampilan.

3.6.1 Use Case Diagram

3.6.2 Activity Diagram

• Activity Diagram Registrasi User

• Activity Diagram Login User

• Activity Diagram Login Admin

• Activity Diagram Upload Laporan Pengaduan

• Activity Diagram Publish Laporan Pengaduan

• Activity Diagram Melihat Laporan Pengaduan

3.6.3 Sequence Diagram

• Sequence Diagram Registrasi User

• Sequence Diagram Login Admin

• Sequence Diagram Login User

• Sequence Diagram Upload Laporan Pengaduan

• Sequence Diagram Publish Laporan Pengaduan

• Sequence Diagram Melihat Laporan Pengaduan

3.6.4 State Chart Diagram

• State Chart Diagram Registrasi User

• State Chart Diagram Login Admin

• State Chart Diagram Login User

• State Chart Diagram Upload Laporan Pengaduan

• State Chart Diagram Publish Laporan Pengaduan

• State Chart Diagram Melihat Laporan Pengaduan

3.6.5 Class Diagram

3.6.6 Deployment Diagram

3.6.7 Technology Stack Diagram

3.6.8 Desain Tampilan

3.6.8.1 Tampilan Website

• Layout Tampilan Form Login

Dalam layout ini, hanya ada 2 text input username dan text input password dan 1 tombol login. Text input username berfungsi untuk memasukan username user dan text input password berfungsi untuk memasukkan password user. Tombol login berfungsi untuk memulai proses pengecekan username dan password di dalam database. Jika ada yang cocok maka proses login berhasil dan aplikasi akan menampilkan dashboard. Jika gagal maka aplikasi akan memberikan pemberitahuan, jika username dan password salah atau tidak ada di database.

• Layout Tampilan Dashboard

Dalam tampilan ini, aplikasi menampilkan Logo & Nama aplikasi, foto dan nama admin, list menu, jumlah user, jumlah laporan, jumlah laporan aktif, jumlah laporan tidak aktif, dan jumlah laporan dari masing-masing kategori.

• Layout Tampilan Page Laporan

Dalam tampilan ini, aplikasi menampilkan logo dan nama aplikasi, foto dan admin, list menu, list laporan dari masyarakat yang masuk. Dalam tampilan ini juga menampilkan filter pencarian laporan berdasarkan Kota, Kecamatan, Kelurahan. Secara default laporan yang masuk berstatus tidak aktif, jadi dalam tampilan page ini juga di sediakan tombol untuk mengaktifkan laporan agar, laporan dari masyarakat dapat tayang di aplikasi mobile dan website, dan ada juga tombol untuk menghapus laporan.

• Layout Tampilan Detail Laporan

Aplikasi akan menampilkan layout ini pada tab baru saat user mengklik judul laporan. Dalam layout ini aplikasi menampilkan laporan secara detail. Seperti judul, alamat, nama pelapor, 3 foto, saran, peta dan alamat, dan info user seperti nomor telepon dan email.

• Layout Tampilan Page Report

Dalam tampilan page report, tidak jauh berbeda dari tampilan pada page laporan yang sudah dibahas sebelumnya, perbedaannya terdapat pada filter pencaharian, pada page report pencarian bisa berdasarkan kategori, dan tanggal kirim, atau berdasarkan kategori saja, atau berdasarkan tanggal kirim saja. Satu lagi perbedaan pada page report ini yaitu ada tombol cetak yang berfungsi untuk mencetak laporan baik yang sudah di filter atau belum.

• Layout Tampilan List User

Tampilan ini hanya menampilkan list user yang sudah mendaftar lewat aplikasi android maupun website. Pada page ini aplikasi menampilkan list user dan filter pencarian yang berupa text input tanpa tombol cari. Aplikasi akan langsung mencari data berdasarkan apapun yang di ketikkan dalam text input tersebut.

3.6.8.2 Tampilan dalam Aplikasi Mobile (Android)

• Layout Tampilan Form Registrasi user

Aplikasi akan menampilkan tampilan ini jika user belum terdaftar, jika user sudah pernah mendaftar aplikasi akan langsung menampilkan tampilan dashboard (home). Dalam tampilan ini terdiri dari header, 4 text input yang terdiri dari username, nama lengkap, email, dan nomor telepon atau HP. Dalam tampilan ini juga terdapat tombol registrasi untuk memulai proses registrasi. Masing-masing text input tidak boleh ada yang kosong, jika ada maka aplikasi akan menampilkan pemberitahuan bahwa data tidak lengkap pada saat user menyentuh tombol registrasi dan proses registrasi tidak akan dimulai.

• Layout Tampilan Dashboard

Dalam layout ini hanya ada tombol menu yang berada di pojok kiri atas. Dalam layout ini juga terdapat image slider yang berfungsi untuk menampilkan banner yang akan berganti setiap 3 detik. Ada juga pilihan kategori laporan yang berbentuk grid atau baris, jumlah item dalam grid ini tergantung pada jumlah kategori yang ada dalam database.

• Layout Tampilan List Menu

Layout tampilan list menu hanya terdiri dari menu header dan list menu. List menu terdiri dari beberapa menu item yaitu Dashboard (Home), profile user, laporan, draft, form offline, sosial media (IG) dan informasi.

• Layout Tampilan Profile User

Dalam layout tampilan ini terdapat tombol kembali yang berbeda di pojok kiri atas foto user, foto cover dan layout data user seperti nama lengkapt, email, nomor telepon dan hp, dan username. Dalam layout ini juga terdapat *list8 laporan dari user yang sudah dikirimkan.

• Layout Tampilan List Laporan User

Dalam layout ini hanya terdapat tombol menu di pojok kiri atas, dan list laporan yang sudah diaktifkan oleh admin. Item dari list tersebut dapat disentuh dan nantinya aplikasi akan menampilkan detail laporan yang sudah dipilih.

• Layout Tampilan Draft

Layout ini tidak jauh beda dengan layout laporan, bedanya layout ini menampilkan laporan yang belum dikirim oleh user karena kesengajaan atau karena ketidak tersediaan koneksi internet saat user membuat laporan. Dalam layout ini terdiri dari list laporan dan tombol menu, jika tombol menu di sentuh, akan keluar 2 tombol yang terdiri dari tombol hapus semua dan tombol form offline. Tombol hapus semua berfungsi menghapus semua laporan yang tersimpan. Sedangkan tombol form offline berfungsi untuk membuat laporan secara offline dan dapat disimpan dan dapat dikirim kapan saja saat perangkat user sudah terkoneksi dengan jaringan internet. Fungsi tombol form offline ini sama dengan fungsi menu form offline. Lalu jika user menyentuh list item yang ada dalam menu draft ini, aplikasi akan menampilkan form update yang akan dijelaskan nanti.

• Layout Tampilan Detail Laporan

Dalam tampilan ini, terdiri dari tombol kembali yang ada di pojok kiri atas, image slider yang berfungsi menampilkan 3 foto laporan dan dapat di slide ke kiri dan kanan untuk melihat foto - foto dari laporan tersebut. Dalam layout ini juga terdapat text judul yang dapat menjadi text header jika layout ini di slide ke atas. Ada juga text nama user, nama kategori, dan tanggal upload (kirim).

Lalu ada text deskripsi, saran, dan kewenangan. Dan ada juga text alamat dan tampilan peta dari lokasi yang dilaporkan. Dalam tampilan ini juga beberapa tombol buka tutup yang berfungsi membuka dan menutup tampilan deskripsi, saran, kewenangan dan peta.

• Layout Tampilan Menu Form offline

Tampilan ini hanya terdiri dari list kategori laporan dan tombol menu yang berada di kiri atas.

• Layout Tampilan Form Online

Pada layout ini,terdiri dari tombol kembali, 3 image preview dan 3 tombol yang berfungsi untuk membuka kamera. Ada juga text alamat yang akan mencetak alamat yang di dapat melalui google maps saat tombol lokasi di sentuh. Dan ada 4 Text input nama dari judul, input nama sekolah, input deskripsi, dan input saran. Text input nama sekolah hanya ada dalam katergori SMA dan SMK,sedangka untuk kategori lain hanya ada 3 text input yaitu judul, deskripsi, dan saran. Tombol kirim laporan berfungsi untuk mengirimkan laporan, jika laporan sudah berhasil masuk, maka akan di beli pemberitahuan berupa alert, jika tidak akan di beri pemberitahuan error dan deskripsi errornya. Tombol simpan berfungsi menyimpan laporan kedalam draft. Dalam form online ini semua data yang ada dalam form harus terisi lengkap. Jika lengkap aplikasi akan memulai proses pengiriman laporan.

• Layout Tampilan Form Offline

Dalam tampilan ini tidak jauh berbeda dengan tampilan form online,bedanya dalam form ini hanya terdapat tombol simpan. Dalam form ini data yang harus ada adalah 3 foto,titik lokasi yang bisa didapat dengan menyentuh tombol lokasi. Jika perangkat terhubung dengan jaringan internet, maka text alamat akan mencetak koordinat titik lokasi. Dalam form ini juga harus ada judul laporan. Selebihnya dapat dilengkapi jika user ingin mengirim laporan tersebut.

• Layout Tampilan Form Update

Pada tampilan ini terdapat 2 tombol pada header layout. Tombol kembali dan tombol hapus draft. Tombol hapus draft berfungsi untuk menghapus draft yang sedang di buka pada tampilan ini, Jika berhasil di hapus, maka aplikasi akan kembali ke list draft. Dalam layout tampilan ini hanya ada 3 image preview, tanpa ada 3 tombol kamera agar user tidak dapat mengganti atau sengaja mengahapus foto yang sudah di ambil sebelumnya, makan aplikasi akan menghapus data draft tersebut saat membukanya pada tampilan ini. Tampilan form ini juga tanpa tombol lokasi, karena user tidak boleh mengganti atau mengedit lokasi yang sudah di dapatkan sebelumnya dan jika text lokasi belum tercetak alamat, maka laporan ini belum bisa di kirim. Fungsi dan validasi kirim tobol laporan sama dengan tombol kirim laporan yang ada pada form online. Tombol update draft bergungsi untuk menyimpan data laporan yang sudah di *update8 tapi belum dapat dikirim.