LAPORAN PELAKSANAAN KEGIATAN

Peningkatan Pelayanan Pemerintah Desa Berbasis Internet

Oleh:Kustanto, ST., M.Eng. : 111 000 063Wahyu Teguh Santoso : 09.05.00125

JURUSAN TEKNIK INFORMATIKASEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

SINAR NUSANTARA2012/2013

HALAMAN PENGESAHAN

1. Judul : Peningkatan Pelayanan Pemerintah Desa Berbasis Internet

2. Mitra Program : Desa Pengkok, Kec. Kedawung, Kab. Sragen3. Ketua Tim Pengusul

a. Nama b. NIKc. Jabatan/Golongand. Jurusan/Fakultase. Perguruan Tinggif. Bidang Keahliang. Alamat Kantor/Telp/Faks/E-mailh. Alamat Rumah/Telp/Faks/E-mail

: Kustanto, ST., M.Eng.: 111 000 063: Lektor / III b: Teknik Informatika: STMIK Sinar Nusantara : Sistem Komputer dan Informatika: Jl. KH. Samanhudi No. 84-86 Surakarta / 0271-716500 : Perum. Puri Malangjiwan 3 No. 12. Colomadu, Karanganyar/

081 802537447/ (0271) 716500/ nabila.rizka2@gmail.com

4. Anggota Tim Pengusula. Jumlah Anggotab. Nama Anggota I/bidang keahlian

: 1 orang mahasiswa : Wahyu Teguh Santoso/Teknik Informatika

5 Lokasi Kegiatan/Mitraa. Wilayah Mitra (Desa/Kecamatan)b. Kabupaten/Kotac. Propinsid. Jarak PT ke lokasi mitra (km)

: Desa Pengkok, Kec. Kedawung: Sragen: Jawa Tengah: 40 km

6. Luaran yang dihasilkan :Sistem Informasi Web Profil Desa Pengkok, Kec. Kedawung Kab. Sragen

7 Jangka waktu Pelaksanaan : 6 Bulan8 Biaya Total

: 1.500.000;

Surakarta, 2 Oktober 2012Mengetahui: Ketua Jurusan Teknik Informatika Ketua Pelaksana,

Didik Nugroho , M.Kom K ustanto , ST., M.Eng 111 000 024 111 000 063

Menyetujui,Kepala P3M STMIK Sinsr Nusantara Surakarta

Didik Nugroho , M.Kom 111 0 024

2

I. Pendahuluan

Teknologi informasi pada saat sekarang ini, sudah merupakan kebutuhan

pokok bagi masyarakat baik perkotaan maupun pedesaan. Hal ini terbukti dengan

maraknya Base Transceiver Station (BTS) yaitu pemancar sinyal operator seluler baik

CDMA maupun GSM yang tertanam dan tersebar di seluruh pelosok Nusantara.

Teknologi informasi merupakan sarana komunikasi yang sangat fleksibel

dalam pemanfaatan dalam kehidupan sehari-hari, baik untuk instansi pemerintahan

maupun swasta. Dampak dari perkembangan teknologi informasi, akan sangat mudah

masyarakat luas untuk mendapatkan informasi secara elektronik, yang bersumber dari

skala lokal, nasional maupun internasional.

Untuk memperkenalkan kondisi dan keindahan Desa Pengkok, kab Sragen ke

masyarakat nasional maupun internasional dapat dilakukan dengan mudah, jika

pemerintahan Desa Pengkok memanfaatkan perkembangan teknologi informasi yaitu

salah satunya adalah teknologi media web desain. Dengan web desain semua profil

atau sumber daya alam desa Pengkok akan dapat di informasikan atau dipamerkan ke

masyarakat luas pengguna teknologi informasi.

II. Tujuan

Tujuan dari pelaksanaan kegiatan pengabdian masyarakat, di Desa Pengkok ini

adalah sebagai berikut:

1. Mengenalkan manfaat teknologi informasi pada pemerintah desa Pengkok

2. Pendampingan pemerintah Desa Pengkok dalam pelayanan terhadap warga nya

