## Visualisasi Data Penduduk Berbasis Web di Kelurahan Mranggen Kecamatan Mranggen Kabupaten Demak menggunakan Highcart 5.0.6
Endang Lestariningsih, Eka Ardhianto, W.T. Handoko, Edy Supriyanto, Sri Lestari Ratna A. Fakultas Teknologi Informasi, Universitas Stikubank email: endang_lestari51@yahoo.com, eka@unisbank.ac.id, wthandk@yahoo.com, edysupri@yahoo.com

## Abstrak
Desa  mranggen  kecamatan  mranggen  merupakan  wilayah  administratif  kabupaten  demak yang  berbatasan  langsung  dengan  kota  semarang.  Menurut  buku  statistik  daerah  kecamatan mranggen  tahun  2015,  tahun  2014,  tercatat  jumlah  penduduk  kecamatan  mranggen  mencapai 175.604  jiwa.  Sedangkan  dari  catatan  statistik  tahun  2016,  penduduk  kecamanatan  mranggen sebanyak 180.152 jiwa.
Kelurahan  Mranggen  merupakan  ibukota  Kecamatan  Mranggen,  salah  satu  desa  yang paling  cepat  berkembang.  Berdasarkan  penelitian  yang  dilakukan  oleh  Endang,  yang  telah melakukan  pemodelan  informasi  monitoring  warga  desa  mranggen  melalui  pencatatan penduduk  berbasis  website,  memberikan  hasil  yang  cukup  membantu  bagi  pemerintah  desa untuk  memantau  perkembangan  penduduk  namun  laporan  kependudukan  masih  dalam  bentuk deskriptif  angka  dan  bilangan.  Maka  pada  penelitian  ini  dikembangkan  dengan  menambahkan fitur visualisasi data penduduk.
Dengan adanya model penggambaran dalam bentuk visual, memberikan hasil memudahkan bagi  pemerintah  desa  dalam  membaca  perkembangan  penduduk  desa  serta  membantu memudahkan  menentukan  arah  dalam  mengatur,  mengembangkan  dan  menggali  potensi  diri untuk mencapai kesejahteraan sosial di lingkungannya
Kata Kunci : administrasi kependudukan, administrasi desa

