web content management system - idwebhost.com · modul produk 20 bab 7 modul contact us 21 b a b 8...

40
WEB CONTENT MANAGEMENT SYSTEM jProfile Administrative Guide

Upload: hoangdang

Post on 03-Mar-2019

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

WEB CONTENT MANAGEMENT SYSTEMjProfile

AdministrativeGuide

Page 2: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya
Page 3: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

JPROFILE J O G J A C A M P C O M PA N Y P R O F I L E

Administrative Guide

JogjaCamp Jl Letjen R. Suprapto 49 • Ngampilan • Jogjakarta

Phone +62.274.7413946 • http://www.jogjacamp.com

i

Page 4: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

ii

Page 5: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

Daftar IsiTentang jProfile 5

Tentang Web Content Management System

(CMS) 10

B A B 1

SITE ADMINISTRATOR 11

B A B 2

MODUL PROFIL 13

B A B 3

MODUL NEWS 15

BAB 4

MODUL AGENDA 17

BAB 5

MODUL SERVICE 19

BAB 6

MODUL PRODUK 20

BAB 7

MODUL CONTACT US 21

B A B 8

MODUL LINKS 24

BAB 9

MODUL SITE CONFIG 26

B A B 1 0

MODUL USER MANAGEMENT 27

B A B 1 1

MODUL ADVANCE SETTINGS 29

B A B 1 2

MODUL GENERIC CONTENT 35

B A B 1 3

MODUL VOTING 38

B A B 1 4

WELCOME MESSAGE 40

Page 6: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya
Page 7: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

T E N T A N G J P R O F I L E J O G J A C A M P C O M P A N Y P R O F I L E

Tentang jProfileKonsep utama jProfile adalah elegan dan informatif.

itus jProfile adalah situs yang berisi tentang semua informasi mengenai sebuah Perusahaan. Fungsi utama dari web ini adalah untuk mempublikasikan content yang dibuat oleh perusahaan agar dapat

diketahui oleh masyarakat dalam dan luar negeri.SjProfile terdiri atas 2 antar muka utama, yaitu antar muka publik dan antar muka admin (Web CMS). Antar muka admin sering juga disebut sebagai Web CMS. Web CMS akan dibahas lebih lanjut di bab berikutnya.

Antar Muka Publik

Halaman default jProfile

Antar muka publik adalah tampilan utama web. Di sini lah semua pengunjung situs melakukan aktivitasnya. Pengunjung dapat dengan mudah menjelajahi dengan disediakannya menu utama.

Page 8: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

T E N T A N G J P R O F I L E J O G J A C A M P C O M P A N Y P R O F I L E

Menu utama.

Menu utama tersebut adalah link menuju modul web. Tiap modul memiliki nama khusus dan fungsi serta hak akses tertentu. Modul dapat berupa halaman web, tabulasi data, kumpulan gambar, dan lain sebagaianya sesuai permintaan dari

pemilik situs. Tiap modul biasanya memiliki link di Menu Utama supaya pengunjung dapat dengan mudah mengakses modul tersebut. Modul dapat dengan mudah diadministrasi lewat

antar muka admin (Web CMS).

Modul di dalam Software jProfileBerikut modul-modul dalam Situs Resmi Pemerintah Daerah Kabupaten Wonogiri beserta keterangan singkatnya:

1. Home/Indeks

Modul ini berfungsi menampilkan halaman depan/utama situs. Dalam home terdapat ringkasan profil, berita terbaru, artikel terbaru, menu-menu dari modul lain, statistik, donwload dan link.

2. Corporate Profil

Modul profil berfungsi untuk menampilkan profil. Modul ini terdiri dari empat halaman, yaitu halaman visi misi, legalitas, managemen, client & partner. Halaman tertentu dari suatu profil menampilkan seluruh profil yang bersangkutan.

3. News

Modul news berfungsi untuk menampilkan berita. Berita – berita terkini yang berhubungan dengan perusahaan bisa ditampilkan disini.

4. Agenda

