USER S GUIDE Content Management System (CMS)

Transkripsi

1 USER S GUIDE Content Management System (CMS)

2 Daftar Isi Pendahuluan... 3 Signing In... 3 User Interface Overview... 4 Managing my profile... 7 Manage Menu Manage Teks Berjalan Manage Kategori Manage Artikel Edit Artikel Menghapus Artikel Mencari Artikel Sortir Artikel Manage Berita Menambah Berita Edit Berita Mencari Berita Menghapus Berita Sortir Berita Memanage Renungan File Management Manage File / Direktori Manage File Foto Menghapus File Foto Manage File Video Menghapus File Video Manage File Audio Menghapus File Audio Manage Banner Mengubah Banner Manage Buku Tamu Manage Translasi Bahasa Manage Pengaturan

3 Pendahuluan Content Management System (CMS) website kemenag.go.id adalah aplikasi yang menggunakan bahasa pemprograman PHP yang digunakan untuk kebutuhan dynamic website kemenag.go.id. Dengan menggunakan CMS ini, kita dapat mengatur dan mengedit isi content kemenag.go.id dengan cepat, efisien dan secara professional. Signing in 1. Buka browser favorite anda dan akses CMS kemenag.go.id 2. Untuk mengakses CMS bisa menggunakan URL berikut: 3. Masukan ID dan password anda kedalam box yang tersedia 4. Click Login Anda akan masuk kedalam CMS kemenag.go.id User Interface Overview 3

4 User interface CMS kemenag terdiri dari beberapa bagian. Bisa dilihat dari gambar dibawah masing-masing bagian saling terkait satu-sama lainnya. Seluruh bagian dari CMS ini dibuat sehingga mudah dan cepat untuk digunakan. Keterangan: Informasi ID Pengguna: Bagian ini menjelaskan siapa pengguna yang aktif menggunakan CMS ini, informasi ini juga memberikan posisi aktif website yang dimanage oleh ID pengguna tersebut. Selain informasi ID pengguna ada juga link untuk sign out dari CMS ini dengan click link Logout Menu navigasi CMS: Menu ini berfungsi untuk menavigasi kebutuhan user akan CMS kemenag, berikut sedikit informasi untuk menjelaskan kegunaan dari menu navigasi CMS kemenag ini, antara lain: a. Domain: berfungsi sebagai informasi domain yang dimanage oleh CMS ini b. User: berfungsi untuk memanage seluruh user yang ada di CMS ini c. Menu: berfungsi untuk memanage tampilan/pilihan menu aktif di website domain user terkait d. Teks Berjalan: berfungsi untuk input data kebutuhan teks berjalan e. Kategori: berfungsi untuk manage kategori di website terkait 4

5 f. Artikel: berfungsi untuk manage content / artikel website terkait g. Berita: berfungsi untuk manage content / berita website terkait h. Renungan: berfungsi untuk manage content renungan di website terkait i. File: berfungsi untuk manage file content di direktori website terkait j. Foto: berfungsi untuk manage gambar / foto website terkait k. Video: berfungsi untuk manage content video untuk website terkait l. Audio: berfungsi untuk manage content audio untuk website terkait m. Banner: berfungsi untuk manage banner / iklan untuk website terkait n. Buku Tamu: berfungsi untuk manage buku tamu di website terkait o. Translasi: berfungsi untuk manage translasi bahasa website terkait p. Tampilan: berfungsi untuk manage tampilan website terkait q. Pengaturan: berfungsi untuk manage website terkait Informasi Pengguna CMS: Pada bagian ini berisikan informasi dari ID pengguna CMS, berikut detail informasi dari bagian ini: a. ID: berisikan informasi ID pengguna CMS b. Nama: berisikan informasi nama dari pengguna CMS c. Login ke: berisikan informasi jumlah berapa kali anda masuk ke CMS d. Login dari: berisikan informasi IP Address komputer anda e. Login Terakhir: berisikan informasi kali terakhir anda masuk ke CMS f. Logout Terakhir: berisikan informasi kali terakhir anda sign out g. Jumlah user online saat ini: berisikan informasi user yang online bersamaan menggunakan ID pengguna yang sama 5