menggunakan internet

III. Sasaran Kegiatan

Kepala Desa Pengkok beserta perangkat atau stafnya.

IV. Waktu & Tempat

3

Kegiatan peningkatan pelayanan pemerintah desa berbasis internet ini

dilakukan mulai: 2 Oktober 2012 hingga 25 april 2013, yang bertempat di Kantor

Pemerintah Desa Pengkok, Kedawung, Sragen

V. Materi Kegiatan

Materi yang di fasilitaskan pada pemerintah Desa Pengkok pada kegiatan

peningkatan pelayanan pemerinta desa pengkok ini antara lain:

a. Pengenalan peran pentingnya teknologi informasi web profil Desa Pengkok

b. Peningkatan kemampuan dalam memanfaatkan teknologi informasi

c. Pemberdayaan perangkat Desa Pengkok tentang maintenance dan update konten

web profil Desa Pengkok

d. Hosting web Profil Desa Pengkok

VI. Hasil Kegiatan

Sebuah desain web profil pemerintah Desa Pengkok, Kec. Kedawung,

Kab.Sragen yang telah terhosting dengan alamat:

www.kelurahanpengkok.wordpress.com dan buku cara me maintenance web profil

Desa Pengkok.

VII. Daftar Pustaka

1. DP2M Dikti, 2013,”Panduan Pelaksanaan Penelitian Dan Pengabdian

Kepada Masyarakat Di Perguruan Tinggi Edisi IX”, Direktorat Penelitian

Dan Pengabdian Kepada Masyaraka Direktorat Jenderal Pendidikan Tinggi

Kementerian Pendidikan Dan Kebudayaan

2. Harun dkk, 2012,”Materi Pelatihan Metodologi Pengabdian Kepada

Masyarakat Tahun 2012”,Kopertis VI

3. www.wordpress.org (web software untuk membuat website atau blog)

VIII. Lampiran

4

A. Lampiran 1. Surat Tugas

5

B. Lampiran 2. Presensi Kehadiran

6

7

C. Lampiran 3: Foto Kegiatan

Tim pengabdian di desa Pengkok, Kedawng, Sragen (2 Oktober 2012 hingga 25 april 2013)

Training pemanfaatan hasil pengabdian (Web profil desa Pengkok)

Training pemanfaatan hasil pengabdian (Web profil desa Pengkok)

8

D. Lampiran 4: Hasil kegiatan

Tampilan Sistem informasi profil Desa Pengkok, Kec. Kedawung, Kab.Sragen (www.kelurahanpengkok.wordpress.com) terlihat seperti berikut:

Gambar: konten Menu Home

Gambar: konten Menu Info Potensi

9

Gambar: konten Menu Informasi

Gambar: konten Menu Organisasi Kelurahan Pengkok

10

Gambar: konten Menu Pemerintahan

Gambar: konten Menu Profil Kelurahan

11

Gambar: konten Menu Sarana IT

12

E. Lampiran 5: Buku cara me maintenance web profil Desa Pengkok.

PANDUAN DALAM PEMBUATAN WEBSITE DAN CARA_CARA

MELAKUAKAN POSTING PADA WEBSITE

SEKOLAH TINGGI MANAJEMEN INFORMATIKADAN KOMPUTER

STMIK SINAR NUSANTARA SURAKARTA

2013Jl. KH. Samanhudi No.84 – 86, Telp. 0271 – 715600

13

1. Langkah – langkah dalam pembuatan websiteA. Kita harus membuat email terlebih dahulu (dapat menggunakan gmail atau

yahoo)B. Setelah kita memiliki email,daftarkan email ke wordpress.com pilih sign up

A. Langkah-langkah membuat email1. Ketik gmail.com lalu pilih sign-up2. Silahkan isi form yang telah disediakan oleh gmail

3. Kemudian klik langkah berikutnya

14

4. Nanti akan ada sms ke nomor hp yang dijadikan sarana avtivasi kemudian isi kan kode activasi yang dkirim oleh tim google sebagai pengaktivan email.

