landasan teori · web viewsite stats digunakan untuk melihat statistic bog baik jumlah...
Post on 02-Mar-2019
218 Views
Preview:
TRANSCRIPT
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
top related