acknowledgement - dunggala.desa.id website desa dunggala.pdf · peta administrasi, memuat peta...

36
i

Upload: others

Post on 05-Oct-2019

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

i

Page 2: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

ii

ACKNOWLEDGEMENT

Sistem informasi Desa Dunggala adalah salah satu output dari program

KKN PPM (Kuliah Kerja Nyata – Pembelajaran dan Pemberdayaan

Masyarakat) yang dilaksanakan di desa Dunggala pada bulan Juni - Juli

2019, yang mengusung tema “Penguatan Kapasitas Pemerintah Desa

Dunggala Kecematan Tibawa Menuju Desa Berbasis ICT”.Penghargaan

setingi-tingginya kami haturkan kepada:

1. Direktorat Riset dan Pengabdian Masyarakat, Direktorat Jendral

Penguatan Riset dan Pengembangan Kementrian Riset, Teknologi, dan

Pendidikan Tinggi Republik Indonesia.

2. Lembaga Penelitian dan Pengabdian Kepada Masyarakat Universitas

Negeri Gorontalo (LPPM-UNG)

3. Mahasiswa KKN PPM Desa Dunggala tahun 2019

4. Pemerintah desa bersama aparat desa

5. Seluruh masyarakat desa Dunggala

6. Semua pihak yang telah terlibat baik secara langsung maupun tidak

langsung terhadap pengembangan website ini.

Semoga sistem informasi desa ini dapat bermanfaat bagi semua

khalayak, utamanya dalam menunjang pembangunan di desa Dunggala.

Terima kasih

Penyusun

Page 3: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

iii

KATA PENGANTAR Sistem Informasi Desa Dunggala adalah aplikasi berbasis web GIS

(Website Geographic Information System), selanjutnya disebut website yang

dirancang dengan teknik responsive web design (RWD) sehingga mampu

secara adaptif menyesuaikan tampilan konten yang disajikan mengikuti

perangkat pengaksesnya.

Website ini dibuat dengan bahasa pemrograman PHP (Hypertext

Prepocessor), database mySQL, Javascriptdisertai Google Maps API

(Application Protocol Interface) dan merupakan pengembangan dari hasil

kegiatan penelitian dan pengabdian yang dilakukan pada tahun-tahun

sebelumnya.

Beberapa pengembangan dilakukan untuk meningkatkan beberapa

fungsi dan fitur yang telah ada, antara lain:

a. Basis data kependudukan terintegrasi dengan website, dengan

peningkatan fitur filtering data dengan opsi kategori yang lebih beragam,

b. visualisasi sebaran data kependudukan berbasis sistem informasi

geografis (SIG),

c. penambahan data visual bangunan tinggal,

d. Visualisasi lokasi kantor desa dan wilayah administrasi desa berbasis

GIS (memakai Google Maps),

e. Basis data dasawisma yang juga didukung oleh sajian informasi berbasis

spasial.

f. Fitur kotak surat dan managemen informasi dalam lingkup desa,

g. Download file peta resolusi tinggi dan informasi spasial sebaran

penduduk,

h. Publikasi infografis desa, profil desa, monografi desa, dan desa Dunggala

dalam angka.

i. Peraga layar lebar papan informasi digital untuk sajian informasi

pengumuman, agenda serta presensi aparat desa,

j. Fitur grafik interaktif untuk sajian informasi kependudukan berbasis

pada data terkini yang tersedia dalam basisdata,

k. Pembuatan dan pengarsipan surat keluar terintegrasi dengan basisdata,

l. Galery foto dan video yang terintegrasi dengan akun berbagi pakai video

secara daring.

Pada saat tulisan ini dibuat, website telah dapat diakses secara global

pada alamat https://dunggala.desa.id/. Tampilan website pada saat

dieksekusi diberikan pada gambar berikut.

Page 4: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

iv

DAFTAR ISI

KATA PENGANTAR .................................................................................... iii

DAFTAR ISI ............................................................................................... iv

1. MENU WEBSITE .................................................................................... 1

2 PENGGUNAAN MENU ............................................................................ 4

2.1 Beranda ........................................................................................... 4

2.2 Profil Desa ....................................................................................... 5

2.3 Data Kependudukan ........................................................................ 7

