E-book Membuat Web Sekolah dengan CMS Joomla 1.0 1 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

BAB 6

Mengelola Komponen Standar Pendukung Situs Sekolah

Bab ini :

Mempelajari cara membuat halaman Contact Us sebagai komponen pendukung situs Mempelajari cara membuat halaman Weblink sebagai komponen pendukung situs Mempelajari cara membuat halaman Pooling sebagai komponen pendukung situs

A. Pendahuluan

Secara default, Joomla menyertakan komponen penunjang situs yang berfungsi untuk melengkapi kecanggihan sebuah situs. Komponen ini merupakan bawaan (embedded) langsung dari Joomla saat pertama kali menginstall. Komponen itu adalah Contact Us, Polls, Weblink, dan Banner. Komponen pelengkap ini sangat berguna dan dapat dimanfaatkan bagi kelangsungan sebuat situs. Sementara komponen lain tidak dibahas di sini.

Untuk menginstall komponen ini harus masuk (login) ke halaman administrasi. Ketik http://localhost/sekolah/administrator muncul halaman administrasi ketik username dan passwordnya.

Gambar. 6.1. Halaman Login Administrator ( Web-Joomla )

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 2 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

B. Contact Us

Komponen ini merupakan halaman yang akan menampung informasi tentang kontak sekolah yang bisa dihubungi oleh pengunjung situs untuk berinteraksi. Jadi merupakan komponen yang penting untuk diletakkan. Pengunjung bisa memanfaatkan informasi kontak ini untuk keperluan bertanya langsung tentang sekolah.

Komponen ini bisa diaktifkan dan dikelola. Untuk mengisi informasi contacts, harus dibuatkan dulu kelompok kategori kontak Sebagai contoh yaitu kategori guru, manajemen administrasi, dan OSIS.

Gambar 6.2. Komponen Contacts ( Web-Joomla )

Bagaimana membuatnya? Klik menu components, pilih contacts, pilih category contacts.

Gambar 6. 3. Membuat Contact Categories ( Web-Joomla )

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 3 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Muncul halaman Category Manager [ Component: Contact ].

Gambar 6. 4. Halaman Category Manager ( Web-Joomla )

Sekarang klik ikon New, akan muncul halaman Category: New [ Contact: ]

Gambar 6. 5. Halaman Category: New ( Web-Joomla )

Contoh pertama akan membuat kontak Guru. Di baris kotak Category Title dan Category Name ketik Guru.

Gambar 6. 6. Membuat halaman category : guru ( Web-Joomla )

Jangan lupa untuk mengisi keterangan singkat di baris kotak Description semisal “Ini adalah kontak para guru yang bisa dihubungi “

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 4 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6. 7. Isi Description Category ( Web-Joomla )

Berikutnya klik ikon Save. Sekarang tinggal mengisi informasi kontak sekolah. Klik menu components, pilih contacts, pilih manage contacts.

Gambar 6. 8. Membuat manage contacts ( Web-Joomla )

Muncul halaman Contact Manager, lalu klik ikon New di pojok kanan atas.

Gambar 6. 9. Halaman Contact Manager ( Web-Joomla )

Muncul halaman Contact: New.

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 5 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6. 10. Halaman Contact : New ( Web-Joomla )

Klik di menu pilihan category, pilih Guru.

Gambar 6. 11. Pemilihan Category : Guru ( Web-Joomla )

Berikutnya mengisi informasi detail (Contact Details) berupa Name, Contact's Position,E-mail, Street Address, Postal Code/ZIP, Telephone.

Gambar 6. 12. Contact Details Guru ( Web-Joomla )

Informasi lainnya boleh dikosongkan. Semakin lengkap semakin baik. Untuk bahan latihan silakan mencoba mengisi kontak yang telah disediakan penulis di CD.

Hasil pengisian bisa dilihat pada situs seperti di bawah ini.

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 6 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6.13. Halaman Contact Us di situs ( Web-Joomla )

Gambar 6. 14. Ini adalah data isian situs di halaman depan ( Web-Joomla )

C. Polls

Penulis mengajak pembaca untuk membuat Polls baru tentang OSIS. Pertanyaannya adalah “ Menurut anda apakah, Ketua OSIS yang terpilih sudah menjalankan fungsinya ”. Jawaban yang disediakan yaitu belum, tidak tahu, lumayan, dan tidak berkomentar.

Sekarang mari mencoba untuk mengelola komponen Polls. Klik di menu Component lalu pilih Polls.

