Tutorial Web SKPD & Surat Warga

buku penting panduan web skpd & surat warga
Buku Manual Web Site SKPD

Pemerintah Kabupaten Malang
Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten

Malang didesain untuk bisa dirubah atau diupdate secara mudah
menggunakan content management system yang telah disiapkan.
Dokumen ini merupakan petunjuk/acuan bagaimana cara melakukan
maintenance pada situs web Satuan Kerja Perangkat
Daerah
Pemerintah Kabupaten Malang.
b
c
A. Sekilas Struktur Halaman Web

Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten
Malang berfungsi sebagai sarana untuk menginformasikan profil,
program dan event yang ada di Satuan Kerja Perangkat Daerah. Untuk
melakukan fungsi ini, desain halaman situs dibuat simple, dengan
struktur sebagai berikut:
F
Page | 1
Page | 2
Keterangan: a. header halaman (berisi nama unit kerja); b. menu

navigasi (pull-down); c. tanggal dan running text (marquee); d. site box
(berisi info singkat atau sarana interaksi dengan pengunjung, jumlahnya
ada 7, masing-masing bisa diatur, ditampilkan atau disembunyikan); e.
konten halaman; f. footer.
B. Mengganti Konten Halaman

Hampir seluruh bagian halaman situs bisa diedit melalui halaman
administrator. Untuk bisa melakukan ini, anda harus memiliki hak atau
memiliki salah satu otoritas sebagai operator, editor, atau administrator.
Untuk menuju ke halaman administrator, tuliskan alamat berikut di
address bar dari browser.
http://alamatsitus/admin (misal http://pde.malangkab.go.id/admin)
Layar browser akan menampilkan form untuk login, seperti gambar

berikut.
Page | 3
Masukkan username dan password yang telah anda terima, lalu tekan
Enter atau klik Login.
Untuk Username dan Password jika anda lupa silahkan Hubungi PDE
Bila berhasil, anda akan berada di halaman administrator, seperti

gambar berikut.
Page | 4
B.1 Mengganti Data Spesifik Situs

Yang pertama kali perlu dilakukan adalah mengganti data utama dari
situs SKPD yaitu nama, alamat, email, teks pada header dan footer.
Untuk melakukan ini, pilih Lihat/Ubah Data Situs pada bagian Data
Menu & Halaman.
Edit data situs ini terbagi menjadi 5 bagian:
Page | 5
Page | 6
Data Umum: berisi identitas situs. Edit isian nama unit, alamat dan
yang lainnya pada kotak input yang disediakan. Akhiri langkah ini
dengan klik tombol Simpan.
Setelah itu, masukkan file yang akan digunakan untuk header

tersebut, dengan klik tombol Browse.
Teks di halaman: berisi tulisan yang terlihat di bagian header,

marquee, dan footer. Edit isian teks di bagian header, teks untuk
marquee (running text), dan teks untuk footer pada kotak input yang
disediakan.
Isi kolom kiri: untuk mengatur (menampilkan atau
menyembunyikan) box di kolom kiri halaman. Beri tanda centang
pada bagian yang akan ditampilkan, dan hilangkan tanda centang
pada bagian yang akan disembunyikan.
Warna: untuk mengganti warna bagian-bagian halaman, dan juga
warna teks menu navigasi. Klik kotak warna pada bagian yang ingin
dirubah warnanya. Pilih warna yang diinginkan dari daftar warna
yang muncul
Jenis & isi header: menentukan jenis header (image atau flash),
dan menentukan file yang dibutuhkan. Tentukan jenis header
terlebih dahulu (foto atau flash), kemudian klik tombol Simpan.
Page | 7
B.2. Mengedit dan Membuat Halaman Baru

Yang berikutnya setelah data spesifik situs diedit, adalah mengedit
halaman atau membuat halaman baru. Untuk melakukan ini, pilih
Lihat/Ubah Isi Halaman kemudian pilih link yang sesuai.
Untuk mengedit sebuah halaman , klik link Edit Halaman, di sebelah

kanan judul halaman yang akan diedit. Anda akan masuk ke halaman
editor. Anda bisa mengedit judul, kemudian konten halaman. Editor
konten halaman merupakan rich text editor sehingga bisa digunakan
untuk mengatur tampilan font, memasukkan gambar/foto, atau
menampung konten dari program Microsoft Word, misalnya (melalui
fasilitas Copy Paste).
Page | 8
Secara umum, penggunaannya sama dengan aplikasi pengolah kata

yang umum (ex: Microsoft Office). Anda bisa melakukan teks formatting
atau paragraph formatting melalui toolbar yang ada di bagian atas
editor.
3.
Klik pada tab Upload, sehingga tampilan kotak dialog menjadi

seperti gambar berikut.
Untuk memaksimalkan ukuran editor (atau mengembalikan ke

ukuran semula)
Klik tombol
Untuk memasukkan gambar / foto:
1.
2.
Posisikan kursor pada tempat dimana foto akan ditempatkan.

