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