5. Selesai anda mendapatkan email baru dari gmail.

B. Langkah – langkah daftar website pada wordpress1. login ke wordpress.com2. kemudian pilih sign up now

3. isi data pada yang diberi warna merah

4. lanjutkan isi yang di beri kotak merah sesuai permintaan

15

5. cek email untuk aktifasi selanjutnya klik url pada kotak merah

6. setelah aktifasi di kik akan muncul gambar seperti dibawah ini

7. kalau di klik view your site maka akan muncul gambar seperti dibawah ini (merupakan tampilan pertama blog yang telah dibuat)

16

8. Tapi bila di kik login maka akan tampil gambar seperti dibawah ini

C. Menu – menu yang ada pada wordpress1. Halaman Utama Wordpress (Dashboard)

17

Dihalaman ini admin dapat mengatur tampilan,menambah halaman yang akan dipublikasikan ke website yang akan di upload.Menu-menu yang ada dalam dashboard antara lain :a. Home berfungsi sebagai navigasi ke halaman utama admin(Dashboard)b. Comments I’ve made digunakan untuk menampilkan komentar kometar kita

di blog atau situs lain.c. Site stats digunakan untuk melihat statistic bog baik jumlah

pengunjung,jumlah kunjungan per-artikel,kata kunci pencarian yang dapat dilihat perhari,minggu,bulan maupun tahun.

d. Akismet stats digunakan untuk melihat ist pesan yang dikenali oeh akisment (anti spam) sebagai spam.

e. My blogs merupakan menu untuk menampikan daftar bog yang kita miliki(wordpress).karena wordpress memungkinkan satu akun untuk membuat beberapa blog.dan dalam menu ini nanti terdapat fasilitas untuk menggaanti domain blog.

f. Blog I Folow digunakan untuk menampilkan daftar blog wordpress user lain yang kita ikuti.

2. Post

Menu ini merupakan menu yang digunakan untuk mengatur postingan artikel :1. All post digunakan untuk menampilkan daftar artikel yang telah dibuat baik

itu yang sudah diposting atau masih pending.dari menu ini kita dapat menedit maupun menghapus artikel yang sydah dituis.selain itu juga terdapat menu add new yang bisa digunakan untuk membuat artikel baru.

2. Add new digunakan untuk membuat dan memposting artikel baru.3. Categories digunakan untuk membuat kategori artikel. Dengan adanya

kategori ini artikel dapat dikelompokkan berdasarkan kategori yang dibuat.4. Tags digunakan sebagai kata kunci. Ini dapat mempermudah mesin pencari

melakukan pencarian terhadap artikel.5. Copy a post setelah digunakan ternyata menu ini mengarahkan untuk

pembuatan artikel baru seperti menu add new.

18

3. Media

Menu ini digunakan untuk menyimpan file-file baik itu gambar maupun document office.wordpress.com gratis tidak dapat menyimpan file .exe atau video klip.kapasitas yang disediakan oleh wordpress sendiri lumayan besar yaitu 1 GB.1. Library digunakan untuk melihat daftar fie yang tersimpan dalam media.di

dalam menu ini kita dapat melakukan edit nama atau menghapus file.2. Add new digunakan untuk mengupload file baru.

4. Links

Menu link ini merupakan menu yang digunakan untuk mengelola koleksi link atau alamat situs alamat blog.sebagai contoh blogroll yang dipasang pada side bar.disana terdapat blogroll dan situs pilihan yang pengaturannya pada menu ini.1. All links digunakan untuk melihat daftar link yang sudah tersimpan di blog.2. Add new digunakan untuk menambah link baru.3. Link categories digunakan untuk membuat kategori link sekaligus untuk

mengelompokkan link-link yang sudah tersimpan.

19

5. Pages

Lewat page admin dapat memposting informasi-informasi atau halaman pada tampilan wordpress.1. All pages digunakan untuk melihat daftar halaman statis yang telah

dibuat.disini kita dapat melakukan edit dan hapus halaman statis yang telah dibuat.

