Optimized Website Management Guide

i
KATA PENGANTAR
Puji syukur kehadirat Tuhan Yang Maha Esa, karena atas rahmat-Nya sehingga
Petunjuk Penggunaan (Modul) Website Dinas Perpustakaan dan Kearsipan Kota
Baubau dapat diselesaikan tepat waktu.
Petunjuk Penggunaan ini bertujuan untuk membantu dalam memahami
penggunaan sistem. Diharapkan petunjuk penggunaan ini dapat dijhadikan referensi
bagi pengguna website dalam mempermudah penggunaan Website Dinas
Perpustakaan dan Kearsipan Kota Baubau.
Kami menyadari masih banyak kekurangan dalam penyusunan modul
penggunaan ini. Oleh karena itu, kami sangat mengharapkan kritik dan saran demi
perbaikan dan kesempurnaan modul penggunaan ini.
Terima kasih kami ucapkan kepada semua pihak yang telah banyak
memberikan kontribusi dalam penyusunan modul penggunaan ini, semoga Allah
SWT membalas segala kebaikan semua pihak yang telah membantu. Semoga petunjuk
penggunaan ini dapat memberikan manfaat.
Kendari, 2022
TECHNO’S STUDIO
i
DAFTAR ISI
KATA PENGANTAR....................................................................................................................... i
DAFTAR ISI .................................................................................................................................. ii
I. PETUNJUK UMUM .................................................................................................................1
II. USER .........................................................................................................................................1
III. PETUNJUK PENGGUNAAN MANAJEMEN WEBSITE .......................................................2
A. Log In Sebagai Admin .......................................................................................................2
1. Halaman Log In ...............................................................................................................2
2. Halaman Dashboard ......................................................................................................2
3. Menu Profil Dinas ...........................................................................................................3
3.1 Submenu Profil Walikota.............................................................................................................4
3.2 Submenu Profil Wakil Walikota ...............................................................................................5
3.3 Submenu Sejarah .............................................................................................................................6
3.4 Submenu Visi Misi ...........................................................................................................................7
3.5 Submenu Kata Sambutan.............................................................................................................8
3.6 Submenu Tugas Pokok & Fungsi ..............................................................................................9
3.7 Submenu Maklumat Pelayanan ............................................................................................. 10
3.8 Submenu Struktur Organisasi ................................................................................................ 11
4. Menu Publikasi ............................................................................................................ 12
5. Menu Berita .................................................................................................................. 14
6. Menu Galeri ................................................................................................................... 17
6.1 Submenu Foto ................................................................................................................................ 17
6.2 Submenu Video.............................................................................................................................. 20
7. Manajemen Buku......................................................................................................... 22
7.1 Submenu Buku............................................................................................................................... 23
7.2 Submenu Kategori........................................................................................................................ 26
7.3 Submenu Rak.................................................................................................................................. 29
8. Menu Pengunjung........................................................................................................ 31
9. Menu Log Activity ........................................................................................................ 32
10. Menu Pengaturan ........................................................................................................ 33
10.1 Submenu Anggota ........................................................................................................................ 33
10.2 Submenu User ................................................................................................................................ 36
ii
10.3 Submenu Group............................................................................................................................. 39
10.4 Submenu Menu .............................................................................................................................. 43
10.5 Submenu Slider ............................................................................................................................. 45
11. Menu Profile Admin .................................................................................................... 47
12. Menu Pengaturan Aplikasi ....................................................................................... 48
B. Akses Website sebagai Anggota .................................................................................. 49
C. Akses Website sebagai Pengunjung ........................................................................... 52
1. Halaman Portal ............................................................................................................ 52
2. Halaman Home............................................................................................................. 53
3. Menu Profil.................................................................................................................... 53
3.1 Halaman Profil Walikota ........................................................................................................... 54
3.2 Halaman Profil Wakil Walikota ............................................................................................. 54
3.3 Halaman Sejarah ........................................................................................................................... 55
3.4 Halaman Visi Misi ......................................................................................................................... 56
3.5 Halaman Sambutan ..................................................................................................................... 57
3.6 Halaman Tugas Pokok & Fungsi ............................................................................................ 58
3.7 Halaman Maklumat Pelayanan .............................................................................................. 58
3.8 Halaman Struktur Organisasi ................................................................................................. 59
4. Menu Publikasi ............................................................................................................ 59
5. Menu Berita .................................................................................................................. 60
6. Menu Galeri ................................................................................................................... 60
6.1 Halaman Foto ................................................................................................................................. 61
6.2 Halaman Video ............................................................................................................................... 62
7. Menu Kategori Buku ................................................................................................... 63
7.1 Halaman Novel............................................................................................................................... 64
7.2 Halaman Karya Ilmiah ............................................................................................................... 64
7.3 Halaman Komik ............................................................................................................................. 65
7.4 Halaman Teknologi...................................................................................................................... 66
7.5 Halaman Manajemen .................................................................................................................. 66
8. Menu Kontak ................................................................................................................ 67
9. Menu Login .................................................................................................................... 67
iii
PETUNJUK PENGGUNAAN
WEBSITE DINAS PERPUSTAKAAN DAN KEARSIPAN KOTA BAUBAU PROVINSI
SULAWESI TENGGARA
I. PETUNJUK UMUM
Website Dinas Perpustakaan dan Kearsipan Kota Baubau merupakan sistem
informasi yang dapat memudahkan masyarakat dalam memperoleh informasi Buku
yang tersedia di Dinas Perpustakaan Kota BauBau. Website ini terbagi menjadi 3
(Tiga) yaitu website manajemen yang dapat digunakan oleh user Admin untuk
mengatur tampilan dan isi konten website kunjungan dan website kunjungan adalah
laman yang dapat dikunjungi oleh pengunjung atau masyarakat luas untuk melihat
informasi terkait Buku yang tersedia di Dinas Perpustakaan dan Kearsipan Kota
Baubau.
II. USER
a. Kelompok Pengguna
Website ini memiliki 3(Tiga) kelompok pengguna yaitu Admin ,Anggota dan
Pengunjung.
b. Alur Pengguna
Alur pengguna aplikasi ini bersifat pemeriksaan langsung. Aplikasi ini digunakan
oleh Admin, Anggota dan Pengunjung.
Manaje Isi
Entri
Kelompok Kelompok men Entri Registras Cek Daftar
No Data
Sistem Pengguna data Berita i Pengunjung Kunju
User
buku ngan
Website
1 Admin
Manajemen
Website
2 Anggota
Manajemen
3 Website Pengunjung
1
III. PETUNJUK PENGGUNAAN MANAJEMEN WEBSITE
A. Log In Sebagai Admin
1. Halaman Log In
Halaman Log In website Dinas Perpustakaan dan Kearsipan Kota Baubau
menampilkan kolom Username dan Password yang wajib diisi oleh Pengguna
untuk menggunakan aplikasi ini. Untuk mengakses website manajemen
tersebut silahkan kunjungi link https://perpus-
baubau.projectkoding.com/login
Gambar 1. Halaman Log In
Setelah mengisi Username dan Password, Pengguna dapat mengklik
tombol untuk masuk dalam portal.
2. Halaman Dashboard
Halaman dashboard menampilkan menu-menu yakni menu profil dinas
terdiri dari beberapa submenu yaitu : (profil walikota, profil wakil walikota,
sejarah, visi misi, kata sambutan, tugas pokok & fungsi, maklumat pelayanan,
struktur organisasi), menu publikasi, menu berita, menu Galeri terdiri dari dua
submenu yaitu : ( foto dan video), menu manajemen buku terdiri dari tiga
submenu yaitu : ( buku, kategori, rak), menu pengunjung, menu log activity,
menu pengaturan terdiri dari lima submenu yaitu : ( anggota, user, group,
menu dan slider). Sedangkan pada tampilan sebelah kanan terdapat informasi
2
total anggota yang terdaftar dan total buku yang ada pada dinas perpustakaan
kotabaubau.
Gambar 2. Halaman Dashboard

