manual book penggunaan website deputi dan rson …

1

MANUAL BOOK

PENGGUNAAN WEBSITE DEPUTI DAN RSON

KEMENTERIAN PEMUDA DAN OLAHRAGA

2

DAFTAR ISI

1. Login ......................................................................................................................... 3

2. Dashboard ................................................................................................................. 4

3. Setting Struktur Organisasi ..................................................................................... 5

4. Setting Visi & Misi.................................................................................................... 7

5. Setting Tupoksi ......................................................................................................... 8

6. Setting Berita ............................................................................................................ 9

7. Setting Artikel ......................................................................................................... 12

8. Setting Running Text Beranda............................................................................... 15

9. Setting Dokumen .................................................................................................... 18

10. Setting Kalendar Event ....................................................................................... 20

11. Setting Infografis ................................................................................................. 23

12. Setting Program .................................................................................................. 26

13. Setting Galeri Foto .............................................................................................. 29

14. Setting Video ....................................................................................................... 31

15. Setting Banner Slideshow Beranda .................................................................... 34

16. Setting Layanan .................................................................................................. 36

17. Setting FAQ ......................................................................................................... 38

18. Setting General Setting ....................................................................................... 40

19. Setting User List .................................................................................................. 42

20. Setting User Group Role ..................................................................................... 44

21. Setting Kategori Berita ....................................................................................... 46

22. Setting Kategori FAQ ......................................................................................... 48

3

MANUAL BOOK

1. Login

Gambar diatas merupakan halaman Login backend website. Berikut adalah Langkah-

langkah login system :

• Masukan Username. Username merupakan nama user yang sebelumnya telah

didaftarkan melaui Administrator.

• Masukan Password. Password merupakan kata sandi user yang juga telah

didaftarkan sebelumnya.

• Klik Tombol Login . Jika Username dan Password yang

dimasukan sesuai, maka akan ditampilkan halaman Dashboard, jika tidak sesuai

maka akan ada informasi kesalahan.

4

2. Dashboard

Gambar diatas merupakan halaman Dashboard. Halaman dashboard ditampilkan

Ketika user pertama kali Login dan berhasil. Di dalam halaman dashboard ini

ditampilkan informasi jumlah data yang telah tersimpan di dalam database website.

Ini merupakan struktur menu yang ada pada halaman utama website. Menu-menu ini

yang nantinya akan menjadi media untuk melakukan konfigurasi terhadap website

Deputi dan RSON.

5

3. Setting Struktur Organisasi

Gambar diatas merupakan halaman untuk mengelola struktur organisasi. Langkah-

langkah mengelola struktur organisasi adalah sebagai berikut :

• Klik pada Menu Setting Profile

• Klik Sub Menu Struktur Organisasi

• Isikan Deskripsi Struktur Organisasi dalam Bahasa Indonesia

• Isikan Deskripsi Struktur Organisasi dalam Bahasa Inggris

• Pilih Gambar Struktur Organisasi dengan menekan tombol tambah

6

• Selanjutnya akan tampil halaman untuk memilih gambar struktur organisasi.

Untuk memilih foto dapat menekan tombol Choose File

• Setelah gambarnya muncul, silakan sesuaikan ukuran gambar seperti ukuran

frame yang telah disediakan dengan menekan tombol “plus (+)” atau “minus (-

)” Jika telah sesuai silakan klik tombol “Crop & Finish”

• Untuk menyimpan data yang telah diinputkan, klik pada tombol “Simpan”

7

4. Setting Visi & Misi

Gambar diatas merupakan halaman untuk menambah dan mengubah data Visi dan Misi

dari Deputi ataupun RSON. Untuk mengelola visi dan misi ini dapat dilakukan dengan

cara berikut:

• Klik pada menu Setting Profile

• Klik pada sub menu Visi & Misi. Dan akan ditampilkan halaman seperti pada

gambar diatas.

• Tuliskan Visi dari Deputi dan RSON dengan Bahasa Indonesia

