1 dari 13
BAB 6
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
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.
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.
3 dari 13
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
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.
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.
6 dari 13
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.
7 dari 13
Gambar 6. 16. Halaman Poll Manager ( Web-Joomla ) Untuk itu item tersebut di hapus saja.
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 .
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.
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.
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.
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.
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.
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