Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)

Transkripsi

1 Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)

2 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 Anda akan di arahkan secara otomatis ke halaman Administrator. Pada halaman Administrator inilah pengelolaan data dilakukan, cara serta langkah - langkahnya 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 pada address bar. Gambar URL yang diketikkan pada address bar 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 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 M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 1

3 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. *cat: Ketika Anda selesai mengupdate data/website dan keluar dari aplikasi tanpa logout, kemudian akan masuk kembali dalam waktu yang cukup lama atau dihari yang berbeda secara otomatis sistem akan me-logout aplikasi sendiri. Namun, ketika Anda melakukan login kembali akan tetapi aplikasi tidak merespon apapun maka hal itu dikarenakan aplikasi telah menyimpan data Anda (session login) dan agar tidak membiarkan orang lain dengan mudah masuk ke aplikasi yang sebelumnya belum di logout tersebut. Penyelesaiannya agar admin bisa/diperbolehkan masuk/login yaitu dengan cara mengetikkan pada address bar browser, link berikut: Otomatis admin akan dialihkan kembali ke halaman login dan sekarang admin dapat melakukan login dengan menginputkan username dan password seperti biasa. Notifikasi Bar Profil User DATA MANAGEMENT AREA Menu Bar Gambar tampilan dari halaman Administrator dan bagian-bagiannya M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 2

4 Notifikasi Bar Berisikan dua icon, yang memiliki beberapa fungsi yang berbeda. Icon ini akan menunjukan ada tidaknya sebuah kontak yang dikirim oleh pengunjung. Icon ini akan menunjukan sebuah komentar artikel/post yang telah dikirim oleh pengunjung. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 3

5 Profil User Berisi username, level admin dan short link untuk mempermudah kinerja admin (profile dan logout). Menu Bar Berisikan menu-menu dari data yang akan dikelola yang dikelompokan dalam beberapa kategori. Diantaranya : o Dashboard Home Log Aktifitas o Konfigurasi Situs, sub menu-nya terdiri dari : Konfigurasi Umum Menu Media o Konten, menu-menunya terdiri dari : Page Kategori Post M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 4

6 Post Album Photo Guru & Staff o Komponen, menu-menunya terdiri dari : Banner Sosial Media Kontak o Pengguna o Bantuan Data Management Area Pada bagian ini, data yang ada ditampilkan dan pengelolaan data dilakukan. Setelah Anda memilih salah satu list di notifikasi bar atau menu pada menu bar, maka data yang akan dikelola akan tampil pada bagian 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. Log Aktifitas Data yang dikelola dari menu ini adalah data mengenai log / histori kegiatan yang telah admin lakukan baik itu dalam menambahkan data, mengubah, dan menghapus data. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 5

7 2. Konfigurasi Umum Data yang dikelola dari menu ini adalah data informasi umum dari website Anda yang terdiri dari: Nama Kotak Isian Header Judul Situs Deskripsi Situs Kata kunci Alamat Footer Latitude / Longitude Judul Kontak Deskripsi Kontak No Telepon Album, Kategori Post 1, dan Kategori Post 2 (home) Keterangan Header website Anda. (Header ini akan dijadikan sebagai gambar utama website pada bagian atas dibawah menu) Judul website Anda. Data yang berisikan penjabaran singkat tentang website Anda (data ini juga diperuntukan untuk peng-indeks-an website Anda pada search engine ). Data kata kunci pencarian (kata kunci ini diperlukan untuk meng-indeks-kan website Anda pada search engine seperti Google.com, Yahoo.com, dll ). Data yang berupa alamat . Alamat ini akan dijadikan alamat tujuan dari kontak kami dan kirim komentar. Data yang akan ditampilkan pada bagian bawah halaman website yang dilihat pengunjung. (Bisa disikan dengan statement copyright atau alamat perusahaan Anda atau data lainnya) Latitude dan Longitude sebuah peta untuk mengetahui titik lokasi (alamat) Anda. Ini bisa Anda dapatkan pada Google Map. Judul dari kontak yang akan ditampilkan di halaman Kontak Kami. Deskripsi mengenai kontak, bisa di isi dengan alamat atau yang lain. Nomor telepon admin yang dapat dihubungi. Data ini akan digunakan untuk mengatur tampilan data album dan post berdasarkan kategori di halaman awal/beranda/home. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 6