6 Pada bagian ini terhubung dengan menu navigasi CMS, apabila anda memilih menu navigasi makan bagian ini akan aktif sebagai aktif window yang terhubung dengan navigasi. Kemudian apabila user hendak mengganti password dari ID pengguna yang anda gunakan cukup meng-klik Ganti Password pada bagian ini. setelah anda masukan Password Baru, ulangi juga pada bagian Confirm Password dibawahnya, password yang dimasukan harus sama, setelah itu klik Simpan. Managing my profile 6

7 Untuk manage profile anda, berikut langkah-langkah yang harus dilakukan: 1. Pilih menu User (box merah) pada navigasi CMS anda 2. Kemudian pilih user yang hendak di manage 3. Kemudian pilih edit user tersebut 4. Setelah diklik link Edit akan muncul box untuk edit user 7

8 Keterangan: a. User: Username dari ID pengguna b. Nama: Nama dari ID Pengguna c. Password (MD5): Password lama yang terenkripsi MD5 d. Password Baru: untuk update password baru e. Domain: domain aktif untuk ID pengguna f. Aktif: informasi aktif/tidak aktif ID pengguna g. Moderator: informasi iya/tidak user sebagai moderator domain yang bersangkutan 5. Untuk ganti Password masukkan Password yang baru ke dalam box Password Baru setelah itu klik Simpan 8

9 Manage Menu Untuk menambah menu di website dengan domain terkait, dapat dilakukan dengan cara berikut: 1. Dari navigasi CMS pilih Menu 2. Kemudian pilih Tambah menu, seperti gambar dibawah Keterangan: a. Induk: untuk menentukan induk dari menu yang akan dipilih, jika tidak dipilih maka menu akan menjadi menu utama b. Nama: untuk menamakan menu yang ditambahkan c. URL: untuk menentukan tujuan URL dari menu tersebut d. Nomor: untuk memberikan identitas dari menu yang akan kita buat 9

10 e. English/Arabic/India/Malaysia: untuk menetukan translasi dari menu yang akan dibuat Manage Teks Berjalan Didalam website kemenag.go.id ada feature untuk teks berjalan, berikut ini cara untuk memanage feature tersebut: 1. Untuk melihat feature ini, dari navigasi CMS pilih Teks Berjalan 2. Untuk menambahkan teks berjalan pilih Tambah Data, seperti gambar dibawah: 10

11 3. Kemudian akan muncul box untuk menambahkan teks berjalan, setelah selesai klik Simpan Keterangan: Untuk data yang diinput bisa mengandung HTML code 4. Setelah disimpan, untuk menampilkan pilih Tampil pada teks berjalan yang anda kehendaki, seperti gambar 5. Nanti aka nada konfirmasi bahwa teks berjalan akan ditampilkan. 6. Apabila hendak mengedit teks berjalan yang sudah kita input, maka pilih Edit pada list teks berjalan yang ada, seperti gambar 11

12 7. Kemudian edit teks berjalan yang hendak kita update, seperti gambar berikut: 8. Edit teks berjalan sesuai yang anda inginkan, kemudian pilih Simpan 9. Apabila hendak menghapus teks berjalan, maka pilih hapus pada teks berjalan yang dikehendaki 12

13 10. Kemudian akan muncul pop-up untuk confirmasi Manage Kategori Untuk memanage katagori dari website kemenag.go.id, dapat dilakukan pada bagian ini, berikut langkah-langkah untuk memanage kategori: 1. Dari menu navigasi CMS, pilih Kategori, seperti gambar berikut: 2. Untuk menambahkan kategori dari content kemenag, pilih Tambah Kategori, seperti gambar dibawah: 13

14 3. Kemudian akan muncul box untuk menambahkan kategori baru, seperti gambar dibawah, setelah itu klik Simpan Keterangan: a. Kode: untuk memberikan kode kategori yang dimasukkan b. Nama: untuk memberi nama dari kategori yang dibuat c. English/Arabic/India/Malaysia: memberikan informasi berdasarkan translasi yang diinginkan 4. Apabila hendak menghapus kategori yang ada, pilih hapus, seperti gambar dibawah: 14

