Buku Panduan
Website instansi
Pemerintah Kabupaten Banyumas
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA
KABUPATEN BANYUMAS
Manual Website Instansi 2014
1. PENDAHULUAN
Teknologi Internet telah mengubah wajah komunikasi dunia yang sejak lama didominasi
oleh perangkat digital non-komputer, menjadi komunikasi komputer yang global. Teknologi
internet, memungkinkan kita untuk dapat berhubungan satu sama lainnya dengan perangkat
komputer tanpa dibatasi lagi oleh ruang dan waktu. Keberadaan Internet saat ini
memberikan keuntungan secara langsung maupun tidak langsung kepada dunia bisnis,
pendidikan, komunitas, pemerintahan dan banyak lagi dari skala kecil hingga besar. Adanya
fasilitas dalam internet memungkinkan data-data bisa disimpan, diambil dan dikirimkan
secara mudah keseluruh penjuru dunia dengan berbagai cara, data dan informasi yang ada
dapat dihubungkan dengan mudah dan cepat hanya dengan menggunakan hyperlinks
( penghubung virtual ).
Perkembangan teknologi khususnya internet yang merupakan media penyampaian
informasi kini tidak lagi menemui hambatan yang berarti, orang lebih mudah dalam
berinteraksi dan bisa saling bertukar informasi saat itu juga. Hal ini menandakan bahwa
internet mempunyai potensi yang sangat besar untuk dijadikan sebagai sarana komunikasi
dan informasi yang handal dan murah.
Website, merupakan bagian dari penerapan e-Government di Pemerintah Kabupaten
Banyumas yang bertujuan untuk penyampaian informasi kepada khalayak umum agar lebih
mudah, cepat, tertib, terpadu, produktif, akurat, aman, dan efisien.
1.1. Admin Website SKPD
Admin Website SKPD adalah administrator website di SKPD suatu instansi yang
mengelola konten dari website SKPD tersebut, ada beberapa aktivitas yang dilakukan
oleh Admin Website SKPD, Yaitu:
 Menu Master ->
Mengelola Kategori Posting.
Mengelola Posting.
Mengelola Album.
Mengelola Foto.
Mengelola Page.
Mengelola Menu.
Mengelola Submenu.
Mengelola File.
Mengelola Banner.
Mengelola Polling.
Mengelola Bukutamu.
Mengelola Weblink.
 Menu Tools ->
Setting Website.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
2. Mengakses Aplikasi Eoffice
2.1. Login Aplikasi
Untuk
memulai
pengelolaan
konten
website
silahkan
akses
alamat
http://eoffice.banyumaskab.go.id/v2, ketikkan pada kolom
Setelah diakses maka akan tampil halaman seperti dibawah ini
Untuk bisa masuk ke halaman pengelolaan konten dibutuhkan username dan password,
username menggunakan NIP/NIK dan masing-masing admin SKPD, kemudian untuk
password menggunakan tanggal lahir, contoh (01011970), setelah memasukkan
username dan password kemudian klik tombol login.
2.2. Menu Admin Website
Untuk mengakses halaman administrator website klik tombol disebelah kiri
Setelah diklik kemudian akan tampil halaman admin website.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
3. Penjelasan Fungsi Admin Website
Tampilan awal halaman admin website, terdapat menu HOME, MASTER, dan TOOLS.
3.1. Menu Home
Penjelasan menu home digunakan untuk kembali ke halaman admin website.
3.2. Menu Master
Menu master terdapat beberapa menu untuk mengelola website.
3.2.1. Kategori Posting
Pencarian
Ubah
Tambah
Hapus
Hapus
Pada halaman kategori posting terdapat beberapa menu diantaranya: tambah, ubah,
hapus, dan pencarian.
 Menu Tambah
Untuk menambahkan kategori posting klik tombol
, kemudian akan tampil
dialog tambah sebagai berikut:
Isikan kategori posting yang akan dibuat, kemudian disimpan.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Ubah
Untuk mengubah data, klik tombol
kemudian akan tampil dialog window seperti
Setelah mengedit kategori posting kemudian klik tombol simpan.
 Menu Hapus
Untuk menghapus kategori posting satu persatu gunakan tombol
, jika ingin
menghapus beberapa kategori posting pilih terlebih dahulu kategori posting yang akan
dihapus kemudian klik tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
3.2.2. Menu Posting
Pencarian
Ubah
Tampil/sembunyikan data
Tambah
Hapus
Hapus
Pada halaman posting terdapat beberapa menu diantaranya: tambah, ubah, hapus,
tampil/sembunyikan dan pencarian.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Tambah
Untuk menambahkan posting klik tombol
, kemudian akan tampil dialog
tambah sebagai berikut:
Setelah itu isikan field-field yang tersedia, seperti judul, tampilkan, headline, isi berita,
kategori, keyword, dan featured image, jika gambar tidak ada dikosongkan saja
kemudian klik tombol simpan.
 Menu Edit