2. Add new digunakan untuk membuat halaman statis baru.

6. Comments

Menu ini digunakan untuk moderisasi komentar.setiap komentar yang masuk dapat dilihat dengan membuka menu ini.kita bisa bebas mengatur komentar yang masuk apakah dikategorikan pada spam atau komentar yang layak tayang.

7. Feedback

Menu ini digunakan untuk melihat masukan yang diperoleh dari sebuah form yang dibuat baik di page ataupun dipostingan.ada proses tersendiri dalam pembuatan form sehingga pesan yang masuk ke feedback.

20

1. PollsMenu ini digunakan untuk membuat dan mengatur polling.fasilitas poling

ini dapat disisipkan pada page (halaman statis) postingan artikel pada sidebar.2. Rantings

Menu ini digunakan untuk melihat rating postingan artikel.biasanya masing-masing artike terdapat fasilitas untuk memberikan rating berupa bintang dengan grade 1-5 bintang.

8. Appearance

Dari sini admin dapat menambahkan widgets mengganti thema,background dan apa yang dibutuhkan dalam tampilan wordpress yang akan di upload.

1. Themes digunakan untuk mengganti tema.2. Menus digunakan untuk mengator tampilan menu.3. Widgets digunakan untuk mengatur baik itu menambah atau mengurangi

fasilitas yang melekat pada sidebar.4. Background digunakan untuk mengatur dan mengganti background blog.5. Header digunakan untuk mengatur pergantian header.6. Custom design digunakan untuk mengatur script css (berbayar)7. Thema option untuk memberi warna pada layar blog dalam postingan.8. Mobile digunakan untuk mengatur tampilan blog secara mobie.

21

9. Users

Digunakan untuk pengaturan user baik itu penambahan user baru,perubahan password maupun untuk mengedit profile masing-masing user.

1. All users digunakan untuk melihat daftar user blog.2. Invite new digunakan untuk mengajak user baru agar dapat secara

bersama-sama mengelola blog yang kita miliki.settingan role nya juga dapat disesuaikan dengan kebutuhan.

3. My profile digunakan untuk melihat dan mengedit profil kita (user)4. Personal setting digunakan untuk setting blog dengan mode user yang

sedang online.

10. Tools

Menu ini digunakan untuk pengelolaan konten maupun blog.konten yang ada dalam blog wordpress dapat diekspor ke layanan blog lain.selain itu kita juga dapat mengimpor konten dari blog ke dalam wordpress.dalam menu ini juga disediakan fasilitas untuk pengelolaan URL.1. Available tools sebagai peralatan untuk memindahkan data yang ada,jika

kita ingin mengambil informasi maupun copy data dari blog lain ataupun website-website orang lain tools ini bisa membantu untuk mempermudah.

2. Import Digunakan untuk mengimpor konten blog dengan menambahkan alat blognya atau konten yang sudah diconvert ke dalam sebuah file xml.

3. Export digunakan untuk mengekspor konten ke dalam fie bentuk xml dimana fie ini kelak dapat diimpor ke blog lain.

22

4. Delete site digunakan untuk mengatur URL juga untuk menghapus blog secara permanen.

11. Setting

Dari sini admin dapat menentukan format tanggal atau jam dan tampilan title pada yang akan tampil pada header website dan dapat menambahkan icons pada halam wordpress.1. General digunakan untuk mengatur tema blog,tagline,favicon,mengatur

waktu dan bahasa.2. Writing digunakan untuk mengatur penulisan artikel.3. Reading digunakan untuk mengatur tampilan luar blog atau posisi baca.4. Discussion digunakan untuk mengatur komentar.5. Media digunakan untuk mengatur media atau file-file yang diupload.6. Sharing digunakan untuk mengatur agar isi blog dapat dibagikan

kelayanan lain seperti facebook,twitter dan bahkan dapat diprint.7. Poll digunakan untuk settingan poling.8. Rating Menu ini digunakan untuk melihat rating postingan

artikel.biasanya masing-masing artike terdapat fasilitas untuk memberikan rating berupa bintang dengan grade 1-5 bintang.