15 5. Setelah diklik hapus, akan muncul pop-up untuk konfirmasi penghapusan kategori Manage Artikel Untuk memanage artikel kemenag.go.id, bisa dilakukan sebagai berikut: 1. Untuk memanage artikel, pertama-tama pilih Artikel pada navigasi CMS, seperti gambar dibawah ini: 2. Untuk menambahkan artikel, maka pilih tambah pada menu navigasi Artikel, seperti gambar dibawah ini: 15

16 3. Setelah pilih Tambah maka akan muncul box untuk menambah artikel sesuai yang anda kehendaki, seperti gambar berikut: keterangan: ini adalah judul artikel yang akan kita masukkan 16

17 FCKeditor merupakan feature input content dengan kemampuan menyerupai Microsoft word, data yang diinput memungkinkan untuk menginput dta dengan bentuk HTML code 3. Setelah diinput pastikan memilih salah satu kategori disebelah kanan artikel yang anda maskkan, seperti gambar: 4. Untuk menampilkan atau tidak artikel yang anda input, cukup dengan memilih Ya pada pilihan Tampil seperti gambar dibawah: 17

18 5. Apabila data yang diinput termasuk Info Penting, maka pilih Ya pada field Info Penting, seperti gambar dibawah: 6. Setelah anda selesai memasukan maka pilih Simpan untuk menyimpat artikel yang anda input Edit Artikel Untuk melakukan perubahan / edit salah satu artikel yang akan anda ubah, berikut langkah-langkah yang harus anda lakukan: 1. Dari navigasi CMS Artikel, pilih salah satu artikel yang akan diedit 18

19 2. Setelah masuk kedalam box edit, maka anda bisa merubah artikel yang akan diubah, seperti gambar dibawah: 3. Setelah yakin dengan data yang anda ubah silahkan pilih Simpan untuk menyimpan artikel yang sudah diubah Menghapus Artikel Apabila ada artikel yang hendak anda hapus maka lakukan langkah-langkah berikut ini: 1. Dari navigasi CMS Artikel, pilih salah satu artikel yang hendak dihapus 19

20 2. Kemudian akan muncul pop-up konfirmasi untuk mengconfirm apakah benar artikel yang anda pilih akan dihapus 3. Pilih OK apabila benar-benar akan dihapus artikel yang anda pilih, Cancel apabila ternyata artikel tidak jadi anda hapus Mencari Artikel Untuk mencari salah satu artikel dengan kriteria tertentu, lakukan langkahlangkah dibawah ini: 1. Dari navigasi CMS Artikel, pilih Cari seperti gambar dibawah ini: 20

21 2. Setelah itu akan muncul box Cari seperti gambar dibawah ini: Keterangan: Untuk mencari artikel dengan judul tertentu masukan kalimat yang ada dalam judul kedalam box Judul, apabila artikel yang anda cari masuk kedalam kategori tertentu pilih combo box Kategori, dan apabila hendak mencari artikel dengan isi tertentu, bisa dilakukan dengan memasukan kalimat tersebut kedalam box Isi Artikel mengandung Kata. Setelah itu pilih tombol Cari. Sortir Artikel Apabila anda hendak melakukan sortir data bisa melakukan langkah-langkah berikut ini: 1. Dari navigasi CMS Artikel, pada bagian Urutkan Berdasarkan, anda bisa memilih antara id/judul/tanggal/kategori. Seperti gambar dibawah: 21

22 2. Setelah anda pilih salah satu pilihan maka otomatis daftar artikel akan disortir berdasarkan kriteria yang anda pilih Manage Berita Untuk memanagae berita yang ada di website kemenag.go.id, berikut beberapa tuntunan untuk memanag berita menggunakan CMS ini. Menambah Berita Langkah langkah yang perlu anda lakukan untuk menambah berita dengan cara berikut ini: 1. Dari navigasi CMS pilih Berita 2. Kemudian pilih Tambah, untuk menambah berita yang anda kehendaki 22

23 3. Kemudian akan muncul tampilan untuk menambahkan berita yang anda kehendaki 4. Masukkan Judul berita anda kedalam box Judul 5. Pilih foto yang hendak anda masukkan kedalam berita yang anda input dengan mengklik Choose File 23