Untuk mengubah posting klik tombol
, kemudian tampil halaman sebagai berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Hapus
Untuk menghapus posting satu persatu gunakan tombol
, jika ingin menghapus
beberapa posting pilih terlebih dahulu posting yang akan dihapus kemudian klik
tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
3.2.3. Mengelola Album
Pencarian
Ubah
Tambah
Hapus
Hapus
Pada halaman album terdapat beberapa menu diantaranya: tambah, ubah, hapus, dan
pencarian.
 Menu Tambah
Untuk menambahkan album klik tombol
, kemudian akan tampil dialog
tambah sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti nama album, image, dan deskripsi
album harap semua data diisi kemudian klik tombol simpan.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Edit
Untuk mengubah album klik tombol
, kemudian akan tampil halaman sebagai
berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
 Menu Hapus
Untuk menghapus album satu persatu gunakan tombol
, jika ingin menghapus
beberapa album pilih terlebih dahulu album yang akan dihapus kemudian klik tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
3.2.4. Mengelola Foto
Pencarian
Ubah
Hapus
Tambah
Hapus
Pada halaman foto terdapat beberapa menu diantaranya: tambah, ubah, hapus, dan
pencarian.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Tambah
Untuk menambahkan foto klik tombol
, kemudian akan tampil dialog tambah
sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti nama foto, deskripsi singkat foto,
nama album, dan foto yang akan diupload, jika semua sudah diisikan kemudian klik
tombol simpan.
 Menu Edit
Untuk mengubah foto klik tombol
, kemudian akan tampil halaman sebagai berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Hapus
Untuk menghapus foto satu persatu gunakan tombol
, jika ingin menghapus
beberapa foto pilih terlebih dahulu foto yang akan dihapus kemudian klik tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
3.2.5. Mengelola Page
Pencarian
Ubah
Hapus
Tampil/sembunyikan data
Tambah
Hapus
Pada halaman page terdapat beberapa menu diantaranya: tambah, ubah, hapus,
tampil/sembunyikan dan pencarian.
 Menu Tambah
Untuk menambahkan page klik tombol
, kemudian akan tampil dialog tambah
sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti judul page, tampilkan, type page, jika
semua sudah diisi kemudian klik tombol simpan.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Edit
Untuk mengubah page klik tombol
, kemudian akan tampil halaman sebagai berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
 Menu Hapus
Untuk menghapus page satu persatu gunakan tombol
, jika ingin menghapus
beberapa page pilih terlebih dahulu page yang akan dihapus kemudian klik tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
3.2.6. Mengelola Menu
Pencarian
Ubah
Hapus
Tampil/sembunyikan data
Tambah
Hapus
Urutan Menu
Pada halaman Menu terdapat beberapa menu diantaranya: tambah, ubah, hapus,
tampil/sembunyikan, pencarian, dan urutan menu.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Tambah
Untuk menambahkan menu klik tombol
, kemudian akan tampil dialog
tambah sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti menu, tampilkan, halaman, posisi
menu kemudian klik tombol simpan.
 Menu Edit
Untuk mengubah menu klik tombol
, kemudian akan tampil halaman sebagai
berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
 Menu Hapus
Untuk menghapus menu satu persatu gunakan tombol
, jika ingin menghapus
beberapa data pilih terlebih dahulu data yang akan dihapus kemudian klik tombol
.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
 Urutan Menu
Jika ingin mengurutkan menu yang ditampilkan menggunakan urutan menu, isikan
urutan menu pada kolom urutan kemudian simpan urutan menu.
 Tampilkan/sembunyikan
Untuk menampilkan atau menyembunyikan data.
3.2.7. Mengelola Submenu
Pencarian
Ubah
Hapus
Tampil/sembunyikan data
Tambah
Hapus
Simpan Urutan
Pada halaman sub menu terdapat beberapa menu diantaranya: tambah, ubah, hapus,
tampil/sembunyikan, pencarian dan simpan urutan.
 Menu Tambah
Untuk menambahkan sub menu klik tombol
, kemudian akan tampil dialog
tambah sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti sub menu, tampilkan, parent menu,
halaman kemudian klik tombol simpan.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Edit
Untuk mengubah sub menu klik tombol
, kemudian akan tampil halaman sebagai
berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
 Menu Hapus
Untuk menghapus sub menu satu persatu gunakan tombol
, jika ingin menghapus
beberapa sub menu pilih terlebih dahulu sub menu yang akan dihapus kemudian klik
tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
 Urutan Sub Menu
Jika ingin mengurutkan sub menu yang ditampilkan menggunakan urutan sub menu,
isikan urutan menu pada kolom urutan kemudian simpan urutan sub menu.
 Tampilkan/sembunyikan