• Tuliskan Visi dari Deputi dan RSON dengan Bahasa Inggris

• Tuliskan Misi dari Deputi dan RSON dengan Bahasa Indonesia

8

• Tuliskan Misi dari Deputi dan RSON dengan Bahasa Inggris

• Jika telah terisi semua klik pada tombol Simpan dan data Visi & Misi

telah tersimpan

5. Setting Tupoksi

Gambar diatas merupakan halaman untuk mengisi Tupoksi dari masing-masing Deputi

atau RSON. Untuk mengelola Tupoksi ini caranya sebagai beriku:

• Klik pada Menu Setting Profil

• Klik pada Sub Menu Tupoksi dan akan ditampilkan form isian.

• Isi kolom Tupoksi dalam Bahasa Indonesia

• Isi kolom Tupoksi dalam Bahasa Inggris

• Klik pada tombol Simpan dan data akan tersimpan.

9

6. Setting Berita

A. Tambah Berita

Untuk menambah data berita dapat dilakukan dengan cara berikut :

• Klik Menu Settting Publikasi

• Klik Sub Menu Berita

• Akan ditampilkan Halaman List Berita seperti gambar berikut

• Untuk menambah data berita klik pada Tombol Tambah

• Akan ditampilkan halaman berikut

10

• Dari halaman diatas selanjutnya mengisi seluruh komponen yang ada

pada form tersebut

• Setelah semua komponen terisi, selanjutnya klik pada tombol Simpan

B. Edit Berita

Untuk mengedit berita yang telah disimpan, caranya sebagai berikut:

• Klik pada baris list berita yang akan diedit seperti pada gambar berikut

11

• Selanjutnya klik pada tombol Edit dan akan ditampilkan

halaman berikut

• Ubah data yang ada pada halaman tersebut

• Klik pada tombol Simpan

C. Hapus Berita

Untuk menghapus berita dapat dilakukan dengan cara berikut:

• Pilih data yang akan dihapus

12

• Klik pada tombol Hapus

• Akan ditampilkan notifikasi apakah yakin untuk menghapus? Jika

yakin, maka data akan terhapus.

7. Setting Artikel

A. Tambah Artikel

• Klik pada Menu Setting Publikasi

• Klik pada Sub Menu Artikel

• Akan ditampilkan halaman list Artikel seperti gambar berikut

• Klik tombol Tambah dan akan ditampilkan form sebagai berikut

13

• Isi data artikel sesuai dengan form tersebut

• Jika telah terisi, kemudian Klik tombol Simpan

B. Edit Artikel

• Pilih data yang akan diedit dengan Klik pada List Data Artikel

14

• Klik tombol Edit dan akan ditampilkan halaman Form Edit seperti

gambar berikut

• Isi data yang akan diedit

• Jika telah terisi, kemudian Klik tombol Simpan

C. Hapus Artikel

Untuk menghapus artikel dapat dilakukan dengan cara sebagai berikut:

• Pilih data yang akan dihapus dengan cara Klik pada list artikel

15

• Klik Tombol Hapus

• Akan ditampilkan notifikasi apakah yakin akan menghapus artikel? Jika

yakin, maka data akan terhapus

8. Setting Running Text Beranda

A. Tambah Running Text

Untuk mengelola Running Text dapat dilakukan dengan cara sebagai berikut:

• Klik Menu Setting Publikasi

• Klik Sub Menu Running Text Beranda

• Akan ditampilkan list data Running Text yang ada seperti pada gambar

berikut

16

• Klik pada tombol Tambah , dan akan tampil halaman sebagai

berikut

• Isi data Running Text yang akan ditampilan baik dalam Bahasa Indonesia

ataupun dalam Bahasa Inggris

• Klik tombol Simpan untuk menyimpan data.

B. Edit Running Text

• Pilih data yang akan diedit dengan cara Klik pada List data yang akan dipilih

seperti pada gambar berikut

17

• Klik pada Tombol Edit akan ditampilkan halaman seperti pada

gambar berikut