Modul adalah bagian dari web yang memiliki fungsi khusus dan terintegrasi dengan web utama.

Page 9: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

T E N T A N G J P R O F I L E J O G J A C A M P C O M P A N Y P R O F I L E

Modul agenda berfungsi untuk menampilkan agenda kegiatan perusahaan, misalnya, rapat .

5. Services

Modul Services, bisa digunakan untuk menampilkan produk jasa perusahaan atau bisa juga untuk menampilkan garis besar bidang produksi perusahaan.

6. Products

Modul ini digunakan untuk menampilkan hasil produksi perusahaan. Namun tidak dapat berfungsi sebagai shoping cart. Ini semua dapat dengan mudah diatur dari Web CMS baik untuk mengupdate, menambah, maupun menghapusnya..

7. Contact Us

Modul ini digunakan untuk menampilkan alamat kontak perusahaan Modul ini semua dapat dengan mudah diatur dari Web CMS baik untuk mengupdate, menambah, maupun menghapusnya.

8. Links

Modul link berfungsi untuk menampilkan daftar link menuju situs lain. Biasanya berisi daftar link menuju situs-situs yang bertema sama, situs yang menarik, dan situs yang mengadakan kerja sama atau berafiliasi dengan perusahaan.

9. Content Managemen System

Modul Content Managemen System digunakan untuk melakukan modifikasi website, sehingga content web site menjadi lebih dinamis sesuai yang anda inginkan.

Page 10: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

T E N T A N G J P R O F I L E J O G J A C A M P C O M P A N Y P R O F I L E

Tentang Web Content Management System (CMS)Manejemen web kini lebih mudah dengan Web Content Management System (CMS).

ontent Management System adalah sebuah software yang berfungsi untuk mengatur content dari suatu situs. Menambah content, mengedit content, dan menghapus content menjadi lebih mudah. Tampilannya sederhana

sehingga mudah dipahami.C

Tampilan Web Content Management System.

Fitur Web CMSFitur-fitur yang dimiliki oleh Web CMS adalah:

1. Dapat dengan mudah menambah, menedit, menghapus konten web.

2. Dapat mengupload gambar dengan mudah.

Page 11: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

T E N T A N G J P R O F I L E J O G J A C A M P C O M P A N Y P R O F I L E

3. Memiliki WYSIWYG Editor (mirip MS Word). Kini mengedit halaman web semudah Anda mengedit teks di Microsoft Word. Tampilan/format dari MS Word dapat langsung di copy paste dan tampilan web pun akan menjadi sama.

Tampilan Web HTML WYSIWYG Editor.

4. Hak admin dapat dikelompokkan menjadi beberapa grup. Misal: group admin berita, group admin forum, group admin download, dll.

5. Export data tabel ke Excel, PDF secara langsung (on the fly)

6. Desain tampilan dapat dengan mudah diganti sesuai keinginan pemilik situs.

Antar mukaSitus ini secara garis besar dibagi menjadi 2 (dua) antar muka. Yaitu antar muka publik dan antar muka admin (Web CMS). Antar muka publik adalah tampilan utama situs ini bagi pengunjung umum/semua pengakses internet. Sedang antar muka admin hanya diperbolehkan dikunjungi pengelola/webmaster/admin saja. Konsep pembagian dua antar muka ini nantinya akan mempengaruhi pembagian akses siapa saja yang mengunjungi situs ini.

Hak akses Web CMSWeb CMS adalah web untuk melakukan manajemen konten dan sistem dari situs tersebut. Hanya pengelola/webmaster/admin saja yang diperbolehkan masuk, pengunjung biasa tidak memiliki hak akses ke Web CMS

Cara login / masuk ke Web CMSUntuk memasuk Web CMS, admin harus melakukan login terlebih dahulu. Login ini dapat dilakukan dengan mengisi username dan password di alamat berikut:

Page 12: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

T E N T A N G J P R O F I L E J O G J A C A M P C O M P A N Y P R O F I L E

http://www.domian-anda.com/admin/

Tampilan login ke Web CMS. Masukkan username dan password Anda