3. Menu Profil Dinas
Menu profil dinas menampilkan data terkait Dinas Perpustakaan dan
Kearsipan Kota Baubau. Laman ini memiliki beberapa submenu yaitu
Submenu Profil Walikota, Submenu Profil Wakil Walikota, Submenu Sejarah,
Submenu Visi Misi, Submenu Kata Sambutan, Submenu Tugas Pokok & Fungsi,
Submenu Maklumat Pelayanan dan Submenu Struktur Organisasi.
Gambar 3. Menu Profil Dinas
3
3.1. Submenu Profil Walikota
Submenu profil walikota menampilkan form foto kepala daerah, isi
konten yang dapat diisi oleh pengguna terkait Profil Walikota Baubau.
Gambar 4. Submenu Profil Walikota
Pengguna mengisi isi konten dan mengupload foto kepala daerah
dengan mengklik tombol untuk memilih gambar dari

penyimpanan komputer. Jika foto telah dipilih maka akan tampil nama
file foto diatas tombol . Setelah mengisi form, Pengguna dapat
mengklik tombol untuk menyimpan data.

Terdapat fitur-fitur yang dapat membantu Pengguna untuk
mengatur jenis tulisan dan bentuk tulisan isi konten. Fitur-fitur tersebut
terdapat diatas kolom isi konten.
Gambar 5. Fitur Mengatur Tulisan
Terdapat juga tombol penting dalam submenu profil walikota, yaitu :

Pilih tombol untuk kembali ke halaman
dashboard
4
3.2. Submenu Profil Wakil Walikota
Submenu profil wakil walikota menampilkan form foto kepala
daerah, isi konten yang dapat diisi oleh pengguna terkait Profil Wakil
Walikota Baubau.
Gambar 6. Submenu Wakil Walikota

Pengguna mengisi isi konten dan mengupload foto kepala daerah


mengatur jenis tulisan dan bentuk tulisan isi konten. fitur-fitur tersebut

Terdapat juga tombol penting dalam submenu profil wakil walikota,
yaitu :
dashboard
5
3.3. Submenu Sejarah
Submenu sejarah menampilkan form Isi Konten yang dapat diisi
oleh pengguna terkait Dinas Perpustakaan dan Kearsipan Kota Baubau.
Gambar 8. Submenu Sejarah

Pengguna mengisi isi konten dan mengupload foto dengan mengklik
tombol untuk memilih gambar dari penyimpanan komputer.

Jika foto telah dipilih maka akan tampil nama file foto diatas tombol
. Setelah mengisi form, Pengguna dapat mengklik tombol
untuk menyimpan data.


Terdapat juga tombol-tombol penting dalam submenu sejarah,
yaitu :
dashboard
6
3.4. Submenu Visi Misi
Submenu visi misi menampilkan form Isi Konten yang dapat diisi
oleh pengguna terkait visi dan misi Dinas Perpustakaan dan Kearsipan
Kota Baubau.
Gambar 10. Submenu Visi Misi
Pengguna mengisi isi konten pada form isi konten. Setelah mengisi
form, Pengguna dapat mengklik tombol untuk menyimpan data.

Terdapat juga tombol penting dalam submenu visi misi, yaitu :

dashboard
7
3.5. Submenu Kata Sambutan
Submenu kata sambutan menampilkan form Isi Konten yang dapat
diisi oleh pengguna terkait kata sambutan dari Kepala Dinas
Gambar 12. Submenu Kata Sambutan

Pengguna mengisi isi konten dan mengupload foto kepala dinas