• Ubah data yang ada pada form tersebut sesuai dengan yang akan diperbaiki

• Klik tombol simpan untuk menyimpan data hasil perubahan

C. Hapus Running Text

Untuk menghapus data Running text dapat dilakukan dengan cara sebagai berikut:

• Pilih data yang akan dihapus dengan cara Klik pada list data berikut

• Klik tombol Hapus

• Akan ditampilkan notifikasi apakah yakin akan menghapus data tersebut

atau tidak? Jika yakin, maka data akan terhapus, seperti pada gambar

berikut.

18

9. Setting Dokumen

A. Tambah Dokumen

Untuk mengelola dokumen dapat dilakukan dengan cara sebagai berikut:

• Klik menu Setting Publikasi

• Klik Sub Menu Dokumen

• Akan ditampilkan list Dokumen sebagai berikut

• Klik pada tombol Tambah dan akan tampil halaman input data

seperti gambar berikut

19

• Isi data dokumen yang ada pada form tersebut

• Jika data telah terisi semua, kemudian klik tombol Simpan untuk

menyimpan data

B. Edit Dokumen

• Pilih data yang akan diedit seperti yang ada pada gambar berikut

• Klik tombol Edit dan akan ditampilkan halaman edit seperti pada

gambar berikut

• Silakan ubah data sesuai dengan yang diharapkan, dan klik tombol Simpan

untuk menyimpan data hasil perubahan

20

C. Hapus Dokumen

• Pilih data yang akan dihapus seperti pada gambar berikut

• Klik tombol Hapus dan akan ditampilkan notifikasi seperti pada

gambar berikut

10. Setting Kalendar Event

A. Tambah Kalender Event

Untuk mengelola Kalender Event dapat dilakukan dengan cara sebagai berikut:

• Klik menu Setting Publikasi

• Klik sub menu Kalender Event dan akan ditampilkan halaman sebagai

berikut

• Klik tombol Tambah yang ada pada halaman tersebut dan akan

ditampilkan halaman tambah data seperti pada gambar berikut.

21

• Isi data yang ada pada halaman tersebut, jika sudah selesai mengisi data klik

tombol simpan untuk menyimpan data.

B. Edit Kalender Event

• Pilih data yang akan diedit seperti pada gambar berikut

• Klik tombol Edit dan akan ditampilkan form edit data kalender event seperti

pada gambar berikut

22

• Ubah data kalender event yang ada pada form tesebut sesuai dengan data

yang diharapkan. Jika sudah selesai mengubah data Klik tombol Simpan

untuk menyimpan data.

C. Hapus Kalender Event

• Pilih data yang akan dihapus, seperti pada gambar berikut

• Klik tombol Hapus dan akan ditampilkan notifikasi seperti pada

gambar berikut

23

11. Setting Infografis

A. Tambah Infografis

Untuk mengelola infografis dapat dilakukan dengan cara sebagai berikut:

• Klik pada Menu Setting Publikasi

• Klik pada Sub Menu Infografis, dan akan ditampilkan halaman sebagai

berikut

• Klik pada tombol Tambah untuk menambah infografis yang baru,

dan akan ditampilkan halaman berikut.

24

• Isi data infografis yang ada pada form tersebut. Dalam form isian tersebut

terdapat perintah mengunggah gambar cover dari infografis tersebut. Selain

upload gambar cover juga dapat mengunggah detil gambar infografis

dengan mengklik tombol “plus” berikut adalah tools upload gambar.

B. Edit Infografis


• Klik tombol Edit dan akan ditampilkan halaman form edit seperti

gambar berikut

25

• Ubah data infografis yang sesuai dengan yang diharapkan. Ketika data telah

selesai diubah, klik tombol Simpan untuk menyimpan data yang

telah dilakukan perubahan.

C. Hapus Infografis


• Klik tombol Hapus dan akan ditampilkan notifikasi untuk meyakinkan

penghapusan data. Seperti pada gambar berikut.

26

12. Setting Program

A. Tambah Program