Setelah login berhasil, maka Anda telah memasuki area Web CMS dan telah siap untuk memulai pengelolaan konten dan sistem situs.

Page 13: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

D E S I G N C U S T O M I Z A T I O N

Site Administrationite administration pada sebuah web diperlukan untuk menentukan tampilan dasar dari sebuah situs. Hal ini sangat diperlukan terutama untuk memudahkan kita dalam menambah ataupun mengedit isi dari situs kita.

Karena kita tidak perlu merubah semua dari bentuk dasar dari situs tersebut.SMengedit titleTitle yang dimaksud dalam site administration ini adalah judul yang berada pada pojok kiri atas dari suatu web. Dalam HTML biasanya ditulis dengan <title> JUDUL </title>. Pada site administration ini title ini dapat kita edit sesuai dengan keinginan dari admin page – Site Config. Title pada situs jogjacamp.com ialah “JogjaCamp” yang dilingkari dibawah ini.

Tampilan Title situs www..jogjacamp.com

Bab

1

Page 14: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L P R O F I L

Modul Profilrofil berisi mengenai hal-hal yang berhubungan dengan jProfile. Profil dibagi dalam beberapa kategori. Kategori-kategori profil berisi: visi misi, legalitas, managemen, client & partner. Dalam modul profil kita dapat

menambah, mengedit, maupun menghapus profil itu sesuai dengan kehendak dari admin page.

PMengedit Modul ProfileDi dalam modul profil, kita dapat mengedit berita yang kita kehendaki, misalnya kita membutuhkan berita yang update tentang Perusahaan “A”. Masuk ke admin page, klik link “Corporate Profile”.

Menambah/Mengedit Image

Untuk menambah/mengedit image, kita tinggal meng-klik tombol browse di menu, lalu pilih file image yang hendak di-upload.

Tampilan Web Content Management System untuk menambah image

Bab

2

Page 15: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L P R O F I L

Mengedit text

Untuk menambah/mengedit text, kita tinggal mengisi kolom content dengan text yang dikehendaki. Lalu klik tombol save untuk menyimpan text tersebut. Tombol reset digunakan untuk mengembalikan isi content pada simpanan yang terakhir.

Tampilan Web Content Management System untuk mengedit content

Untuk profil-profil yang lain, cara menambah/mengedit profile dan menghapus profile mempunyai cara yang sama dengan di atas.

Page 16: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L P O T E N S I

Modul Newsodul News berisi berita terkini yang behubungan dengan aktifitas perusahaan. Berita – berita yang akan ditampilkan dapat di tambah dan dikurangi sesuai kehendak admin. M

Menambah/Mengedit Modul NewsDidalam modul News, kita di perbolehkan untuk mengelompokkan berita berdasarkan katagori. Katagori ini bisa dibuat dengan meng-klik link News – Setting, kemudian isi kategori yang di inginkan.

Di dalam modul News, kita dapat menambah ataupun mengedit berita yang kita kehendaki yaitu dengan meng-klik link News – Tambah Berita. Kemudian pilih katagori untuk berita tersebut berdasarkan katagori yang sudah dibuat. Menambah dan mengedit berita hanya bisa dilakukan oleh admin dengan mempertimbangkan jenis berita yang akan kita tampilkan ke web kita.

Menambah/Mengedit text

Untuk menambah/mengedit text, kita tinggal mengisi kolom content dengan text yang dikehendaki. Lalu klik tombol save untuk menyimpan text tersebut. Tombol reset digunakan untuk mengembalikan isi content pada simpanan yang terakhir.

Bab

3

Page 17: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L P O T E N S I

Tampilan Web Content Management System untuk mengedit content

Menghapus NewsBerita yang kita tampilkan dalam suatu situs dapat kita hapus apabila kita menghendaki untuk mengganti berita tersebut. Untuk menghapus news, masuk ke “News – Daftar Berita”, beri tanda centang pada berita yang akan di hapus, kemudian klik tombol [DELETE].

Page 18: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L E K O N O M I D A N B I S N I S

