Panduan Belajar Joomla Dalam Pengelolaan Website Satuan Kerja Perangkat Daerah Kabupaten Bengkulu Tengah

Transkripsi

1 1 Panduan Belajar Joomla Dalam Pengelolaan Website Satuan Kerja Perangkat Daerah Kabupaten Bengkulu Tengah Oleh, Darliansyah Putra Badan Perencanaan Pembangunan Daerah Kabupaten Bengkulu Tengah 2014

2 2 BUAT ARTIKEL BARU Langkah-langkah untuk membuat suatu artikel adalah sebagai berikut: 1. Login melalui administrator 2. Klik Menu Content Gambar 1 3. Pilih Article Manager, selanjutnya akan tampil jendela seperti yang terlihat pada gambar di bawah ini Gambar 2

3 3 4. Berikutnya klik New untuk menciptakan artikel baru, yang hasilnya akan terlihat seperti pada gambar di bawah ini Gambar 3 5. Selanjutnya isikan: Title (judul) artkel tersebut, Pilih Category, Tulis isi artikel pada area teks (di bawahnya) 6. Klik Save untuk menyimpan artikel tersebut 7. Akhiri dengan menekan tombol Close untuk menutup proses pembuatan artikel tersebut. Sisip Gambar (Artikel) Gambar (image) atau photo merupakan pelengkap dari suatu artikel agar tulisan yang disajikan menjadi menarik dan indah. Langkah-langkah untuk menyisip gambar (image) ini sebagai berikut : Buka editor artikel (baru atau edit artikel) Letakan kursor pada lokasi bakal gambar (image)

4 4 Gambar 4 Klik tombol Imges yang ada pada bagian bawah editor teks tersebut sperti yang terlihat pada gambar di atas Dalam hal ini kita akan menyisip gambar lambangbengkulu.gif yang ada pada lokal komputer (komputer anda), penekanan tombol images tersebut akan menampilkan gambar seperti yang terlihat pada gambar di bawah ini Gambar 5 Tentukan lokasi folder bakal upload (Directory), jika tidak dilpilih gambar akan diletakkan pada folder utama artike Selanjutnya scroll ke halaman di bawahnya sehingga tampil jendela gambar di bawah ini

5 5 Gambar 6 Klik Browse dan cari file tersebut (lambangbengkulu.gif) yang ada pada komputer lokal (komputer anda) selanjutnya klik Start Upload. Gambar 7 Pada gambar di atas telihat informasi bahwa "Upload Complete /lambangbengkulu.gif" yang menyatakan file telah berhasil di upload dan siap digunakan. Berikutnya aktifkan atau klik gambar tersebut (lambangbengkulu.gif) Selanjutnya klik tombol Insert, maka gambar tersebut akan masuk ke dalam editor teks tersebut. Klik tombol Save untuk menyimpan data tesebut.

6 6 MEMBUAT MENU (SINGLE ARTICLE) Menu merupakan navigasi utama untuk membuka atau menjelajari isi suatu web, pada bahan ajar berikut kita akan membahar cara membuat menu single article yang merupakan salah satu variasi dari aneka jenis menu yang ada Langkah-langkan untuk membuat menu ini adalah sebagai berikut Klik Menus, selanjutnya pilih group menu misalkan Main Menu seperti yang terlihat pada gambar di bawah ini Gambar Menu 1 Selanjutnya akan tampil jendela Menu Manager: New Menu Item seperti yang terlihat pada gambar di bawah ini Gambar Menu 2 Berikutnya klik New untuk membuat menu baru, selanjutnya akan tampil jendela seperti yang terlihat pada gambar di bawah ini

7 7 Gambar Menu 3 Berikutnya klik tombol Select untuk memilih jenis menu baru, seperti yang terlihat pada gambar di bawah ini Gambar Menu 4 Berikutnya pilih Single Article Display a single article untuk memilih jenis menu single article tersebut, seperti yang terlihat pada gambar di bawah ini

8 8 Gambar Menu 5 Berikutnya akan tampil jendela Menu Manager: New Menu Item seperti yang terlihat pada gambar di bawah ini Gambar Menu 6 Berikutnya Klik Select (pada single article), untuk memanggil artikel untuk menu tersebut