8 o Langkah untuk mengubah data konfigurasi situs : Sorot menu Konfigurasi Situs lalu Klik menu Konfigurasi Umum, setelah menu di klik maka form yang menampilkan data konfigurasi umum Anda akan tampil pada bagian data management area halaman Administrator. Lakukan perubahan data yang anda kehendaki, setelah selesai klik tombol Simpan. 3. Menu Pada sub menu Menu ini, jika Anda klik menu Konfigurasi Situs Menu, maka pada bagian data management area akan tampil seluruh data menu yang ada, termasuk grup menu utama (no parent) maupun data menu megamenu. Data yang dikelola dari menu ini adalah sebagai berikut: Nama Kotak Isian Label Menu Menu Induk Urutan Link URL Publikasikan Menu Sebagai Megamenu? Keterangan Label 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). Urutan dari posisi menu. Menu akan ditampilkan di halaman depan website berdasarkan urutan dari yang terkecil sampai yang terbesar (1 - ~ ). Tautan dari menu tersebut jika menu di klik. Anda juga dapat mengisi Link ini dengan mengacu pada Saran Halaman. Pilih salah satu saran halaman kemudian form link tersebut akan otomatis terisi dengan link dari saran halaman. Saran Halaman terdiri dari : Page (lihat halaman Page) Album (lihat halaman Album) Kategori Post (lihat halaman kategori post) Post All Kontak Guru dan Staff Kami Pilihan untuk menampilkan atau tidak menampilkan data/menu. Pilihan apakah menu akan dijadikan megamenu atau tidak. Opsi megamenu ini ditampilkan apabila menu yang akan dibuat adalah sebagai menu induk / sebagai parent. Cat: menu megamenu hanya menampilkan empat kolom pada halaman frontend/beranda website. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 7

9 Type Megamenu Pilih Data Album, Pilih Data Banner Sebagai Menu Footer (bawah)? Digunakan untuk memilih tipe dari isian/konten submenu. Form type megamenu akan muncul apabila memilih menu Induk yang juga sebagai menu megamenu maka form ini akan muncul otomatis. Ada tiga tipe mega menu yaitu : - Menu (standar), untuk membuat sub menu standar seperti sub menu lain yang bukan sebagai menu megamenu. - Album, untuk membuat sub menu yang mengacu pada data album - Banner, untuk membuat sub menu yang dapat mengambil beberapa data banner yang ingin dijadikan dan tampil pada sub menu megamenu. Form yang akan muncul ketika form Type Megamenu dipilih baik itu Album ataupun Banner. Type megamenu Album maka akan menampilkan form Pilih Data Album, type megamenu Banner maka akan menampilkan form Pilih Data Banner. Opsi yang diperuntukan bagi menu yang akan dijadikan menu footer yang ada dibagian paling bawah. Menu footer(bawah) tidak akan bisa muncul pada menu header(atas). Menu footer tidak bisa dijadikan menu megamenu atau sebaliknya. *Cat: megamenu yaitu menu yang mempunyai konten didalam setiap submenunya. Contoh gambar menu megamenu M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 8

10 Berikut langkah-langkah untuk mengelola datanya : o Langkah-langkah untuk menambah data: Klik menu Konfigurasi Situs Menu, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Klik tombol Tambah Baru. Isikan seluruh kotak isian yang ada (Label Menu, Menu Induk, Sebagai Megamenu (opsi), Type Megamenu (opsi), Pilih Data Album (opsi), Pilih Data Banner (opsi), Pilih Urutan, Link URL, Sebagai Menu Footer (bawah), Publikasikan Menu). Lalu klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data, klik link icon ubah pada kolom aksi. Setelah link icon ubah di klik maka form ubah 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 icon hapus pada kolom aksi. Setelah link icon hapus di klik, maka akan muncul kotak dialog konfirmasi untuk melakukan penghapusan data, pilih Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 9