2.4 Peta Tematik .................................................................................... 9

2.5 Peta GIS ......................................................................................... 10

2.6 Publikasi ........................................................................................ 11

2.7 E-Layanan ..................................................................................... 12

2.8 Menu Sidebar, yaitu Side menu berisi ............................................ 15

2.9 Akses Administrator (Login)............................................................ 16

3. PENGELOLAAN KONTEN WEBSITE .................................................... 17

3.1 Home Admin .................................................................................. 18

3.2 Kelola Kependudukan .................................................................... 20

3.3 Peta Desa ....................................................................................... 22

3.4 File Publikasi ................................................................................. 23

3.5 Permohonan Surat ......................................................................... 24

3.6 Pengaturan Lainnya ....................................................................... 26

3.7 Admin ............................................................................................ 28

3.8 Sidebar Admin ............................................................................... 29

Page 5: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

1

1. MENU WEBSITE

Halaman awal website adalah halaman utama yang tampil dilayar website

seperti gambar yang ditampilkan dibawah ini:

Gambar 1.1 Tampilan halaman awal

Halaman awal website dibagi menjadi 5 bagian besar, yakni:

1.1 Header, memuat logo dan identitas website

1.2 Menu Utama, yaitu menu yang terletak dibawah header yang memuat

menu diantaranya:

a. Home, halaman awal yang terbuka ketika alamat website dibuka,

memuat tulisan selamat datang, grafik interaktif, berita seputar

desa, menu navigasi di sebelah kanan dan terdapat informasi

prestasi desa dunggala dan produk desa dunggala.

b. Profil Desa, yang terdiri dari:

Sejarah Desa, menyajikan artikel mengenai sejarah

terbentuknya desa,

Visi & Misi, menyajikan visi dan misi pemerintah desa

Pemerintah desa, menyajikan struktur organisasi pemerintah

desa,

BPD & LPM, menyajikan struktur organisasi lembaga Badan

Perwakilan Desa (BPD) dan LPM (Lembaga Pemberdayaan

Masyarakat Desa),

PKK & Karang Taruna, menyajikan struktur organisasi

Pembinaan Kesejahteraan Keluarga dan Karang Taruna,

Page 6: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

2

Bina Keluarga Remaja & Pusat Informasi Konseling (PIK

& RR), menyajikan struktur organisasi PIK & RR,

BUMDesa Tinelo, menyajikan struktur organisasi BUMDesa

Tinelo,

Dasa Wisma, menyajikan data anggota Dasa Wisma,

Geleri Desa, menyajikan galeri Desa Dunggala

Warta Desamenyajikan berita tentang desa Dunggala.

c. Data Kependudukan, menyajikan informasi kependudukan desa

Dunggala berbasis GIS, dengan rujukan peta Google Maps.

d. Peta Tematik, memuat menu

Peta Administrasi, memuat peta administrasi desa dalam

bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

KKN PPM desa Dunggala tahun 2019.

Peta Peruntukan Lahan, memuat peta peruntukan lahan

desa Dunggaladalam bentuk peta tematik, skala 1:5,000 dan

merupakan produk hasil KKN PPM desa Dunggala tahun 2019.

Peta Dasawisma, memuat peta posisi ketua dasawisma desa

Dunggaladalam bentuk peta tematik, skala 1:5,000 dan

merupakan produk hasil KKN PPM desa Dunggala tahun 2019.

Peta Tanggap Bencana, Memuat peta untuk evakuasi banjir

di desa Dunggala

Peta Sosial Ekonomi merupakan peta desa dalam bentuk

citra satelit, yang berskala 1:5,000 menunjukkan lokasi

komunitas kelompok sosial ekonomi,

Peta Infastruktur merupakan peta Infastruktur dalam bentuk

citra satelit, yang berskala 1:5,000 dan merupakan produk

hasil KKN PPM desa Dunggala tahun 2019.

e. Peta GIS

Wilayah Desa, menyajikan visualisasi mode satelit Google

Maps wilayah administratif desa beserta batas-batas desa,

Lokasi Kantor Desa, menyajikan visualisasi mode satelit

Google Maps untuk titik koordinat lokasi kantor desa

Sebaran Penduduk, menyajikan lokasi seluruh kepala