Klik ikon
pada toolbar. Akan terlihat kotak dialog seperti gambar
berikut
Page | 9
Page | 10
4.
Klik tombol Browse, lalu tunjuk file foto yang akan dimasukkan, klik
Open. Akhiri dengan klik pada tombol Send it to the Server.
5.
Bila diperlukan, tentukan ukuran lebar dan tinggi foto (dalam pixel),
pada isian Width dan Height, jarak dari foto ke teks (HSpace dan
VSpace), dan posisi foto (Align).
6.
Klik OK untuk menutup kotak dialog dan menempatkan foto ke

editor. Klik Simpan di bagian bawah halaman untuk menyimpan
halaman tersebut.
B.2.2 Membuat Halaman Baru
Hapus /namaskpd sebelum /imgnews/namagambar.jpg

Page | 11
8
Untuk membuat halaman baru, klik link Tambah Halaman Baru,

kemudian masukkan judul, dan konten halaman yang diinginkan.
Seperti saat mengedit isi halaman, editor konten halaman juga
merupakan rich text editor sehingga bisa digunakan untuk mengatur
tampilan font, memasukkan gambar/foto.
Page | 12
8
Catatan: Agar halaman yang baru dibuat ini bisa tampil, pastikan
membuat menu (lihat bahasan di bawah) yang menunjuk ke halaman
tersebut.
Pada gambar di atas, setiap item menu memiliki kode yang unik.
Sebuah sub menu memiliki kode awal yang sama dengan kode menu di
atasnya. Untuk mengedit sebuah menu, klik link [Edit] di sebelah kanan
menu.
B.3 Membuat / Mengedit Menu Navigasi (pulldown)

Setelah halaman dibuat, yang berikutnya adalah memastikan halaman
tersebut bisa tampil melalui menu atau submenu navigasi (di bagian
atas halaman). Untuk mengedit menu navigasi ini, klik link Lihat/Ubah
Menu Navigasi Atas.
B.3.1 Mengedit Menu atau Submenu untuk halaman
Setelah link Lihat/Ubah Menu Navigasi Atas dipilih, akan terlihat
daftar menu (dan submenu) yang ada sekarang.
Anda bisa mengedit teks menu (yang akan terlihat pada menu atau sub
menu di bagian atas halaman), menjadikan menu tersebut main atau
sub menu (opsi Level dan Punya sub menu), atau menyembunyikan
dan menampilkan (opsi Aktif?). Bagian Link digunakan untuk
menentukan halaman apa yang akan ditampilkan (bila menu tersebut
dipilih)
B.3.2 Menambahkan Submenu baru
Untuk bisa menambahkan sub menu baru, klik link Tambah Sub menu
baru.
Page | 13
Page | 14
Pilih pada menu utama yang mana sub menu tersebut akan
ditempatkan, ketikkan teks Sub Menu, dan pilih Link yang sesuai (yaitu
judul halaman yang sudah dibuat/disiapkan sebelumnya).
Catatan: anda tidak bisa membuat menu utama baru. Jumlah menu
utama adalah 10. Pada awalnya yang ditampilkan hanya 9. Satu menu
disembunyikan (Cadangan). Tampilkan menu Cadangan dan ganti
teksnya sesuai kebutuhan, bila diperlukan.
B.4 Mengedit Data Umum

Data umum yang dimaksud di sini adalah data berita, galleri foto, buku
tamu dan polling.
B.4.1 Mengedit Berita atau menambahkan Berita baru
Untuk mengedit berita, klik link Lihat/Ubah Berita di halaman depan
Administrator. Setelah daftar berita terlihat, klik Ubah di kanan berita
yang akan diedit. Lakukan editing seperti halnya anda mengedit
isi/konten halaman.
Page | 15
8
Catatan:
Pengantar berita adalah bagian berita yang terlihat saat berita

tersebut ditampilkan bersama berita lainnya (misal pada box berita
terkini di sebelah kiri halaman), dan dibatasi maksimal 255 karakter.
Page | 16
Detail berita adalah konten berita yang lengkap (lanjutan dari

pengantar berita). Editor untuk berita ini sama dengan editor untuk
konten halaman (lihat halaman 4).
Untuk menambahkan berita baru, klik link Tambah berita baru di

halaman depan Administrator. Lakukan entry berita seperti saat anda
mengedit berita.
B.4.2 Mengedit Buku tamu
Untuk mengedit buku tamu, klik link Lihat/Ubah Buku tamu di halaman
depan Administrator.
Setelah daftar isian buku tamu terlihat, klik Edit di kanan isian yang
akan diedit, atau klik Del (hapus) untuk menghapus item buku tamu.
Yang perlu dicatat disini adalah, anda bisa memberikan
jawaban/komentar pada pesan yang disampaikan, melalui kotak teks
Tanggapan.
Page | 17
Page | 18
B.4.3 Mengedit Galeri Foto