11 Link untuk menambah data Link untuk mengubah data Link untuk menghapus data Gambar list data dari sub menu Data Menu. *)Ket : Fungsi seperti pada gambar diatas dapat berlaku untuk semua fitur atau menu yang ada pada web. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 10

12 4. 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. 4. Dan klik link Upload. Link untuk mengupload data Gambar tampilan dari fitur media penyimpanan data M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 11

13 5. Page Menu ini berfungsi sebagai pengelola data halaman statis. Data yang dikelola dari menu ini terdiri dari : Nama Kotak Isian Judul Deskripsi Keterangan Judul dari halaman tersebut. Data yang berisikan penjabaran singkat tentang website Anda (data ini juga diperuntukan untuk peng-indeks-an website anda pada search engine). Konten Data / content dari halaman. Kata Kunci Data kata kunci pencarian (kata kunci ini diperlukan untuk meng-indeks-kan website Anda pada search engine seperti Google.com, Yahoo.com, dll ). Berikut langkah-langkah untuk mengelola datanya: o Langkah-langkah untuk menambah data: Klik menu Konten Page, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Klik tombol Tambah Baru. Isikan seluruh kotak isian yang ada (Judul, Deskripsi, Konten, Kata Kunci). Lalu klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data, klik link icon ubah Setelah link icon ubah diklik maka form ubah data akan tampil. pada kolom aksi. Lakukan pengubahan data yang Anda kehendaki. Jika pengubahan data telah selesai klik tombol Simpan. o Langkah untuk menghapus data adalah dengan me-klik link icon hapus pada kolom aksi. Setelah link icon hapus di klik, maka akan muncul kotak dialog konfirmasi untuk melakukan penghapusan data, pilih Ok untuk melanjutkan proses penghapusan data atau Cancel jika anda ingin membatalkan proses penghapusan data. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 12

14 Link untuk menambah data Link untuk mengubah data Link untuk menghapus data Gambar dari list data menu Halaman Statis. *)Ket : Fungsi seperti pada gambar diatas dapat berlaku untuk semua fitur atau menu yang ada pada web. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 13

15 6. Kategori Post Menu ini berfungsi sebagai pengelola data kategori post. Data yang dikelola dari menu ini terdiri dari: Nama Kotak Isian Nama Kategori Keterangan Kategori post itu sendiri. Berikut langkah-langkah untuk mengelola datanya: o Langkah-langkah untuk menambah data: Klik menu Konten Kategori Post, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Lalu, Isikan seluruh kotak isian yang ada di samping kanan list data kategori post (Nama Kategori). Lalu, klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data kategori post, klik link icon ubah pada kolom aksi. Setelah link icon ubah di klik maka form ubah 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 icon hapus pada kolom aksi. Setelah link icon hapus di klik, maka akan muncul kotak dialog konfirmasi untuk melakukan penghapusan data, pilih Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 14

16 7. Post Pada menu Post ini, data yang akan dikelola adalah data keseluruhan artikel. Untuk data-data yang akan dikelola pada menu ini adalah sebagai berikut. Kotak Isian Judul Gambar Kategori Post Konten Deskripsi Kata Kunci Tanggal Izinkan Komentar Keterangan Judul/teks dari data artikel. Gambar default data artikel (gambar akan ditampilkan pada awal paragraf data posting dan sebagai thumbnail posting-an). Format:.png/jpg/jpeg Memilih kategori post. Isi dari artikel tersebut. Data yang berisikan penjabaran singkat tentang artikel (data ini juga diperuntukan untuk pengeindeks-an artikel Anda pada search engine). Data kata kunci pencarian (kata kunci ini diperlukan untuk meng-indeks-kan artikel pada search engine seperti Google.com, Yahoo.com, dll ). Tanggal penginputan artikel atau bisa juga sebagai tanggal update artikel. Opsi/pilihan untuk menampilkan atau tidak menampilkan form komentar di halaman detail artikel. Berikut langkah-langkah untuk mengelola datanya: o Langkah-langkah untuk menambah data: Klik menu Konten Post, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Klik tombol Tambah Baru. Isikan seluruh kotak isian yang ada (Judul, Gambar, Kategori Post, Deskripsi, Kata Kunci, Konten, Tanggal, Izinkan Komentar). Lalu klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data, klik link ubah pada kolom aksi. Setelah link ubah diklik maka form ubah data akan tampil. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 15