## 1. PENDAHULUAN
Menurut Peraturan Daerah (Perda)
Kabupaten  Demak  Nomor  5  Tahun  2009, Peristiwa  Kependudukan  adalah  kejadian  yang dialami penduduk yang harus dilaporkan karena membawa  akibat  terhadap  penerbitan  atau perubahan  Kartu  Keluarga,  Kartu  Tanda Penduduk dan/atau surat keterangan kependudukan  lainnya  meliputi  pindah  datang, perubahan alamat serta perubahan status Tinggal Terbatas  menjadi  Tinggal  Tetap,  dan  menurut Peraturan  Pemerintah  (PP)  Nomor  72  Tahun 2005,  Desa  adalah  kesatuan  masyarakat  hukum yang memiliki batas batas wilayah dan memiliki kewenangan  untuk  mengatur  serta  mengurus kepentingan  masyarakat  setempat  yang  diakui dan  dihormati  dalam  sistem  Negara  Kesatuan Republik Indonesia. Dari penjelasan Perda No. 5 Tahun  2009  Kabupaten  Demak  dan  PP  Nomor 72  Tahun  2005,  Desa  adalah  lokasi  kejadian peristiwa  kependudukan  yang  memiliki  kontak langsung dengan masalah kependudukan.
Sebagai  kesatuan  penduduk  yang  paling kecil,  desa  memiliki  perangkat  desa  yang dipimpin  oleh  Lurah  mempunyai  kewenangan untuk mengatur, mengembangkan dan menggali potensi diri untuk mencapai kesejahteraan sosial di  lingkungannya.  Dalam  hal  ini,  Lurah  adalah penentu  kebijakan  bagi  masyarakat  Desa.  Salah satu  masalah  pelik  yang  dihadapi  oleh  desa adalah masalah kependudukan. Dengan semakin berkembangnya jumlah penduduk yang dipengaruhi  oleh  kelahiran,  kematian  dan migrasi menjadi sebuah pekerjaan tersendiri bagi Pemerintah  Desa.  Untuk  itu  diperlukan  sebuah perangkat  yang  dapat  membantu  penyajian  data kependudukan bagi desa.
Salah  satu  wilayah  administratif  pelayanan kemasyarakatan adalah desa mranggen kecamatan  mranggen.  Kecamatan  mranggen  ini merupakan  wilayah  administratif  kabupaten demak  yang  berbatasan  langsung  dengan  kota semarang.  Menurut  buku  statistik  daerah kecamatan  mranggen  tahun  2015,  tahun  2014,
tercatat  jumlah  penduduk  kecamatan  mranggen mencapai  175.604  jiwa  [1].  Sedangkan  dari catatan statistik tahun 2016, penduduk kecamanatan  mranggen  sebanyak  180.152  jiwa [2].
Kelurahan  Mranggen  merupakan  ibukota Kecamatan  Mranggen,  salah  satu  desa  yang paling  cepat  berkembang.  Perkembangan  Desa Mranggen  nampaknya  banyak  dipengaruhi  oleh kedekatannya  dengan  Kota  Semarang.  Hal  ini seperti yang dituliskan oleh suprapta dalam hasil penelitiannya  bahwa  kawasan  perbatasan  yang selama  ini  masih  berupa  desa  berubah  karakter fungsionalnya  menjadi  kehidupan  kota  dan Perkembangan  daerah  perbatasan  antara  Kota Semarang dengan Kecamatan Mranggen memperlihatkan  gejala  urbanisasi  yang  cepat yang  antara  lain  ditandai  dengan  pertumbuhan penduduk  yang  tinggi,  terjadinya  perubahan penggunaan  lahan  dari  pertanian  ke  non pertanian  serta  banyaknya  penglaju  (commuter) [3].
Berdasarkan penelitian yang dilakukan oleh Endang,[4]  yang  telah  melakukan  pemodelan informasi  monitoring  warga  desa  mranggen melalui  pencatatan  penduduk  berbasis  website cukup  membantu  bagi  pemerintah  desa  untuk memantau  perkembangan  penduduk  namun laporan  kependudukan  masih  dalam  bentuk deskriptif  angka  dan  bilangan.  Maka  penelitian tersebut perlu dikembangkan dengan menambahkan  fitur  visualisasi  data  penduduk. Dengan  adanya  model  penggambaran  dalam bentuk visual, diharapkan akan lebih memudahkan  bagi  pemerintah  desa  untuk  dapat menentukan arah dalam mengatur, mengembangkan  dan  menggali  potensi  diri untuk mencapai kesejahteraan sosial di lingkungannya

## 2. TUJUAN DAN MANFAAT
Tujuan  dari  penelitian  ini  adalah  membuat sebuah  visualisasi  data  penduduk  kelurahan mranggen  untuk  mendukung  pemerintah  desa dalam  menentukan  arah  dalam  mengatur, mengembangkan  dan  menggali  potensi  diri untuk mencapai kesejahteraan sosial di lingkungan mranggen. Manfaat yang nanti dapat didapat adalah kemudahan bagi pemerintah desa
dalam  melihat  perkembangan  penduduk  dalam bentuk  visual  sehingga  memudahkan  dalam menentukan arah dalam mengatur, mengembangkan  dan  menggali  potensi  diri untuk mencapai kesejahteraan sosial di lingkungannya

## 3. TELAAH PUSTAKA

## 1. Pengertian Penduduk dan Warga
Penduduk  adalah  orang-orang  yang  berada di dalam suatu wilayah yang terikat oleh aturan- aturan  yang  berlaku  dan  salingberinteraksi  satu sama lain secara terus menerus / kontinu. Warga mengandung  arti  peserta,  anggota  dari  suatu organisasi atau perkumpulan [4].

