Manual Book Penggunaan CMS. Website Portal Berita Antara Bogor (Untuk Administrator)

Manual Book Penggunaan CMS Website Portal Berita Antara Bogor (Untuk Administrator)

Created By W3B-PROJECT TEAM @2011

Penjelasan Umum CMS (Content Management System) merupakan fasilitas yang disediakan untuk mempermudah pengelolaan data/konten website. Setelah melakukan login melalui form yang tampil pada halaman website dengan alamat url http://antarabogor.com/index.php/login , Anda akan di arahkan secara otomatis ke halaman Administrator. Pada halaman Administrator inilah pengelolaan data dilakukan, cara serta langkah-langkah nya akan dipaparkan melalui bahasan berikut ini : 1. Login Sebelum memasuki halaman Administrator, Anda diharuskan melakukan login terlebih dahulu. Untuk melakukannya, ikuti langkah berikut : o Buka aplikasi browser yang ada pada komputer anda Contohnya : Firefox, Internet Explorer, Opera, Google Chrome, Safari, dll. o Ketikkan alamat url http://antarabogor.com/index.php/login pada address box.

Gambar URL yang diketikkan pada address box aplikasi browser o Tekan tombol Enter, maka form login untuk mengakses halaman Administrator akan tampil. Setelah tampil form login, isikan admin pada kotak isian username dan 12345 pada kotak isian password. (username dan password tersebut bersifat sementara, Anda bisa merubahnya di menu Pengguna yang ada pada Halaman Administrator).

Gambar tampilan form login untuk mengakses halaman Administrator

Manual Book CMS Antara Bogor News Website

Page 1

o Jika tidak ada kesalahan pada username/password yang anda isikan pada form login, maka secara otomatis anda akan diarahkan ke halaman Administrator. Berikut tampilan dan sedikit penjelasan dari setiap bagian tampilannya. Link Logout

Menu Bar

DATA MANAGEMENT AREA

Gambar tampilan dari halaman Administrator dan bagian-bagiannya Menu Bar Berisikan menu-menu dari data yang akan dikelola yang dikelompokan dalam beberapa kategori. Diantaranya : o Beranda o Konfigurasi Umum, sub menu nya terdiri dari :  Konfigurasi situs  Menu Manual Book CMS Antara Bogor News Website

Page 2

 Grup Menu  Data Menu  Media  Pengguna o Akun, menu-menu nya terdiri dari :  Pengguna  Member o Kelola Konten, menu-menu nya terdiri dari :  Kelola Halaman Statis  Berita  Halaman Profil o Kelola Produk, menu-menu nya terdiri dari :  Data Anggota UKM  Kategori Produk  Kelola Produk Data Management Area Pada bagian ini, data-data yang ada ditampilkan dan pengelolaan data dilakukan. Setelah anda memilih salah satu menu pada menu bar, maka data-data yang akan dikelola akan tampil pada bagian halaman ini.

Penjelasan dari Setiap Menu Dalam bahasan ini, akan dipaparkan langkah demi langkah dalam mengelola data (menambah, mengubah atau mengahapus data) dari setiap menu yang ada. 1. Konfigurasi situs Data yang dikelola dari menu ini adalah data informasi umum dari website anda yang terdiri dari:


Page 3

Nama Kotak Isian

Keterangan

Nama web Judul Website Logo

Nama website anda. Judul website anda. Logo website anda.(logo ini akan ditampilkan pada bagian header tampilan web)

Kata kunci

Data kata kunci pencarian (kata kunci ini diperlukan untuk meng-indeks-kan website anda pada search engine seperti Goole.com, Yahoo.com, dll ).

Deskripsi

Data yang berisikan penjabaran singkat tentang website anda (data ini juga diperuntukan untuk pengeindeks-an website anda pada search engine ). Data yang akan ditampilkan pada bagian bawah halaman website yang dilihat pengunjung. (Bisa disikan dengan statement copyright atau alamat perusahaan anda atau data lainnya) Data yang berupa alamat email. Alamat email ini akan dijadikan alamat email tujuan dari form contact yang ada pada menu Contact Us.

Footer

Alamat Email

o Langkah untuk mengubah data konfigurasi situs :  Sorot menu Konfigurasi Umum lalu Klik menu Konfigurasi Situs, setelah menu di klik maka form yang menampilkan data konfigurasi situs anda akan tampil pada bagian data management area halaman Administrator.  Lakukan perubahan data yang anda kehendaki, setelah selesai klik tombol simpan. 2. Menu Pada item menu ini, pengelolaan data terbagi dua jenis yakni : 1. Data Grup Menu 2. Data Menu