17 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 Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. 8. Album Pada menu Album ini, data yang akan dikelola adalah data seluruh album galeri. Untuk data yang akan dikelola pada menu ini adalah sebagai berikut. Kotak Isian Nama Album Keterangan Nama album galeri. Berikut langkah-langkah untuk mengelola datanya: o Langkah-langkah untuk menambah data: Klik menu Konten Album, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Isikan seluruh kotak isian yang ada pada form sebelah kanan Data Album (Nama Album). Lalu klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data, klik link ubah pada kolom aksi. Setelah link ubah diklik maka form ubah 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 Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 16

18 9. Photo Pada menu Photo, data yang akan dikelola adalah data seluruh photo berdasarkan album. Pilih salah satu album yang sebelumya sudah dibuat (gambar yang muncul adalah gambar salah satu photo yang sudah diinput akan tetapi jika belum ada sama sekali photo di album tersebut maka akan menggunakan gambar default). Untuk data yang akan dikelola pada menu photo ini adalah sebagai berikut. Kotak Isian Judu Foto Foto Album Publikasikan Foto Keterangan Judul / caption dari foto tersebut. File foto tersebut. Album dari foto tersebut. Opsi untuk menampilkan atau tidak menampilkan foto pada halaman galeri. Berikut langkah-langkah untuk mengelola datanya: o Langkah-langkah untuk menambah data: Klik menu Konten Photo, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Klik tombol Tambah Baru atau dengan meng-klik salah satu album. Lalu, Isikan seluruh kotak isian yang ada (Judul Foto, Foto, Album, Publikasikan Foto). Lalu klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan yang menampilkan list data foto berdasarkan album, klik link icon ubah. Setelah link icon ubah di klik maka form ubah 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 icon hapus pada tampilan list foto berdasarkan album. Setelah link icon hapus di klik, maka akan muncul kotak dialog konfirmasi untuk melakukan penghapusan data, pilih Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 17

19 10. Guru & Staff Pada menu Guru & Staff ini, data yang akan dikelola adalah data guru dan staff TU. Berikut data yang akan dikelola pada menu guru & staff: Kotak Isian Nama Bidang Studi Photo No Telp Alamat Keterangan Nama staff pengajar atau staff TU. Mata pelajaran yang diajarkan (oleh guru terkait). File Photo. No telp/hp. Data tidak akan ditampilkan untuk umum hanyak diperuntukan oleh admin untuk kepentingan sekolah. *ket: xxx Guru staff pengajar atau staff TU staff pengajar atau staff TU. Berikut langkah-langkah untuk mengelola datanya : o Langkah-langkah untuk menambah data: Klik menu Konten Guru & Staff, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Lalu pilih tombol Tambah Baru. Isikan seluruh kotak isian yang ada (Nama, Photo, Bidang Studi, No Telp, Alamat, ). M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 18

20 Lalu klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data guru & staff, klik link ubah. Setelah link ubah di klik maka form ubah 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 Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. 11. Banner Menu ini berfungsi sebagai pengelola data gambar-gambar yang akan dijadikan banner. Data yang dikelola dari menu ini terdiri dari: Nama Kotak Isian Caption Image Url Urutan Posisi Banner Publikasikan Banner Keterangan Teks yang akan ditampilkan, jika gambar tidak tampil atau bisa juga sebagai caption gambar. File gambar banner. Link (Tautan) URL tujuan, jika gambar banner di klik. Urutan dalam menampilkan banner. Penempatan banner : BannerOpsi_1 Posisi Iklan Sidebar (disamping) BannerOpsi_2 Posisi Iklan Footer (dibawah) (lihat gambar: Posisi banner frontend/tampilan depan) Pilihan untuk menampilkan atau tidak menampilkan gambar banner. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 19

