MANUAL BOOK MADANI CMS KOTA SERANG

Kata Pengantar

Puji syukur kehadirat Tuhan Yang Maha Kuasa atas segala limpahan Rahmat, Inayah, Taufik dan Hinayahnya sehingga saya

dapat menyelesaikan ini. Semoga aplikasi ini dapat dipergunakan sebagai salah satu acuan, petunjuk maupun pedoman bagi

pembaca dalam penyampaian seputar kota Serang.

Aplikasi ini masih banyak kekurangan dan masih perlu banyak pengembangan. Oleh kerena itu saya harapkan kepada para

pengguna untuk memberikan masukan-masukan yang bersifat membangun untuk kesempurnaan aplikasi ini.

Bandung, 25 April 2018

Penyusun

DAFTAR ISI

Kata Pengantar

Pendahuluan

Daftar Isi

1. Halaman Login

2. Dashboard Admin

3. Management Artikel

4. Menegement Galeri

5. Menegement Page

6. Management Media

7. Management Kategori dan Tags

8. Management Users

9. Pengaturan Web

10. Management Tema

Penutup

PENDAHULUAN

Madani CMS adalah Sebuah sistem/engine untuk mengatur content website semua OPD yang ada di Kota Serang. Madani CMS ini bersifat

open source artinya bisa di modifikasi oleh masing masing OPD. Tujuan nya dibuat CMS ini untuk memudahkan OPD mengatur konten website

nya untuk menyampaikan informasi kepada warga di kota serang.

Dengan kemajuan teknologi yang sejalan dengan kemajuan SDM (Sumber Daya Manusia) maka sistem ini akan sangat membantu sekali.

Sebagai contohnya, berita dapat disampaikan secara online dan warga kota Serang dapat melihat aplikasi yang tersedia di kota Serang.

Menggunakan sistem ini artinya warga kota Serang secara tidak langsung pun ikut serta dalam proses belajar mengenai definisi manajemen sistem

informasi di dalam proses bekerja.

Kelebihan dari CMS Website Kota Serang ini sebagai berikut :

1. Menggunakan algoritma javascript Ajax Load Server Side sehingga lebih hemat bandwith ke server.

2. Pembuatan artikel save otomatis menjadi draft selama 15 detik. Jadi ketika tiba tiba koneksi terputus dari server kemudian artikel

belum sempat di publish maka artikel otomatis tersimpan menjadi draft.

3. Menggunakan Framework Codeigniter sehingga pembuatan URL lebih mudah dan Security Website lebih aman.

4. Menggunakan SEO Website sehingga website lebih cepat ditemukan oleh mesin pencarian di Internet.

1. HALAMAN LOGIN

Untuk dapat mengakses sistem ini, petugas dapat mengakses url http://devel.serangkota.go.id/cms/admin/login dengan cara sebagai berikut :

1. Buka web browser (Mozilla, Internet Explorer, Safari, Opera, Google Chrome).

2. Kemudian masukan username dan password.

3. Untuk akses sebagai administrator masukan username “admin” dan password “admin123”.

4. Langkah terakhir, tekan tombol “Sign in” pada layar anda.

Gambar 1.0 - Halaman Login

2. DASHBOARD ADMIN

Dashboard admin (Halaman Utama) merupakan elemen tampilan yang memperlihatkan informasi berupa data dari website berupa

jumlah artikel, gambar, jumlah halaman, jumlah event, jumlah kategori, postingan terbaru dan postingan terpopuler.

Gambar 2.0 - Dashboard Admin

3. MANAGEMENT ARTIKEL

Management artikel terdiri dari 2 menu, yaitu menu “semua artikel” dan menu “artikel baru”.

Pada menu “semua artikel” admin dapat melihat list artikel yang telah di publish.

Gambar 3.0 – List Semua Artikel

Sedangkan pada menu “artikel baru” admin dapat membuat artikel yang akan di publish di website resmi kota Serang. Form input akan dijelaskan

berikut ini :

• “Judul Artikel” disini untuk menginput judul artikel yang akan ditampilkan

• “SEO URL” adalah alamat URL untuk mengakses artikel dan akan terisi otomatis sesuai judul.

• “Isi Artikel” disini kita input artikel. Terdapa menu tab seperti menggunakan Microsoft Word untuk mengatur text, paraghraph dan gambar.

• “Kategori” form ini untuk memilih kategori artikel untuk di publish.

• “Tags” disini untuk memilih tags artikel. Fungsi tags ini untuk memudahkan pencarian artikel.

• “Foto Galeri” disini untuk upload gambar yang akan ditampilkan pada headline artikel.

• “Tampilkan Informasi Tambahan” dengan mengklik menu ini kita akan menampilkan informasi tambahan dari artikel. Tidak di isi pun

tidak masalah pada form ini.

• “Jadikan Headline” dengan memilih “yes” maka artikel akan ditampilkan pada halaman depan website. Jika memilih “no” artikel tidak

ditampilkan di halaman depan tetapi masih bisa diakses di menu semua artikel.

• “Izinkan User Lain Mengedit Artikel” jika Memilih “Yes” user lain bisa mengedit artikel yang sudah anda buat. Sedangkan “No” maka

user lain tidak bisa mengedit artikel.

• “Meta Description” = Deskripsi Artikel “Meta Author”= Pembuat Artikel “Meta Keyword” = Keyword pencarian Artikel. form ini

bertujuan memudahkan pencarian pada Search Enggine google. Jika pada menu ini di isi maka mesin pencarian google akan mudah

mendapatkan informasi dari artikel sehingga mudah dicari. Form ini lebih baik di isi akan tetapi jika tidak di isi pun tidak jadi masalah.