## 2. Pengertian Data dan Informasi
Informasi  adalah sekumpulan  data/  fakta yang  diorganisasi  atau  diolah  dengan  cara tertentu  sehingga  mempunyai arti bagi  penerim. Data  yang  telah  diolah  menjadi  sesuatu  yang berguna bagi si penerima maksudnya yaitu dapat memberikan  keterangan  atau  pengetahuan. Dengan demikian yang menjadi sumber informasi adalah data. Sedangkan data
adalah deskripsi  dasar  atau  fakta  mentah  dari kejadian, hal yang ditangkap, direkam, disimpan, diklasifikasikan, namun tidak diorganisasikan  untuk  tujuan  spesifik  tertentu. Representasi  dari  dunia  nyata  yang  dinyatakan dalam  bentuk  angka,  huruf,  simbol,  warna, gambar, atau paduan dari semua hal tersebut [5].

## 3. Pengertian Visualisasi
Menurut  mordoko,  Visualisasi  adalah rekayasa  dalam  pembuatan  gambar,  diagram atau  animasi  untuk  penampilan  suatu  informasi dalam penjelasan lain visualisasi adalah konversi data ke dalam format visual atau tabel  sehingga karakteristik  dari  data  dan  relasi  diantara  item data  atau  atribut  dapat  di  analisis  atau dilaporkan,  dan  visualisasi  data adalah  satu  dari yang  teknik  paling  baik  dan  menarik  untuk eksplorasi  data.  Manusia  memiliki  kemampuan membangun  yang  baik  untuk  menganalisis sejumlah  besar  informasi  yang  dipresentasi secara  visual.  Ia  dapat  mendeteksi  pola  umum dan  trend,  pencilan  dan  pola  yang  tidak umum[6].

## 4. METODE PENELITIAN
Metode  penelitian  yang  digunakan  adalah melakukan  pengembangan  perangkat  lunak dengan menggunakan  model prototiping. Model pengembangan  perangkat  lunak  dengan  model prototipe ini akan menghasilkan sebuah aplikasi dalam bentuk prototipe sebelum aplikasi tersebut memasuki  tahap  design.  Dalam  fase  ini, prototype  yang  telah  dirancangakan  dievaluasi. Tahap  ini  akan  terus  menerus  diulang  sampai aplikasi  benar  benar  sesuai  dengan  keinginan. Apabila  prototype  telah  selesai,  maka  tahapan aplikasi  akan  kembali  berlanjut  ketahap  design. Gambar 1 menjelaskan bagaimana urutan proses pengembangan  perangkat  lunak  dengan  model prototype [6].
Gambar 4.1. Prototyping Method (Pressman, Roger S.,2002)

## 5. HASIL DAN PEMBAHASAN

## A. Bahan Penelitian
Bahan  penelitian  yang  digunakan  dalam penelitian  ini  adalah  bahan  yang  nantinya digunakan  sebagai  bahan  input,  proses  alur bisnis dan output. Adapun bentuk bahan inputan yang  digunakan  adalah  :  data  Penduduk  yang didapat  dari  penelitian  sebelumnya  yang  telah dilakukan  oleh  Endang  dalam  bentuk  file  exel dan database sql. Sedangkan bahan untuk proses alur  bisnis  adalah  menggunakan  hghcart  versi 5.0.6  yang  dipadukan  dengan  data  inputan berbasis web. Sedangkan output yang dihasilkan adalah  :  bentuk  visualisasi  data  penduduk  desa mranggen yang tergambar dalam bentuk grafik.

## 1. Bahan Input
Bahan  inputan  yang  dimaksudkan  didalam penelitian  ini  adalah  data  Penduduk  yang didapat  dari  penelitian  sebelumnya  yang  telah dilakukan  oleh  Endang  dalam  bentuk  file  exel dan  database  sql.  Seperti  terlihat  pada  gambar 5.1.

## Gambar 5.1. Data input