Galeri foto berisi kumpulan foto yang dikelompokkan berdasarkan
kategori-kategori yang telah ditetapkan sebelumnya. Anda bisa
mengedit kategori foto, dan mengedit foto-foto yang ada pada masingmasing kategori.
Untuk mengedit galleri foto, klik link Lihat / Edit Galeri Foto pada
halaman depan Administrator.
Ketikkan nama kategori yang baru pada kotak teks yang ada, lalu
klik Change Category Name.
[Hapus Kategori] di kanan nama kategori untuk menghapus

kategori tersebut
[Buat Kategori baru] di bagian atas daftar kategori untuk

membuat kategori baru
Mengedit Foto pada masing-masing kategori

Mengedit Kategori Foto
Anda bisa merubah nama kategori yang sudah ada, menghapus, atau
menambahkan kategori baru. Untuk melakukan ini, klik link:
[Edit Kategori] di kanan nama kategori untuk mengedit

kategori tersebut
Page | 19
Anda bisa menghapus, menambahkan foto, atau mengatur posisi foto

untuk setiap kategori. Untuk melakukan ini, klik link: Edit foto -> yang
ada di sebelah kanan baris kategori.
Untuk menambahkan foto, klik tombol Browse (Telusuri) pada

bagian atas halaman, pilih file foto yang telah disiapkan, berikan
keterangan foto seperlunya, lalu klik Upload.
Page | 20
foto yang bisa diupload, dan lain-lain. Untuk melakukan ini, klik link Atur
Konfigurasi.
Untuk menghapus foto yang sudah ada, klik tombol Hapus (di
bawah Update Info).
Untuk mengganti posisi (urutan) foto klik tombol Naik atau Turun
seperlunya.
Mengedit Konfigurasi umum galeri foto
Anda bisa merubah beberapa seting dasar dari galeri foto, seperti
jumlah kolom tampilan foto, ukuran thumbnail/foto, ukuran maksimal file
Page | 21
Klik link Home untuk kembali ke halaman depan administrasi galleri

foto.
B.4.4 Mengedit Data Polling
Polling atau jajak pendapat ditampilkan di kolom kiri halaman. Untuk
merubah data polling ini, pilih link Lihat / Edit Polling di halaman
Page | 22
Catatan: Pastikan anda telah membuat sampai kategori level dua (Sub
kategori 1) untuk memastikan nama kategori ini tampil di halaman
download.
Membuat Kategori Baru
Anda bisa mengedit teks pertanyaan, item jawaban, dan nilai pilihan
dari masing-masing jawaban.
B.5 Mengedit Data Download

Data Download yang dimaksud di sini adalah data kategori file yang
bisa didownload, dan data file-file yang bisa didownload.
B.5.1 Mengedit Kategori file
Untuk mengedit kategori file, klik link Lihat/Ubah Kategori File di
halaman depan Administrator. Setelah daftar kategori file terlihat, klik
Edit di kanan nama kategori yang akan diedit. Lakukan editing seperti
halnya saat anda mengedit menu navigasi.
Page | 23
Untuk membuat kategori baru, klik link Entry Kategori File pada
halaman depan Administrator. Masukkan kode, level, kategori dan sub
kategori 1 (minimal).
Catatan: Pastikan kode yang digunakan merupakan kombinasi kode
kategori level atasnya plus dua angka baru untuk memastikan nama
kategori ini tampil di halaman download. Misal anda memiliki kategori
Artikel dengan kode 01, untuk membuat kategori Sosial Budaya yang
berada di bawah Artikel, anda bisa menggunakan kode 0101, atau
0102, dst. Level diisi angka 1 (untuk kategori utama), 2 (untuk sub
kategori 1), 3 (untuk sub kategori 2).
Page | 24
B.5.2 Mengedit file data (yang didownload)
Menambahkan File Baru
Untuk mengedit file data, klik link Lihat/Ubah File Data di halaman
Untuk menambahkan file baru, klik link Entry File Data pada halaman
ff
Setelah daftar kategori file terlihat, klik [Edit] di kanan nama file yang
akan diedit.
Pilih kategori (harus minimal level 2/sub kategori 1), nama atau
deskripsi singkat dari file, pilih file gambar (hanya untuk jenis file image,
dan tidak harus diisi), dan pilih file data yang akan diupload.
B.6 Mengedit Data Operator
Catatan:
Kategori harus minimal kategori level 2 (sub kategori 1) agar bisa

tampil di halaman download
File Gambar digunakan hanya untuk file image, yaitu untuk

menampilkan ukuran kecil (thumb) dari file image yang akan
didownload.
Page | 25
Operator yang dimaksud di sini adalah orang yang melakukan proses