Terdapat juga tombol penting dalam submenu kata sambutan, yaitu :
dashboard
8
3.6. Submenu Tugas Pokok & Fungsi
Submenu tugas pokok & fungsi menampilkan form Isi Konten yang
dapat diisi oleh pengguna terkait tugas pokok & fungsi Dinas
Gambar 14. Submenu Tupoksi

Terdapat juga tombol penting dalam submenu tugas pokok & fungsi,
yaitu :
dashboard
9
3.7. Submenu Maklumat Pelayanan
Submenu maklumat pelayanan menampilkan form Isi Konten yang
dapat diisi oleh pengguna terkait maklumat pelayanan Dinas
Gambar 16. Submenu Maklumat Pelayanan

Terdapat juga tombol penting dalam submenu maklumat

pelayanan, yaitu :
dashboard
10
3.8. Submenu Struktur Organisasi
Submenu struktur organisasi menampilkan form Isi Konten yang
dapat diisi oleh pengguna terkait struktur organisasi Dinas Perpustakaan
dan Kearsipan Kota Baubau.
Gambar 18. Submenu Struktur Organisasi

Pengguna mengisi isi konten dan mengupload foto struktur
organisasi dengan mengklik tombol untuk memilih gambar

dari penyimpanan komputer. Jika foto telah dipilih maka akan tampil
nama file foto diatas tombol . Setelah mengisi form, Pengguna
dapat mengklik tombol untuk menyimpan data.


Terdapat juga tombol penting dalam submenu struktur organisasi,
yaitu :
dashboard
4. Menu Publikasi
Menu Publikasi menampilkan data informasi terkait Dinas Perpustakaan
dan Kearsipan Kota Baubau, baik itu berita terkait pelayanan, pengumuman
dan lainnya.
11
Gambar 20. Menu Publikasi
Terdapat tombol-tombol penting dalam laman publikasi yaitu
Kolom Pencarian
Pilih tombol untuk memuat ulang laman
Pilih tombol untuk menambah data

Pilih tombol untuk mengupdate data
Pilih untuk menghapus data
Untuk mencari data publikasi pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi judul publikasi pada kolom pencarian
kemudian klik tombol , maka data yang dicari akan ditampilkan.
Untuk menambah data berita klik tombol maka akan

tampil form tambah publikasi. Pengguna mengisi judul publikasi,
mengunggah gambar yang akan dijadikan cover publikasi dalam format
jpg/png dengan cara mengklik tombol dan mengisi isi
publikasi. Klik tombol untuk menyimpan data. Klik tombol
untuk membatalkan penambahan data.
12
Gambar 21. Tambah data publikasi
Untuk mengupdate atau mengubah data publikasi pengguna klik
tombol maka akan muncul pop up update data
dan Pengguna dapat mengupdate atau mengubah data yang ada. Klik
untuk mengupdate data dan klik

untuk membatalkan perubahan data.
Gambar 22. Edit data publikasi

Data publikasi yang telah ditambahkan dapat dihapus dengan cara
klik tombol maka akan tampil pop up hapus data. Klik tombol
jika ingin mengapus data atau klik tombol untuk

membatalkan penghapusan data.
13
Gambar 23. Hapus data publikasi
5. Menu Berita
Menu berita menampilkan data informasi/berita terkait Dinas
Perpustakaan dan Kearsipan Kota Baubau, baik itu berita terkait pelayanan,
prestasi, dan lainnya.
Gambar 24. Menu Berita

Terdapat tombol-tombol penting dalam laman berita yaitu
Kolom Pencarian
Pilih tombol untuk memuat ulang laman
Pilih tombol untuk menambah data

Untuk mencari data berita pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi judul berita pada kolom pencarian
14
Untuk menambah data berita klik tombol maka akan
tampil form tambah berita. Pengguna mengisi judul berita, mengunggah
gambar yang akan dijadikan cover berita dalam format jpg/png dengan
cara mengklik tombol dan mengisi isi berita. Klik tombol
untuk menyimpan data. Klik tombol untuk

membatalkan penambahan data.
Gambar 25. Form Tambah Berita

terdapat diatas kolom isi berita.
Untuk mengupdate atau mengubah data berita pengguna klik

15
untuk mengupdate data dan klik
Gambar 27. Update Berita

Data publikasi yang telah ditambahkan dapat dihapus dengan cara

Gambar 28. Hapus data Berita
6. Menu Galeri
Menu galeri menampilkan data galeri berupa foto dan video terkait Dinas
Perpustakaan dan Kearsipan Kota Baubau. Menu galeri terdiri atas submenu
foto dan submenu video.
16
Gambar 29. Menu Galeri
6.1 Submenu Foto
Submenu foto berisi galeri foto yang dapat diisi oleh pengguna
terkait dokumentasi foto Dinas Perpustakaan dan Kearsipan Kota
Baubau.
Gambar 30. Submenu Foto
Terdapat tombol-tombol penting dalam laman foto, yaitu :
Kolom Pencarian
Pilih tombol untuk menambah album
foto
Pilih untuk memuat ulang halaman
Pilih untuk menambah gambar album
17
Untuk mencari data foto pengguna dapat memanfaatkan fitur
pencarian dengan cara mengisi judul foto pada kolom pencarian
Untuk menambah data foto, pengguna dapat mengklik tombol
dan mengisi Judul Aktifitas, Deskripsi Foto. Klik
untuk menyimpan data dan klik untuk membatalkan

penambahan data foto.
Gambar 31. Tambah Data Foto

Untuk menambah gambar pada album foto klik tombol maka
akan muncul pop up tambah gambar dan Pengguna dapat menambah
gambar pada album foto.
Gambar 32. Tambah Gambar
Terdapat tombol-tombol penting dalam laman tambah gambar,

yaitu :
Kolom Pencarian
foto
18
Pilih untuk kembali ke laman foto
Untuk mencari data foto pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi judul foto pada kolom pencarian
Untuk menambah data tambah gambar, pengguna dapat mengklik
tombol . Klik untuk menyimpan data dan klik
untuk membatalkan penambahan tambah gambar.
Gambar 33. Tambah Gambar