Modul Agendaodul Agenda berisi seputar kegiatan-kegiatan rutin di lingkungan Perusahaan. Dalam modul Agenda kita dapat menambah, mengedit, maupun menghapus agenda rutin itu sesuai dengan kehendak dari

admin.M Menambah/Mengedit Modul AgendaDi dalam modul Agenda, kita dapat menambah ataupun mengedit kegiatan yang kita kehendaki. Menambah dan mengedit kegiatan hanya bisa dilakukan oleh admin dengan mempertimbangkan jenis berita yang akan kita tampilkan ke web kita.

Add Agenda

Untuk menambah/mengedit Agenda, kita klik link Agenda – Add Agenda. Pilih tanggal dengan meng-klik tombol di sebelah kanan text input “Tangal Agenda” [ dilingkari ].

Bab

4

Page 19: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L E K O N O M I D A N B I S N I S

Tampilan Web Content Management System untuk menambah agenda

Isi Judul Agenda, Rangkuman Agenda dan Agenda. Setelah selesai tekan tombol [ Add ]. Selanjutnya agenda baru akan tertampil pada table di bawahnya, baris paling atas seperti ilustrasi berikut.

Disini anda bisa meng – edit dan mendelete agenda yang sudah dibuat. Untuk men – delete agenda, anda tinggal memberi centang pada agenda yang akan anda delete, kemudian tekan tombol delete.

Untuk mengubah agenda, klik link “Edit” pada agenda yang akan anda ubah. Langkah selanjutnya sama seperti yang sudah diterangkan pada sub bab “add agenda”.

Page 20: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L E K O N O M I D A N B I S N I S

Page 21: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L F A S I L I T A S P E N U N J A N G

Modul Servicesodul services dapat berisi layanan – layanan apa saja yang diberikan perusahaan pada konsumen. Modul ini dapat di ganti contentnya sesuai kehendak admin. M

Menambah/Mengedit ServicesMenambah/Mengedit Services

Bab

5

Page 22: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L F A S I L I T A S P E N U N J A N G

Tampilan Web Content Management System untuk mengedit content

Di dalam modul services, kita dapat menambah ataupun mengedit berita yang kita kehendaki. Menambah dan mengedit berita hanya bisa dilakukan oleh admin dengan mempertimbangkan jenis berita yang akan kita tampilkan ke web kita.

Page 23: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Modul Productodul product dapat berisi garis besar hasil produksi yang dihasilkan perusahaan. Namun modul ini tidak dapat berfungsi sebagai shoping chart. Content modul ini dapat di ubah sesuai dengan kehendak admin.M

Menambah Modul ProductDi dalam modul product, kita dapat menambah produk yang kita kehendaki dengan meng – klik, Product – Tambah Product. Menambah content hanya bisa dilakukan oleh admin dengan mempertimbangkan jenis berita yang akan kita tampilkan ke web kita.

Tampilan Web Content Management System untuk menambah product

Mengedit/menghapus Modul ProductProduk yang kita tampilkan dapat kita edit dari WCMS. Pertama – tama, kita klik Product – Daftar Product, kemudian klik link Edit pada produk yang akan di edit. Setelah itu kita tekan tombol Save. Untuk Menghapusnya, klik Product – Daftar Product, kemudian beri tanda centang pada produk yang akan di hapus, kemudian tekan tombol delete.

Bab

6

Page 24: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Modul Contact Usontak sangat membantu dalam situs terutama untuk komunikasi antara user dengan admin. Dalam modul kontak kita dapat melihat daftar kontak dan membalas kontak dari user serta setting dari kontak.K

Melihat daftar kontakUntuk membalas pesan dari user, terlebih dahulu melihat daftar kontak dengan klik pada Contact Us – Contact List. Admin akan membaca daftar kontak dan menentukan mana yang belum dibalas oleh admin.

Tampilan Web Content Management System daftar kontak.

Membalas kontakPesan dari user yang sampai ke admin secepatnya dibalas oleh admin dengan klik link Reply pada contact yang akan di balas.

Bab

7