24 6. Pilih foto yang hendak anda masukkan kedalam berita 7. Isi berita yang hendak anda masukkan kedalam box isi 8. Perlu diingat bahwa untuk isi berita anda dapat anda, Fckeditor dapat digunakan seperti anda menggunakan Microsoft word, dan HTML code juga dapat anda input kedalam isi berita anda 9. Pastikan anda pilih kategori dari berita anda 24

25 10. Untuk memastikan berita anda tampil pilih Ya pada combo box Tampil 11. Apabila berita hendak dikategorikan kedalam berita Utama, pilih Ya pada combo box Utama 12. Untuk menyimpan berita yang anda masukkan pilih Simpan Edit Berita Apabila ada berita yang hendak anda edit / ubah berikut langkah yang harus anda lakukan 1. Dari navigasi CMS Berita, pilih salah satu berita yang hendak anda edit/ubah 25

26 2. Setelah memilih salah satu berita yang akan di edit maka akan muncul box edit, seperti gambar dibawah: 3. Edit berita yang akan anda ubah, setelah itu klik Simpan Mencari Berita Untuk mencari berita yang ada di website kemang.go.id, anda dapat lakukan dengan cara berikut ini: 1. Dari navigasi CMS Berita, pilih tombol Cari 26

27 2. Akan mucul box cari seperti gambar dibawah ini: Keterangan: Untuk mencari berita dengan judul tertentu masukan kalimat yang ada dalam judul kedalam box Judul, apabila berita yang anda cari masuk kedalam kategori tertentu pilih combo box Kategori, dan apabila hendak mencari berita dengan isi tertentu, bisa dilakukan dengan memasukan kalimat tersebut kedalam box Isi Artikel mengandung Kata. Setelah itu pilih tombol Cari. 27

28 Menghapus Berita Apabila ada berita yang hendak anda hapus, anda dapat melakukan dengan cara memilih berita yang hendak anda hapus di navigasi CMS Berita, seperti gambar dibawah: untuk confirmasi berita yang anda pilih akan dihapus atau tidak akan muncul pop-up konfirmasi, seperti gambar dibawah. Pilih Ok apabila anda akan menghapus berita yang anda pilih sedangkan apabila anda hendak menghapus foto didalam berita tertentu, dari navigasi CMS Berita, pilih Hapus Foto, pada berita yang anda pilih. 28

29 pilih Ok, apabila anda akan menghapus foto dalam berita pada pop-up konfrmasi, seperti gambar dibawah: Sortir Berita Apabila anda hendak melakukan sortir Berita bisa melakukan langkah-langkah berikut ini: 1. Dari navigasi CMS Berita pada bagian Urutkan Berdasarkan, anda bisa memilih antara id/judul/tanggal/kategori. Seperti gambar dibawah: 29

30 2. Setelah anda pilih salah satu pilihan maka otomatis daftar berita akan disortir berdasarkan kriteria yang anda pilih Memanage Renungan Dalam website kemanag.go.id ada box untuk renungan, box ini dapat kita manage melalui navigasi CMS yang ada. Untuk menambahkan renungan dapat dilakukan dengan memilih navigasi CMS Renungan, seperti gambar dibawah: untuk menambah bisa dilakukan dengan memilih box Tambah Renungan, seperti gambar dibawah: 30

31 kemudian akan muncul form penambahan renungan, seperti gambar dibawah ini: masukkan content renungan yang anda inginkan, setelah selesai klik Simpan, setela content renungan sudah anda input, untuk menampilkan pilih Tampil, seperti gambar dibawah ini, dan secara otomatis content renungan anda muncul di welcome page kemenag.go.id 31

32 Untuk melakukan perubahan content renungan cukup dengan cara mengklik Edit, seperti gambar dibawah ini: kemudisan akan muncul form edit untuk renungan seperti gambar dibawah: edit content renungan anda, apabila sudah selesai klik Simpan, untuk menyimpan perubahan yang sudah anda lakukan. 32