Untuk mengupdate atau mengubah data foto pengguna klik tombol
maka akan muncul pop up update data dan
Pengguna dapat mengupdate atau mengubah data yang ada. Klik

untuk mengupdate data dan klik untuk membatalkan perubahan
data.
Gambar 34. Update Tambah Gambar

Data gambar yang telah ditambahkan dapat dihapus dengan cara
19
Gambar 35. Hapus data tambah gambar

6.2 Submenu Video
Submenu video berisi galeri video yang dapat diisi oleh pengguna
terkait dokumentasi video Dinas Perpustakaan dan Kearsipan Kota
Baubau.
Gambar 36. Submenu Video
Terdapat tombol-tombol penting dalam laman video, yaitu :
Kolom Pencarian
foto
20
Untuk mencari data video pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi judul video pada kolom pencarian
dan mengisi Judul Video, Link Video dan Deskripsi. Klik
untuk menyimpan data dan klik untuk

membatalkan penambahan data video.
Gambar 37. Tambah Data Video

Untuk mengupdate atau mengubah data video pengguna klik
untuk mengupdate data dan klik untuk

membatalkan perubahan data.
21
Gambar 38. Update Data Video
Data gambar yang telah ditambahkan dapat dihapus dengan cara


7. Menu Manajemen Buku
Pada laman ini terdapat tiga submenu yaitu : (submenu Buku,
submenu Kategori dan submenu rak. Admin dapat mengelola data buku
yang tersedia pada Dinas Perpustakaan dan Kearsipan Kota Baubau
melalui laman ini.
22
Gambar 40. Menu Manajemen Buku
7.1. Submenu Buku
Submenu Buku menampilkan data buku yang ada pada Dinas
Gambar 41. Submenu Buku

Terdapat tombol-tombol penting dalam laman submenu buku,
yaitu :
Kolom Pencarian
foto
Pilih untuk import data csv
23
Untuk mencari data buku pengguna dapat memanfaatkan fitur
pencarian dengan cara mengisi judul buku pada kolom pencarian
dan mengisi tanggal masuk, judul buku, penulis, stok, cet,

jili/edisi, tempat terbit, penerbit, tahun terbit, dimensi, ISBN, nomor
klarifikasi, kepengarangan, binliografi, kategori, rak, nomor rak, cover
buku klik untuk memilih gambar/cover buku dari drive
penyimpanan komputer pengguna dan deskripsi. Klik untuk
menyimpan data dan klik untuk membatalkan

penambahan data buku.
Gambar 42. Tambah Buku

terdapat pada kolom deskripsi.
24
Terdapat fitur yang akan mempermudah pengguna dalam hal ini
admin untuk mengisi data pada halaman submenu buku yakni dengan
cara mengklik tombol kemudian akan muncul pop up import

data. Jenis file yang digunakan untuk import data yaitu file ekstensi “.csv
“ . Apabila pengguna belum memiliki format file import pengguna dapat
mendownload dengan mengklik tombol . Setelah itu
klik untuk memilih file yang akan diimport dari penyimpanan
drive , selanjutnya klik tombol untuk memulai dan klik tombol
untuk membatalkan import data.
Gambar 44. Fitur Import data
Untuk mengupdate atau mengubah data buku pengguna klik tombol

maka akan muncul pop up update data dan

25
Gambar 45. Update Buku
Data Buku yang telah ditambahkan dapat dihapus dengan cara klik
tombol maka akan tampil pop up hapus data. Klik tombol
jika ingin mengapus data atau klik tombol untuk membatalkan

penghapusan data.
Gambar 46. Hapus data Buku

7.2. Submenu Kategori
Pada laman submenu ini pengguna dapat menambahkan data
kategori buku yang akan mempermudah untuk menginput data buku
sesuai dengan kategori buku yang tersedia pada Dinas Perpustakaan dan
Kearsipan Kota Baubau.
26
Gambar 47. Submenu Kategori
Kolom Pencarian
foto
Untuk mencari data kategori pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi judul kategori pada kolom pencarian
Untuk menambah data kategori, pengguna dapat mengklik tombol
dan mengisi nama kategori. Klik untuk
menyimpan data dan klik untuk membatalkan

penambahan data kategori.
27
Gambar 48. Tambah Kategori Buku
Untuk mengupdate atau mengubah data kategori pengguna klik

Gambar 49. Update Data Kategori
Data Kategori yang telah ditambahkan dapat dihapus dengan cara

28
7.3. Submenu Rak
Pada halaman ini pengguna dapat menambahkan data rak buku
yang bertujuan untuk mempermudah dalam pencarian buku pada Dinas
Gambar 51. Submenu Rak
Kolom Pencarian
foto
Untuk mencari data rak pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi nama rak pada kolom pencarian
Untuk menambah data rak, pengguna dapat mengklik tombol
dan mengisi nama rak, Klik untuk menyimpan
data dan klik untuk membatalkan penambahan data rak.
29
Gambar 52. Tambah Rak
Untuk mengupdate atau mengubah data kategori pengguna klik

Gambar 53. Update Data Rak
Data Rak yang telah ditambahkan dapat dihapus dengan cara klik

penghapusan data.
30
Gambar 54. Hapus data Rak
8. Menu Pengunjung
Pada laman ini menampilkan list data pengunjung website Dinas
Gambar 55. Menu Pengunjung
Terdapat tombol-tombol penting dalam laman pengunjung, yaitu :
Kolom Pencarian
Klik tombol untuk mencetak list data
pengunjung
Klik untuk memuat ulang halaman
Untuk mencari data rak pengguna dapat memanfaatkan fitur

Untuk mencetak data pengunjung, pengguna dapat mengklik tombol
maka otomatis akan tersimpan dalam bentuk file excel
.
9. Menu Log Activity
Pada laman ini menampilkan aktivitas user log data yang mengakses
website Dinas Perpustakaan dan Kearsipan Kota Baubau.
31
Gambar 56. Menu Log Activity
Terdapat tombol-tombol penting dalam laman log activity, yaitu :
Kolom Pencarian
Klik untuk melihat detail data log
Untuk mencari data log pengguna dapat memanfaatkan fitur

Untuk melihat detail data log secara lengkap klik tombol
maka akan tampil pop up data log. Klik untuk menutup halaman pop
up.
Gambar 57. Detail Log
32
10. Menu Pengaturan
Pada laman ini terdapat beberapa submenu yaitu : submenu anggota,
submenu user, submenu group, submenu menu, submenu slider untuk
pengaturan website Dinas Perpustakaan dan Kearsipan Kota Baubau.
Gambar 58. Menu Pengaturan

10.1 Submenu Anggota
Pada submenu ini menampilkan list data anggota dan status keanggotaan
yang telah teregistrasi pada website Dinas Perpustakaan dan Kearsipan Kota
Baubau. Pada laman ini pengguna dapat memanajemen data anggota
perpustakaan.
Gambar 59. Submenu Anggota

Terdapat tombol-tombol penting dalam laman Anggota, yaitu :
Kolom Pencarian
Klik untuk melihat detail data anggota
Klik untuk cetak kartu anggota

Klik untuk mengubah data
33
Klik untuk menghapus data anggota
Untuk mencari data anggota pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi nama user pada kolom pencarian
Untuk melihat detail data anggota secara lengkap klik tombol
maka akan tampil data anggota secara detail. Klik tombol

untuk Kembali ke halaman submenu anggota.
Gambar 60. Detail data anggota

Untuk mencetak kartu anggota klik tombol
maka secara otomatis akan membuka tab baru yang menampilkan kartu
anggota yang siap untuk dicetak.
34
Gambar 61. Cetak Kartu Anggota
Untuk mengupdate atau mengubah data anggota klik tombol
maka akan muncul halaman update data dan
Pengguna dapat mengupdate atau mengubah data yang ada pada kolom.
klik dropdown pada

kolom status untuk mengubah status anggota menjadi aktif tidak aktif.
Setelah selesai Klik untuk mengupdate data , klik tombol
untuk mereset data anggota , dan klik untuk

Gambar 62. Update data anggota
Data Anggota yang telah ditambahkan dapat dihapus dengan cara

35
Gambar 63. Hapus data anggota
10.2 Submenu User
Pada halaman ini pengguna dapat menambahkan user yang akan digunakan
untuk login kedalam halaman system terdapat beberapa group untuk
membuat user yaitu : user login sebagai operator, user login sebagai
administrator, user login sebagai kepala dinas dan user login sebagai anggota
website Dinas Perpustakaan dan Kearsipan Kota Baubau. Pada laman ini juga
menampilkan status aktif dan tidak aktif user dan status group user .
Gambar 64. Submenu User

Terdapat tombol-tombol penting dalam laman User, yaitu :
Kolom Pencarian
Klik untuk menambah user


Klik untuk menghapus data user
Untuk menambah data user, pengguna dapat mengklik tombol
dan mengisi nama user, email, password, konfirmasi

password, memilih group user dengan klik dropdown
dan memilih status user
36
dengan klik
Klik untuk menyimpan data, klik untuk mengosongkan
semua kolom yang telah diisi, dan klik untuk membatalkan

penambahan data user.
Gambar 65.Tambah User
Untuk mencari data user pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi nama user pada kolom pencarian
klik dropdown pada

kolom status untuk mengubah status user menjadi aktif tidak aktif.
Setelah selesai Klik untuk mengupdate data , klik tombol
untuk mereset data user , dan klik untuk

37
Gambar 66. Edit User
Data user yang telah ditambahkan dapat dihapus dengan cara klik

penghapusan data.
Gambar 67. Hapus data user
10.3 Submenu Group

Pada laman ini menampilkan list data group dan pengguna dapat
menambah data pada submenu ini.
38
Gambar 68. Submenu Group
Terdapat tombol-tombol penting dalam laman Group, yaitu :
Kolom Pencarian
Klik untuk menambah group

Klik untuk mengatur akses menu

Klik untuk menghapus data group
Untuk mencari data group, pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi nama group pada kolom pencarian
Untuk menambah data group, pengguna dapat mengklik tombol
dan mengisi nama group, Setelah selesai Klik untuk
menyimpan data , klik tombol untuk mengosongkan seluruh
data , dan klik untuk membatalkan perubahan data.

Untuk mengupdate atau mengubah data Group klik tombol
39
Setelah selesai Klik untuk menyimpan data , klik tombol
untuk mengosongkan seluruh data , dan klik untuk

Gambar 69. Edit Group

Data Group yang telah ditambahkan dapat dihapus dengan cara klik

penghapusan data.
Gambar 70. Hapus data Group

Untuk mengatur menu yang apa saja yang dapat diakses user group
klik maka akan menampilkan halaman menu akses.
Gambar 71. Menu akses

Terdapat tombol-tombol penting dalam laman menu akses, yaitu :
Kolom Pencarian
40
Klik untuk kembali ke menu Group

Untuk mencari data , pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi nama menu pada kolom pencarian
Untuk menambah data menu, pengguna dapat mengklik tombol
dan memilih menu, status aktif dan tidak aktif create, read, update,
delete, print. Setelah selesai Klik untuk menyimpan data , klik
tombol untuk mengosongkan seluruh data , dan klik

Gambar 72. Tambah Menu akses


41
Gambar 73. Edit Menu akses
Data menu yang telah ditambahkan dapat dihapus dengan cara klik

penghapusan data.
Gambar 74. Hapus data menu akses

10.4 Submenu Menu
Laman ini menampilkan list menu yang terdapat pada halaman system
website Dinas Perpustakaan dan Kearsipan Kota Baubau. Dan status aktif dan
tidak menu pada system.
42
Gambar 75. Submenu Menu
Terdapat tombol-tombol penting dalam laman menu , yaitu :
Kolom Pencarian

Klik untuk menambah submenu

Untuk mencari data , pengguna dapat memanfaatkan fitur

pencarian dengan cara mengisi nama menu pada kolom pencarian
Untuk menambah data menu, pengguna dapat mengklik tombol
dan mengisi nama menu, link, attribute, posisi, deskripsi, dan
memilih status aktif dan tidak aktif dengan cara klik dropdown
.Setelah selesai Klik untuk menyimpan data , klik tombol

43
Gambar 76. Tambah Menu

Gambar 77. Edit Menu

Data menu yang telah ditambahkan dapat dihapus dengan cara klik

penghapusan data.
44
Gambar 78. Hapus menu
Untuk menambah submenu, pengguna dapat mengklik tombol
maka akan tampil halaman submenu.
Gambar 79. Submenu

10.5 Submenu Slider
Menu Slider menampilkan list slider yang tampil pada halaman awal
website Dinas Perpustakaan dan Kearsipan Kota Baubau.
Gambar 80. Menu Slider
45
Pengguna dapat melihat gambar slider dengan cara mengklik nama file
yang terdapat pada kolom gambar slider maka file akan secara otomatis akan
tampil.
Terdapat tombol-tombol penting dalam laman slider informasi yaitu :
Kolom Pencarian
Pilih untuk menambah data
Pilih untuk memuat ulang laman

Pilih untuk mengupdate data
Untuk menambah data slider informasi klik tombol maka akan

tampil halaman tambah slider data baru. Pengguna mengisi kolom judul slider,
teks slider dan gambar slider dengan cara mengklik tombol untuk
memilih file dari penyimpanan komputer. Klik tombol untuk
menyimpan data. Klik tombol untuk membatalkan penambahan data.
Gambar 81. Form Tambah Data Slider

Untuk mengupdate atau mengubah data slider informasi pengguna klik
tombol maka akan muncul halaman update data slider dan
untuk mengupdate data dan klik untuk membatalkan perubahan data.
46
Gambar 82. Edit Slider
Data slider yang telah ditambahkan dapat dihapus dengan cara klik
tombol maka akan tampil pop up hapus data. Klik tombol jika ingin
mengapus data atau klik tombol untuk membatalkan penghapusan data.
Gambar 83. Hapus Data Slider

11. Menu Profil Admin
Menu profil Admin terdapat pada bagian kanan atas pada aplikasi dan
akan muncul saat Pengguna mengklik tombol . Menu profil kasir
berisi pilihan tombol untuk keluar dari sistem dan tombol

untuk mengubah data profil Admin.
47
Gambar 84. Pop Up Profile Admin
Pengguna dapat mengedit form profile yang berisi Nama User, Email,
Photo, Password lama, Password Baru dan Konfirmasi Password. Pengguna
dapat mengganti foto profile dengan mengklik tombol untuk memilih
file dari penyimpanan komputer.
Gambar 85. Halaman Profile Admin

Jika data telah diisi keseluruhan maka Pengguna dapat mengklik tombol
untuk menyimpan data dan klik tombol untuk mengosongkan

seluruh data.
12. Menu Pengaturan Aplikasi
Menu pengaturan aplikasi akan muncul setelah pengguna mengklik
tombol pada bagian kanan atas aplikasi. Pengguna dapat

mengedit menu setting yang berisi data, sebagai berikut :
1. #Nama Aplikasi terdiri atas nama aplikasi, singkatan aplikasi, nama kantor,
alamat, nomor telepon, email, logo kecil, logo besar, background login,
48
layout dan skin. Pengguna dapat mengganti logo dan background login
dengan mengklik tombol untuk memilih logo dari

penyimpanan komputer.
Gambar 86. Pengaturan Aplikasi
Jika data telah diisi keseluruhan maka Pengguna dapat mengklik tombol
untuk menyimpan data dan klik tombol untuk mengosongkan

seluruh data.
B. Akses Website sebagai Anggota
Halaman Portal Website Dinas Perpustakaan dan Kearsipan Kota Baubau
menampilkan beberapa menu utama antara lain halaman registrasi, halaman
buku dan website Dinas Perpustakaan dan Kearsipan Kota Baubau. Untuk
mengakses Website silahkan kunjungi link
https://dpmptsp.baubaukota.go.id/
49
Gambar 87. Halaman Portal
Untuk dapat menjadi member atau anggota pada Dinas Perpustakaan Kota
Baubau terlebih dahulu masuk ke halaman registrasi dengan cara klik

untuk mengisi form data keanggotaan maka akan tampil halaman registrasi
kemudian mengisi nama user, nama lengkap, email, alamat, no.hp, foto, status,
password, konfirmasi password apabila telah selesai mengisi form klik tombol
.
Gambar 88. Halaman Registrasi
Apabila registrasi berhasil dilakukan maka akan tampil halaman login user.
Kemudian hubungi Admin website Dinas Perpustakaan Kota Baubau agar dapat login
ke dalam system.
50
Gambar 89. Halaman Registrasi
Setelah registrasi keanggotaan telah di verifikasi oleh Admin website selanjutnya
login ke system untuk mencetak kartu keanggotaan dengan cara mengisi nama dan
password dan klik tombol maka secara otomatis akan menampilkan halaman
Dashboard user klik menu cetak kartu untuk mencetak kartu keanggotaan.
Gambar 90. Halaman Dashboard Anggota
51
Gambar 91. Halaman Cetak Kartu
C. Akses Website sebagai Pengunjung

1. Halaman Portal
Halaman Portal Website Dinas Perpustakaan dan Kearsipan Kota Baubau
menampilkan menu pintasan untuk mempermudah pengunjung website yaitu
Menu Registrasi, Menu Buku dan Menu Website. Untuk mengakses Website
silahkan kunjungi link https://perpus-baubau.projectkoding.com/
Gambar 92. Halaman Portal
52
2. Halaman Home
Halaman Home menampilkan slider informasi, menu profil, menu
publikasi, menu berita, menu galeri, menu kategori buku, menu kontak dan
menu login.
Gambar 93. Halaman Beranda

3. Menu Profil
Tampilan halaman profil terdiri dari profil walikota, profil wakil walikota
, sejarah, visi misi, kata sambutan, tugas pokok & fungsi, maklumat pelayanan,
dan struktur organisasi.
Gambar 94. Menu Profil
53
3.1. Halaman Profil Walikota
Halaman Walikota menampilan foto Walikota Baubau, data pribadi, data
istri, Riwayat Pendidikan, Riwayat Kepangkatan, Riwayat pekerjaan/jabatan
dan Visi Misi Kota Baubau.
Gambar 95. Menu Profil Walikota

3.2. Halaman Profil Wakil Walikota
Halaman Wakil Walikota menampilan foto Wakil Walikota Baubau, data

pribadi, data istri dan Riwayat Pendidikan.
54
Gambar 96. Halaman Wakil Walikota
3.3. Halaman Sejarah

Halaman sejarah menampilkan informasi terkait sejarah Dinas
55
Gambar 97. Halaman Sejarah
3.4. Halaman Visi Misi
Halaman visi misi menampilkan informasi terkait visi dan misi
Dinas Perpustakaan dan Kearsipan Kota Baubau.
Gambar 98. Halaman Visi Misi
56
3.5. Halaman Kata Sambutan
Halaman kata sambutan menampilkan kata sambutan dari Kepala
Dinas Perpustakaan dan Kearsipan Kota Baubau.
Gambar 99. Halaman Kata Sambutan
3.6. Halaman Tugas Pokok & Fungsi

Halaman tugas pokok & fungsi menampilkan tugas pokok pejabat
dan fungsi Dinas Perpustakaan dan Kearsipan Kota Baubau.
57
Gambar 100. Halaman Tupoksi
3.7. Halaman Maklumat Pelayanan

Halaman maklumat pelayanan menampilkan maklumat pelayanan
dari Dinas Perpustakaan dan Kearsipan Kota Baubau.
Gambar 101. Halaman Maklumat Pelayanan

3.8. Halaman Struktur Organisasi
Halaman struktur organisasi menampilkan informasi strtuktur
pejabat Dinas Perpustakaan dan Kearsipan Kota Baubau.
58
Gambar 102. Halaman Struktur Organisasi
4. Menu Publikasi
Menu publikasi menampilkan informasi terkait peraturan dan
pengumuman terkait Dinas Perpustakaan & Kearsipan Kota Baubau.
Gambar 103. Menu Publikasi

5. Menu Berita
Menu Berita berisi Informasi Berita Terkini seputar informasi daerah dan
terkait Dinas Perpustakaan dan Kearsipan Kota Baubau.
59
Gambar 104. Menu Berita
6. Menu Galeri
Menu galeri berisi media gambar dan video terkait kegiatan Dinas
Perpustakaan dan Kearsipan Kota Baubau yang terbagi atas 2 Submenu yaitu
foto dan video.
60
Gambar 105. Menu Galeri
6.1. Halaman Foto

Halaman ini berisi media foto terkait kegiatan Dinas Perpustakaan
dan Kearsipan Kota Baubau. Pengunjung dapat mengklik foto untuk
melihat galeri foto lebih lengkap dan pengunjung dapat memanfaatkan
fitur pencarian untuk mencari foto berdasarkan nama foto dengan cara
mengisi judul foto kemudian klik tombol .
61
Gambar 106. Halaman Foto
6.2. Halaman Video
Halaman ini berisi media video terkait kegiatan Dinas Perpustakaan
dan Kearsipan Kota Baubau. Pengunjung dapat mengklik video untuk
melihat galeri foto lebih lengkap dan pengunjung dapat memanfaatkan
fitur pencarian untuk mencari video berdasarkan nama video dengan
cara mengisi judul video kemudian klik tombol .
62
Gambar 107. Halaman Video
7. Menu Kategori Buku

Halaman Kategori Buku menampilkan daftar Buku yang ada pada Dinas
Perpustakaan dan Kearsipan Kota Baubau terdapat lima submenu pada menu
ini yaitu submenu novel, submenu karya ilmiah, submenu komik, submenu
teknologi dan submenu manajemen.
Gambar 108. Menu Kategori Buku
63
7.1. Halaman Novel
Halaman Novel menampilkan daftar buku kategori novel yang tersedia di
Dinas Perpustakaan dan Kearsipan Kota Baubau. Terdapat fitur filter untuk
menampilkan buku terbaru atau berdasarkan tahun terbit dengan cara mengklik
panah dropdown dan terdapat menu pencarian yang akan

memudahkan untuk mencari data buku dengan cara mengetik judul buku pada
kolom pencarian sebelah kanan kemudian klik tombol data yang

dicari akan ditampilkan.
Gambar 109. Submenu Novel

7.2. Halaman Karya Ilmiah
Halaman Novel menampilkan daftar buku kategori Karya Ilmiah yang
tersedia di Dinas Perpustakaan dan Kearsipan Kota Baubau. Terdapat fitur
filter untuk menampilkan buku terbaru atau berdasarkan tahun terbit dengan
cara mengklik panah dropdown dan terdapat menu pencarian yang

akan memudahkan untuk mencari data buku dengan cara mengetik judul buku
pada kolom pencarian sebelah kanan kemudian klik tombol data

yang dicari akan ditampilkan.
64
Gambar 110. Halaman Karya Ilmiah
7.3. Halaman Komik
Halaman Komik menampilkan daftar buku kategori Komik yang tersedia
di Dinas Perpustakaan dan Kearsipan Kota Baubau. Terdapat fitur filter untuk
menampilkan buku terbaru atau berdasarkan tahun terbit dengan cara
mengklik panah dropdown dan terdapat menu pencarian yang akan

memudahkan untuk mencari data buku dengan cara mengetik judul buku pada
kolom pencarian sebelah kanan kemudian klik tombol data yang

dicari akan ditampilkan.
Gambar 111. Halaman Komik
65
7.4. Halaman Teknologi
Halaman Teknologi menampilkan daftar buku kategori Teknologi yang
tersedia di Dinas Perpustakaan dan Kearsipan Kota Baubau. Terdapat fitur
filter untuk menampilkan buku terbaru atau berdasarkan tahun terbit dengan
cara mengklik panah dropdown dan terdapat menu pencarian yang

akan memudahkan untuk mencari data buku dengan cara mengetik judul buku
pada kolom pencarian sebelah kanan kemudian klik tombol data

yang dicari akan ditampilkan.
Gambar 112. Halaman Teknologi

7.5. Halaman Manajemen
Halaman Manajemen menampilkan daftar buku kategori Manajemen
yang tersedia di Dinas Perpustakaan dan Kearsipan Kota Baubau. Terdapat
fitur filter untuk menampilkan buku terbaru atau berdasarkan tahun terbit
dengan cara mengklik panah dropdown dan terdapat menu

pencarian yang akan memudahkan untuk mencari data buku dengan cara
mengetik judul buku pada kolom pencarian sebelah kanan kemudian klik
tombol data yang dicari akan ditampilkan.
66
Gambar 113. Halaman Manajemen
8. Menu Kontak
Halaman Kontak menampilkan data seperti alamat, email, Telepon dan
tampilan peta GIS Kantor Dinas Perpustakaan dan Kearsipan Kota Baubau.
Gambar 114. Menu Kontak

9. Menu Login
Pada laman ini menampilkan form login user/anggota perpustakaan ,
masukan user dan password yang telah didaftarkan melalui halaman registrasi
yang terdapat pada halaman portal website, untuk login ke dalam system
ketikan data user dan password lalu klik tombol .
67
Gambar 115. Halaman Login
68

Optimized Website Management Guide

Diunggah oleh

Informasi Dokumen

Judul 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

Optimized Website Management Guide

Diunggah oleh

Hak Cipta:

Format Tersedia

i

Gambar 1. Halaman Log In

Setelah mengisi Username dan Password, Pengguna dapat mengklik

tombol untuk masuk dalam portal.

Gambar 2. Halaman Dashboard

Gambar 3. Menu Profil Dinas

Gambar 4. Submenu Profil Walikota

Pengguna mengisi isi konten dan mengupload foto kepala daerah

dengan mengklik tombol untuk memilih gambar dari

file foto diatas tombol . Setelah mengisi form, Pengguna dapat

mengklik tombol untuk menyimpan data.

Gambar 5. Fitur Mengatur Tulisan

Terdapat juga tombol penting dalam submenu profil walikota, yaitu :

Gambar 6. Submenu Wakil Walikota

dengan mengklik tombol untuk memilih gambar dari

file foto diatas tombol . Setelah mengisi form, Pengguna dapat

mengklik tombol untuk menyimpan data.

Gambar 7. Fitur Mengatur Tulisan

Gambar 8. Submenu Sejarah

tombol untuk memilih gambar dari penyimpanan komputer.

. Setelah mengisi form, Pengguna dapat mengklik tombol

untuk menyimpan data.

Gambar 9. Fitur Mengatur Tulisan

Gambar 10. Submenu Visi Misi

form, Pengguna dapat mengklik tombol untuk menyimpan data.

Gambar 11. Fitur Mengatur Tulisan

Terdapat juga tombol penting dalam submenu visi misi, yaitu :

Gambar 12. Submenu Kata Sambutan

dengan mengklik tombol untuk memilih gambar dari

file foto diatas tombol . Setelah mengisi form, Pengguna dapat

mengklik tombol untuk menyimpan data.

Gambar 13. Fitur Mengatur Tulisan

Gambar 14. Submenu Tupoksi

form, Pengguna dapat mengklik tombol untuk menyimpan data.

Gambar 15. Fitur Mengatur Tulisan

Gambar 16. Submenu Maklumat Pelayanan

form, Pengguna dapat mengklik tombol untuk menyimpan data.

Gambar 17. Fitur Mengatur Tulisan

Terdapat juga tombol penting dalam submenu maklumat

Gambar 18. Submenu Struktur Organisasi

organisasi dengan mengklik tombol untuk memilih gambar

nama file foto diatas tombol . Setelah mengisi form, Pengguna

dapat mengklik tombol untuk menyimpan data.

Gambar 19. Fitur Mengatur Tulisan

Pilih tombol untuk memuat ulang laman

Pilih tombol untuk menambah data

Pilih untuk menghapus data

Untuk mencari data publikasi pengguna dapat memanfaatkan fitur

Untuk menambah data berita klik tombol maka akan

jpg/png dengan cara mengklik tombol dan mengisi isi

publikasi. Klik tombol untuk menyimpan data. Klik tombol

untuk membatalkan penambahan data.

untuk mengupdate data dan klik

Gambar 22. Edit data publikasi

jika ingin mengapus data atau klik tombol untuk

Gambar 24. Menu Berita

Pilih tombol untuk memuat ulang laman

Pilih tombol untuk menambah data

Pilih untuk menghapus data

Untuk mencari data berita pengguna dapat memanfaatkan fitur

cara mengklik tombol dan mengisi isi berita. Klik tombol

untuk menyimpan data. Klik tombol untuk

Gambar 25. Form Tambah Berita