Page 25: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Tampilan Web Content Management System untuk membalas pesan.

Mengedit setting Setting pada situs ini dimaksudkan untuk mengedit kontak administrator dari admin. Field yang di centang nantinya akan ditampilkan di halaman Contact untuk publik.

Tampilan Web Content Management System untuk mengedit setting.

Page 26: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Edit Addressdit Address digunakan untuk mengedit alamat kontak. Alamat kontak perusahaan dapat dengan mudah di edit melalui CMS dengan cara klik Contact Us – Edit Address. Ganti Email Address dan Address dengan

alamat perusahaan anda. Setelah selesai simpan dengan menekan tombol Save.E

Modul edit address.

Modul Linksodul link berfungsi untuk menampilkan daftar link menuju situs lain. Biasanya berisi daftar link menuju situs-situs yang bertema sama, situs yang menarik, dan situs yang mengadakan kerja sama atau

berafiliasi dengan perusahaan. MMenambah/Mengedit Modul LinksMenambah Links

Bab

8

Page 27: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Untuk menambah links, kita tinggal meng-klik link Link – Add Link, lalu Masukkan keterangan singkat web yang akan kita tambah pada kotak “Keterangan Singkat”. Alamat web pada kotak “Url”. Kita juga bisa menambah gambar dengan mengklik tombol Browse ( dilingkari merah ). Setelah selesai tekan tombol ADD.

Tampilan Web Content Management System untuk menambah alamat website.

Menghapus / Mengedit Links

Untuk menambah/mengedit Links, kita harus mengklik link [Link – Link List] terlebih dahulu. Selanjutnya akan tertampil daftar alamat web site yang telah kita inputkan. Kemudian klik link [edit] pada link yang akan kita edit. Kemudian ubah alamat seperti pada “add link”. Untuk menghapus web, beri tanda centang pada list yang akan di hapus, kemudian tekan tombol delete.

Tampilan Web Content Management System untuk melihat daftar website.

Page 28: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Modul Site Configodul Site Config ini gunanya untuk mengkonfigurasi identitas umum Web Site, seperti Title, Footer dan Keyword. Untuk mengkonfigurasinya klik link Site Config. Setelah itu isi Title

dengan Judul dari web anda, misalnya alamat web anda. Isi Footer dengan copyryght atau generate by, dan lain – lain. Isi Keyword Meta Search dengan kata kunci yang akan di tampilkan pada search engine. Tentunya kata kunci disini harus sesuai dengan tema atau isi dari web anda. Misalnya web tentang otomotif, bisa diisi dengan kata kunci, motor, engine, dan lain – lain.

M

Tampilan Web Content Management System untuk menampilkan Konfigurasi umum sebuak Web Site

Modul User Managemenodul User Management digunakan untuk mengatur permission user. Di modul inilah hak – hak akses user diatur, sehingga nantinya tiap user bisa di set untuk hanya bisa mengkases modul

tertentu saja. Atau di atur sebagai Admin, sehingga mempunyai hak akses penuh atas web site anda.

M

Bab

9Bab

10

Page 29: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Menambah UserUntuk menambah user, klik link “User Managemen”. Isi kolom isian “Username” dengan used ID baru. Kemudian isi password. Untuk permissionnya, bisa anda pilih root atau admin. Kemudian klik tombol [ ADD ].

Tampilan Web Content Management System untuk menambah user

Mengedit UserUser yang telah kita buat tadi akan tertampil di “User Management – User List” seperti contoh berikut ini. Dari sini kita bisa melakukan editing terhadap user yang bersangkutan. Misanya merubah password. Untuk merubah password, klik link “ubah” pada user yang akan di ubah passwordnya. Sedangkan untuk melakukan perubahan hak akses user, klik link “edit” pada user yang akan di edit permissionnya.

Untuk Menghapus user, beri tanda centang pada kolom delete, baris user yang akan di hapus. Kemudian tekan tombol [ delete ].

Tampilan Web Content Management System untuk mengedit user.