Untuk mengelola program unggulan dapat dilakukan dengan cara berikut:

• Klik pada menu Setting Publikasi

• Klik pada sub menu Program

• Akan ditampilkan list Program seperti gambar berikut

• Klik pada tombol “Tambah” dan akan ditampilkan halaman input

program seperti pada gambar berikut

27

• Isi seluruh data yang ada pada form tersebut, terutama form data yang diberi

tanda bintang (*).

• Klik tombol “Simpan” untuk menyimpan data dan klik tombol

“Kembali” untuk Kembali ke halaman list program.

B. Edit Program

• Pilih data program yang akan diedit seperti pada gambar berikut

28

• Klik pada tombol “Edit” dan akan ditampilkan form edit seperti

gambar berikut

• Silakan ubah data seperti yang diharapkan. Jika telah selesai, klik tombol

“Simpan” untuk menyimpan data yang telah diperbaiki.

C. Hapus Program

• Pilih data yang akan dihapus, seperti pada gambar berikut ini

29

• Klik pada tombol “Hapus” dan akan ditampilkan notifikasi untuk

meyakinkan penghapusan data seperti pada gambar berikut.

13. Setting Galeri Foto

A. Tambah Galeri Foto

Untuk mengelola galeri foto dapat dilakukan dengan cara berikut:

• Klik pada Menu Setting Galeri

• Klik pada Sub Menu Galeri Foto, maka akan tampil halaman sebagai berikut

• Klik pada tombol “Tambah” yang ada pada halaman tersebut. Dan

akan ditampilkan form inputan foto sebagai berikut

30

• Isi data yang ada pada form tersebut dan pilih foto yang akan diunggah

dengan menekan tombol “+” dan akan ditampilkan halaman untuk

memilih file foto dan melakukan penyesuaian terhadap foto yang akan

diunggah. Foto yang diunggah dapat lebih dari 1.

• Klik pada tombol “Simpan” untuk menyimpan foto dan mempublish

foto.

B. Edit Galeri Foto

• Klik pada list album foto yang akan diedit. Seperti pada gambar berikut

• Klik tombol “Edit” pada halaman tersebut, dan akan ditampilkan

form edit album foto seperti gambar berikut

31

• Klik pada tombol “+” untuk menambah foto, dan klik pada tombol “x”

untuk menghapus foto.

• Klik pada tombol “Simpan” untuk menyimpan kembali album foto.

C. Hapus Galeri Foto

• Pilih album yang akan dihapus seperti pada halaman berikut


meyakinkan penghapusan album foto. Jika telah yakin maka data album foto

akan terhapus

14. Setting Video

A. Tambah Video

Untuk mengelola video dapat dilakukan dengan cara sebagai berikut:

• Klik pada menu Setting Galeri

• Klik pada sub menu Galeri Video dan akan ditampilkan halaman sebagai

berikut

• Klik pada tombol “Tambah” dan akan ditampilkan halaman tambah

video seperti pada gambar berikut

32

• Isikan judul video dalam Bahasa Indonesia dan Bahasa Inggris

• Pilih video yang akan diunggah. Video yang ditampilkan merupakan video

yang telah diembedd ke dalam YOUTUBE. Pada form ini user hanya tinggal

menuliskan 11 karakter kode embed dari video youtube. Kode yang

diinputkan seperti pada gambar berikut

• Klik pada tombol “Preview Video” untuk melihat video terlebih

dahulu

• Klik pada tombol “Simpan” untuk menyimpan video.

B. Edit Video

• Pilih video yang akan diedit seperti pada gambar berikut

• Klik pada tombol “Edit” dan akan ditampilkan halaman untuk edit

video.

33

• Ubah data yang ada pada form tersebut sesuai dengan yang diharapkan

• Klik pada tombol “Simpan” untuk menyimpan data.

C. Hapus Video


• Klik tombol “Hapus” dan akan ditampilkan notifikasi untuk

meyakinkan apaka data akan benar-benar dihapus atau tidak. Jika yakin,