21 Berikut langkah-langkah untuk mengelola datanya: 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. Lalu, Isikan seluruh kotak isian yang ada di samping kiri list data banner (Caption, Image, Url, Urutan, Posisi Banner, Publikasikan Banner). Lalu, klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data banner, klik link icon ubah pada kolom aksi. Setelah link icon ubah di klik maka form ubah 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 icon hapus pada kolom aksi. Setelah link icon hapus di klik, maka akan muncul kotak dialog konfirmasi untuk melakukan penghapusan data, pilih Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 20

22 Gambar list data banner M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 21

23 BannerOpsi_1 Iklan Sidebar BannerOpsi_2 Iklan Footer Gambar posisi banner frontend/tampilan depan M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 22

24 12. Sosial Media Menu ini berfungsi sebagai pengelola data medsos (Media Sosial) seperti facebook, twitter, youtube, dll. Data yang dikelola dari menu ini terdiri dari: Nama Kotak Isian Nama Sosmed Icon Url Publikasikan Sosmed Keterangan Nama Sosial Media, misal Facebook. Icon social media. Anda bias melihat beberapa icon yang tersedia di sebelah kanan form, copy text icon kemudian paste ke form inputan icon. Link alamat sosmed Anda. Pilihan untuk menampilkan atau tidak menampilkan data. Berikut langkah-langkah untuk mengelola datanya: o Langkah-langkah untuk menambah data: Klik menu Komponen Sosial Media, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Lalu, Klik button Tambah Baru. Isikan seluruh kotak isian yang ada (Nama Sosmed, Icon, Url, Publikasikan Sosmed). Lalu, klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data, klik link ubah pada kolom aksi. Setelah link ubah di klik maka form ubah 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 Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 23

25 13. Kontak Data yang telah dikirimkan pengunjung website untuk menghubungi admin. Kontak kami dapat berupa saran, kritik atau pertanyaan pengunjung. Di sini admin dapat membalas kontak tersebut dan mengirimkannya ke pengirim secara langsung. Berikut langkah-langkah untuk membalas kontak. o Langkah-langkah untuk mengirimkan balasan: Klik menu Komponen Kontak, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Lalu Klik button Reply pada salah satu list kontak yang dikirim. Kemudian klik tombol icon balas dan tuliskan balasan pada form yang tersedia. Lalu klik tombol Kirim jika sudah yakin dengan balasan Anda. 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 Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. 14. Pengguna Menu ini berfungsi sebagai pengelola data admin. Data yang dikelola dari menu ini terdiri dari: Nama Kotak Isian Nama Lengkap Username Password Level Status Keterangan Nama admin atau user. Username admin yang akan digunakan ketika melakukan login. Password admin yang juga akan digunakan ketika melakukan login. Sudah baku tidak dapat dirubah (superadmin). Status admin/user, aktif atau tidak aktif. M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 24

26 Berikut langkah-langkah untuk mengelola datanya: o Langkah-langkah untuk menambah data: Klik menu Pengguna, setelah menu di klik maka data yang ada akan tampil pada bagian data management area. Lalu pilih Tab Menu Tambah Pengguna. Isikan seluruh kotak isian yang ada (Nama Lengkap, Username, Password, Status). Lalu klik tombol Simpan. o Langkah-langkah untuk mengubah data yang sudah ada: Pada tampilan tabel yang menampilkan list data, klik link ubah pada kolom aksi. Setelah link ubah di klik maka form ubah 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 Ok untuk melanjutkan proses penghapusan data atau Cancel jika Anda ingin membatalkan proses penghapusan data. ====== AKHIR HALAMAN ===== M a n u a l B o o k C M S S M A N 3 C i b i n o n g W e b s i t e Page 25