September 2016

ccc.itb.ac.id Pedoman penggunaan website Climate Change Center

DAFTAR ISI ( klik pada link di bawah untuk membuka cepat)

WEB UTAMA (ccc.itb.ac.id)

Hosting Cpanel

Admin Panel

Setting Umum Informasi Website

Media library Tempat Upload File

Pengaturan Umum Tampilan Template

Memperbaharui Isi (content) Website

Memposting Konten.

1. Membuat Tulisan Baru

2. Memasukkan / menyisipkan File pada tulisan

3. Memasukkan dan menghilangkan fasilitas tautan (link) pada tulisan atau

gambar

4. Menghapus tulisan yang telah dibuat

5. Fasilitas pemilihan kategori tulisan.

Mengelola Halaman

1. Menambah Page

2. Mengatur Tingkatan Halaman

3. Mengedit (menyunting) dan Menghapus Halaman

4. Membuat Menu Baru dengan menggunakan Page

2

Pengaturan Content Berdasarkan Menu Web CCC

Home

Slider

About Us

Gallery

FAQ Web ccc.itb.ac.id

WEB MPPI

Halaman SMART SEARCH

Forum Sinergisasi

3

WEB UTAMA (ccc.itb.ac.id)

Website ccc.itb.ac.id dibuat dengan mengikuti guideline dari ITB, menggunakan sistem

wordpress versi 4 dan theme official itb-2015.

Hosting Cpanel

● Cpanel adalah tempat seluruh file terkait website CCC disimpan

● Akses Cpanel → https://ccc.itb.ac.id:2083/ (HUB: Webmaster) 

 

● Untuk pengaturan file, pilih “file manager”, kemudian kita dapat melakukan editing

langsung ke file code nya

● Jika ingin melakukan backup, klik “Backup”

4

○ Backup file :

■ Klik pada button “Home Directory”, maka seluruh file akan

didownload. Jika ingin restore, gunakan fasilitas upload restore

Home Directory Backup

○ Backup database :

■ Klik pada list atau daftar database

● Database web utama → cccitb_wp933

● Database aplikasi smart search → cccitb_search

● Database aplikasi portal MPPI → cccitb_jomla

Admin Panel 

● Admin panel digunakan untuk pengelolaan website

● Akses admin panel → http://ccc.itb.ac.id/wp-admin/ → HUB: Webmaster untuk

login 

● Setelah login, maka user akan masuk ke “Dashboard”, halaman depan bagi admin

5

Setting Umum Informasi Website

● Pada halaman dashboard, klik “setting” → Anda akan masuk ke halaman general

setting

6

● Silahkan isi deskripsi, email address, dan pengaturan waktu

Media library Tempat Upload File

● Tempat penyimpanan file terpusat pada menu “media” di halaman dashboard

● Segala file yang akan digunakan untuk keperluan membuat artikel, atau halaman

tertentu, maka gambar dsb disimpan di “media library”

7

● Untuk menambahkan file, klik tombol “Add New” di bagian atas

● Lalu upload file yang akan dipergunakan

● Sebagai catatan, file yang diperbolehkan maksimal ukuran 2 Mb.

● Jika ukuran lebih dari itu tetap dapat dilakukan, namun harus melalui FTP,

silahkan kontak webdev website dikarenakan mekanisme cukup kompleks

Pengaturan Umum Tampilan Template

● Pada halaman dashboard, klik “Appearance” → “theme options”

○ Lakukan pengaturan sesuai dengan yang dibutuhkan

● Alternative ke-2, Anda dapat menggunakan fasilitas “customize”

○ Secara langsung Anda akan diarahkan ke halaman customize

8

● Pengubahan yang dilakukan melalui menu customize dapat dilihat secara “real

time” di sisi kanan preview website

9

Memperbaharui Isi (content) Website Salah satu hal yang penting dari sebuah website adalah isi (content), yaitu isi dari website                             itu sendiri. Posting adalah suatu istilah untuk menambahkan konten ke dalam website,                       konten dapat berupa tulisan, gambar, maupun gabungan dari tulisan dan gambar. Berikut                       adalah detail mengenai Post dan Page. 

● Post. Merupakan cara penambahan halaman/content yang biasanya tampil di dalam                 website. Post rata­rata memiliki kategori dan tags, bersifat dinamis, biasanya                   tersusun berdasarkan urutan tanggal posting. 