9. Emai post change digunakan untuk mengatur email agar setiap kali postingan mendapat notifikasi dari wordpress.

10. Open ID fasilitas ini memungkinkan kita data cross id antar blog.11. Webhooks digunakan untuk mengirim notifikasi secara otomatis data dari

blog ke website tertentu,misalnya komentar yang masuk atau postingan baru kemudian data tersebut dinotifikasi ke script tertentu di wesite tersebut.

23

D. Langkah – langkah melakukan posting pada wordpress1. Kita login dulu ke website yang telah kita buat misalnya pada gambar dibawah ini

:

Tempat dimana sebelum memasuki halaman login, seorang administrator harus melalui login terlebih dahulu dengan memasukkan username dan password. Hanya administrator dengan username dan password yang benar saja yang bisa masuk ke halaman admin.setelah itu akan mask ke dashboard sebagai aktivitas pertama untuk admin.

Dihalaman ini admin dapat mengatur tampilan,menambah halaman yang akan dipublikasikan ke website yang akan di upload.Menu-menu yang ada dalam dashboard antara lain :g. Home berfungsi sebagai navigasi ke halaman utama admin (Dashboard)h. Comments I’ve made digunakan untuk menampilkan komentar kometar kita

di blog atau situs lain.i. Site stats digunakan untuk melihat statistic bog baik jumlah

pengunjung,jumlah kunjungan per-artikel,kata kunci pencarian yang dapat dilihat perhari,minggu,bulan maupun tahun.

24

j. Akismet stats digunakan untuk melihat ist pesan yang dikenali oeh akisment (anti spam) sebagai spam.

k. My blogs merupakan menu untuk menampikan daftar bog yang kita miliki(wordpress).karena wordpress memungkinkan satu akun untuk membuat beberapa blog.dan dalam menu ini nanti terdapat fasilitas untuk menggaanti domain blog.

l. Blog I Folow digunakan untuk menampilkan daftar blog wordpress user lain yang kita ikuti.

E. Langkah – langkah melakukan posting1. Lalu akan muncul gambar seperti dibawah ini kemudian pilih my blog kemudian

klik post untuk melakukan posting pada website.

2. Kemudian akan muncul gambar seperti dibawah ini :

25

Kemudian pilih3. add new seperti pada kotak merah untuk melakukan post pada website,kemudian

akan muncu gambar seperti dibawah ini dimana kita siap menulis apa yang akan kita postingkan pada website.

4. Setelah selasai menulis apa yang mau kita postingkan pada website kita dapat mengklik publish untuk menguploadnya ke website seperti gambar diatas yang telah dikotak merah dan hasilnya seperti gambar dibawah ini :

F. Langkah – langkah membuat header image1. Kita masuk pada admin wordpress kemudian pilih appearance lalu klik header

seperti pada gambar dibawah ini :

26

2. Header yang telah di kotak merah diklik kemudian akan masuk pada menu header,untuk melakukan input gambar pilih choose file ( seperti pada kotak biru ) untuk mengaupload gambar dari my computer ke menu media wordpress, dengan ukuran standart gambar wordpress panjang 315px dan lebar 229 px dan bila gambar terlalu besar maka pada wordpress telah memiliki langkah cropping secara otomatis.lalu klik apply pada pengaturannya.

G. Cara memberi widgets pada wordpress1. Seperti cara memberikan header kita masuk dulu di admin wordpress

kemudian pilih appearance lalu klik widgets seperti pada gambar dibawah ini :

kita tinggal menggeser dari available widgets ke primary widgets area untuk widgets yang kita inginkan,misalnya kita mau menampilkan widgets calendar posting maka kita tinggal melakukan penggeseran dari available widgets ke primary widgets kemudian klik apply maka akan muncul gambar seperti dibawah ini yang berkotak merah sebelah kiri yang telah dikotak merah pada website kita,

27

dan lakukan langkah yang sama untuk menambahkan widgets.

