E-book Membuat Web Sekolah dengan CMS Joomla 1.0 1 dari 13 BAB 6 Mengelola Komponen Standar Pendukung Situs Sekolah Bab ini : situs Mempelajari cara membuat halaman Contact Us sebagai komponen pendukung 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 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 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 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. Muncul halaman Contact: New. Gambar 6. 9. Halaman Contact Manager ( Web-Joomla )
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.
E-book Membuat Web Sekolah dengan CMS Joomla 1.0 6 dari 13 Gambar 6.13. Halaman Contact Us di situs ( Web-Joomla ) C. Polls Gambar 6. 14. Ini adalah data isian situs di halaman depan ( Web-Joomla ) 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 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.
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.
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 ].
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.
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. Muncul halaman Weblink Manager. Gambar 6. 28. Weblink Items ( Web-Joomla )
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. Amati satu persatu di kotak isian. Di kotak isian Name ketik Depdiknas. Gambar 6. 30. Weblink : New ( Web-Joomla ) 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 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 )