keluarga yang bermukim di desa Dunggala, disajian berbasis

GIS dengan peta rujukan Google maps

Peta Dasawisma,menyajikan visualisasi mode satelit Google

Maps untuk titik koordinat lokasi anggota Dasa Wisma.

Peta Penerima Bantuan menyajikan visualisasi mode satelit

Google Maps untuk titik koordinat lokasi penerima bantuan

Peta Potensi Ekonomi menyajikan visualisasi mode satelit

Google Maps untuk titik koordinat lokasi sektor unggulan

potensi desa Dunggala.

Page 7: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

3

Peta Pejabat Desa menyajikan visualisasi mode satelit Google

Maps untuk titik koordinat lokasi pejabat desa Dunggala

Peta Infastrukturmenyajikan visualisasi mode satelit Google

Maps untuk titik koordinat lokasi infastruktur

f. Publikasi, memuat menu untuk download publikasi buku profil

desa, monografi desa dan dokumen penting desa lainnya, yakni:

Infografis APBDes Dunggala,

Profil Naratif Desa Dunggala

Buku profil desa Dunggala - Data Dasar Keluarga,

Buku profil desa Dunggala - Potensi desa Dunggala,

Buku profil desa Dunggala- Tingkat perkembangan,

Monografi DesaDunggala,

Dunggaladalam Angka,

Perhitungan peta desa Dunggala,

Panduan penggunaan website Dunggala.

g. Kotak Surat, memuat menu untukdimana pengunjung website

dalam hal ini masyarakat/warga Desa Dunggala dapat

mengirimkan surat misalnya surat izin membuat acara,

mengirimkan saran ataupun kritik perihal keluhan kepada

pemerintah Desa Dunggala melalui kota k surat dan juga chat

whatsapp,yakni :

E Surat, Menyajikan pembuatan permohonan surat,

Kotak Saran, Menyajikan surat yang masuk dan fasilitas

untuk mengirimkan surat terbuka kepada pengelola sistem

dan pemerintah desa

Kirim Pesan WA, Menyajikan pembuatan permohonan surat

melalui Whatsapp

Panggoba menyajikan kalender musim Gorontalo

BUMDes Tinelo menyajikan salah satu unit usaha jual beli

online yang dikelola oleh badan usaha milik desa

h. Sidebar, memuat menu

Aparatur Desa

Lokasi Desa Dunggala sama dengan no.2e bagian i

Lokasi kantor desa, sama dengan point no. 2e bagian ii,

Publikasi, sama dengan point no. 2f

E Surat, sama dengan point no. 2g bagian i,

Kotak Saran sama dengan point no. 2g bagian ii

Layanan cepat Whatsapp, sama dengan point no. 2g bagian iii

Papan informasi, portal akses untuk sajian papan informasi

digital yang memuat pengumuman, agenda dan presensi

aparat desa secara real time.

Page 8: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

4

Panggoba, Menu ini merupakan halaman kalender musim

Gorontalo.

BUMDes Tinelo, menu ini merupakan halaman salah satu unit

usaha jual beli online yang dikelola oleh badan usaha milik

desa (BUMDesa) TINELO.

Login, Menu ini merupakan akses untuk administrator, yaitu

pihak yang dipercayakan untuk mengelola konten dari

keseluruhan website. Penggunaan secara umum menu ini

diberikan pada babtersendiri di bagian berikutnya.

i. Main content

berisi konten dinamis hasil eksekusi sesuai menu yang dipilih.

j. Footer

menyajikan copyright, Lokasi Kantor Desa, alamat desa, dan link

media.

Buku panduan ini disusun untuk menjadi rujukan bagi pemanfaatan

website, dan dibagi dalam dua bagian besar, yakni

Penggunaan menu, ditujukan untuk user, yakni para pihak yang

memanfaatkan informasi yang tersaji pada website, dan

Pengelolaan Konten website, ditujukan untuk administrator pengelola

data dan informasi yang merupakan konten/sajian utama dari website

dimaksud.

Lebih lanjut kedua bagian dimaksud diuraikan berturut-turut pada bagian

berikutnya.

2 PENGGUNAAN MENU

Menu terletak pada bagian menu utama dan side menu. Akses atas