Untuk menampilkan atau menyembunyikan data.
3.2.8. Mengelola File
Pencarian
Hapus
Ubah
Tambah
Hapus
Pada halaman file upload terdapat beberapa menu diantaranya: tambah, ubah, hapus,
dan pencarian.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Tambah
Untuk menambahkan file upload klik tombol
, kemudian akan tampil dialog
tambah sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti nama file, dan file yang akan diupload
bertipe (PDF,DOC,XLS,ZIP, atau RAR) halaman kemudian klik tombol simpan.
 Menu Edit
Untuk mengubah file upload klik tombol
, kemudian akan tampil halaman sebagai
berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
 Menu Hapus
Untuk menghapus file upload satu persatu gunakan tombol
, jika ingin menghapus
beberapa file upload pilih terlebih dahulu file upload yang akan dihapus kemudian klik
tombol
.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
 Tampilkan/sembunyikan
Untuk menampilkan atau menyembunyikan data.
3.2.9. Mengelola Banner
Hapus
Tampil/sembunyikan data
Ubah
Pencarian
Tambah
Hapus
Pada halaman Benner terdapat beberapa menu diantaranya: tambah, ubah, hapus,
pencarian, tampilkan/sembunyikan.
 Menu Tambah
Untuk menambahkan banner klik tombol
, kemudian akan tampil dialog
tambah sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti nama banner, image, kemudian
position, kemudian klik tombol simpan.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Edit
Untuk mengubah banner klik tombol
, kemudian akan tampil halaman sebagai
berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
 Menu Hapus
Untuk menghapus banner satu persatu gunakan tombol
, jika ingin menghapus
beberapa baner pilih terlebih dahulu banner yang akan dihapus kemudian klik tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
 Tampilkan/sembunyikan
Untuk menampilkan atau menyembunyikan data.
3.2.10. Mengelola Polling
Hapus
Tampil/sembunyikan data
Ubah
Pencarian
Tambah
Hapus
Pada halaman polling terdapat beberapa menu diantaranya: tambah, ubah, hapus,
pencarian, tampil/sembunyikan data.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Menu Tambah
Untuk menambahkan polling klik tombol
, kemudian akan tampil dialog
tambah sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti polling apa yang akan ditampilkan
kemudian pilihan yang akan dimasukkan, jika sudah kemudian klik tombol simpan.
 Menu Edit
Untuk mengubah data klik tombol
, kemudian akan tampil halaman sebagai berikut
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
 Menu Hapus
Untuk menghapus polling satu persatu gunakan tombol
, jika ingin menghapus
beberapa polling pilih terlebih dahulu polling yang akan dihapus kemudian klik tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
 Tampilkan/sembunyikan
Untuk menampilkan atau menyembunyikan data.
Sembunyi
/tampil
3.2.11. Mengelola Bukutamu
Balasan
Hapus
Pencarian
Hapus
Pada halaman bukutamu terdapat beberapa menu diantaranya: hapus, balasan,
pencarian, dan sembunyi/tampil.
 Menu Reply
Untuk membalas bukutamu klik menu reply, kemudian akan tampil halaman sebagai
berikut
Masukkan balasan kemudian klik simpan.
 Menu Hapus
Untuk menghapus bukutamu satu persatu gunakan tombol
, jika ingin menghapus
beberapa bukutamu pilih terlebih dahulu bukutamu yang akan dihapus kemudian klik
tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
 Tampilkan/sembunyikan
Untuk menampilkan atau menyembunyikan data.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
3.2.12. Mengelola Weblink
Pencarian
Ubah
Tambah
Hapus
Hapus
Pada halaman weblink terdapat beberapa menu diantaranya: tambah, ubah, hapus,
pencarian.
 Menu Tambah
Untuk menambahkan weblink klik tombol
, kemudian akan tampil dialog
tambah sebagai berikut:
Setelah itu isikan field-field yang tersedia seperti nama link, link, kemudian klik tombol
simpan.
 Menu Edit
Untuk mengubah data klik tombol
, kemudian akan tampil halaman sebagai berikut
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas
Manual Website Instansi 2014
Ubah field-field yang akan dirubah datanya kemudian jika sudah dirubah semua klik
tombol simpan, maka data akan terupdate.
 Menu Hapus
Untuk menghapus weblink satu persatu gunakan tombol
, jika ingin menghapus
beberapa weblink pilih terlebih dahulu weblink yang akan dihapus kemudian klik
tombol
.
 Pencarian
Untuk mencari data yang diinginkan gunakan kolom pencarian yang terletak dibagian
paling atas tabel
, setelah memasukkan kata kunci
kemudian enter.
3.2.13. Setting Website
Pada halaman setting website, sesuaikan data-data instansi yang bersangkutan, jika
sudah diisi semua klik tombol simpan.
DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab.
Banyumas