33 File Management Pada bagian ini akan dijelaskan cara untuk memanage file, foto, video serta audio file, berikut cara untuk memanage content static tersebut diatas: Manage File / Direktori Pada bagian ini akan dijelaskan cara memanage file yang ada dalam direktori sesuai dengan hak akses yang sudah kita setup. Untuk menambah file, dari navigasi CMS pilih File, seperti gambar dibawah ini: untuk menambahkan file / direktori masukan direktori yang anda inginkan kedalam box Buat Direktori Baru, seperti gambar dibawah ini: pilih OK, apabila hendak membuat direktori baru. 33

34 Apabila ada direktori yang hendak anda hapus cukup memilih Hapus, seperti gambar dibawah: pilih OK, untuk konfirmasi penghapusan ketika ada pop-up konfirmasi, seperti gambar dibawah ini: Manage File Foto Berikut ini tata-cara memanage file foto anda, dari navigasi CMS pilih Foto, seperti gambar dibawah ini: 34

35 untuk menambah foto, pilih box Tambah seperti gambar dibawah ini: akan muncul form untuk penambahan file foto, seperti gambar dibawah ini: pilih foto yang hendak anda upload dengan klik Choose File, kemudian isi box keterangan untuk memberikan informasi foto yang anda upload (type data foto: 35

36 jpg, gif, png), serta jangan lupa untuk memilih kategori dari foto yang anda upload. untuk menyimpan cukup dengan klik Simpan. Untuk menampilkan foto kedalam galeri foto klik Tampil, pada foto yang hendak anda tampilkan, seperti gambar dibawah: Menghapus File Foto untuk menghapus cukup dengan mengklik hapus pada daftar foto yang ada, seperti gambar dibawah: 36

37 pilih OK apabila anda yakin akan menghapus file foto anda ketika pop-up konfirmasi muncul, seperti gambar dibawah: 37

38 Manage File Video Berikut ini tata-cara memanage file video anda, dari navigasi CMS pilih Video, seperti gambar dibawah ini: untuk menambah video, pilih box Tambah seperti gambar dibawah ini: akan muncul form untuk penambahan file video, seperti gambar dibawah ini: 38

39 pilih video yang hendak anda upload dengan klik Choose File, kemudian isi box keterangan untuk memberikn informasi video yang anda upload (type data video yang di support: mp4, flv, mpg), serta jangan lupa untuk memilih kategori dari video yang anda upload. untuk menyimpan cukup dengan klik Simpan. Untuk menampilkan video kedalam galeri video klik Tampil, pada video yang hendak anda tampilkan, seperti gambar dibawah: 39

40 Menghapus Video File untuk menghapus cukup dengan mengklik hapus pada daftar video yang ada, seperti gambar dibawah: pilih OK apabila anda yakin akan menghapus file video anda ketika pop-up konfirmasi muncul, seperti gambar dibawah: 40

41 Manage File Audio Berikut ini tata-cara memanage file audio anda, dari navigasi CMS pilih Audio, seperti gambar dibawah ini: untuk menambah audio, pilih box Tambah seperti gambar dibawah ini: akan muncul form untuk penambahan file audio, seperti gambar dibawah ini: 41

42 pilih audio file yang hendak anda upload dengan klik Choose File, kemudian isi box keterangan untuk memberikn informasi audio file yang anda upload (type file audio yang disupport: mp3), serta jangan lupa untuk memilih kategori dari audio file yang anda upload. untuk menyimpan cukup dengan klik Simpan. Untuk menampilkan audio kedalam galeri audio klik Tampil, pada audio yang hendak anda tampilkan, seperti gambar dibawah: 42

43 Menghapus Audio File untuk menghapus cukup dengan mengklik hapus pada daftar Audio yang ada, seperti gambar dibawah: pilih OK apabila anda yakin akan menghapus file audio anda ketika pop-up konfirmasi muncul, seperti gambar dibawah: 43

44 44

45 Manage Banner Pada bagian ini akan dijelaskan bagaimana mengatur banner yang ada di website kemenag.go.id. Untuk menambahkan banner pada website kemenag.go.id dari navigasi CMS pilih Banner, seperti gambar dibawah: untuk menambah banner klik box Tambah Banner, seperti gambar dibawah ini: setelah itu akan muncul form penambahan banner, seperti gambar dibawah ini: 45