menu pada bagian ini memilik hasil yang sama untuk menu yang sama.

Penjelasan penggunaan menu selanjutnya diberikan berturut-turut berikut.

2.1 Beranda

Eksekusi menu ini akan memberikan hasil seperti pada gambar

berikut.

Page 9: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

5

Gambar 2.1 Tampilan halaman beranda

2.2 Profil Desa

Menu profil desa memuat Sejarah desa, Visi & Misi,Pemerintah

desa,BPD & LPM, PKK & Karang Taruna, Bina Keluarga Remaja &

Pusat Informasi Konseling (PIK & RR), BUMDesa Tinelo, Dasa Wisma

dan Galeri Desa.

Page 10: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

6

Gambar 2.2Main menu profil desa

Dengan memilih salah satu menu yang ditawarkan, maka selanjutnya

informasi terkait akan ditampilkan pada bagian „main content‟. Contoh

berikut diberikan untuk hasil eksekusi dari menu pemerintah desa.

Gambar 2.3 halaman struktur pemerintahan

Selanjutnya menu lainnya juga dieksekusi dengan cara yang sama.

Khusus untuk menu dasawisma, cara penggunaan menu dimaksud sama

dengan menu data kependudukan dan selanjutnya diuraikan berikut.

Page 11: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

7

2.3 Data Kependudukan

Hasil Eksekusi menu data kependudukan diberikan pada gambar

berikut.

Gambar 2.4halaman data penduduk

Pada halaman ini terdapat beberapa menu-menu penunjang yang

penggunaannya dijelaskan sebagai berikut.

a. Show entires; berfungsi untuk menentukan jumlah data

yang ingin ditampilkan.

b. Search; berfungsi sebagai tempat mencari data yang

ingin dicari,dengan mengetik nama yang ingin dicari.

c. Filter; digunakan untuk menyaring/memfilter atau

membatasi range pencarian berdasarkan dusun, kategori,maupun

informasi detail lainnya. Penggunaan menu ini dijelaskan secara grafis

berikut.

Page 12: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

8

Gambar 2.5Halaman filter data penduduk

Grafis diatas melukiskan hasil eksekusi filter untuk penduduk dengan

golongan darah O yang ada pada dusun Angkasa.

a) lihat detail, berfungsi untuk melihat lebih detail item data yang

dipilih. Eksekusi menu lihat detail akan menampilkan detail data

penduduk sesuai dengan yang di klik. Info detail meliputi data

kependudukan detail sesuai nama yang dipilih, dilengkapi dengan sajian

berbasis geografis dengan referensi google maps serta sajian visual

tempat tinggal penduduk dimaksud, seperti diberikan pada gambar

berikut.

Page 13: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

9

Gambar 3.6Halaman detail penduduk

b) Next & Prev; digunakan untuk pindah kehalaman

selanjutnya atau sebelumnya.

2.4 Peta Tematik

Peta Tematik, memuat menu Peta Administrasi, Peta Peruntukan

Lahan, Peta Dasa Wisma, Peta Tanggap Bencana, Peta Sosial ekonomi, dan

Peta Infastruktur. Cara penggunaan menu untuk keenam jenis peta ini

sama. Hasil eksekusi enam opsi menu ini akan menyajikan jenis peta

resolusi rendah sesuai opsi yang dipilih. Sajian peta ini memungkinkan

pengguna untuk mengunduh peta yang diinginkan. Gambar berikut

memperlihatkan contoh kasus ketika opsi menu Peta Administrasi dipilih

dan dieksekusi.

Gambar 3.7Halaman Peta Administrasi

Page 14: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

10

2.5 Peta GIS

Peta Gis, memuat menu Wilayah Desa, Lokasi Kantor Desa, Sebaran

Penduduk, PetaDasa Wisma, Penerima Bantuan, dan Peta Potensi Ekonomi,

eksekusi menu ini akan menghasilkan visualisasi peta citra google maps

pada wilayah desa Dunggala dan titik koordinat.

Menu wilayah desa, dan Lokasi kantor desa, eksekusi menu ini cara

penggunaan kedua jenis peta ini sama, akan menghasilkan wilayah desa

Dunggala dan titik koordinat lokasi kantor desa dengan batas desa yang

kontras berwarna merah.