Page 30: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Modul Advance Settingsodul Advance Settings digunakan untuk mengatur web site secara lebih kompleks lagi. Untuk itu, disarankan modul ini hanya boleh di akses oleh root saja ( cara pengaturan hak akses sudah di jelaskan

pada bab terdahulu ). Dari sini, anda bisa memilih Theme yang akan anda gunakan untuk web site anda. Di modul ini ada beberapa sub modul yaitu : General Configuration, Module Manager, Menu Manager, Authentivications Groups, Site Debuging, .htaccess Config, Backup, phpMyAdmin, Theme Manager, Internal Variable, Internal Method, Block Manager.

M

General ConfigurationDari sini anda bisa mengatur konfigurasi umum website anda. Konfigurasi itu meliputi : mengganti logo ; mengganti logo bisa dilakukan dengan klik tombol [browse] untuk mengupload logo baru anda, title, url, footer, email, Company Name. Setelah selesai konfigurasi, tekan tombol [Save].

Bab

11

Page 31: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Tampilan Web Content Management System Advance Settings

Modul ManagerDigunakan berdasarkan lisensi JogjaCamp.

Menu ManagerSub Modul ini di gunakan untuk menambah menu berdasarkan modul yang di instal. Menu manager ini hanya bisa digunakan untuk me nonaktifkan sebuah menu. Jika ingin me nonaktifkan menu, caranya masuk ke admin page :

• Klik "Advance Settings".• Klik "Menu Manager."• Pada “Daftar Menu”, hilangkan tanda centang pada menu yang akan di

nonaktifkan.• Klik Save.• Selesai.

Page 32: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Hindari men delete menu. Cukup di nonaktifkan saja. Hal ini untuk memudahkan anda jika kelak akan menggunakan kembali menu tersebut. Modul ini tidak bisa digunakan untuk menambah menu. Untuk lebih mudahnya, kami sarankan untuk menambah menu dari modul “Generic Content”.

Authentivications GroupsSub Modul ini di gunakan untuk memanage user group. Anda bisa mengatur hak akses user dari sini. Pertama, buat Group dengan mengklik tombol “Add New Group”. Isi “Group Name” dengan nama group baru yang ingin anda buat misalnya group “Editor”. Beri tanda centang pada modul yang boleh di akses oleh group editor tersebut. Modul yang tidak di centang berarti tidak boleh di akses oleh group tersebut.

Modul untuk menambah group

Page 33: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Site DebugingSub Modul ini di gunakan untuk mengecek kesalahan yang terjadi pada saat maintenance web site.

.htaccess configSub Modul ini di gunakan untuk konfiguration akses permission halaman web site.

BackupSub Modul ini di gunakan untuk membuat backup database website. Backup ini dijalankan via phpmyadmin. Jika anda familiar dengan database mysql dan phpmyadmin, dapat menggunakan modul ini untuk membackup database anda.

phpMyAdminSub Modul ini di gunakan untuk memanipulasi database website anda. Jika anda familiar dengan database mysql dan phpmyadmin, dapat menggunakan modul ini untuk memanipulasi database anda.

Theme ManagerSub Modul ini di gunakan untuk merubah Theme website anda. Ada beberapa pilihan theme untuk web anda.

Internal VariableKonfigurasi umum system jProfile.

Blok ManagerUntuk memanipulasi blok seperti Agenda/Polling. Untuk menonaktifkan sebuah modul, masuk ke admin Page :

- Klik "Advance Settings".- Klik "Blok Manager."- Tentukan blok sebelah mana yang akan dimanipulasi, misalnya Kanan.- Pada “List Block”, klik "Edit" pada blok yang akan di edit publishingnya.- Pada bagian "Publish", pilih "Tidak"- Klik Save.- Selesai.

Page 34: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Hindari men delete block. Cukup di unPublish saja. Hal ini untuk memudahkan anda jika kelak akan menggunakan kembali blok tersebut.

Modul untuk memanipulasi block

Modul Generic Contentodul Generic Content berfungsi untuk menambah, mengedit, menghapus, maupun mengkategorikan Menu. Di modul ini di sediakan text editor. Kita akan dengan mudah membuat layout,