● Page Merupakan cara penambahan konten/halaman yang biasanya akan menjadi bagian                 dari header atau sidebar, bersifat statis. Biasanya disusun berdasarkan urutan order                     yang dapat ditentukan. 

A. Memposting Konten. 

1. Membuat Tulisan Baru

a. Dari daftar menu di sisi kiri, Pilih (klik) “Post>Add New Post” maka akan tampil                           

menu seperti dibawah ini (Gambar 1) 

 

(Gambar 1) 

 

 

10

Setelah ditulis, pilihlah kategori yang sesuai dengan yang diinginkan, dari pilihan                     

kategori yang ada di pojok sebelah kanan bawah layar. Jika tidak dipilih, maka secara                           

otomatis akan masuk pada kategori “Uncategorized”. 

Kemudian, klik “Save draft” untuk menyimpan terlebih dahulu sebelum ditampilkan.                   

Atau jika ingin melihat tampilannya, klik “Preview”. Selanjutnya kalau akan langsung                     

ditampilkan, klik “Publish”. 

 

2. Memasukkan / menyisipkan File pada tulisan

 a. Arahkan kursor ( I ) pada rencana posisi file pada tulisan (gambar 2) 

 

(Gambar 2) 

 

selanjutnya klik “Insert Media”, dan akan muncul tampilan berikut ini (Gambar 3). 

11

 

(Gambar 3) 

 

Selanjutnya klik “Upload files” untuk mengambil file dari komputer, dan klik                     

“open” pada window yang terbuka untuk mengambil file. Kemudian jika file sudah                       

terupload sempurna, klik “Insert into Post”.  

 

3. Memasukkan dan menghilangkan fasilitas tautan (link) pada tulisan

atau gambar

 a. Klik gambar atau lakukan Highlight pada kata atau kalimat yang hendak diberikan                         

tautan 

b. Klik tanda pada panel penulisan artikel, sehingga muncul jendela berikut                       

(Gambar 4). 

12

 

(Gambar 4) 

masukkan tautan pada kolom URL, dan kemudian klik “Add Link”. 

b. Untuk menghilangkan tautan, klik gambar atau lakukan Highlight pada kata                   

atau kalimat yang tautan (link­nya) hendak dihapus, kemudian klik tanda                     

pada panel penulisan artikel tersebut. 

 

4. Menghapus tulisan yang telah dibuat

 a. Klik pada “Post” kemudian klik lagi di “All Post”. 

b. Arahkan kursor pada judul tulisan yang ingin dihapus, selanjutnya klik “move to                         

trash” (berwarna merah) yang muncul seperti gambar di bawah ini (Gambar 5). 

 

 

(Gambar 5) 

13

5. Fasilitas pemilihan kategori tulisan.

 Terdapat fasilitas untuk melakukan pemilihan kategori tulisan yang telah dibuat atau                     

edit/sunting. Apabila menghendaki tulisannya termasuk ke dalam satu kategori atau                   

lebih, klik kotak pilihan pada kategori yang dimaksud (Gambar 6). 

 

(Gambar 6) 

 

Jika kategori yang tersedia tidak sesuai, maka dapat menambahkan kategori baru                     

dengan klik “+ Tambahkan Kategori Baru”, dan kemudian memilih kategori baru                     

tersebut. 

Tetapi jika tidak ada satupun kategori yang dipilih, maka tulisannya secara otomatis                       

akan masuk pada kategori “Uncategorized”. 

B. Mengelola Halaman  

Halaman (page) merupakan bagian dari suatu website, oleh karena itu sangat penting                       

untuk melakukan manajemen / pengaturan semua halaman dalam situs web untuk                     

memudahkan pengunjung website. Beberapa pengelolaan halaman yang dapat               

dilakukan antara lain : 

 

14

1. Menambah Page

 Untuk melakukan pembuatan halaman baru, mula­mula dilakukan dengan klik                 

pada “Page” pada menu di kiri dan kemudian “Add New Page”. Hal ini akan                           

membuat tampilan pada layar sebagai berikut (Gamber 7). 

 

(Gambar 7) 