Gambar berikut memperlihatkan contoh kasus ketika opsi menu Wilayah

Desa dan Lokasi Kantor Desa dipilih dan dieksekusi.

Gambar 3.8Halaman peta desa

Menu Sebaran Penduduk, Dasa Wisma, Penerima Bantuan, danPotensi

Ekonomi, eksekusi menu ini cara penggunaan keempat jenis peta ini

sama, penggunaan menu ini diberikan secara grafis.

Gambar berikut memperlihatkan contoh kasus ketika opsi menu Sebaran

Penduduk dipilih dan dieksekusi.

Page 15: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

11

Gambar 3.9Halaman sebaran penduduk

2.6 Publikasi

Menu ini digunakan untuk download publikasi buku profil desa,

monografi desa dan dokumen penting desa lainnya.Dengan memilih salah

satu menu, secara otomatis akan mendownload berkas (dalam bentuk pdf)

sesuai menu yang dipilih dan/atau ditampilkan pada browser (jika plugin-

nya tersedia). Untuk contoh kasus berkas data dasar keluarga diberikan

pada gambar berikut.

Gambar 3.10Halaman file publikasi

Page 16: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

12

2.7 E-Layanan

E Surat

Eksekusi menu ini menyajikan halaman berisi untuk membuat Surat secara

online. Misalnya membuat surat izin acara, maka warga/masyarakat Desa

Dunggala, tinggal mengisikan data berupa NIK, Nama, Jenis Surat yang

ingin diurus apa, KTP Pemohon dimana dimintakan untuk mengunggah file

KTP Pemohon yang nantinya akan diverifikasi oleh admin.Untuk contoh

kasus berkas data dasar keluarga diberikan pada gambar berikut:

Gambar 3.11Halaman E Surat

Kotak Saran

Eksekusi menu ini selanjutnya akanmenyajikan halaman yang berisi

surat yang masuk dan menyediakan fasilitas untuk mengirimkan

surat terbuka kepada pengelola sistem dan pemerintah desa, baik

berupa pendapat, kritik maupun saran atau informasi penting

lainnya. Setiap surat yang masuk membutuhkan verifikasi dari

administrator untuk ditampilkan.

Page 17: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

13

Gambar 3.12Halaman Kotak Saran

Kirim Pesan Whatsapp

Eksekusi menu ini selanjutnya akan menyajikan halaman yang

membuat permohonan surat, baik berupa pendapat, kritik maupun

saran atau informasi penting lainnya dengan melalui Whatsapp.

Gambar berikut memperlihatkan contoh kasus ketika opsi menu

Kirim Pesan WA dipilih dan dieksekusi.

Gambar 3.13Halaman Kirim Pesan Whatsapp

Page 18: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

14

a. Panggoba

Eksekusi menu ini selanjutnya akan menyajikan halaman kalender

musim Gorontalo

Gambar 3.14HalamanKalender Musim Gorontalo

b. BUMDes Tinelo

menu ini merupakan halaman salah satu unit usaha jual beli online

yang dikelola oleh badan usaha milik desa (BUMDesa) TINELO.

Gambar 3.15HalamanBUMDes Tinelo

Page 19: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

15

Cara beli sebagai berikut,

1. Silahkan Anda Pilih Produk dari toko ini.

2. Kemudian klik Add Cart untuk memasukkan barang ke keranjang.

3. Setelah itu lakukan Checkout untuk di lanjutkan ke pembayaran.

4. lakukan pembayaran dengan klik Pembayaran.

5. kemudian menunggu Konfirmasi Pembayaran.

6. setelah di konfirmasi maka barang akan segera Di kirimkan.

7. Ketika di terima maka klik Barang di terima sebagai tanda bukti anda

telah menerima barang dari kurir.

8. Selamat berbelanja.

2.8 Menu Sidebar, yaitu Side menu berisi

a. Slidehow foto aparatur Desa; berisi foto-foto aparat desa yang

ditampilkan secara bergantian.

b. Lokasi Desa Dunggala menampilkan wilayah administratif desa

dunggala dengan bantuan visualisasi google maps. berfungsi sama

dengan point no. 3.5 bagian a

c. Publikasi sama dengan point no.3.6