o Penjelasan dari sub menu Grup Menu Fungsi dari grup menu ini adalah sebagai pembeda jika ada 2 menu yang sama, namun di tempatkan pada posisi yang berbeda(ditampilkan 2 kali pada halaman website, misalnya menu beranda yang ditampilkan pada menu utama, dan menu beranda yang ditampilkan pada bottom menu / menu bagian bawah pada website, lebih jelas nya lihat gambar).


Page 4

Menu Utama

Gambar posisi menu utama, terletak di bawah header website

Menu Bottom

Gambar posisi menu bottom, terletak di bagian terbawah website

Berikut langkah-langkah untuk mengelola data nya: o Langkah-langkah untuk menambah data:  Klik menu Konfigurasi Umum  Grup Menu, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Lalu klik “Tambah” yang terdapat tepat diatas tabel data.  Setelah link “Tambah”diklik dan tampil form penambahan data, isikan seluruh kotak isian yang ada (Teks grup menu).  Lalu klik tombol simpan.

o Langkah-langkah untuk mengubah data yang sudah ada:  Pada tampilan tabel yang menampilkan list data, klik link edit pada kolom aksi. Setelah link edit diklik maka form edit data akan tampil.


Page 5

 Lakukan pengubahan data yang anda kehendaki. Jika pengubahan data telah selesai klik tombol simpan.

o Langkah untuk menghapus data adalah dengan me-klik link hapus pada kolom aksi. Setelah link hapus di klik, maka akan muncul kotak dialog konfirmasi untuk melakukan penghapusan data, pilih Yes untuk melanjutkan proses penghapusan data atau No jika anda ingin membatalkan proses penghapusan data.

o Penjelasan dari sub menu Data Menu Sedangkan pada sub menu Data Menu ini, jika Anda klik menu Konfigurasi Umum  Menu  data Menu, maka pada bagian data management area akan tampil seluruh data menu yang ada baik yang termasuk grup menu utama, maupun grup menu bawah. Dan untuk pembedanya, pada tabel list data terdapat kolom Posisi, jika pada kolom posisi bernilai “top” maka data tersebut termasuk ke grup menu utama, dan jika bernilai “bottom”, maka data tersebut termasuk ke grup menu bawah.

Data yang dikelola dari menu ini adalah sebagai berikut:

Nama Kotak Isian Teks Menu Menu Induk

Posisi Link ke

Publikasikan Grup Menu