9 9 Gambar Menu 7 Klik pada artikel yang akan dipanggil (jika perlu pilih kategori artikel pada Select Category terlebih dahulu untuk memudahkan pemilihan) Berikutnya isikan nama menu pada Menu Title untuk nama menu tersebut, Tentukan Parent Item dari menu tersebut, jika tidak dipilih menu akan diletakkan pada Menu item Root, artinya menu tersebut merupakan menu tingkat pertama dan tidak berada didalam menu lainnya Selanjutnya klik Save & Close untuk mengakhiri proses pembuatan menu tersebut.

10 10 MENGEDIT MENU (SINGLE ARTICLE) Setelah membuat menu, pengelola Joomla masih bisa mengedit menu (single artcle), baik itu untuk memperbaiki ataupun mengganti beberapa bagian dari menu tersebut Langkah-langkan untuk mengedit menu adalah sebagai berikut Klik Menus, selanjutnya pilih group menu misalkan Main Menu seperti yang terlihat pada gambar di bawah ini Gambar Menu 1 Selanjutnya akan tampil jendela Menu Manager: Menu Item seperti yang terlihat pada gambar di bawah ini Gambar Menu Edit 2 Berikutnya klik Title menu yang akan diedit, Misal kita akan mengedit menu "Profil" selanjutnya akan tampil jendela seperti yang terlihat pada gambar di bawah ini

11 11 Gambar Menu Edit 3 Jika akan mengganti artikel terpanggil pada menu tersebut. Klik Select (pada single article), untuk memanggil artikel untuk menu tersebut Gambar Menu 4 Klik pada artikel yang akan dipanggil (jika perlu pilih kategori artikel pada Select Category terlebih dahulu untuk memudahkan pemilihan) Berikutnya edit nama menu pada Menu Title : Profil (jika perlu) Tentukan Parent Item dari menu tersebut (jika perlu) Selanjutnya klik Save & Close untuk mengakhiri proses pembuatan menu tersebut.

12 12 MEMBUAT CATEGORY Kategori (Category) merupakan wadah yang berfungsi untuk pengelompokan data, sehingga data dapat diorganisir dengan baik dan mudah dalam pengelolaannya. Kalau diibaratkan rumah maka kategori dapat diartikan sebagai kamar-kamar atau ruang yang mempunyai fungsi sendiri-sendiri. Satu kategori memungkinkan untuk dibagi dalam sub kategori lagi, sama halnya dengan kamar bisa saja ada kamar lagi di dalamnya Pun demikian dengan Joomla ini, pengelompokan data dibagi dalam Category dan turunannya (sub-sub category) Adapun langka-langkah untuk membuat Category adalah sebagai berikut : Klik menu Content, lalu pilih Category Manager, seperti yang terlihat pada gambar yang ada di bawah ini Gambar Category 1 Berikutnya klik tombol New untuk membuat kategari baru, seperti yang terlihat pada gambar di bawah ini

13 13 Gambar Category 2 Berikutnya akan tampil jendela Category Manager: Add A New Articles Category seperti yang terlihat pada gambar di bawah ini Gambar Category 3 Berikutnya isikan data kategori baru tersebut, seperti yang terlihat dalam gambar di bawah ini

14 14 Gambar Category 4 Pada gambar di atas terlihat isian primer yang harus diisi antara lain - Title : Tutorial Joomla - Alias : (kosongkan saja/akan terisi otomatis) - Parent : Tutorial Parent merupakan induk kategori, dalam contoh di atas kategori baru ini akan berada dalam kategori Tutorial Berikutnya klik Save untuk menyimpan kategori tersebut Akhiri dengan klik tombol Close untuk menutup proses ini. SUBMIT AN ARTICLE (BUAT ARTIKEL BARU UNTUK AUTHOR) Submit an Article (Buat artikel baru untuk author) merupakan fasilitas untuk membuat artikel dari halaman depan Joomla (FrontEnd), fasilitas ini diperuntukkan bagi pengelola dengan tingkatan Author, namun juga dapat dimanfaatkan oleh tingkatan di atasnya. Adapun langkah-langkan untuk memanfaatkan fasiitas ini adalah sebagai berikut: Login melalui halaman depan / frontend (bukan melalui menu administrator)

15 15 Gambar Submit an Article 1 Isikan user name dan password pada Login Form (perhatikan gambar di atas) dan berikutnya klik Log in untuk memulai proses. Selanjutnya akan tampil fasilitas submit an Article yang terdapat pada User Menu seperti yang terlihat pada gambar di bawah ini (Menu ini hanya tampil jika anda sukses login melalui menu Login Form) Gambar Submit an Article 2 Berikutnya klik Submit an Article pada "User Menu", maka selanjutnya akan tampil jendela seperti yang terlihat pada gambar di bawah ini