d. Layanan e-surat sama dengan point no.3.7 bagian a

e. Kotak saran sama dengan point no.3.7 bagian b

f. Layanan cepat Whatsapp sama dengan point no.3.7 bagian c

g. Papan informasi, Eksekusi menu ini menyajikan informasisalah

satu media komunikasi aparat desa.

Gambar 3.16Halaman Papan Informasi

Page 20: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

16

2.9 Akses Administrator (Login)

Gambar 3.17HalamanLogin Admin

Page 21: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

17

3. PENGELOLAAN KONTEN WEBSITE

Pengelolaan konten website diakses melalui menu login, dan selanjutnya

akan menampilkan halaman verifikasi keamanan berikut.

Gambar 4.1Halaman Login

Dengan memasukkan username dan password yang tepat, selanjutnya akan

membuka akses terhadap pengelolaan konten website. Konten website

dimaksud meliputi konten beranda, data kependudukan, peta desa,

publikasi, kotak surat, tentang kami ataupun gambar beserta video serta

keseluruhan konten yang menjadi sajian dari website. Pengetahuan terkait

dasar pengelolaan website, dasar pengelolaan basisdata dan atau

pengoperasian dasar internet mutlak harus dimiliki oleh pihak yang

dipercayakan mengelola website dimaksud.

Tampilan hasil eksekusi menu dari pengelolaan konten website

(administrator) tidak jauh berbeda dengan tampilan menu untuk pengguna.

Untuk akses administrator, menu yang ada telah ditambahkan dengan

menu untuk mengubah (edit), menambah (tambah data), dan/atau

menghapus (delete) data.

Pengelolaan konten website dapat dilakukan dengan mengeksekusi menu

Menu ini diberi tanda/caption berupa „edit‟, „tambah data‟,„upload‟,„hapus

postingan‟, atau caption lain yang sesuai dengan peruntukannya.

Page 22: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

18

3.1 Home Admin

Hasil Eksekusi Home admin diberikan pada gambar berikut.

Gambar 4.2Halaman Home Admin

a. Eksekusi toolbar yang di tandai dengan kotak merah dengan garis

putus-putus yaitu untuk menambahkan, mengubah, dan menghapus.

Cara penggunaan toolbar yang ada pada gambar di atasmenyajikan

eksekusi yang sama. Gambar berikut memperlihatkan contoh kasus

menambahkan informasi.

Page 23: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

19

Gambar 4.3Halaman Menambahkan Informasi

b. Eksekusi toolbar yang di tandai dengan kotak biru dengan garis putus-

putus yaitu untuk menambahkan, mengubah, dan menghapus. Cara

penggunaan toolbar yang ada pada gambar 4.2 Halaman Home

Adminmenyajikan eksekusi yang sama. Gambar berikut memperlihatkan

contoh kasus mengedit prestasi desa Dunggala.

Gambar 4.4Halaman Menambahkan Prestasi Desa Dunggala

Page 24: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

20

Menu admin meliputi pengelolaan seluruh konten website ditambah dengan

Kelola Kependudukan,

Peta Desa,

File Publikasi

Surat Menyurat

Pengaturan Lainnya

Admin

Selanjutnya secara umum, beberapa contoh penggunaan menu (yang

dianggap penting) untuk akses administrator diberikan secara grafis

berikut.

3.2 Kelola Kependudukan

Kelola Kependudukan, memuat menu Kelola Data Penduduk, Kelola

Data Bantuan, dan Kelola Daftar Bantuan.

a. Kelola Data Penduduk

Cara penggunaan menu ini sama dengan bagian no.3.3, penjelasan hasil

eksekusi kali ini di tambahkan dengan toolbar Tambah Datadan Edit

yang ada pada toolbar Aksi dan menghapus data penduduk, Gambar

berikut memperlihatkan contoh kasus menu kelola kependudukan

Gambar 4.5Halaman Kelola Data Penduduk

Page 25: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

21

Pengelolaan data penduduk ini memiliki kesamaan dengan pengelolaan data

dasa wisma dan lokasi. Pengelolaan kedua menu itu selanjutnya tidak akan

diuraikan lebih detail.

b. Kelola Data Bantuan

Hasil Eksekusi menu Kelola Data Bantuan diberikan pada gambar