maka data akan terhapus.

34

15. Setting Banner Slideshow Beranda

A. Tambah Slideshow

Untuk mengelola slideshow dapat dilakukan dengan cara sebagai berikut:

• Pilih Menu Setting Publikasi

• Pilih Sub Menu Banner Slideshow Beranda dan akan ditampilkan halaman

seperti pada gambar berikut

• Klik pada tombol “Tambah” untuk menambah Slideshow dan

akan ditampilkan form seperti gambar berikut

• Ini seluruh komponen yang ada pada halaman tersebut, terutama pada

“Urutan Gambar” dengan maksud gambar tersebut akan ditampilkan pada

slide urutan ke berapa.

• Klik pada tombol “Simpan” untuk menyimpan data banner slideshow

35

B. Edit Slideshow


• Klik pada tombol “Edit” kemudian akan tampil form edit seperti

pada gambar berikut

• Ubah data yang ada pada form tersebut seperti yang diharapkan

• Klik tombol “Simpan” untuk menyimpan perubahan data

36

C. Hapus Slideshow



meyakinkan apakah data akan benar-benar dihapus. Jika iya, maka data akan

terhapus dari database.

16. Setting Layanan

A. Tambah Data

Untuk mengelola layanan dapat dilakukan dengan cara sebagai berikut:

• Klik pada Menu Setting Konten

• Klik pada Sub Menu Layanan, dan akan ditampilkan data seperti berikut

• Klik pada tombol “Tambah” yang ada pada halaman tersebut,

sehingga akan ditampilkan form isian sebagai berikut

37

• Isi data sesuai dengan yang ditampilkan pada form tersebut

• Klik pada tombol “Simpan” untuk menyimpan data layanan.

B. Edit Data

• Pilih data layanan yang akan dihapus seperti ditampilkan pada gambar

berikut

• Klik pada tombol “Edit” dan akan tampil form edit seperti pada

gambar berikut

• Ubah data yang ada pada form tersebut sesuai dengan yang diharapkan.

• Klik pada tombol “Simpan” untuk menyimpan data hasil perubahan

38

C. Hapus Data



meyakinkan apakah benar akan menghapus data tersebut. Jika iya, maka

data akan terhapus dari database.

17. Setting FAQ

A. Tambah Data FAQ

Untuk mengelola FAQ dapat dilakukan dengan cara sebagai berikut:


• Klik pada Sub Menu FAQ dan akan ditampilkan list FAQ seperti pada

gambar berikut

• Klik pada tombol “Tambah” dan akan ditampilkan halaman form

isian seperti pada gambar berikut

39

• Isi data sesuai dengan form tersebut.

• Klik tombol “Simpan” untuk menyimpan data layanan yang telah

diisi.

B. Edit Data FAQ

• Pilih data FAQ yang akan dihapus seperti pada gambar berikut

• Klik pada tombol “Edit” dan akan ditampilkan halaman edit seperti

pada gambar berikut

40

• Edit data yang ada pada halaman tersebut sesuai dengan yang diharapkan

• Klik pada tombol “Simpan” untuk menyimpan data hasil

perubahan

C. Hapus Data FAQ



meyakinkan apakah data tersebut akan benar dihapus atau tidak.

18. Setting General Setting

General setting ini digunakan untuk melakukan pengelolaan sesuatu yang sifatnya

umum. Misalnya adalah mengelola data-data yang berkaitan dengan instansi,

mengelola background website dan lain-lain.

Untuk mengelola General Setting ini dapat dilakukan sebagai berikut:

41


• Klik pada Sub Menu General setting dan akan ditampilkan halaman berikut

• Pada halaman tersebut dapat dilakukan general setting yaitu dapat edit data-

data instansi

• Dapat mengubah koordinat lokasi kantor instansi tersebut dengan klik pada

tombol “Maps”

42

• Dapat mengupload Logo Instansi

• Dapat mengupload flyer banner

• Dapat mengupload grafik hasil survey

• Dapat mengupload Background website

19. Setting User List