update data / maintenance situs. Berdasarkan haknya, operator
dibedakan menjadi 3 macam: administrator, editor, dan operator.
Operator: memiliki hak untuk edit berita, galleri, buku tamu, isi halaman &
upload file, Editor: memiliki hak untuk edit berita, buku tamu & upload file.
Anda sebagai Administrator bisa menambahkan atau mengedit

operator.
Page | 26
B.6.1 Mengedit Operator
B.6.2 Menambahkan Operator Baru
Untuk mengedit data operator, klik link Lihat/Ubah Operator dii

halaman depan Administrator. Setelah daftar operator terlihat, klik
[Edit] di kanan nama operator yang akan diedit. Lakukan editing
dengan cara yang sama seperti sebelumnya.
Untuk mengedit data operator, klik link Tambah Operator di halaman

depan Administrator. Lakukan entry data operator dengan cara yang
sama seperti sebelumnya.
Catatan: Kode akan terisi dengan otomatis, memang tidak perlu diisi.
Catatan: bila seorang operator lupa password yang
administrator hanya bisa memberikan password baru,
mengganti password yang lama dengan yang baru.
dimiliki,
dengan
Page | 27
Page | 28
Tatacara menjawab Surat Warga

Pada website Kabupaten Malang
2. Geser Scrollbar ke bawah, Silahkan klik login surat warga
1. Untuk dapat mejawab Surat Warga pada website utama Kabupaten Malang,
silahkan membuka aplikasi surat warga melalui alamat :
http://www.malangkab.go.id/suratwarga.php
Klik Login Surat Warga

disini
3. Masukkan Username dan Password seperti yang diberikan oleh web

administrator (Bagian PDE).
4. Misalkan, Bagian Perekonomian
Username : bag-ekonomi
Password : xxxxxxxx
Page | 29
Page | 30
Klik disini untuk melihat isi dan

menjawab surat warga
setelah muncul tampilan

5. Klik Login
6. Klik Lihat/Edit Surat Warga
Page | 31
Page | 32
Klik disini untuk melihat isi dan

menjawab surat warga
Ketikkan Jawaban / tanggapan disini
klik ikon dibawah kolom jawab.
7. Silahkan memberi tanggapan/jawaban pada bagian Tanggapan
8. Setelah selesai, klik Simpan
Page | 33
Page | 34
9. Klik List Surat Warga untuk menjawab surat yang lain atau,
10. Menu Halaman Depan untuk ke halaman depan.
11. Jika selesai jangan lupa Logout
Daftar WebSite Satuan Kerja Perangkat Daerah

