87sample Joomlasekolah PDF
87sample Joomlasekolah PDF
SUHANTO
www.bukulokomedia.com
PROYEK MEMBUAT
WEBSITE SEKOLAH DENGAN JOOMLA!
Perpustakaan Nasional : Katalog Dalam Terbitan (KDT)
Penulis : Suhanto
PROYEK MEMBUAT WEBSITE SEKOLAH DENGAN JOOMLA!
- Cet. I. - Yogyakarta : Penerbit Lokomedia, 2010
131 hlm; 14 x 21 cm
ISBN : 978-979-1758-70-3
Penerbit Lokomedia,
Cetakan Pertama : November 2010
email : redaksi@bukulokomedia.com
website : www.bukulokomedia.com
Memiliki website saat ini bukanlah sesuatu yang sulit atau wah lagi...Dengan ada
Joomla sebagai CMS (Content Managament System) yang sangat popular saat
ini.Banyak pihak yang menggunakan Joomla untuk kepentingan nonkomersial
maupun komersial.
Dengan adanya buku ini mengajak pembaca khususnya pemula yang baru
mengenal Joomla, untuk mempelajari bagaimana konsep dan cara untuk
membangun sebuah website dengan Joomla sehingga menghasilkan suatu web
yang terlihat manarik.
Untuk memudahkan pembaca, penulis juga menyertakan CD pendamping yang
didesain khusus untuk pembaca sehingga dalam mempelajari setiap materi yang
di berikan tidak akan mengalami kesulitan. CD ini terdiri dari Extensions Joomla,
xampp-win32-1.6.4., Template Joomla dan tidak kalah penting yaitu video
tutorial.
Puji syukur ke hadirat Allah SWT atas berkat dan rahmatNya sehingga penulis
dapat menyelesaikan buku ini.Mohon maaf jika ada kekurangan, Saran dan Kritik
Anda sangat kami harapkan untuk penyempurnaan lebih lanjut dan Akhir kata,
kami berharap buku ini dapat bermanfaat bagi banyak orang.
Penulis
v
vi
Daftar Isi
Kata Pengantar..................................................................................................v
Daftar Isi............................................................................................................vii
vii
4.1.3. Modul Shout Box..............................................................................52
4.2. Cara Menghapus Artikel di Joomla............................................................57
4.3. Membuat Artikel Baru................................................................................58
4.4. Mengelola Artikel.......................................................................................62
4.5. Membuat Link antara Menu dengan Artikel..............................................66
4.6. Mengganti Header Website.........................................................................68
4.7. Membuat Top Menu Hubungi Kami..........................................................69
4.8. Membuat Top Menu Donwload.................................................................72
4.9. Membuat Top Menu Agenda......................................................................77
viii
7.8. Make Up Website Anda dengan SlideShow............................................113
7.9. Mempercantik Album Foto dengan Light Gallery..................................118
7.10. Manajemen User.....................................................................................121
7.11. Menampilkan Video dalam Artikel........................................................126
Daftar Pustaka................................................................................................133
ix
BAB I
DUnianya
Web dan CMS
Bab 1
Dunianya Web dan CMS
Zaman dulu membangun sebuah web adalah kerjaan yang wah banget deh.
Website adalah salah satu komponen yang sangat penting didalam dunia internet.
Pembuatan website mempunyai berbagai tujuan. Saat ini sebuah website tidak
hanya dimiliki perusahaan besar yang telah memiliki bisnis di dunia nyata, namun
banyak sekali bisnis yang justru berawal dari internet dan tidak kalah pentingnya,
website juga sudah digunakan didalam pemerintahan yang bahasa kerennya E-
Government, ini bertujuan agar pemerintah lebih dekat dengan rakyat.
Oke..kita akan mempersipan lahan untuk website sekolah kitayang perlu Anda
siapkan bukan Meteran untuk mengukur lahan Andatapi yang Anda perlu
siapkan thuSecangkir kopi dan Camilan..he..heOk..L3st GO!!!!!!
Disini kita akan melakukan instalasi WampServer dan Joomla, yang perlu Anda
ingatsemua tool dan component sudah penulis siapkan dalam bentuk CD, jadi
kagak repott2..untuk nyarinya
3. Maka tampil kotak dialog Welcome, klik tombol Next. Lihat gambar 2.3.
5. Maka akan tampil kotak dialog Select Destination Location, biarkan terisi
c:\wamp, lanjutkan dengan meng-klik tombol Next. Lihat gambar 2.5.
7. Maka akan tampil kotak dialog Ready to Install, langsung aja klik tombol
Install untuk memulai proses instalasi. Lihat gambar 2.7.
8. Tunggu proses instalasi .. apabila di komputer Anda sudah terinstall browser
Mozilla Firefox, saat proses instalasi berjalan akan tampil kotak dialog
seperti pada gambar 2.8.
9. Klik tombol Yes, maka proses instalasi akan dilanjutkan. Dalam beberapa
komputer, apabila sudah terpasang proteksi Firewall, maka akan tampil
kotak dialog Windows Security Alert. Lihat gambar 2.9.
11. Klik tombol Next, maka proses instalasi sudah selesai dengan menampilkan
kotak dialog Complete, klik tombol Finish. Lihat gambar 2.11.
12. Selanjutnya, Anda perhatikan pada layar windows di pojok kanan bawah
(taskbar), disana sudah terdapat ikon Wamp server yang menandakan bahwa
Wamp sudah berhasil terinstall di komputer Anda. Lihat gambar 2.12.
13. Klik pada icon Wamp server, maka akan tampil beberapa setting, pilih/klik
pada Start All Services untuk mengaktifkan Wamp server. Lihat gambar
2.13.
5. Klik tombol Next, maka tampil Pre-installation Check. Lihat gambar 2.16.
7. Klik tombol Next, maka akan tampil halaman Database Configuration dan
Anda akan mendapat beberapa pertanyaan dan jangan khawatir, karena
penulis sudah memberikan jawabannya..he..he..? Database Type : mysql,
Host Name : localhost, Username : root, Password = (dikosongkan aja) dan
Database Name = dbsekolah. Lihat gambar 2.18.
9. Maka akan tampil halaman Main Configuration, isikan pada Site Name :
(terserah Anda, contohnya: SMK N 3 MERAUKE), Your Email : (sesuaikan
dengan alamat Email Anda), Admin Password : 1234 dan Confirm Admin
Password : 1234, dan terakhir jangan lupa untuk meng-klik pada tombol
Install Sample Data, kemudian klik tombol Next. Lihat gambar 2.20.
11. Lho kok tampilan halamannya kayak error BozNyantai ae Brow.. Buka
Windows Explorer, lalu masuk ke direktori c:\ wamp\www\sekolah\,
kemudiaan cari folder installation, setelah itu hapus folder tersebut. Lihat
gambar 2.22.
Semua langkah telah terpenuhisekarang waktu untuk uji coba..apa semua
langkah yg kita lakuin benar, coba ketik di browser http://localhost/sekolah, dan
jika semua langkah benar, maka Anda akan mendapatkan halaman seperti pada
gambar 2.23.
Selamat!! Anda sudah berhasil melakukan instalasi Joomla. Agar nggak jenuh
silakan Anda istirahat sambil nikmati snack ama secangkir kopi yang sudah Anda
siapkantapi inget..jgn lama2karena tugas berat menanti kita...
Apabila Anda kesulitan mengikuti langkah instalasi Wamp Server dan Joomla,
Anda bisa langsung melihat videonya yang terdapat di CD Master Joomla pada
folder Video Tutorial.