H. Cara memilih thema pada wordpress1. Seperti cara memberikan header kita masuk dulu di admin wordpress

kemudian pilih appearance lalu klik themes seperti pada gambar dibawah ini :

2. Kita tinggal memilih salah satu thema di bawah available themes sebagai thema default atau standart website yang teah dibuat.

3. Custom design digunakan untuk memilih design yang kita inginkan dalam tata letak website.Hasi dari thema yang telah dipilih :

28

Yang memiliki 3 kolom yang dimana kolom yang berwarna merah merupakan tempat widgets dan kolom yang berkotak biru merupakan postingan.

I. Langkah – langkah member polling websitea. Kita masuk pada admin wordpressb. Pada sisi kiri halaman klik menu – polls – klik add new

c. Pada halaman create poll (list polls) isikan pada kolom berikut :

29

Create poll ( list polls ) :Judul bahasan yang mau di poll.

Answer :Jawaban polling.

pollDaddy style :memiih tampilan kotak polling.

Poll result :Beri tanda titik pada tampilan hasi poling yang di gunakan.

Block repeat voters :Pengaturan pada memilih yang memasukkan poling berulang.

d. Setelah anda selesai klik tombol [ save pol ]e. Setelah proses penyimpanan selesai, klik tombol [list poll] dibagian atas

sendiri persisi di samping create poll.f. Kemudian akan ditampilkan polling yang telah anda buat tadi, dan klik link

[ html code ]g. Maka tab html code akan terbuka,kemudian copy kode yang ada pada menu “

shortcode”

30

h. Contoh code poll :

i. Kemudian di copy paste code yang di kotak merah pada widget text,seperti pada contoh dibawah ini :

j. Hasil polling yang telah di buat :

31

J. Langkah memberi jam pada web:a. masuk pada http://www.clocklink.com kemudian akan tampil gambar seperti

dibawah ini :

b. klik yang bergambar merah kemudian akan muncul gambar penerimaan.

32

c. klik yang berkotak merah untuk menyetujuinya.d. Kemudian akan muncu code html yang di inginkan,seperti pada gamabar

dibawah;

Yang berwarna orange : merupakan zona waktu dimana kita tinggal misal GMT + 07.00

Yang berwarna merah merupakan ukuran dari jam.

33

Yang berkotak warna hijau merupakan kode html yang nantinya di copy paste pada widgets website,seperti padda gambar di bawah ini :

e. Dan hasil yang akan tampil (yang di kotak merah) :

K. Cara memasang link websitea. Kita masuk pada admin website kemudian klik 1. appearance kemudian klik

2. Widgets 3. kemudian klik text .seperti pada gambar,

34

b. Link yang di masukkan pada kotak biru antara lain :go to <a href="http://www.sragenkab.go.id">Kabupaten Sragen </a><br>go to <a href="http://www.karanganyarkab.go.id">Kabupaten Karanganyar </a><br>go to <a>Kabupaten Boyolali </a> <br>go to <a href="http://www.sukoharjokab.go.id">Kabupaten Sukoharjo </a> <br>go to <a href="http://surakarta.go.id/">Kabupaten Surakarta </a><br>go to <a href="http://www.wonogirikab.go.id">Kabupaten Wonogiri </a> <br>

c. Klik save untuk menyimpan perubahan dah hasil akhirnya seperti gambar dibawah ini :

35

L. Contoh hasil dari postingan yang telah dibuat

1. Tampilan menu home

2. Tampilan menu info potensi

Ditampilan Info potensi terdapat dua link menuju ke halaman potensi yang ada di kelurahan pengkok antara lain :

Potensi alam

36

Potensi kerajinan tangan

37

3. Organisasi kelurahan

BPD

Gambar 4.6.2.3.1 BPD

38

LP2MD

4. Pemerintahan

Dalam halaman pemerintahan berisikan tiga link yang menuju ke stuktur organisasi,tugas dan fungsi dan visi dan misi kelurahan pengkok

Struktur organisasi

39

Visi dan misi

5. Profil kelurahan

40

6. Sarana IT

41