E-book Membuat Web Sekolah dengan CMS Joomla 1.0
1 dari 13
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 ) Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
2 dari 13
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 )
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
3 dari 13
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 “
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
4 dari 13
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.
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
5 dari 13
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.
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
6 dari 13
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.
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
7 dari 13
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, New”.
untuk membuat item Polls baru. Muncul halaman “ Poll:
Gambar 6. 18. Halaman “Poll: New” ( Web-Joomla ) Ketik di kotak title yaitu “Menurut anda apakah, Ketua OSIS yang terpilih sudah menjalankan fungsinya ”.
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
8 dari 13
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.
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
9 dari 13
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 ] .
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
10 dari 13
Gambar 6. 23. Category Manager ( Web-Joomla ) Kemudian klik ikon New (gambar ikon Save. File : tombol_new.jpg) di pojok kanan atas. 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.
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
11 dari 13
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 components pilih weblink klik Weblink Items.
Gambar 6. 28. Weblink Items ( Web-Joomla ) Muncul halaman Weblink Manager.
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
12 dari 13
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.
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id
E-book Membuat Web Sekolah dengan CMS Joomla 1.0
13 dari 13
Gambar 6. 32. Pilihan Category Pemerintah ( Web-Joomla ) Di kotak isian URL, ketik “ http://www.depdiknas.go.id “. Di kotak isian description ketik “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 )
Buku ini gratis. Bagian dari Gerakan Sedekah Ilmu. http://www.syarifudin.web.id