2. Mengatur Tingkatan Halaman

 Halaman dapat dibuat bertingkat­tingkat, sesuai dengan susunan induk (parent                 

page ) dan anak (child page ). Pengaturan ini dilakukan pada Fitur “Page Attribute”                       

seperti berikut. 

 

(Gambar 8) 

 

15

Halaman pada tingkat induk dibuat dengan posisi induk adalah “(tak ada induk)”.                       

Sedangkan halaman anak dibuat dengan induk yang dapat dipilih sendiri, sesuai                     

dengan halaman induk yang telah ada. 

 

3. Mengedit (menyunting) dan Menghapus Halaman

Untuk dapat mengedit dan menghapus halaman dapat dilakukan beberapa langkah                   

sebagai berikut : 

a. Pada Daftar menu di sisi kiri, klik “Page” → “All Page”. 

b. Selanjutnya, arahkan kursor pada nama halaman yang hendak di “edit” atau                     

“Trash”, hingga muncul tulisan yang ada di bawah nama halaman tersebut                     

sebagai berikut : 

 

(Gambar 9) 

Cukup klik “Edit” untuk mengedit, dan klik “Trash” untuk menghapus nama                     

halaman yang di kehendaki. 

4. Membuat Menu Baru dengan menggunakan Page

 Setelah membuat page, seperti pada langkah sebelumnya, maka untuk dapat                   

mengatur posisi menu yang diinginkan, berikut adalah cara yang perlu                   

dilakukannya. 

Pilih menu “Appearance”, kemudian pilih “menus”, kemudian beralih ke Tab                   

Pages (kotak warna kuning pada gambar 10), dan silahkan di cari menu page yang                           

telah dibuat sebelumnya, lalu klik “add to menu”. 

16

Maka menu yang telah dibuat akan muncul dibagian “menu Structure” (kotak                     

warna hijau pada gambar 10), hanya saja posisinya masih belum seperti yang                       

diinginkan, oleh karena itu silahkan dilakukan penyesuaian dengan cara meng                   

“klik” page tersebut, kemudian tahan dan di pindahkan ke posisi berdasarkan pada                       

“menu structure” yang diinginkan. 

 

(Gambar 10) 

 

17

Pengaturan Content Berdasarkan Menu Web CCC

Menu yang ada di website CCC dibagi menjadi dua, yaitu menu topbar yang berisi link

menu ITB pusat, dan main menu yang merupakan menu utama website CCC. Selanjutnya

akan dibahas lebih lanjut mengenai main menu .

Home

● Home berisikan:

○ Slider

○ Artikel berita terbaru

Slider

● Slider menggunakan plugin “Huge IT Slider”

● Di halaman dashboard, klik Huge IT Slider

● Klik “My First Slider” → lakukan setting pada slider

● Ukuran dsb dapat diatur di panel kanan

18

● Tambahkan title, description, dan link (jika dibutuhkan) → “save slider”

About Us

● Halaman about us adalah sebuah “page”

● Pada halaman dashboard → klik pages

19

● Cari pages yang berjudul salah satu sub menu “about us”, misalnya pada sub

menu “profile” → klik untuk konfigurasi lebih lanjut

● Lakukan pengeditan seperlunya

● Jika telah selesai melakukan pengeditan, klik save pada bagian kanan

Gallery

● Plugin yang digunakan untuk menampilkan gallery adalah plugin “Gallery”

20

● Untuk pengaturannya, buka halaman admin panel → cek di sisi kiri bawah,

“Gallery”

21

● Kemudian, cari page yang ingin dimasukkan galeri, dalam hal klik pages → pilih

Gallery

22

● Untuk menambahkan gallery

○ Klik “add Galery” yang memiliki icon persegi berwarna hijau

○ Pilih type galeri dan lakukan editing sesuai yang diinginkan

23

● Page Gallery menggunakan jenis “Basic Extended Album”

● Jika telah selesai setting → “Insert Displayed Gallery”

●

24

FAQ

1. Apa yang harus dilakukan ketika website tidak dapat di akses? 

● Pastikan perangkat yang anda gunakan telah terkoneksi dengan internet ● Coba akses website yang lainnya, untuk memastikan anda telah terkoneksi dengan internet. ● Jika masih belum bisa juga, silahkan hubungi / kirim email ke  hosting@itb.ac.id 

 

