manual book penggunaan cms website portal berita antara...

Manual Book Penggunaan CMS

Website Portal Berita Antara Bogor

(Untuk Administrator)

Created By W3B-PROJECT TEAM @2011

M a n u a l B o o k C M S A n t a r a B o g o r N e w s W e b s i t e

Page 1

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

http://antarabogor.com/index.php/login

http://antarabogor.com/index.php/login


Page 2

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.

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

Link Logout

DATA MANAGEMENT AREA

Menu Bar


Page 3

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 4

Nama Kotak Isian Keterangan

Nama web Nama website anda.

Judul Website Judul website anda.

Logo 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 ).

Footer Data yang akan ditampilkan pada bagian bawah halaman website yang dilihat pengunjung. (Bisa disikan dengan statement copyright atau alamat perusahaan anda atau data lainnya)

Alamat Email Data yang berupa alamat email. Alamat email ini akan dijadikan alamat email tujuan dari form contact yang ada pada menu Contact Us.

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 5

Gambar posisi menu utama, terletak di bawah header website

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.

Menu Utama

Menu Bottom


Page 6

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:


Teks Menu Teks dari menu yang akan ditampilkan.

Menu Induk 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 Posisi yang diinginkan untuk menampilkan data tersebut.

Link ke 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).

Publikasikan Pilihan untuk menampilkan atau tidak menampilkan data.

Grup Menu Pengklasifikasian data menu

http://google.com/

http://google.com/


Page 7



Klik menu Konfigurasi Umum Data Menu, setelah menu di klik maka data yang ada akan



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).






tombol simpan.






Page 8

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.

Link untuk mengubah data

Link untuk Menghapus data

Link untuk

menambah data

Short cut untuk

menyetting pilihan

publikasi


Page 9

4. Dan klik link Upload.

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 :

superadminAdmin web, adminposting publisher) berikut uraian nya.

No. Menu / Fitur Superadmin Admin (Publisher)

1 Konfigurasi Situs

2 Grup Menu

3 Data Menu

4 Media

5 Pengguna

6 Kategori Posting

7 Data Posting

8 Sidebar

9 Banner

Link untuk

mengupload data


Page 10

10 Header

11 Galeri

12 Bantuan

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


Nama Nama pemilik akun login

Username Username yang akan digunakan untuk login

Password Kata sandi untuk login

Level Akses Level akses dari pengguna (Admin untuk publisher, Superadmin untuk Administrator keseluruhan website)



Klik menu Konfigurasi Umum Pengguna, setelah menu di klik maka data yang ada akan



Setelah link “Tambah” diklik dan tampil form penambahan data, isikan seluruh kotak isian

yang ada (Username,Password,Nama,Level akses).






tombol simpan.






Page 11

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 data-

data yang akan dikelola pada menu ini adalah sebagai berikut.

No Kotak Isian Keterangan

1 Judul kategori posting Judul/teks dari kategori posting.

2 Kategori induk 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.

3 Tampilkan di beranda ? Pilihan untuk menampilkan data posting terakhir yang ditambahkan dari kategori posting tersebut pada halaman beranda website antarabogor atau tidak.



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.


yang ada (Judul kategori posting, Kategori induk(jika ingin dijadikan sub kategori), Tampilkan

di Beranda?).






tombol simpan.






Page 12

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 Kotak Isian Keterangan

1 Judul posting Judul/teks dari data posting.

2 Isi posting Isi berita posting.

3 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 ).

4 Deskripsi Data yang berisikan penjabaran singkat tentang website anda (data ini juga diperuntukan untuk pengeindeks-an website anda pada search engine ).

5 Boleh dikomentari Opsi untuk mengizinkan data posting tersebut boleh dikomentari oleh pengunjung atau tidak.

6 Kategori posting Kategori untuk data posting tersebut.

7 Publikasi Opsi untuk menampilkan atau tidak ditampilkan.

8 Tampilkan sebagai Headline Opsi untuk menandakan data posting tersebut sebagai headline atau tidak.

9 Gambar Gambar default data posting(gambar akan ditampilkan pada awal paragraf data posting)

10 Penulis (untuk kategori artikel) Kotak isian ini hanya diperuntukan untuk data posting yang memiliki kategori Artikel.



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.


yang ada (Judul posting, isi posting, kata kunci, deskripsi, boleh dikomentari?, kategori

posting, publikasi,tampilkan sebagai headline,gambar,penulis(untuk kategori artikel)).






Page 13


tombol simpan.





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).

Teks Penulis akan

tampil jika

kategori nya

adalah artikel

Data gambar secara

default akan

ditampilkan di awal

paragraf


Page 14

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 Keterangan

1 Posting terpopuler Menampilkan data posting yang dilihat pengunjung paling sering.

2 Posting terakhir Menampilkan beberapa berita terkahir yang diinputkan dari semua kategori.

3 Posting terakhir per kategori

Menampilkan beberapa berita terakhir yang diinputkan dari kategori tertentu.

4 Foto terpopuler Menampilkan data foto galeri yang paling sering dikunjungi pengunjung.

5 Foto terakhir Menampilkan beberapa data foto terakhir yang ditambahkan.

6 Banner Menampilkan data banner.

7 Teks Bebas Tipe ini diperlukan jika anda hendak menampilkan embed aplikasi javascript, atau hanya sekedar teks biasa.

8 Grup Menu Menampilkan data menu berdasarkan grup menu.


Item sidebar yang

di tampilkan pada

sisi kiri website

Item sidebar yang

di tampilkan pada

sisi kanan website


Page 15


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.

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

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”.




Form penambahan

data sidebar

Item sidebar belum

dikonfigurasi

Link untuk mengedit

konfigurasi


Page 16


tombol simpan.





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:


Teks alt Teks yang akan ditampilkan, jika gambar tidak tampil

Gambar Gambar banner

Tautan Link(Tautan) URL tujuan, jika gambar banner di klik.

Publikasikan Pilihan untuk menampilkan atau tidak menampilkan gambar banner



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.


yang ada (Teks alt, Gambar, Tautan, Publikasikan).






Page 17


tombol simpan.





Gambar tampilan list data banner pada halaman Administrator

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:


Teks Alt Teks yang akan ditampilkan jika gambar tidak bisa ditampilkan

Gambar Gambar header yang akan digunakan

Publikasikan Pilihan untuk menampilkan atau tidak menampilkan gambar header

Link untuk mengubah data Link untuk

Menghapus data

Short cut untuk

menyetting pilihan

publikasi


Page 18

Gambar Posisi ditampikan nya data header pada website.



Klik menu Komponen Header, setelah menu di klik maka data yang ada akan tampil pada


tabel data.


yang ada (Teks alt, Gambar, Tautan, Publikasikan).






tombol simpan.





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).

Posisi ditampilkan nya data header


Page 19

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:


Judul Foto Judul dari foto galeri tersebut

Gambar File foto

Keterangan Deskripsi yang dari foto galeri.

Publikasikan Pilihan untuk menampilkan atau tidak menampilkan foto

Data yang akan

ditampilkan


Page 20

Gambar menu yang akan menampilkan data dari foto galeri.



Klik menu Komponen Galeri, setelah menu di klik maka data yang ada akan tampil pada


tabel data.


yang ada (Judul, Gambar, Keterangan, Publikasikan).






tombol simpan.

Kotak isian “link ke”

berisi foto


Page 21





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

manual book penggunaan cms website portal berita antara...

Documents