Kabupaten Malang
Page | 35
Page | 36
PEMERINTAH KABUPATEN MALANG
DINAS
http://dispendik.malangkab.go.id
BUPATI
1. Dinas Pendidikan
http://dispora.malangkab.go.id
WAKIL BUPATI
2. Dinas Pemuda dan Olah Raga
http://dinkes.malangkab.go.id
SEKRETARIAT DAERAH
3. Dinas Kesehatan
http://dinsos.malangkab.go.id
1. Sekretaris Daerah
4. Dinas Sosial
http://disnaker.malangkab.go.id
2. Asisten Pemerintahan
5. Dinas Tenaga Kerja dan Transmigrasi
http://dishub.malangkab.go.id
3. Asisten Perekonomian & Pembangunan
6. Dinas Perhubungan, Kominfo
http://dispenduk.malangkab.go.id
4. Asisten Administrasi
7. Dinas Kependudukan dan Catatan Sipil
http://disbudpar.malangkab.go.id
5. Asisten Kesejahteraan Rakyat
8. Dinas Kebudayaan dan Pariwisata
http://binamarga.malangkab.go.id
SEKRETARIAT DPRD
9. Dinas Bina Marga
http://pengairan.malangkab.go.id
10. Dinas Pengairan
http://ciptakarya.malangkab.go.id
11. Dinas Cipta Karya dan Tata Ruang
http://disperindag.malangkab.go.id
1. Sekretaris DPRD
http://www.malangkab.go.id
http://setwan.malangkab.go.id
BADAN
1. Badan Kepegawaian Daerah
http://bkd.malangkab.go.id
12. Dinas Industri, Perdagangan & Pasar
http://dinkop.malangkab.go.id
2. Badan Perencanaan Pembangunan
http://bappekab.malangkab.go.id
13. Dinas Koperasi dan UMKM
http://distanbun.malangkab.go.id
3. Badan Penelitian dan Pengembangan
http://balitbang.malangkab.go.id
14. Dinas Pertanian dan Perkebunan
http://esdm.malangkab.go.id
4. Badan Kesatuan Bangsa dan Politik
http://bakesbangpol.malangkab.go.id
15. Dinas Energi dan Sumber Daya Mineral
http://kelautan.malangkab.go.id
5. Badan Lingkungan Hidup
http://lh.malangkab.go.id
16. Dinas Kelautan dan Perikanan
http://kehutanan.malangkab.go.id
6. Badan Ketahanan Pangan
http://pangan.malangkab.go.id
17. Dinas Kehutanan
http://peternakan.malangkab.go.id
7. Badan Pemberdayaan Masyarakat
http://bpm.malangkab.go.id
18. Dinas Peternakan & Kes. Hewan
http://dppka.malangkab.go.id
8. Badan Pendidikan dan Pelatihan
http://diklat.malangkab.go.id
19. Dinas PPKA
9. Badan Keluarga Berencana
http://kb.malangkab.go.id
KANTOR
http://kpm.malangkab.go.id
10. Badan Perpustakaan, Arsip, dan
http://perpustakaan.malangkab.go.id
1. Kantor Penanaman Modal
http://kpppa.malangkab.go.id
perpustakaan
38
2. Kntr Pemberdayaan Perempuan &
Page | 37
Page |
perlindungan Anak
http://perumahan.malangkab.go.id
3. Kantor Perumahan
BUMD
http://pdam.malangkab.go.id
BAGIAN
http://bag-tapum.malangkab.go.id
1. PDAM
http://jasayasa.malangkab.go.id
1.
Bagian Tata Pemerintahan Umum
http://bag-tapemdes.malangkab.go.id
2. PD Jasa Yasa
http://artha-kanjuruhan.malangkab.go.id
2.
Bagian Tata Pemerintahan Desa
http://bag-pertanahan.malangkab.go.id
3. BPR Artha Kanjuruhan
3.
Bagian Pertanahan
http://bag-hukum.malangkab.go.id
4.
Bagian Hukum
http://bag-ekonomi.malangkab.go.id
KECAMATAN
http://ampelgading.malangkab.go.id
5.
Bagian Perekonomian
http://bag-kerjasama.malangkab.go.id
1. Ampelgading
http://bantur.malangkab.go.id
6.
Bagian Kerjasama
bag-pembangunan.malangkab.go.id
2. Bantur
http://bululawang.malangkab.go.id
7.
Bagian Administrasi Pembangunan
http://bag-pde.malangkab.go.id
3. Bululawang
http://dampit.malangkab.go.id
8.
Bagian Pengelola Data Elektronik
http://bag-umum.malangkab.go.id
4. Dampit
http://dau.malangkab.go.id
9.
Bagian Umum Dan Protokol
http://bag-tu.malangkab.go.id
5. Dau
http://donomulyo.malangkab.go.id
10. Bagian Tata Usaha
http://bag-humas.malangkab.go.id
6. Donomulyo
http://gedangan.malangkab.go.id
11. Bagian Hubungan Masyarakat
http://bag-organisasi.malangkab.go.id
7. Gedangan
http://gondanglegi.malangkab.go.id
12. Bagian Organisasi
http://bag-bintal.malangkab.go.id
8. Gondanglegi
http://jabung.malangkab.go.id
13. Bagian Bina Mental dan Kerohanian
http://bag-kesra.malangkab.go.id
9. Jabung
http://kalipare.malangkab.go.id
10. Kalipare
http://karangploso.malangkab.go.id
11. Karangploso
http://kasembon.malangkab.go.id
12. Kasembon
http://kepanjen.malangkab.go.id
14. Bagian Kesejahteraan Rakyat

ORGANISASI PERANGKAT DAERAH
LAINNYA
http://inspektorat.malangkab.go.id
13. Kepanjen
http://kromengan.malangkab.go.id
1. Inspektorat Kabupaten
http://rsud-kanjuruhan.malangkab.go.id
14. Kromengan
http://lawang.malangkab.go.id
2. RSUD Kanjuruhan
http://perizinan.malangkab.go.id
15. Lawang
http://ngajum.malangkab.go.id
3. Unit Pelayanan Terpadu Perizinan
http://satpolpp.malangkab.go.id
16. Ngajum
http://ngantang.malangkab.go.id
17. Ngantang
http://pagak.malangkab.go.id
40
39
4. Satuan Polisi Pamong Praja & LINMAS
Page |
Page |
18. Pagak
http://pagelaran.malangkab.go.id
19. Pagelaran
http://pakis.malangkab.go.id
20. Pakis
http://pakisaji.malangkab.go.id
21. Pakisaji
http://poncokusumo.malangkab.go.id
22. Poncokusumo
http://pujon.malangkab.go.id
23. Pujon
sumbermanjingwetan.malangkab.go.id
24. Sumbermanjing Wetan
http://singosari.malangkab.go.id
25. Singosari
http://sumberpucung.malangkab.go.id
26. Sumberpucung
http://tajinan.malangkab.go.id
27. Tajinan
http://tirtoyudo.malangkab.go.id
28. Tirtoyudo
http://tumpang.malangkab.go.id
29. Tumpang
http://turen.malangkab.go.id
30. Turen
http://wagir.malangkab.go.id
31. Wagir
http://wajak.malangkab.go.id
32. Wajak
http://wonosari.malangkab.go.id
33. Wonosari
Daftar Email Satuan Kerja Perangkat Daerah