Keterangan Teks dari menu yang akan ditampilkan. Kotak isian ini diperlukan jika menu yang sedang dikelola akan dijadikan sub menu, jika tidak maka hiraukan kotak isian ini(biarkan bernilai Menu Induk). Posisi yang diinginkan untuk menampilkan data tersebut. Tautan dari menu tersebut jika menu di klik. Keterangan : Pada kotak isian ini terdapat beberapa tipe tautan yakni: 1. Kategori posting( jika menu diklik maka akan menampilkan seluruh data posting yang terdapat pada kategori posting yang dipilih). 2. URL( jika menu diklik maka akan menuju kepada tautan yang telah ditentukan, misalnya ketika URL diisikan http://google.com, maka halaman dari http://google.com tersebut akan tampil). Pilihan untuk menampilkan atau tidak menampilkan data. Pengklasifikasian data menu


Page 6

Berikut langkah-langkah untuk mengelola data nya: o Langkah-langkah untuk menambah data:  Klik menu Konfigurasi Umum  Data Menu, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Lalu klik “Tambah” yang terdapat tepat diatas tabel data.  Setelah link “Tambah”diklik dan tampil form penambahan data, isikan seluruh kotak isian yang ada (Teks Menu, Menu Induk, Posisi, Link ke, Publikasikan, Grup Menu).  Lalu klik tombol simpan.

o Langkah-langkah untuk mengubah data yang sudah ada:  Pada tampilan tabel yang menampilkan list data, klik link edit pada kolom aksi. Setelah link edit diklik maka form edit data akan tampil.  Lakukan pengubahan data yang anda kehendaki. Jika pengubahan data telah selesai klik tombol simpan.



Page 7

Link untuk menambah data

Link untuk mengubah data Link untuk Menghapus data

Short cut untuk menyetting pilihan publikasi

Gambar list data dari sub menu Data Menu. 3. Media Khusus untuk menu media ini, merupakan fitur tambahan yang diberikan. Fungsi dari fitur ini sendiri adalah sebagai file manager, dimana anda bisa mengupload data berupa gambar(JPG/PNG/GIF), animasi(SWF), ataupun dokumen(Word, PDF, Excel,PPT,TXT). Dan fitur ini juga diperlukan jika anda hendak menautkan banner pada file PDF contohnya. Berikut langkah-langkah untuk mengupload data pada menu ini : 1. Klik link upload 2. Klik tombol Browse pada form yang tampil. 3. Cari file yang akan diupload.


Page 8

4. Dan klik link Upload. Link untuk mengupload data

Gambar tampilan dari fitur media penyimpanan data

4. Pengguna Pada menu pengguna ini, data yang akan diakses adalah data dari pengguna / akun untuk mengakses halaman administrator. Untuk batasan hak akses dari setiap level pengguna(terdiri dari : superadminAdmin web, adminposting publisher) berikut uraian nya. No. 1 2 3 4 5 6 7 8 9

Menu / Fitur Konfigurasi Situs Grup Menu Data Menu Media Pengguna Kategori Posting Data Posting Sidebar Banner

Superadmin         

Admin (Publisher)

 


Page 9

10 11 12

Header Galeri Bantuan

  



Dan data-data yang akan dikelola pada menu pengguna ini adalah sebagai berikut :

Nama Kotak Isian Nama Username Password Level Akses

Keterangan Nama pemilik akun login Username yang akan digunakan untuk login Kata sandi untuk login Level akses dari pengguna (Admin untuk publisher, Superadmin untuk Administrator keseluruhan website)

Berikut langkah-langkah untuk mengelola data nya: o Langkah-langkah untuk menambah data:  Klik menu Konfigurasi Umum  Pengguna, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Lalu klik “Tambah” yang terdapat tepat diatas tabel data.  Setelah link “Tambah” diklik dan tampil form penambahan data, isikan seluruh kotak isian yang ada (Username,Password,Nama,Level akses).  Lalu klik tombol simpan.




Page 10

5. Kategori posting Pada menu kategori posting ini, data yang akan dikelola adalah data dari kategori – kategori posting yang akan digunakan untuk pengelompok / pengklasifikasian data posting(data berita). Untuk datadata yang akan dikelola pada menu ini adalah sebagai berikut. No 1 2

Kotak Isian Judul kategori posting Kategori induk

3

Tampilkan di beranda ?

Keterangan Judul/teks dari kategori posting. Jika data dari kategori posting yang sedang dikelola ingin dijadikan sub kategori, pilih salah satu dari data kategori yang sudah ada. Jika tidak hiraukan kotak isian ini. Pilihan untuk menampilkan data posting terakhir yang ditambahkan dari kategori posting tersebut pada halaman beranda website antarabogor atau tidak.

Berikut langkah-langkah untuk mengelola data nya: o Langkah-langkah untuk menambah data:  Klik menu Konten  Kategori posting, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Lalu klik “Tambah” yang terdapat tepat diatas tabel data.  Setelah link “Tambah” diklik dan tampil form penambahan data, isikan seluruh kotak isian yang ada (Judul kategori posting, Kategori induk(jika ingin dijadikan sub kategori), Tampilkan di Beranda?).  Lalu klik tombol simpan.




Page 11

6. Data posting Pada menu data posting ini, data yang akan dikelola adalah data seluruh posting/berita dari kategori – kategori posting yang ada. Untuk data-data yang akan dikelola pada menu ini adalah sebagai berikut. No 1 2 3

Kotak Isian Judul posting Isi posting Kata kunci

4

Deskripsi

5

Boleh dikomentari

6 7 8

Kategori posting Publikasi Tampilkan sebagai Headline

9

Gambar

10

Penulis (untuk kategori artikel)

Keterangan Judul/teks dari data posting. Isi berita posting. Data kata kunci pencarian (kata kunci ini diperlukan untuk meng-indeks-kan website anda pada search engine seperti Goole.com, Yahoo.com, dll ). Data yang berisikan penjabaran singkat tentang website anda (data ini juga diperuntukan untuk pengeindeks-an website anda pada search engine ). Opsi untuk mengizinkan data posting tersebut boleh dikomentari oleh pengunjung atau tidak. Kategori untuk data posting tersebut. Opsi untuk menampilkan atau tidak ditampilkan. Opsi untuk menandakan data posting tersebut sebagai headline atau tidak. Gambar default data posting(gambar akan ditampilkan pada awal paragraf data posting) Kotak isian ini hanya diperuntukan untuk data posting yang memiliki kategori Artikel.

Berikut langkah-langkah untuk mengelola data nya: o Langkah-langkah untuk menambah data:  Klik menu Konten  Data posting, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Lalu klik “Tambah” yang terdapat tepat diatas tabel data.  Setelah link “Tambah” diklik dan tampil form penambahan data, isikan seluruh kotak isian yang ada (Judul posting, isi posting, kata kunci, deskripsi, boleh dikomentari?, kategori posting, publikasi,tampilkan sebagai headline,gambar,penulis(untuk kategori artikel)).  Lalu klik tombol simpan.

o Langkah-langkah untuk mengubah data yang sudah ada:  Pada tampilan tabel yang menampilkan list data, klik link edit pada kolom aksi. Setelah link edit diklik maka form edit data akan tampil. Manual Book CMS Antara Bogor News Website

Page 12



Teks Penulis akan tampil jika kategori nya adalah artikel

Data gambar secara default akan ditampilkan di awal paragraf

Gambar contoh data posting yang ditampilkan 7. Sidebar Pada menu sidebar ini, data yang akan dikelola adalah data item-item yang akan ditampilkan pada bagian sidebar web di setiap menu nya(Lihat gambar).


Page 13

Item sidebar yang di tampilkan pada sisi kiri website

Item sidebar yang di tampilkan pada sisi kanan website

Gambar posisi item sidebar ditampilkan pada halaman website (kiri, dan kanan) Untuk mengelola data item sidebar ini, yang perlu diketahui adalah terdapat beberapa tipe dari item sidebar yakni: No Tipe sidebar 1 Posting terpopuler 2 Posting terakhir 3 4 5 6 7

Posting terakhir per kategori Foto terpopuler Foto terakhir Banner Teks Bebas

8

Grup Menu

Keterangan Menampilkan data posting yang dilihat pengunjung paling sering. Menampilkan beberapa berita terkahir yang diinputkan dari semua kategori. Menampilkan beberapa berita terakhir yang diinputkan dari kategori tertentu. Menampilkan data foto galeri yang paling sering dikunjungi pengunjung. Menampilkan beberapa data foto terakhir yang ditambahkan. Menampilkan data banner. Tipe ini diperlukan jika anda hendak menampilkan embed aplikasi javascript, atau hanya sekedar teks biasa. Menampilkan data menu berdasarkan grup menu.

Berikut langkah-langkah untuk mengelola data nya:


Page 14

o Langkah-langkah untuk menambah data:  Klik menu Komponen  Sidebar, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Berbeda dari menu yang lain, untuk menambah data, isikan form yang terdapat tepat diatas tabel data. Form penambahan data sidebar

Gambar letak posisi form penambahan data sidebar  Isikan semua kotak isian yang tersedia, lalu klik tombol “Tambah Sidebar”.  Setelah data item sidebar ditambahkan maka pada kolom Status Konfig, pada data yang baru saja ditambahkan teks yang akan tampil “Belum Dikonfigurasi ! Lakukan Konfigurasi”, ini berarti anda harus melakukan konfigurasi item dengan me-klik link “Lakukan Link untuk mengedit Konfigurasi”. Item sidebar belum dikonfigurasi

konfigurasi

 Lakukan konfigurasi yang diminta(setiap tipe memiliki konfigurasi yang berbeda-beda), lalu klik tombol “Save”.  Jika anda hendak melakukan perubahan kembali pada konfigurasi yang sudah ada, klik link “Konfigurasi Lagi”. o Langkah-langkah untuk mengubah data yang sudah ada:  Pada tampilan tabel yang menampilkan list data, klik link edit pada kolom aksi. Setelah link edit diklik maka form edit data akan tampil. Manual Book CMS Antara Bogor News Website

Page 15



8. Banner Menu ini berfungsi sebagai pengelola data gambar-gambar yang akan dijadikan banner, jadi setelah data gambar banner diinputkan, untuk menampilkan data tersebut melalui panel/menu sidebar dengan memilih tipe item sidebar “banner”. Data yang dikelola dari menu ini terdiri dari:

Nama Kotak Isian Teks alt Gambar Tautan Publikasikan

Keterangan Teks yang akan ditampilkan, jika gambar tidak tampil Gambar banner Link(Tautan) URL tujuan, jika gambar banner di klik. Pilihan untuk menampilkan atau tidak menampilkan gambar banner

Berikut langkah-langkah untuk mengelola data nya: o Langkah-langkah untuk menambah data:  Klik menu Komponen  Banner, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Lalu klik “Tambah” yang terdapat tepat diatas tabel data.  Setelah link “Tambah” diklik dan tampil form penambahan data, isikan seluruh kotak isian yang ada (Teks alt, Gambar, Tautan, Publikasikan).  Lalu klik tombol simpan.

o Langkah-langkah untuk mengubah data yang sudah ada:  Pada tampilan tabel yang menampilkan list data, klik link edit pada kolom aksi. Setelah link edit diklik maka form edit data akan tampil. Manual Book CMS Antara Bogor News Website

Page 16



Link untuk mengubah data

Gambar tampilan list data banner pada halaman Administrator

Link untuk Menghapus data

Short cut untuk menyetting pilihan publikasi

9. Header Pada menu ini, data yang akan dikelola adalah data gambar header yang ditampilkan pada halaman website. Data yang diinputkan bisa berupa gambar(JPG), atau animasi(SWF) dan ukuran dari data yang diupload adalah 551px x 102px. Data yang dikelola dari menu ini terdiri dari:

Nama Kotak Isian Teks Alt Gambar Publikasikan

Keterangan Teks yang akan ditampilkan jika gambar tidak bisa ditampilkan Gambar header yang akan digunakan Pilihan untuk menampilkan atau tidak menampilkan gambar header


Page 17

Posisi ditampilkan nya data header

Gambar Posisi ditampikan nya data header pada website. Berikut langkah-langkah untuk mengelola data nya: o Langkah-langkah untuk menambah data:  Klik menu Komponen  Header, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Lalu klik “Tambah” yang terdapat tepat diatas tabel data.  Setelah link “Tambah” diklik dan tampil form penambahan data, isikan seluruh kotak isian yang ada (Teks alt, Gambar, Tautan, Publikasikan).  Lalu klik tombol simpan. o Langkah-langkah untuk mengubah data yang sudah ada:  Pada tampilan tabel yang menampilkan list data, klik link edit pada kolom aksi. Setelah link edit diklik maka form edit data akan tampil.  Lakukan pengubahan data yang anda kehendaki. Jika pengubahan data telah selesai klik tombol simpan. o Langkah untuk menghapus data adalah dengan me-klik link hapus pada kolom aksi. Setelah link hapus di klik, maka akan muncul kotak dialog konfirmasi untuk melakukan penghapusan data, pilih Yes untuk melanjutkan proses penghapusan data atau No jika anda ingin membatalkan proses penghapusan data. Catatan: Data Header yang akan ditampilkan adalah 1 data terakhir yang diinputkan dan memiliki nilai publikasi “Ya”. Pada gambar dibawah, berarti gambar header yang akan ditampilkan adalah Banner Jpg(Lihat gambar).


Page 18

Data yang akan ditampilkan

Gambar tampilan list data header 10. Banner Menu ini berfungsi sebagai pengelola data gambar-gambar galeri yang akan ditampilkan jika link dari menu adalah foto(lihat gambar). Data yang dikelola dari menu ini terdiri dari:

Nama Kotak Isian

Keterangan

Judul Foto Gambar Keterangan

Judul dari foto galeri tersebut File foto Deskripsi yang dari foto galeri.

Publikasikan

Pilihan untuk menampilkan atau tidak menampilkan foto


Page 19

Kotak isian “link ke” berisi foto

Gambar menu yang akan menampilkan data dari foto galeri. Berikut langkah-langkah untuk mengelola data nya: o Langkah-langkah untuk menambah data:  Klik menu Komponen  Galeri, setelah menu di klik maka data yang ada akan tampil pada bagian data management area halaman. Lalu klik “Tambah” yang terdapat tepat diatas tabel data.  Setelah link “Tambah” diklik dan tampil form penambahan data, isikan seluruh kotak isian yang ada (Judul, Gambar, Keterangan, Publikasikan).  Lalu klik tombol simpan.



Page 20


====== AKHIR HALAMAN =====


Page 21

Manual Book Penggunaan CMS. Website Portal Berita Antara Bogor (Untuk Administrator)

Recommend Documents