46 Keterangan: File Banner: berisikan file banner yang hendak anda tampilkan URL: tujuan dari banner yang akan diupload Grup: field ini berisikan angka, dimana angka tersebut untuk memberikan posisi dari banner tersebut, berikut acuan untuk grup ini: o 1 : ini untuk posisi banner kanan dan kiri kemenag.go.id o 2: ini untuk posisi banner diatas headline (HL) kemenag.go.id, posisinya diatas Informasi Penting o 10:ini untuk posisi banner sabuk yang berada dibawah berita terbaru Nomor: ini digunakan apabila banner yang hendak kita tampilkan untuk multiple banner Tampil: ini untuk menentukan apakah banner akan ditampilkan atau tidak Mengubah Banner Untuk merubah banner yang ada bisa kita lakukan dengan langkah-langkah sebagai berikut: 46

47 Dari navigasi CMS pilih banner yang akan di edit dari list daftar banner yang ada, seperti gambar dibawah: kemudian akan muncul form edit banner, seperti gambar dibawah ini: setelah melakukan perubahan simpan perubahan yang anda lakukan dengan mengklik Simpan. Apabila ada banner yang hendak anda hapus, anda bisa lakukan dengan mengklik hapus, seperti gambar dibawah ini: 47

48 pilih OK ketika pop-up konfirmasi muncul apabila anda yakin akan menghapus banner yang anda akan hapus, seperti gambar dibawah: 48

49 Manage Buku Tamu Berikut ini langkah yang harus dilakukan untuk memanage buku tamu, untuk mereply buku tamu yang ada dapat dilakukan melalui langkah-langkah berikut: Pertama dari navigasi CMS pilih Buku Tamu, seperti gambar dibawah ini: kemudian pilih Balas dari data buku tamu yang ada, seperti gambar dibawah ini: setelah anda pilih Balas, akan muncul form balas buku tamu, seperti gambar dibawah ini: 49

50 setelah diisi box Balas Komentar, untuk menyimpan silahkan klik Simpan. Untuk mencari isi buku tamu, bisa menggunakan cara berikut: 1. Dari navigasi CMS, pilih Buku Tamu, kemudian pilih masukan kata yang hendak dicari dan klik button OK, seperti pada gambar berikut ini: 2. Kemudian secara otomatis buku tamu yang berisikan kata yang dicari, seperti gambar dibawah: 50

51 apabila isi buku tamu ada yang ingin anda tidak tampilkan, maka cukup dengan mengklik Set Tidak Tampil dibagian list Data Buku Tamu seperti gambar berikut: Jika ada data buku tamu yang ingin dihapus cukup klik Hapus pada list buku tamu yang ingin dihapus, seperti gambar dibawah ini: 51

52 Pilih OK, pada saat pop-up konfirmasi untuk menghapus data buku tamu yang hendak anda hapus, seperti gambar dibawah ini: 52

53 Manage Translasi Bahasa Fungsi bagian ini untuk mendefinisi translasi bahasa apa saja yang tersedia oleh CMS ini, dari navigasi CMS pilih Translasi seperti gambar dibawah ini: Untuk melakukan update translasi bisa dilakukan dengan memilih Edit, seperti gambar dibawah ini: kemudian akan muncul form edit Translasi seperti gambar dibawah ini: 53

54 Masukkan Translasi berdasarkan bahasa yang tersedia di CMS ini yaitu English, Arabic, India dan Malaysia. Apabila selesai diupdate pilih Simpan, untuk menyimpan perubahan data yang sudah kita lakukan. 54

55 Manage Pengaturan Fungsi ini untuk mengubah tampilan Welcome Page (WP) kemenag.go.id, gambar yang diupload sesuai dengan aturan yang ada berguna untuk mengganti background header Welcome Page kemenag.go.id. Berikut cara untuk mengubah tampilan WP kemenag.go.id : Dari navigasi CMS pilih Pengaturan, seperti gambar dibawah ini: untuk mengganti background klik Choose File, untuk memilih gambar yang akan diupload (seperti gambar dibawah). Perlu diingat bahwa gambar yang diupload harus berukran 960 X 100 Pixels. setelah selesai simpan dengan mengklik Simpan. 55

56 56