Gambar 6. 15. Menu Components >> Polls ( Web-Joomla )

Muncul halaman Poll Manager, terlihat ada item polls contoh dari Joomla.

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 7 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6. 16. Halaman Poll Manager ( Web-Joomla )

Untuk itu item tersebut di hapus saja.

Gambar 6. 17. Item Polls Joomla yang harus dihapus ( Web-Joomla )

Klik kotak Checklist item polls “This Joomla! installation was ....” pilih ikon Delete.

Sekarang klik ikon New, untuk membuat item Polls baru. Muncul halaman “ Poll: New”.

Gambar 6. 18. Halaman “Poll: New” ( Web-Joomla )

Ketik di kotak title yaitu “Menurut anda apakah, Ketua OSIS yang terpilih sudah menjalankan fungsinya ”.

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 8 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6.19. Mengisi item polls baru ( Web-Joomla )

Jangan lupa untuk mengisikan jawabannya pada kotak Options. Klik ikon

Save untuk menyimpan informasinya.

Gambar 6. 20. Item polls yang baru sudah terisi ( Web-Joomla )

Terakhir pembaca harus memastikan bahwa item polls yang dibuat pada kondisi

Published. Klik ikon tanda silang (unpublished) untuk mengubahnya menjadi

published ikonnya berubah menjadi tanda checklist.

D. Weblink

Weblink merupakan kumpulan link dari berbagai sumber yang menjadi informasi bagi pengunjung. Weblink dibuat berdasarkan kategori untuk memudahkan pencarian.

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 9 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6.21. Contoh weblink yang sudah dibuat berdasarkan kategori ( Web-Joomla )

Untuk membuat weblink, harus ada kategori yang dibuat terlebih dahulu. Penulis membuatkan kategori berdasarkan yaitu Pemerintah, PTN, PTS, SMU, SMK, SMP dan sebagainya.

Sebagai contoh penulis mengajak pembaca untuk membuat kategori “Pemerintah”. Sekarang klik menu Component klik weblink pilih Weblink Categories.

Gambar 6. 22. Weblink Categories ( Web-Joomla )

Muncul halaman Category Manager [ Component: Web Links ] .

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 10 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6. 23. Category Manager ( Web-Joomla )

Kemudian klik ikon New (gambar ikon Save. File : tombol_new.jpg) di pojok kananatas. Muncul halaman Category: New [ Weblinks: ].

Gambar 6. 24. Halaman Category : New [Weblinks] ( Web-Joomla )

Di kotak isian Category Title dan Category Name ketik teks “pemerintah ”.

Gambar 6. 25. Kotak Isian Category Title dan Category Name ( Web-Joomla )

Terakhir ketik “ Ini merupakan kumpulan link Pemerintah” di kotak isian Description.

Gambar 6. 26. Kotak isian Description ( Web-Joomla )

Klik ikon save di pojok kanan atas.

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 11 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Lakukan hal yang sama untuk membuat kategori PTN, PTS, SMU, SMK dan SMP. Hasilnya bisa dilihat gambar berikut ini.

Gambar 6. 27. Daftar Category Manager ( Web-Joomla )

Berikutnya mengisi informasi weblink di tiap-tiap kategori. Caranya, klik componentspilih weblink klik Weblink Items.

Gambar 6. 28. Weblink Items ( Web-Joomla )

Muncul halaman Weblink Manager.

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 12 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6. 29. Weblink Manager ( Web-Joomla )

Perhatikan sudah ada weblink yang diisikan oleh Joomla. Nanti silakan dihapus. Sekarang membuat link baru untuk pemerintah yaitu Depdiknas. Klik ikon

New di pojok kanan atas. Muncul halaman Weblink: New.

Gambar 6. 30. Weblink : New ( Web-Joomla )

Amati satu persatu di kotak isian.

Di kotak isian Name ketik “Depdiknas ”.

Gambar 6. 31. Isian kotak weblink ( Web-Joomla )

Di kotak pilihan category pilih Pemerintah.

E-book Membuat Web Sekolah dengan CMS Joomla 1.0 13 dari 13

Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id

Gambar 6. 32. Pilihan Category Pemerintah ( Web-Joomla )

Di kotak isian URL, ketik “ http://www.depdiknas.go.id “. Di kotak isian descriptionketik “Ini adalah website departemen Pendidikan Nasional” .

Lakukan hal yang sama untuk situs lain. Contoh situs silakan buka di CD

Gambar 6. 33. Daftar Weblink Item Yang Sudah Dibuat ( Web-Joomla )