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
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 DAFTAR ISI
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. EDIT PASSWORD Klik kotak kosong untuk mengedit kemudian ENTER jika sudah selesai EDIT LEVEL USER EDIT PHOTO PROFIL Gambar 8.0 Management 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 2 LANGKAH 1
Tampilan setelah klik edit. Isi pada menu custom Untuk edit menu pilih nama menu. Selanjutnya Masukan URL link nya. Kemudian klik Update Menu Setelah di klik tombol maka menu akan masuk ke halaman samping Tampilan Navigasi pada menu Home :
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