• “FB OG Title” = Judul postingan Facebook “FB OG Description” = Deskripsi Postigan Facebook “FB OG Image” = Gambar Postingan

Facebook. Form ini untuk memudahkan share artikel ke Social Media Facebook. Form ini lebih baik di isi akan tetapi jika tidak diisi pun

tidak jadi masalah.

Gambar 3.1 – Menu Artikel Baru

Gambar 3.2 – Lanjutan Menu artikel Baru

4. MANAGEMENT GALERI

• Pada Menu ini terdapat 2 seb menu yaitu :

“Tampilkan Galeri” menu ini untuk menampilkan semua kategori yang sudah dibuat.

• “Buat Galeri” menu ini untuk membuat galeri foto pada website.

Gambar 4.0 – Membuat Galeri Baru

5. MANAGEMENT PAGE

Pada menu ini berfungsi untuk membuat halaman website selain artikel. Contohnya :Struktur Organisasi, Visi & Misi, dan lain. Lain. Terdapat 2

sub menu berikut ini :

• “Semua Page” menampilkan semua page yang sudah dibuat.

• “Buat Page” membuat page yang dibutuhkan dan akan ditampilkan pada navigasi bar.

Gambar 5.0 – Membuat Page Baru

6. MANAGEMENT MEDIA

Pada menu media terdapat 2 sub-menu, yaitu menu “semua media” dan menu “Pop up upload”. Pada kedua menu ini admin dapat mengupload

atau mengunggah gambar ke CMS website kota Serang. Yang nantinya bisa digunakan untuk galeri atau artikel.

Gambar 6.0 - Menu Media

7. MANAGEMENT KATEGORI dan TAGS

Pada kedua menu tersebut memiliki persamaan yaitu mengatur kategori untuk setiap artikel dan galeri yang akan dipublish. Tampilan menu

“kategori” sebagai berikut :

Gambar 7.0 – Menu Kategori

Sedangkan pada menu “Tags” tampilan akan tampak seperti berikut :

Gambar 7.1 – Menu Tags

8. MANAGEMENT USERS

Menu ini merupakan salah satu menu yang penting yaitu untuk mengatur user yang dapat mengedit dan mengatur website kota Serang. Menu ini

terdiri dari 2 sub-menu :

1. Management User

Pada menu ini user utama (Super Admin) dapat mengatur tingkatan user. Tingkat ”Super Admin” diberikan hak penuh untuk mengatur

semua menu yang terdapat di cms, sedangkan tingkat “Admin” hanya diberikan akses untuk mengatur beberapa menu.

Gambar 8.0 – Management User

Klik kotak kosong untuk mengedit

kemudian ENTER jika sudah selesai

EDIT PASSWORD

EDIT PHOTO PROFIL EDIT LEVEL USER

2. User Baru

Pada sub-menu user baru, Super admin dapat membuat user baru untuk mengakses cms.

Gambar 8.1 – Menu User Baru

9. PENGATURAN WEB

Pada menu ini terdapat 4 sub-menu yang dapat diakses oleh admin

1. Informasi Web

Pada menu informasi web, admin dapat menambahkan informasi mengenai website sehingga mudah

ditemukan oleh mesin pencarian google. Menu-menu berikut ini :

• “Nama Web” berisi informasi Nama Web

• “Mode Sleep” jika mode sleep ini diaktifkan maka website tidak bisa diakses. Mode ini akan

diaktifkan jika maintenance server.

• “Default Title” menu ini untuk menampilkan title website.

• “Prefix Sufix title” menu ini untuk memudahkan SEO Website pada search engine google. Lebih

baik di isi akan tetapi jika tidak diisi tidak masalah.

• “Deskripsi” menu ini menampilkan deskripsi website.

• “Favicon” untuk menampilkan icon pada tab browser.

• “Logo” untuk menampilakan gambar pada navigasi bar website.

• “Featured Image” untuk menampilkan gambar paralex pada halaman home website.

• Menu selanjutnya sudah di isi default tidak perlu dirubah.

Gambar 9.0 – Informasi Web

2. Biodata Pada menu biodata, admin dapat menambahkan biodata mengenai pemimpin dan wakil pemimpin.

Gambar 9.1 – Menu Input Biodata Website

3. Banner Depan Menu Banner depan berfungsi untuk mengatur image slider (gambar bergerak) pada halaman home website resmi kota Serang.

Gambar 9.3 – Menu Banner Depan

10. MANAGEMENT TEMA

Menu Management tema berfungsi untuk mengganti layout dan warna dari Website. Layaknya smarthphone yang memiliki fitur ganti tema,

pada CMS ini pun terdapat fitur ganti tema yang akan merubah layout dan warna tampilan sehingga siapa pun yang melihat website tidak bosan

dengan tampilan nya.

Gambar 14.0 – Pengaturan Tema

11. Pengaturan Menu (Navigasi Bar)

- Langkah 1 Pilih menu pengaturan menu

- Langkah 2 Pilih Edit pada menu UTAMA

LANGKAH 1

LANGKAH 2

Tampilan setelah klik edit.

Tampilan Navigasi pada menu Home :

Isi pada menu custom

Setelah di klik tombol

maka menu akan masuk

ke halaman samping

Untuk edit menu pilih nama

menu. Selanjutnya Masukan

URL link nya. Kemudian klik

Update Menu

PENUTUP

Dengan dibuatnya dokumentasi ini dalam bentuk buku panduan, diharapkan bagi pembaca dapat mengetahui fitur-fitur apa saja yang ada

di dalam sistem aplikasi ini, serta memahami fungsionalitas dari masing-masing fitur. Terima kasih juga untuk Allah SWT yang telah memberikan

kesehatan dan dapat terlaksananya pembuatan dokumentasi buku panduan ini.

Hormat Kami,

Penulis