table, insert images, format font dan lain – lain sama seperti kita menggunakan MSWord tanpa harus mengerti pemrograman.

M

Bab

12

Page 35: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Menambah MenuDi dalam modul Generic Content, kita dapat menambah link yang kita kehendaki. Menambah link hanya bisa dilakukan oleh admin dengan mempertimbangkan jenis content yang akan kita tampilkan ke web kita. Pertama masuk ke admin page. Klik link “Generic Content”. Isi Judul dengan judul artikel/news. Ketik artikel/news ke input box “Isi Content”. Jika hanya menambah menu dimana nantinya ada sub menu di dalamnya, kosongkan dulu bagian “Isi Content”. Menu ID di kosongkan saja.

Tampilan Web Content Management System untuk menambah menu

Pada bagian “Nama Menu”, isi dengan nama menu yang akan ditampilkan. Beri tanda centang pada bagian “Tampilkan Menu”. Klik tombol [Add].

Page 36: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Tampilan Web Content Management System untuk menambah menu.

Menu baru akan tertampil di Daftar Content seperti contoh di bawah ini. Anda dapat menghapus Menu yang tidak diperlukan lagi dengan cara : beri tanda centang pada menu yang akan di hapus, kemudian klik tombol [DELETE]. Jika anda ragu apakah anda betul – betul ingin menghilangkan menu tersebut, sebaiknya hilangkan tanda centang pada menu yang akan di hapus, kemudian klik tombol [SAVE]. Ini tentu lebih aman, karena suatu saat jika kita ingin menggunakan lagi menu tersebut, kita tinggal mengaktifkan saja, tanpa harus membuat untuk ke dua kali.

Edit MenuUntuk meng edit menu dan content, pada Daftar Content klik link “Edit” pada menu yang akan di manipulasi. Cara selanjutnya sama dengan menambah menu yang sudah diterangkan di atas.

Page 37: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Menambah Sub MenuMenu yang telah anda buat sebelumnya bisa di tambah sub menu. Pada Daftar Content, klik link “Add Sub Content”. Selanjutnya isi menu dan content sama persis seperti pada saat anda menambah menu utama.

Modul Voting oting dapat berisi poling seputar website maupun berita. Anda dapat menambah maupun mengurangi voting sesuai keinginan anda.V

Menambah VotingUntuk membuat voting baru, masuk ke halaman admin. Klik Voting, isi inputbox “Pertanyaan” yang akan dijadikan pertanyaan yang di inginkan. Isi inputbox “Pilihan 1, 2, dst” sesuai kebutuhan dengan jawaban yang di inginkan. Setelah itu klik “ADD”.

Bab

13

Page 38: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Tampilan Web Content Management System untuk menambah voting.

Mengedit VotingVoting yang kita buat akan tertampil di daftar voting seperti contoh di bawah ini. Anda bisa mengedit voting dengan mengklik link “Edit” pada voting yang akan di edit. Selanjutnya anda tinggal mengganti – ganti sesuai keinginan. Kemudian tekan tombol [SAVE].

Tampilan Web Content Management System untuk mengedit voting

Page 39: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Menghapus VotingUntuk menghapus voting, pada “Daftar Voting”, beri centang pada voting yang akan di delete, kemudian tekan tombol [DELETE].

Welcome Messegeodul Welcome Messege untuk mensetting halaman welcome yang ada di “Home”. Anda bisa mengedit contentnya dengan meng klik link “Welcome Messege” di admin page. Setelah selesai meng edit,

tekan tombol [SAVE]M

Bab

14

Page 40: WEB CONTENT MANAGEMENT SYSTEM - idwebhost.com · MODUL PRODUK 20 BAB 7 MODUL CONTACT US 21 B A B 8 MODUL LINKS 24 BAB 9 MODUL SITE CONFIG 26 ... kumpulan gambar, dan lain sebagaianya

M O D U L I N F O R M A S I U M U M

Tampilan Web Content Management System untuk mengedit welcome messege