Buku Panduan Website instansi Pemerintah Kabupaten Banyumas DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas 1.PENDAHULUAN Teknologi Internet telah mengubah wajah komunikasi dunia yang sejak lama didominasi olehperangkatdigitalnon-komputer,menjadikomunikasikomputeryangglobal.Teknologi internet, memungkinkan kita untuk dapat berhubungan satu sama lainnya dengan perangkat komputertanpadibatasilagiolehruangdanwaktu.KeberadaanInternetsaatini memberikankeuntungansecaralangsungmaupuntidaklangsungkepadaduniabisnis, pendidikan, komunitas, pemerintahan dan banyak lagi dari skala kecil hingga besar. Adanya fasilitasdalaminternetmemungkinkandata-databisadisimpan,diambildandikirimkan secaramudahkeseluruhpenjuruduniadenganberbagaicara,datadaninformasiyangada dapatdihubungkandenganmudahdancepathanyadenganmenggunakanhyperlinks ( penghubung virtual ). Perkembanganteknologikhususnyainternetyangmerupakanmediapenyampaian informasikinitidaklagimenemuihambatanyangberarti,oranglebihmudahdalam berinteraksidanbisasalingbertukarinformasisaatitujuga.Halinimenandakanbahwa internetmempunyaipotensiyangsangatbesaruntukdijadikansebagaisaranakomunikasi dan informasi yang handal dan murah. Website,merupakanbagiandaripenerapane-GovernmentdiPemerintahKabupaten Banyumasyangbertujuanuntukpenyampaianinformasikepadakhalayakumumagarlebih mudah, cepat, tertib, terpadu, produktif, akurat, aman, dan efisien. 1.1. Admin Website SKPD AdminWebsiteSKPDadalahadministratorwebsitediSKPDsuatuinstansiyang mengelolakontendariwebsiteSKPDtersebut,adabeberapaaktivitasyangdilakukan 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. Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas 2.Mengakses Aplikasi Eoffice 2.1. Login Aplikasi Untukmemulaipengelolaankontenwebsitesilahkanaksesalamat 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, usernamemenggunakanNIP/NIKdanmasing-masingadminSKPD,kemudianuntuk passwordmenggunakantanggallahir,contoh(01011970),setelahmemasukkan 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. Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas 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 Padahalamankategoripostingterdapatbeberapamenudiantaranya:tambah,ubah, hapus, dan pencarian. Menu Tambah Untukmenambahkankategoripostingkliktombol,kemudianakantampil dialog tambah sebagai berikut: Isikan kategori posting yang akan dibuat, kemudian disimpan. UbahHapus Pencarian TambahHapusManual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Ubah Untuk mengubah data, klik tombol kemudian akan tampil dialog window seperti Setelah mengedit kategori posting kemudian klik tombol simpan. Menu Hapus Untukmenghapuskategoripostingsatupersatugunakantombol,jikaingin menghapus beberapa kategori posting pilih terlebih dahulu kategori posting yang akan dihapus kemudian klik tombol. Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. 3.2.2.Menu Posting Padahalamanpostingterdapatbeberapamenudiantaranya:tambah,ubah,hapus, tampil/sembunyikan dan pencarian. Ubah Hapus Pencarian TambahHapusTampil/sembunyikan data Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Tambah Untukmenambahkanpostingkliktombol,kemudianakantampildialog tambah sebagai berikut: Setelah itu isikan field-field yang tersedia, seperti judul, tampilkan, headline, isi berita, kategori,keyword,danfeaturedimage,jikagambartidakadadikosongkansaja kemudian klik tombol simpan. Menu Edit Untuk mengubah posting klik tombol, kemudian tampil halaman sebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Hapus Untukmenghapuspostingsatupersatugunakantombol,jikainginmenghapus beberapapostingpilihterlebihdahulupostingyangakandihapuskemudianklik tombol. Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. 3.2.3.Mengelola Album Padahalamanalbumterdapatbeberapamenudiantaranya:tambah,ubah,hapus,dan pencarian. Menu Tambah Untukmenambahkanalbumkliktombol,kemudianakantampildialog tambah sebagai berikut: Setelahituisikanfield-fieldyangtersediasepertinamaalbum,image,dandeskripsi album harap semua data diisi kemudian klik tombol simpan. Ubah Hapus Pencarian TambahHapusManual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Edit Untukmengubahalbumkliktombol,kemudianakantampilhalamansebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Menu Hapus Untukmenghapusalbumsatupersatugunakantombol,jikainginmenghapus beberapaalbumpilihterlebih dahulualbumyangakandihapuskemudiankliktombol . Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. 3.2.4.Mengelola Foto Padahalamanfototerdapatbeberapamenudiantaranya:tambah,ubah,hapus,dan pencarian. Ubah Hapus Pencarian TambahHapusManual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Tambah Untuk menambahkan foto klik tombol, kemudian akan tampil dialog tambah sebagai berikut: Setelahituisikanfield-fieldyangtersediasepertinamafoto,deskripsisingkatfoto, namaalbum,danfotoyangakandiupload,jikasemuasudahdiisikankemudianklik tombol simpan. Menu Edit Untuk mengubah foto klik tombol, kemudian akan tampil halaman sebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Hapus Untukmenghapusfotosatupersatugunakantombol,jikainginmenghapus beberapafotopilihterlebihdahulufotoyangakandihapuskemudiankliktombol . Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. 3.2.5.Mengelola Page Padahalamanpageterdapatbeberapamenudiantaranya: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. Ubah Hapus Pencarian Tambah HapusTampil/sembunyikan data Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Edit Untuk mengubah page klik tombol, kemudian akan tampil halaman sebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Menu Hapus Untukmenghapuspagesatupersatugunakantombol,jikainginmenghapus beberapapagepilihterlebihdahulupageyangakandihapuskemudiankliktombol . Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. 3.2.6.Mengelola Menu PadahalamanMenuterdapatbeberapamenudiantaranya:tambah,ubah,hapus, tampil/sembunyikan,pencarian, dan urutan menu. Ubah Hapus Pencarian TambahHapusTampil/sembunyikan data Urutan Menu Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Tambah Untukmenambahkanmenukliktombol,kemudianakantampildialog tambah sebagai berikut: Setelahituisikanfield-fieldyangtersediasepertimenu,tampilkan,halaman,posisi menukemudian klik tombol simpan. Menu Edit Untukmengubahmenukliktombol,kemudianakantampilhalamansebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Menu Hapus Untukmenghapusmenusatupersatugunakantombol,jikainginmenghapus beberapadatapilihterlebihdahuludatayangakandihapuskemudiankliktombol . Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. Urutan Menu Jikainginmengurutkanmenuyangditampilkanmenggunakanurutanmenu,isikan urutan menu pada kolom urutan kemudian simpan urutan menu. Tampilkan/sembunyikan Untuk menampilkan atau menyembunyikan data. 3.2.7.Mengelola Submenu Padahalamansubmenuterdapatbeberapamenudiantaranya:tambah,ubah,hapus, tampil/sembunyikan,pencarian dan simpan urutan. Menu Tambah Untukmenambahkansubmenukliktombol,kemudianakantampildialog tambah sebagai berikut: Setelahituisikanfield-fieldyangtersediasepertisubmenu,tampilkan,parentmenu, halaman kemudian klik tombol simpan. Ubah Hapus Pencarian Tambah HapusTampil/sembunyikan data Simpan Urutan Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Edit Untukmengubahsubmenukliktombol,kemudianakantampilhalamansebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Menu Hapus Untukmenghapussubmenusatupersatugunakantombol,jikainginmenghapus beberapasubmenupilihterlebihdahulusubmenuyangakandihapuskemudianklik tombol. Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. Urutan Sub Menu Jikainginmengurutkansubmenuyangditampilkanmenggunakanurutansubmenu, isikan urutan menu pada kolom urutan kemudian simpan urutan sub menu. Tampilkan/sembunyikan Untuk menampilkan atau menyembunyikan data. 3.2.8.Mengelola File Padahalamanfileuploadterdapatbeberapamenudiantaranya:tambah,ubah,hapus, danpencarian. Ubah Hapus Pencarian Tambah HapusManual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Tambah Untukmenambahkanfileuploadkliktombol,kemudianakantampildialog 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 Untukmengubahfileuploadkliktombol,kemudianakantampilhalamansebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Menu Hapus Untuk menghapusfile upload satu persatu gunakan tombol, jika ingin menghapus beberapa file upload pilih terlebih dahulu file upload yang akan dihapus kemudian klik tombol. Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. Tampilkan/sembunyikan Untuk menampilkan atau menyembunyikan data. 3.2.9.Mengelola Banner PadahalamanBennerterdapatbeberapamenudiantaranya:tambah,ubah,hapus, pencarian, tampilkan/sembunyikan. Menu Tambah Untukmenambahkanbannerkliktombol,kemudianakantampildialog tambah sebagai berikut: Setelahituisikanfield-fieldyangtersediasepertinamabanner,image,kemudian position, kemudian klik tombol simpan. Ubah Hapus Pencarian TambahHapusTampil/sembunyikan data Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Edit Untukmengubahbannerkliktombol,kemudianakantampilhalamansebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Menu Hapus Untukmenghapusbannersatupersatugunakantombol,jikainginmenghapus beberapa baner pilih terlebih dahulu banneryang akan dihapus kemudian klik tombol . Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. Tampilkan/sembunyikan Untuk menampilkan atau menyembunyikan data. 3.2.10. Mengelola Polling Padahalamanpollingterdapatbeberapamenudiantaranya:tambah,ubah,hapus,pencarian, tampil/sembunyikan data. Pencarian TambahHapusUbah Hapus Tampil/sembunyikan data Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Menu Tambah Untukmenambahkanpollingkliktombol,kemudianakantampildialog tambah sebagai berikut: Setelahituisikanfield-fieldyangtersediasepertipollingapayangakanditampilkan kemudian pilihan yang akan dimasukkan, jika sudah kemudian klik tombol simpan. Menu Edit Untuk mengubah data klik tombol, kemudian akan tampil halaman sebagai berikut Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Menu Hapus Untukmenghapuspollingsatupersatugunakantombol,jikainginmenghapus beberapa polling pilih terlebih dahulu polling yang akan dihapus kemudian klik tombol . Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Tampilkan/sembunyikan Untuk menampilkan atau menyembunyikan data. 3.2.11.Mengelola Bukutamu Padahalamanbukutamuterdapatbeberapamenudiantaranya:hapus,balasan, pencarian, dan sembunyi/tampil. Menu Reply Untukmembalasbukutamuklikmenureply,kemudianakantampilhalamansebagai berikut Masukkan balasan kemudian klik simpan. Menu Hapus Untukmenghapusbukutamusatupersatugunakantombol,jikainginmenghapus beberapabukutamupilihterlebihdahulubukutamuyangakandihapuskemudianklik tombol. Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. Tampilkan/sembunyikan Untuk menampilkan atau menyembunyikan data. Pencarian HapusSembunyi /tampil Hapus Balasan Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas 3.2.12.Mengelola Weblink Padahalamanweblinkterdapatbeberapamenudiantaranya:tambah,ubah,hapus, pencarian. Menu Tambah Untukmenambahkanweblinkkliktombol,kemudianakantampildialog 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 TambahHapusPencarian Ubah Hapus Manual Website Instansi2014 DINAS PERHUBUNGAN, KOMUNIKASI DAN INFORMATIKA KABUPATEN BANYUMAS | Kab. Banyumas Ubahfield-fieldyangakandirubahdatanyakemudianjikasudahdirubahsemuaklik tombol simpan, maka data akan terupdate. Menu Hapus Untukmenghapusweblinksatupersatugunakantombol,jikainginmenghapus beberapaweblinkpilihterlebihdahuluweblinkyangakandihapuskemudianklik tombol. Pencarian Untukmencaridatayangdiinginkangunakankolompencarianyangterletakdibagian palingatastabel,setelahmemasukkankatakunci kemudian enter. 3.2.13.Setting Website Padahalamansettingwebsite,sesuaikandata-datainstansiyangbersangkutan,jika sudah diisi semua klik tombol simpan.