A. Tambah User

Untuk mengelola user dapat dilakukan dengan cara sebagai berikut:


• Klik pada Sub Menu User List dan akan ditampilkan halaman sebagai

berikut

• Klik pada tombol “Tambah” dan akan ditampilkan form isian

sebagai berikut

• Isi data user yang ada pada halaman tersebut sesuai dengan grup user yang

diharapkan

• Klik pada tombol “Save” dan data akan tersimpan

43

B. Edit User


• Klik pada tombol “Edit” dan akan ditampilkan form edit data

seperti gambar berikut

• Ubah data yang ada pada form tersebut sesuai dengan data yang diharapkan

• Klik pada tombol “Save” untuk menyimpan data hasil perubahan.

C. Hapus User



meyakinkan penghapusan data. Jika iya maka data akan terhapus.

44

20. Setting User Group Role

A. Tambah User

Untuk mengelola Group User Role ini dapat dilakukan dengan cara sebagai berikut:

• Klik pada menu Setting Konten

• Klik pada Sub Menu User Group Role dan akan ditampilkan list data

sebagai berikut

• Klik tombol “Tambah” dan akan ditampilkan halaman tambah

role sebagai berikut

• Isi data Group User sesuai dengan form tersebut

• Klik pada tombol “Save” untuk menyimpan data

B. Edit User


45

• Klik pada tombol “Edit” dan akan ditampilkan halaman sebagai

berikut.

• Edit data yang ada pada form tersebut sesuai dengan yang diharapkan

• Klik pada tombol “Save” untuk menyimpan data

C. Hapus User

• Pilih data yang akan dihapus seperti pada halaman berikut


meyakintkan penghapusan data tersebut seperti pada gambar berikut.

46

D. Setting Role User

• Klik tombol “Setting” pada list Group user dan akan

ditampilkan halaman berikut

• Ceklis pada setiap komponen sub menu yang ditampilan dan sesuai dengan

hak akses dari masing-masing grup user

• Klik pada tombol “Save” untuk menyimpan data hak akses role

21. Setting Kategori Berita

A. Tambah Data

Untuk mengelola kategori berita dapat dilakukan dengan cara sebagai berikut:

• Klik pada Menu Data Master

• Klik pada Sub Menu Kategori Berita dan akan ditampilkan halaman sebagai

berikut

47

• Klik pada tombol “Tambah” dan akan ditampilkan halaman

form seperti gambar berikut

• Klik pada tombol “Simpan” untuk menyimpan data kategori

berita

B. Edit Data

• Pilih data Kategori Berita yang akan diedit, seperti pada gambar berikut

• Klik pada tombol “Edit” dan akan ditampilkan form edit kategori

berita seperti pada gambar berikut

• Klik pada tombol “Simpan” untuk menyimpan data kategori

berita hasil perbaikan

48

C. Hapus Data

• Pilih data kategori berita yang akan dihapus, seperti pada gambar berikut


meyakinkan penghapusan data tersebut.

22. Setting Kategori FAQ

A. Tambah Data

Untuk mengelola Kategori FAQ dapat dilakukan dengan cara sebagai berikut:

• Klik Menu Master Data

• Klik Sub Menu Kategori FAQ, akan tampil halaman sebagai berikut

• Klik tombol “Tambah” dan akan ditampilkan form isian

kategori FAQ seperti gambar berikut

49

• Isi data sesuai dengan form tersebut dan klik pada tombol “Simpan” untuk

menyimpan data

B. Edit Kategori FAQ


• Klik pada tombol “Edit” dan akan ditampilkan halaman seperti pada gambar

berikut

• Ubah data yang ada pada form tersebut sesuai dengan yang diharapkan

• Klik pada tombol “Simpan” untuk menyimpan data hasil

perubahan

50

C. Hapus Kategori FAQ


• Klik pada tombol “Hapus” dan aka ditampilkan notifikasi

untuk meyakinkan penghapusan data tersebut.

manual book penggunaan website deputi dan rson …

Documents