Kabupaten Malang
Page | 40,5
Page | 41
10. Badan Perpustakaan, Arsip, dan
perpustakaan@malangkab.go.id
DINAS
PEMERINTAH KABUPATEN MALANG

BUPATI
bupati@malangkab.go.id
1. Dinas Pendidikan
dispendik@malangkab.go. id
WAKIL BUPATI
wabup@malangkab.go.id
2. Dinas Pemuda dan Olah Raga
dispora@malangkab.go.id
3. Dinas Kesehatan
dinkes@malangkab.go.id
4. Dinas Sosial
dinsos@malangkab.go.id
5. Dinas Tenaga Kerja dan Transmigrasi
disnaker@malangkab.go.id
6. Dinas Perhubungan, Kominfo
dishub@malangkab.go. Id
7. Dinas Kependudukan dan Catatan Sipil
dispenduk@malangkab.go.id
8. Dinas Kebudayaan dan Pariwisata
disbudpar@malangkab.go.id
9. Dinas Bina Marga
binamarga@malangkab.go.Id
10. Dinas Pengairan
pengairan@malangkab.go.id
11. Dinas Cipta Karya dan Tata Ruang
ciptakarya@malangkab.go.id
12. Dinas Industri, Perdagangan & Pasar
disperindag@malangkab.go.id
13. Dinas Koperasi dan UMKM
dinkop@malangkab.go.id
14. Dinas Pertanian dan Perkebunan
distanbun@malangkab.go.id
15. Dinas Energi dan Sumber Daya Mineral
esdm@malangkab.go.id
16. Dinas Kelautan dan Perikanan
kelautan@malangkab.go.id
17. Dinas Kehutanan
kehutanan@malangkab.go.id
18. Dinas Peternakan & Kes. Hewan
peternakan@malangkab.go.id
19. Dinas PPKA
dppka@malangkab.go.id
SEKRETARIAT DAERAH
1. Sekretaris Daerah
sekda@malangkab.go.id
2. Asisten Pemerintahan
asisten1@malangkab.go.id
3. Asisten Perekonomian & Pembangunan
4. Asisten Administrasi
5. Asisten Kesejahteraan Rakyat
SEKRETARIAT DPRD
1. Sekretaris DPRD
sekwan@malangkab.go.id
BADAN
1. Badan Kepegawaian Daerah
bkd@malangkab.go.id
2. Badan Perencanaan Pembangunan
bappekab@malangkab.go.id
3. Badan Penelitian dan Pengembangan
balitbang@malangkab.go.id
4. Badan Kesatuan Bangsa dan Politik
bakesbangpol@malangkab.go.id
5. Badan Lingkungan Hidup
lh@malangkab.go.id
6. Badan Ketahanan Pangan
pangan@malangkab.go.id
7. Badan Pemberdayaan Masyarakat
bpm@malangkab.go.id
8. Badan Pendidikan dan Pelatihan
diklat@malangkab.go.id
9. Badan Keluarga Berencana
kb@malangkab.go.id
KANTOR
1. Kantor Penanaman Modal
Page | 42
kpm@malangkab.go.id
Page | 43
2. Kntr Pemberdayaan Perempuan & Anak
kpppa@malangkab.go.id
BUMD
3. Kantor Perumahan
perumahan@malangkab.go.id
1. PDAM
pdam@malangkab.go.id
2. PD Jasa Yasa
jasayasa@malangkab.go.id
3. BPR Artha Kanjuruhan
artha-kanjuruhan@malangkab.go.id
BAGIAN
1.
Bagian Tata Pemerintahan Umum
bag-tapum@malangkab.go.id
2.
Bagian Tata Pemerintahan Desa
bag-tapemdes@malangkab.go.id
3.
Bagian Pertanahan
bag-pertanahan@malangkab.go.id
KECAMATAN
4.
Bagian Hukum
bag-hukum@malangkab.go.id
1. Ampelgading
ampelgading@malangkab.go.id
5.
Bagian Perekonomian
bag-ekonomi@malangkab.go.id
2. Bantur
bantur@malangkab.go.id
6.
Bagian Kerjasama
bag-kerjasama@malangkab.go.id
3. Bululawang
bululawang@malangkab.go.id
7.
Bagian Administrasi Pembangunan
bag-pembangunan@malangkab.go.id
4. Dampit
dampit@malangkab.go.id
8.
Bagian Pengelola Data Elektronik
bag-pde@malangkab.go.id
5. Dau
dau@malangkab.go.id
9.
Bagian Umum Dan Protokol
bag-umum@malangkab.go.id
6. Donomulyo
donomulyo@malangkab.go.id
7. Gedangan
gedangan@malangkab.go.id
8. Gondanglegi
gondanglegi@malangkab.go.id
9. Jabung
jabung@malangkab.go.id
10. Kalipare
kalipare@malangkab.go.id
11. Karangploso
karangploso@malangkab.go.id
12. Kasembon
kasembon@malangkab.go.id
13. Kepanjen
kepanjen@malangkab.go.id
10. Bagian Tata Usaha
bag-tu@malangkab.go.id
11. Bagian Hubungan Masyarakat
bag-humas@malangkab.go.id
12. Bagian Organisasi
bag-organisasi@malangkab.go.id
13. Bagian Bina Mental dan Kerohanian
bag-bintal@malangkab.go.id
14. Bagian Kesejahteraan Rakyat
bag-kesra@malangkab.go.id
ORGANISASI PERANGKAT DAERAH