2. Bagaimana cara untuk menambah menu baru di header website? 

Silahkan merujuk pada tata cara menambahkan page di modul yang telah disediakan. 

3. Bagaimana cara untuk bisa login ke dashboard website. 

Silahkan akses ke www.ccc.itb.ac.id/wp­admin , kemudian login dengan user ID dan Password                       

yang telah diberikan. 

4. Bagaimana cara untuk menambah kapasitas kuota server atau hosting website? 

Silahkan kirim email ke hosting@itb.ac.id, dengan meng­attach­kan surat resmi permohonan                   

penambahan kapasitas server (contoh surat permohonan menyusul kemudian). 

 

5. Bagaimana cara untuk meng­upload post ke dalam website? 

Silahkan merujuk pada tata cara posting yang terdapat di dalam modul yang disediakan.

25

WEB MPPI 1. Beranda Portal MPPI, masuk melalui http://ccc.itb.ac.id/km  

 

(Klik SMART SEARCH)  

Halaman SMART SEARCH

 

(Masukkan Username pegawai123  Password 12345678 )  

26

2. Halaman Rincian Pengguna SMART SEARCH 

 

(Masukkan pilihan Status Kepegawaian dan Nama Instansi. Ex: PNS  & Pertanian )  

3. Halaman Pencarian dengan Kata Kunci 

 

(Centang pilihan aksi yang dipilih dan ketik Kata Kunci pencarian)   

27

4. Halaman Hasil Pencarian dengan Kata Kunci Teknologi pemanfaatan air dan listrik tepat guna 

 

(pilih menu back untuk kembali ke Halaman Pencarian dengan Kata Kunci atau Log Out untuk keluar dari Halaman SMART SEARCH) 

 5. Halaman Pencarian dengan File Excel 

 

(Centang pilihan aksi yang dipilih, tentukan kolom dimana program kegiatan berada, dan masukkan file dengan tipe .csv) 

28

6. Halaman Hasil Pencarian dengan File Excel 

 

(Untuk info detail, arahkan kursor ke baris yang ingin diketahui, kemudian klik baris tersebut)  

7. Halaman Info Detail dari Program Kegiatan yang dipiilih 

 

    

29

8. Halaman SMART SEACRH 

 

(Masukkan Username tenagaahli123  Password 12345 )  

9. Halaman Ubah Padanan Kata dalam SMART SEACH 

 

    

30

10. Penambahan Padanan Kata pada Halaman Ubah Padanan Kata 

 

 11. Hasil Penambahan Padanan Kata 

 

    

31

12. Edit Database Padanan Kata pada Halaman Ubah Padanan Kata 

 

 13. Hasil Pengubahan Padanan Kata 

 

    

32

14. Cetak Dokumen Padanan Kata ke file pdf 

 

 15. Hasil Cetak Padanan Kata dalam file pdf 

 

    

33

Forum Sinergisasi 1. Halaman menu Forum Sinergisasi 

 

2. Pada menu ini, ada dua fasilitas utama yaitu “Forum Bebas” yang dimaksudkan untuk diskusi 

terbuka, sedangkan fasilitas lainnya adalah “Diskusi Penyusunan Kebijakan”. Di bawah ini 

adalah tampilan forum bebas 

34

 

3. Tampilan menu Diskusi Penyusunan Kebijakan 

 

 

 

 

 

 

 

 

 

 

 

 

 

35

4. Login terlebih dahulu untuk menggunakan dua fasilitas ini 

 

 

 

 

 

 

 

 

 

 

 

 

 

36

5. Rincian fasilitas pada menu “Diskusi Penyusunan Kebijakan” 

6. Membuat dokumen baru 

 

 

 

 

 

 

 

 

 

 

37

 

7. Copy Special dari MS. Word 

 

 

 

 

 

 

 

 

 

 

 

 

38

 

8. Tambahkan Judul, kemudian terdapat juga pilihan untuk menambahkan image dan 

attachment. Selanjutnya lakukan penyimpanan file dokumen. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

39

9. Dokumen baru akan terbentuk 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

40

10. Halaman view / edit pada dokumen yang telah ditambahkan 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

41

11. Fasilitas tambahan : File directory untuk sharing segala bentuk file (tidak terbatas pada 

dokumen) 

 

42