16 16 Gambar Submit an Article 3 Selanjutnya isikan judul artikel pada Title dan selanjutnya tulis artikel pada area teks yang ada di bagian bawah. Berikutnya Klik Publishing untuk pindah ke ke jendela tersebut, yang selanjutnya dipakai untuk mengatur pilihan data kategori (Category) pengelompok data dari artikel tersebut, seperti yang terlihat pada gambar di bawah ini Gambar Submit an Article 4

17 17 Pada gambar di atas terlihat jendela Publishing dengan Category yang belum dipilih (-Uncategorised), silakan pilih kategori atrikel tersebut pada bagian ini Author's Alias (bisa kosongkan saja) adalah nama lain dari penulis artikel Access : Public Akhiri dengan menekan tombol Save Menyisip Gambar pada Submit an Article Untuk menyisipkan gambar pada fasilitas ini adalah dengan langkah-langkah sebagai berikut Letakkan kursor pada posisi bakal gambar. Klik tombol Images yang berada pada bagian bawah editor teks, seperti yang terlihat pada gambar di bawah ini Gambar Submit an Article 5 Selanjutnya akan tampil jendela fasilitas peanyisip gambar seperti yang terlihat pada gambar di bawah ini

18 18 Gambar Submit an Article 6 Pada gambar di atas terlihat daftar gambar yang telah ada di webserver,pilih gambar yang akan dipakai atau upload terlebih dahulu gambar yang ada pada komputer lokal dengan menggunakan fasilitas Upload File, yang ada pada bagian bawah jendela tersebut, seperti yang terlihat pada gambar di bawah ini Gambar Submit an Article 7

19 19 Klik Browse untuk memilih file gambar yang akan di upload ke webserver dan selanjutnya klik tombol Start Upload untuk menyimpan gambar tersebut di webserver tersebut. Pada bahasan ini penulis mengupload file gambar dengan nama "lambangbengkulu.gif" dan berikutnya akan gunakan pada artikel tersebut. Untuk menggunakan gambar tersebut adalah dengan memilih file gambar yang telah ada pada webserver (telah diupload) seperti yang terlihat pada gambar di bawah ini Gambar Submit an Article 8 Klik atau pilih gambar "lambangbengkulu.gif" tersebut dan berikutnya klik tombol Insert yang ada pada bagian atas jendela tersebut (Gambar Submit an Article 8), maka selanjutnya gambar tersebut akan masuk ke dalam editor teks seperti yang terlihat pada gambar di bawah ini

20 20 Gambar Submit an Article 9 Berikutnya untuk mengatur gambar tersebut adalah sebagai berikut: Pertama, aktifkan/klik gambar tersebut sehingga terdapat tanda titik disetiap sudutnya, berikutnya resize ukuran gambar tersebut, seperti yang terlihat pada gambar di bawah ini

21 21 Gambar Submit an Article 10 Kedua, Mengatur letak gambar. Gambar dapat diletakkan di sebelah kiri atau kanan teks (tulisan) artikel. Untuk mengatur letak gambar tersebut pastikan gambar dalam kondisi aktif (ditandai dengan tanda titik disetiap sudutnya, berikutnya klik ikon Insert/Edit Image yang ada pada daftar ikon (lihat Gambar Submit an Article 10 di atas) maka selanjutnya akan tampil jendela seperti yang terlihat pada gambar di bawah ini

22 22 Gambar Submit an Article 11 Pada gambar di atas terlihat jendela General dalam kondiri aktif yang memuat informasi file gambar tersebut. Berikutnya pindahkan/aktifkan jendela Appearance seperti yang terlihat pada gambar di bawah ini Gambar Submit an Article 12

23 23 Berikutnya isi dan pilih letak gambar pada Alignment (kondisi terpilih adalah --Not Set--), misal pilih left untuk meletakkan gambar di sisi kiri tulisan. Vertical space : 10 (jarak vertikal alah 10px) Horizontal space : 10 (jarak horizontal alah 10px) Border : (kosong berarti tanpa garis di tepi di gambar tersebut), diisi dengan angka (contoh Border : 1, lihat garis gambar submit an article 4 contoh Border : 10, lihat garis gambar submit an article 5) Berikutnya klik Update. Klik Ok untuk mengakhiri proses Gambar Submit an Article 13 Berikutnya Klik Save untuk menyimpan artikel secara keseluruhan