## 2. Output
Output  merupakan  hasil  keluaran  dari  data data  yang  terkumpul  dan  sudah  diolah.  Bentuk output  atau  keluaran  dari  proses  adalah  bentuk visualisasi  data  penduduk  desa  mranggen  yang tergambar dalam bentuk grafik, meliputi : Grafik Piramida  Penduduk,  Grafik  Jenis  Kelamin Penduduk,  Grafik  Tingkat  Pendidikan,  Grafik Agama,  Grafik,  Kepemilikan  Kartu  Keluarga dan Grafik Status Tinggal.

## B. Analisa Sistem Berjalan
Dalam proses yang sedang berjalan, saat ini beberapa  data  penduduk  sudah  terekam  dalam sistem monitoring penduduk berbasis web. Hasil output  dari  sistem  yang  sedang  berjalan  adalah data  kependudukan  dalam  bentuk  file  dengan format  exel  atau  file  sql  dengan  visualisasi dalam bentuk tabel.

## C. Rancangan Sistem
Bentuk rancangan visualisasi data kependudukan  desa  ini  adalah  dalam  bentuk penambahan  fitur  dari  hasil  out  put  sistem monitoring  warga  yang  sebelumnya  memiliki bentuk visualisasi tabel. Pada fitur yang baru ini bentuk  visualisasi  disajikan  dalam  bentuk  tabel. Gambar 5.2 menggambarkan bentuk
penambahan  fitur  yang  ada  didalam  sistem monitoring data kependudukan.
Gambar 5.2 Bagan visualisasi output Sistem Monitoring Data Kependudukan Desa Mranggen
Dari  gambar  5.2  dapat  dijelaskan  bahwa bentuk  output  yang  lama  adalah  data  yang disajikan  dalam  bentuk  tabel.  Dalam  penelitian ini  fitur  baru  ditambahkan  pada  bagian outputnya dengan menyajikan data dalam bentuk grafik  yaitu  Grafik  Piramida  Penduduk,  Grafik Penduduk  berdasar  Jenis  Kelamin,  Grafik Penduduk  berdasar  Agama,  Grafik  Penduduk berdasar  Tingkat  Pendidikan,  Grafik  Penduduk berdasar  Jenis  Pekerjaan,  Grafik  Penduduk berdasar  Status  Perkawinan,  Grafik  Penduduk berdasar  Status  Tinggal  dan  Grafik  Penduduk berdasar Data Kartu Keluarga.