1. Inspektorat Kabupaten
inspektorat@malangkab.go.id
14. Kromengan
kromengan@malangkab.go.id
2. RSUD Kanjuruhan
rsud-kanjuruhan@malangkab.go.id
15. Lawang
lawang@malangkab.go.id
3. Unit Pelayanan Terpadu Perizinan
perizinan@malangkab.go.id
16. Ngajum
ngajum@malangkab.go.id
4. Satuan Polisi Pamong Praja, LINMAS
satpolpp@malangkab.go.id
17. Ngantang
ngantang@malangkab.go.id
18. Pagak
pagak@malangkab.go.id
Page | 44
Page | 45
19. Pagelaran
pagelaran@malangkab.go.id
20. Pakis
pakis@malangkab.go.id
21. Pakisaji
pakisaji@malangkab.go.id
22. Poncokusumo
poncokusumo@malangkab.go.id
23. Pujon
pujon@malangkab.go.id
24. Sumbermanjing Wetan
sumbermanjingwetan@malangkab.go.id
25. Singosari
singosari@malangkab.go.id
26. Sumberpucung
sumberpucung@malangkab.go.id
27. Tajinan
tajinan@malangkab.go.id
28. Tirtoyudo
tirtoyudo@malangkab.go.id
29. Tumpang
tumpang@malangkab.go.id
30. Turen
turen@malangkab.go.id
31. Wagir
wagir@malangkab.go.id
32. Wajak
wajak@malangkab.go.id
33. Wonosari
wonosari@malangkab.go.id
Page | 46
daftar isi
A. Sekilas Struktur Halaman Web
Halaman 1
B. Mengganti Konten Halaman
Halaman 3
B.1 Mengganti Data Spesifik Situs
Halaman 6
B.2. Mengedit & Membuat Halaman Baru
Halaman 8
Untuk memaksimalkan ukuran editor (atau

mengembalikan ke ukuran semula
Halaman 9
Untuk memasukkan gambar / foto
Halaman 9
B.2.2 Membuat Halaman Baru
Halaman 12
B.3 Membuat / Mengedit Menu Navigasi (pulldown)
Halaman 13
B.3.1 Mengedit Menu atau Submenu untuk halaman
Halaman 13
B.3.2 Menambahkan Submenu baru
Halaman 14
B.4 Mengedit Data Umum
Halaman 15
B.4.1 Mengedit Berita atau menambahkan Berita baru
Halaman 15
Page |
B.4.2 Mengedit Buku tamu
Daftar Website SKPD Kabupaten Malang
Halaman 36
Daftar Email SKPD Kabupaten Malang
Halaman 41
Halaman 17
B.4.3 Mengedit Galeri Foto
Halaman 19
Mengedit Foto pada masing-masing kategori
Halaman 20
Mengedit Konfigurasi umum galeri foto
Halaman 21
B.4.4 Mengedit Data Polling
Halaman 22
B.5 Mengedit Data Download
Halaman 23
B.5.1 Mengedit Kategori file
Halaman 23
Membuat Kategori Baru
Halaman 24
B.5.2 Mengedit file data (yang didownload)
Halaman 25
Menambahkan File Baru
Halaman 26
B.6 Mengedit Data Operator
Halaman 26
B.6.1 Mengedit Operator
Halaman 27
B.6.2 Menambahkan Operator Baru
Halaman 28
Tatacara menjawab Surat Warga

Pada website Kabupaten Malang
Halaman 29
Page |
Page |
bagian pengelolaan data elektronik Kabupaten Malang

Website| Bag-pde.malangkab.go.id
eMail| Bag-pde@malangkab.go.id
Info
Team Kreatif
Bagian PDE Kabupaten Malang

Jl. Merdeka Timur No. 3
+62341 340919
Bag-pde@malangkab.go.id
Bag-pde.malangkab.go.id
Ir. Henry M B Tanjung

Dra. Nikmawati
Wiwik W, S.Sos
Noegroho Bowo L
Mr. Rudi
staff bagian Pengelola data elektronik
Page |
Page |
KATA PENGANTAR
pemerintah ini, dalam level e-government berada pada grade 2 yaitu situs web
interaksi.
Reformasi di segala bidang serta pesatnya kemajuan teknologi
Pada kesempatan ini saya menyambut baik penerbitan Buku Penting
informasi dan komunikasi telah melahirkan perubahan tatanan kehidupan
Panduan Operator Web SKPD V 1.0 dan Tata Cara Menjawab Surat Warga
bermasyarakat, berbangsa dan bernegara. Dalam kaitan ini, peran aparatur
ini yang diharapkan dapat menjelaskan tentang model untuk membangun
pemerintah sebagai salah satu unsur penyelenggaraan Negara tidak luput dari
infrastruktur portal pemerintah bagi penerapan e-Government.
tuntutan untuk melakukan berbagai perubahan dalam birokrasi.

Tak lupa ucapan terima kasih setinggi-tingginya kepada Bapak Bupati
Pemerintah harus lebih terbuka untuk membentuk kemitraan dengan
Malang yang telah memberikan dukungan moril maupun biaya bagi
dunia usaha (publicprivate partnership), memanfaatkan kemajuan teknologi
perkembangan teknologi informasi dan komunikasi Pemerintah Kabupaten
informasi
Malang, dan Bapak Wakil Bupati Malang yang telah memberikan dukungan
untuk
meningkatkan
kemampuan
mengolah,
mengelola,
menyalurkan dan mendistribusikan informasi bagi pelayanan publik sesuai
dan arahan.
dengan amanat Undang-undang Nomor 14 Tahun 2008 Tentang Keterbukaan

Informasi
Publik.
Oleh karena
itu ketika masyarakat
mendambakan
terwujudnya reformasi sektor publik, pemerintah harus segera melaksanakan
SEKRETARIS DAERAH
proses transformasi menuju e-Government.

Sejalan dengan Inpres Nomor 3 Tahun 2003 Tentang Kebijakan Dan
Strategi Nasional Pengembangan E-government, Pemerintah Kabupaten
Malang Telah mengimplemetasikannya sejak di launching situs web
Dr. ABDUL MALIK, SE.M.Si

Pembina Utama Muda
NIP. 19570830 198209 1 001
www.malangkab.go.id pada tanggal 12 September 2002 serta situs web

satuan kerja perangkat daerah dan kecamatan sebagai media informasi,
komunikasi dan promosi. Pengembangan metode baru sistem portal situs web
Page | X
Page | XX

Tutorial Web SKPD &amp; Surat Warga

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tutorial Web SKPD &amp; Surat Warga

Diunggah oleh

Hak Cipta:

Format Tersedia

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

Buku Manual Web Site SKPD

Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten

A. Sekilas Struktur Halaman Web

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

Keterangan: a. header halaman (berisi nama unit kerja); b. menu

B. Mengganti Konten Halaman

Layar browser akan menampilkan form untuk login, seperti gambar

Bila berhasil, anda akan berada di halaman administrator, seperti

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

B.1 Mengganti Data Spesifik Situs

Edit data situs ini terbagi menjadi 5 bagian:

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

Setelah itu, masukkan file yang akan digunakan untuk header

Teks di halaman: berisi tulisan yang terlihat di bagian header,

B.2. Mengedit dan Membuat Halaman Baru

Untuk mengedit sebuah halaman , klik link Edit Halaman, di sebelah

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

Secara umum, penggunaannya sama dengan aplikasi pengolah kata

Klik pada tab Upload, sehingga tampilan kotak dialog menjadi

Untuk memaksimalkan ukuran editor (atau mengembalikan ke

Posisikan kursor pada tempat dimana foto akan ditempatkan.

pada toolbar. Akan terlihat kotak dialog seperti gambar

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

Klik OK untuk menutup kotak dialog dan menempatkan foto ke

B.2.2 Membuat Halaman Baru

Hapus /namaskpd sebelum /imgnews/namagambar.jpg

Untuk membuat halaman baru, klik link Tambah Halaman Baru,

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

B.3 Membuat / Mengedit Menu Navigasi (pulldown)

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

B.4 Mengedit Data Umum

Pengantar berita adalah bagian berita yang terlihat saat berita

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

Detail berita adalah konten berita yang lengkap (lanjutan dari

Untuk menambahkan berita baru, klik link Tambah berita baru di

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

B.4.3 Mengedit Galeri Foto

[Hapus Kategori] di kanan nama kategori untuk menghapus

[Buat Kategori baru] di bagian atas daftar kategori untuk

Mengedit Foto pada masing-masing kategori

[Edit Kategori] di kanan nama kategori untuk mengedit

Anda bisa menghapus, menambahkan foto, atau mengatur posisi foto

Untuk menambahkan foto, klik tombol Browse (Telusuri) pada

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

Mengedit Konfigurasi umum galeri foto

Klik link Home untuk kembali ke halaman depan administrasi galleri

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

B.5 Mengedit Data Download

buku penting panduan web skpd & surat warga

buku penting panduan web skpd & surat warga

Tutorial Web SKPD & Surat Warga

Tutorial Web SKPD & Surat Warga