berikut.

Gambar 4.6Halaman Kelola Data Bantuan

c. Kelola Daftar Bantuan

Hasil Eksekusi menu Kelola Daftar Bantuan diberikan pada gambar

berikut.

Page 26: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

22

Gambar 4.7Halaman Kelola Daftar Bantuan

3.3 Peta Desa

Menu wilayah desa dan Lokasi kantor desa, di eksekusi cara yang sama

menu ini akan menghasilkan visualisasi peta citra google maps pada

wilayah desa Dunggala dan titik koordinat lokasi kantor desa dengan

batas desa,

Gambar 4.8HalamanWilayah Desa Dunggala

Hasil Eksekusi menu data Infastruktur Desa diberikan pada gambar

berikut Sebara Infstruktur Desa

Page 27: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

23

Gambar 4.9Halamandata Infastruktur

3.4 File Publikasi

Hasil Eksekusi menu file publikasi diberikan pada gambar berikut.

Gambar 4.10Halaman File Publikasi

Page 28: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

24

3.5 Permohonan Surat

Permohonan Surat, memuat menu Permohonan Surat, Surat Masuk,dan

Surat Keluar

a. Permohonan Surat

Hasil Eksekusi menu Permohonan Surat diberikan pada gambar berikut.

Gambar 4.11Halaman Permohonan Surat

Page 29: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

25

b. Surat Masuk

Hasil Eksekusi menu Surat Masuk diberikan pada gambar berikut.

Gambar 4.12Halaman Surat Masuk

c. Surat Keluar

Hasil Eksekusi menu Surat keluar diberikan pada gambar berikut.

Page 30: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

26

Gambar 4.13Halaman Surat Keluar

3.6 Pengaturan Lainnya

Pengaturan Lainnya, memuat menu Kotak Surat, Pengguna,dan Halaman

Info & Absensi

a. Kotak Surat

Hasil Eksekusi menu Kotak Surat diberikan pada gambar berikut.

Page 31: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

27

Gambar 4.14Halaman Surat Keluar

b. Pengguna

Hasil Eksekusi menu Pengguna diberikan pada gambar berikut.

Gambar 4.15Halaman Pengguna

Page 32: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

28

c. Halaman Info & Absensi

Hasil Eksekusi menu Halaman Info & Absensi diberikan pada gambar

berikut.

Gambar 4.16HalamanInfo & Absensi

3.7 Admin

Hasil Eksekusi menu Admin diberikan pada gambar berikut.

Gambar 4.17Main Menu Admin

Page 33: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

29

3.8 Sidebar Admin

Side menu berisi

a. Slidehow foto aparatur Desa; berisi foto-foto aparat desa yang

ditampilkan secara bergantian.

b. Profil Desa Dunggala

Hasil Eksekusi menu sejarah desa diberikan pada gambar berikut

Gambar 4.18HalamanMengedit Sejarah Desa

Semua konten dalam bentuk artikel yakni Visi & Misi, Pemerintah

Desa, BPD, LPM, PKK, Karang Taruna, Bina Keluarga Remaja, dan

Pusat Informasi & Konseling konten sejenisnya dikelola dengan cara

yang sama seperti yang telah dituliskan diatas.

Hasil Eksekusi Data Dasa Wismadiberikan pada gambar

berikutdiberikan pada gambar berikut

Page 34: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

30

Gambar 4.19Halamanmenambahkan data Dasawisma

Hasil eksekusi menu galeri foto desa pada gambar berikut

Gambar 4.20HalamanGaleri Foto Desa

Page 35: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

31

Hasil eksekusi menu galeri video desa pada gambar berikut

Gambar 4.21Halaman Galeri Video Desa

c. Tentang kami

Hasil eksekusi menu Pemerintah Desa dan Support System di

eksekusi dengan cara yang sama seperti di point no.4.1 bagian a.

d. Publikasisama dengan point no.4.4

e. Peta wilayah desa dunggalasama dengan point no. 3.5 bagian a,

Page 36: ACKNOWLEDGEMENT - dunggala.desa.id Website Desa Dunggala.pdf · Peta Administrasi, memuat peta administrasi desa dalam bentuk citra satelit, skala 1:5,000 dan merupakan produk hasil

32