## D. Hasil Implementasi
Implementasi merupakan hasil dari realisasi proses rancangan sistem yang telah dibuat. Hasil implementasi  adalah  berupa  bentuk  visualisasi data kependudukan yang disajikan dalam bentuk grafik yaitu : Grafik Piramida Penduduk, Grafik Penduduk  berdasar  Jenis  Kelamin,  Grafik Penduduk  berdasar  Agama,  Grafik  Penduduk berdasar  Tingkat  Pendidikan,  Grafik  Penduduk berdasar  Jenis  Pekerjaan,  Grafik  Penduduk berdasar  Status  Perkawinan,  Grafik  Penduduk berdasar  Status  Tinggal  dan  Grafik  Penduduk berdasar  Data  Kartu  Keluarga.  Berikut  adalah hasil  implementasi  model  informasi  monitoring data warga.
Dari  hasil  implementasi  yang  di  tampilkan pada  gambar  5.3  sampai  5.11,  pada  dasarnya menggunakan  3  model  chart  yang  disediakan oleh  highcart  5.0.6  yaitu  :  bar  with  negative stack,  pie  chart  dan  pie  with  drill  down. Visualisasi  grafik  bar  with  negative  stack  di implementasikan  untuk  menampilkan  data penduduk  berupa  piramida  penduduk  seperti terlihat  pada  gambar  5.3,  dari  gambar  5.3  dapat dijelaskan  bahwa  grafik  dengan  tipe  bar  with negaitve  stack  memiliki  format  nilai  axis  (Y) pada  area  kana  dan  kiri  yang  digunakan  untuk range  usia  penduduk  dan  nilai  axix  (X) digunakan utnuk menampilkan jumlah penduduk pada  rangen  usia  di  axis  (Y).  Bentuk  source codenya dapat dilihat pada sourcecode 5.1.
Gambar 5.3. Cart Bar with negative stack digunakan untuk Grafik Piramida Penduduk sourcecode 5.1
<script type="text/javascript">
$(function () { // Age categories
var categories = ['0-5', '6-12', '13-15', '16-18',
'19-20', '21-25', '26-30', '31-35', '36-40', '41-45', '46-50', '51-55', '56-60', '61+']; ..... series: [{
name: 'Laki Laki',
data: [-11, -13, -1, -5, -0, -0, -10,
-22, -15, -10, -2, -0, -3, -0] }, { name: 'Perempuan',

## Sistem Monitoring Data Kependudukan Desa
Visu alisa si Out put (awa l) Data Dala m Bent uk Tabel Fitur Tambahan Visualisasi Grafi k Piram ida Pend uduk Grafi k Pend uduk Berda sar Jenis Kela min Grafi k Pend uduk Berda sar Agam a Grafi k
Pend uduk Berda sar Tingk at Pendi dikan Grafi k Pend uduk Berda sar Jenis Peker jaan
Grafi k Pend uduk Berda sar Statu s Perka wina n Grafi k Pend uduk Berda sar Statu s Tingg al Grafi k
Pend uduk Berda sar Data Kartu Kelua rga
data: [17, 19, 3, 1, 0, 6, 16, 19,
18, 2, 3, 4, 0, 4, 0] }]
Grafik  yang  kedua  adalah  grafik  tipe  pie (pie  cart),  grafik  ini  di  implementasikan  untuk menampilkan  data  penduduk  berdasar  jenis kelamin,  agama,  tingkat  pendidikan,  pekerjaan, perkawinan  dan  kepemilikan  kartu  keluarga seperti terlihat pada gambar 5.4 dampai 10, dari visualisasi  grafik  pie  dapat  dijelaskan  bahwa grafik  menampilkan  visualisasi  dalam  bentuk prosentase  (%)  dari  data  yang  di  dapatkan dengan  menampilkan  keterangan  pada  setiap bagian  dari  data.  Bentuk  source  codenya  dapat dilihat pada sourcecode 5.2.
Gambar 5.4. Grafik Penduduk berdasar Jenis
Kelamin
Gambar 5.5. Grafik Penduduk berdasar Agama
Gambar 5.6. Grafik Penduduk berdasar Tingkat Pendidikan
Gambar 5.7. rafik Penduduk berdasar Jenis Pekerjaan
Gambar 5.9. Grafik Penduduk berdasar Status Perkawinan
Gambar 5. 10 Grafik Penduduk berdasar Data Kartu Keluarga.
source code 5.2 series: [{ name: 'Jumlah %', colorByPoint: true,
data: [{ name: 'Perempuan',
y: 54
}, { name: 'Laki Laki',
y: 46,
sliced: true,
selected: true }]
Grafik  yang  ketiga  adalah  grafik  pie  with drilldown,  grafik  ini  di  implementasikan  untuk menampilkan  data  penduduk  berdasar  status tinggal  seperti  terlihat  pada  gambar  5.11,  dari visualisasi grafik pie ini dapat dijelaskan bahwa grafik  menampilkan  visualisasi  dalam  bentuk prosentase  (%)  dari  data  yang  di  dapatkan dengan  menampilkan  keterangan  pada  setiap bagian  dari  data  yang  betingkat  dua  (didalam dan diluar). Bentuk source codenya dapat dilihat pada sourcecode 5.3.
Gambar 5.11. Grafik Penduduk berdasar Status Tinggal
Sourcecode 5.3
<script type="text/javascript">
$(function () { var colors = Highcharts.getOptions().colors, categories = ['Tetap', 'Kontrak'],
data = [{ y: 56.33, color: colors[0],
drilldown: { name: 'Warga Tetap',
categories: ['Tinggal Menetap', 'Tinggal Di Luar Wilayah'],
data: [59, 1], color: colors[0] } }, { y: 10.38, color: colors[1],
drilldown: { name: 'Warga Kontrak',
categories: ['Masih Kontrak', 'Selesai Kontrak'],
data: [4, 1],
color: colors[1]
}
}],
.....
series: [{
name: 'Data dari KK',
data: browserData, size: '60%', dataLabels: { formatter: function () { return this.y > 5 ? this.point.name : null; }, color: '#ffffff', distance: -30 } }, { name: 'Ditempati', data: versionsData, size: '100%', innerSize: '60%', dataLabels: { formatter: function () { // display only if larger than 1 return this.y > 1 ? '<b>' + this.point.name + ':</b> ' + this.y + '%' : null;
} } }]

## 6. KESIMPULAN

## A. Kesimpulan
Dari proses penelitian yang dilakukan dapat ditarik kesimpulan bahwa bentuk visualisasi data warga  yang  ditampilkan  dalam  bentuk  grafik memiliki efek pembacaan yang lebih mudah, hal ini terlihat dari bantuk visual laporan yang lama berupa  tabel  dengan  warna  yang  monochrome dan  saat  ini  ditambah  dengan  fitur  visualisasi dengan tampilan grafik.
Selain  memudahkan  untuk  pembacaan, visualisasi data penduduk dengan grafik ini akan memudahkan  bagi  perangkat  desa  untuk
melakukan  monitoring  terhadap  perkembangan penduduk dan memudahkan juga untuk melakukan  pengambilan  keputusan  dalam  hal kebijakan  yang  berkenaan  dengan  kemajuan desa.

## B. Saran
1. Pemodelan  informasi  monitoring  data  warga ini  perlu  ditambahkan  fitur  back-up  data untuk menanggulangi kerusakan data
2. Bagi perangkat desa,  jika pemodelan informasi  monitoring  data  warga  ini  akan  di onlinekan, perlu adanya mekanisme pelaksanaan  manajemen  data  warga  yang diatur dan dilaksanakan dengan baik
3. Bagi  perangkat  desa  tingkat  rukun  tetangga, perlu disediakan operator yang mampu untuk melakukan pengelolaan data warga
4. Perlu  adanya  manajemen  pengelola  yang baik, sehingga diperlukan pelatihan berkelanjutan dan terjadwal

## Daftar Pustaka
Salim.  W.,  2014, Realitas  Penurus  Rukun Tetangga  Merupakan  bagian  Pengabdian untuk  Masyarakat  dan  Negara ,  diakses pada :
http://www.kompasiana.com/w.salim/realit as-pengurus-rukun-tetangga-merupakan- bagian-pengabdian-untuk-masyarakat-dan- negara_54f783dba333111e738b45e9 ,  30 Mei 2016
Suhartono,  2015, Statistik  Daerah  Kecamatan Mranggen  Tahun  2015 ,  Badan  Pusat
Statistik Kabupaten Demak, Demak, Diakses pada : http://demakkab.bps.go.id Suprapta, 2006, Ketergantungan Wilayah Kecamatan  Mranggen  Terhadap  Kota Semarang ,  Tesis,  Program Pascasarjana Magister  Teknik  Pembangunan  Wilayah
Dan Kota, Universitas Diponegoro,
Semarang
Kamus  Besar  Bahasa  Indonesia versi On  Line (dalam Jaringan), http://kbbi.web.id/warga
Nn.,  2013, Pengertian Infomasi dan  Pengertian
Data , diakses pada : http://www.temukanpengertian.com ,  pada  :
30 Mei 2016
Pressman,  Roger  S.  2002.”Rekayasa  Perangkat Lunak  (Pendekatan  Praktis).”  Yogyakarta : Andi.
Setiawan,  Didik.,  2015,  Perancangan  Sistem
Informasi  Penduduk  pada  Kantor  Desa
Kebonsari,
Indonesian Journal on Networking and Security, Volume 4 No. 2, April 2015, halaman 21 – 26,
ijns.apmmi.org , ISSN:  2302-5700  (Print) 2354-6654 (Online) .