SMK BHAKTI MULYA Hal 1
BAB I
PENDAHULUAN
A. Tujuan Standar Kompetensi
Maksud Praktik Kerja Industri adalah salah satu bentuk
penyelenggaraan Pendidikan Keahlian Kejuruan, yang memadukan secara
sistematik progran pendidikan disekolah dan program penguasaan keahlian
yang diperoleh melalui kegitan bekerja langsung pada bidang pekerjaan
yang relefan, terarah untuk mencapai kemampuan atau keahlian tertentu.
Dalam pengertian tersebut tersirat, bahwa ada 2 (dua) pihak yaitu lembaga
pendidikan dan lembaga kerja (industri/perusahaan atau instansi tertentu)
yang secara bersama-sama menyelenggarakan suatu program keahlian
kejuruan
.
B. Dasar teori
JOOMLA
Joomla merupakan salah satu content management system (CMS)
yang bersifat open source. Joomla! Adalah sebuah software gratis yang
dapat di gunakan untuk membuat web yang paling sederhana hingga paling
kompleks. Di sebut open source karena pengguna dapat memodifikasi,
menghapus, maupun menambah script yang di sertakan dalam software
tersebut asal tetap mencantumkan hak cipta dan mentaati peraturan yang
telah di sepakati bersama-sama. Joomla! Adalah salah satu CMS yang
SMK BHAKTI MULYA Hal 2
memiliki komunitas besar di seluruh dunia dengan di dukung oleh para
pengembang ketiga yang akan terus mengembangkan program inti joomla!.
1. Sejarah
Munculnya joomla! berawal dari konflik dari “konflik internal” di
dalam kepengurusan pengembang inti mambo open source atau lebih sering
di kenal dengan mambo pada tahun 2005. Pihak pendiri (founder) mambo
ingin membentuk sebuah institusi yang bernama mambo foundation.
Gagasan tersebut di tentang keras oleh pengembang dari pihak ketika (3rb
Developer), alasannya karena jika pengembangan mambo di kendalikan
oleh mambo foundation di khawatirkan suatu saat mambo akan di
komersilkan. Sekitar bulan agustus 2005, sebagian pengembang inti mambo
keluar dari kepengurusan pengembang program inti mambo. Perkembangan
selanjutnya, para pengembang inti mambo yang keluar dari kepengurusan
tersebut bergabung dan pada 16 september 2005 membuat sebuah CMS
bernama joomla open source. Rilis versi awal joomla yaitu versi 1.0.0 yang
merupakan “cloning” dari mambo versi 4.5.3 di sebut cloning karena
memang semua saciptnya sama persis. Nama joomla! Merupakan sebuah
ejaan yang berkaitan dengan ilmu fonetik dari kata Swahili “juumla” yang
memiliki arti bersama-sama atau secara keseluruhan.
Komunitas di belakang joomla! Meliputi para pengembang, para
perancang, penguruh system, penerjemah, para penulis isi, dan yang paling
penting yaitu pengguna (end user). Ketika buku ini di tulis, joomla sudah
merilis versi 1.5.11. meskipun joomla menggunakan bahasa PHP, bukan
berarti harus memahami seluruhnya tentang bahasa PHP. Bagi mereka tidak
memahami kode HTML, ASP, CGl, maupun PHP tidak perlu takut untuk
mempelajarinya karena meskipun tidak tahu tentang kode-kode tersebut,
namun masih bisa membuat sebuah web dinamis secara cepat dengan
beberapa fitur yang sangat lengkap. Untuk mengetahui lebih lanjut tentang
SMK BHAKTI MULYA Hal 3
joomla!, dapat mengakses langsung ke alama website resminya di
http://www.joomla.org.
2. Keunggulan joomla!
pada awal perkembangannya, joomla tidak di minati oleh masyarakat
luas. Alasannya klasik, yaitu di karenakan joomla merupakan software
gratis sehingga di anggap tidak aman, banyak kelemahan, kurang bergengsi,
tidak impresif dan anggapan lainnya. Sikap apatis tersebut di patahkan oleh
pengembang inti joomla dengan di buktikannya beberapa aplikasi tambahan
yang sangat fleksibel untuk di sisipkan ke dalam system joomla. Pada
akhirnya, masyarakat dapat memanfaatkan joomla untuk berbagai keperluan
terutama membangun website secara cepat tanpa mengesampingkan segi
keindahan tampilan.
Keunggulan joomla antara lain:
1. Simpel tetapi sangat powerfull, dengan joomla kita bisa membuat
berbagai macam website yang sangat simple hingga yang sangat
komleks.
2. Mengakomodasi pengguna dengan berbagai macam kemampuan. Bagi
yang tidak mengenal PHP sama sekali, menggunakan joomla sama
seperti menggunakan aplikasi desktop sehari-hari. Akan tetapi bagi
yang mengerti bahasa pemograman joomla menyediakan fasilitas
dimana kita dapat mengkostumisasi berbagai script dan tampilan yang
sudah ada.
3. Free dan open source. Joomla adalah software open source yang di
bangun bersama oleh komunitas. Anda bebas menggunakan,
memodifikasi, mendistribusikan tanpa di pungut biaya sepersenpun.
Bagi orang awam, mungkin masih terasa asing dengan istilah apache, PHP,
dan mySQL. Karena tanpa adanya ketiga aplikasi tersebut, maka instalasi
SMK BHAKTI MULYA Hal 4
joomla tidak dapat di jalankan di computer pribadi (PC). Sedikitv gambaran
tentang ketiga hal tersebut:
1. Apache merupakan salah satu dari sekian banyak aplikasi yang
berfungsi sebagai web server. Aplikasi ini sangat reliable untuk
dijadikan web server pada computer pribadi (PC).
2. PHP merupakan salah satu bahasa pemrograman berbasis web. Oleh
karena joomla menggunakan bahasa PHP, maka dalam computer
pribadi (PC) harus terinstall bahasa PHP.
3. mySQL merupakan salah satu tipe database yang paling banyak di
minati para pengembang web karena selain mudah instalasinya, juga
database mampu menampung record sebanyak ratusan giga. Database
ini juga berada di bawah lisensi GNU yang berarti gratis dalam
penggunaan maupun penggandaan.
Dari ketiga software di atas kita di haruskan mengkonfigurasinya yang tidak
mudah dan memerlukan waktu apalagi yang masih awam dengan ketiga hal
yang di atas. Namun, jangan khawatir karena orang awam pun dengan
mudah dapat menjalankan ketiga aplikasi ini dengan satu paket software
yang sudah menyediakan Apache, PHP, dan mySQL. Ada berbagai macam
web server saat ini, di antaranya: PHPTriad, EasyPHP, XAMPP,
WampServer, UniServer, AppServ, dan lain-lain. Untuk modul ini, saya
menggunakan WampServer sebagai web server.
SMK BHAKTI MULYA Hal 5
BAB II
PEMBAHASAN
A. ALAT DAN BAHAN
1 unit computer (PC)
Software WampServer
Software Joomla
B. PELAKSANAAN
Instalasi WampServer
1. Siapkan file wampserver yangt dapat di unduh di alamat
http://www.wampserver.com/en/download.php
2. Double click pada file installer wampserver dan terlihat perintah
instalasi sebagai berikut:
3. Muncul pembukaan instalasi dan lantas klik next
SMK BHAKTI MULYA Hal 6
4. Muncul jendela yang menunjukan alamat lokasi tempat yang di
tempatkannya aplikasi wampserver. Secara default akan di pilih
c:\wamp, kamu bisa mengubahnya ke tempat lain.
SMK BHAKTI MULYA Hal 7
5. Pada jendela berikutnya, anda akan di beri pilihan untuk meletakkan
shortcut (pintasan) WampServer, sebagai ikon di desktop maupun
sebagai ikon di quick launch. Terserah anda.
6. Proses instalasi sedang berjalan, silahkan tunggu
7. Apabila kamu telah mempunya aplikasi mozila firefox akan muncul
jendela alert sebagai berikut:
SMK BHAKTI MULYA Hal 8
Apabila kamu ingin menjadikan firefox sebagai web browser utama
WampServer, silahkan klik yes.
8. Berikutnya mucul jendela pengaturan mail Server, silahkan disesuaikan
dengan pengatiran mail server anda. Jika tidak, klik next.
9. Instalasi selesai, klik finish.
SMK BHAKTI MULYA Hal 9
10. Selanjutnya, klik pada ikon WampServer dikanan bawah desktop anda
dan klik localhost, maka anda akan di arahkan ke web browser dengan
url http://www.localhost.com
11. Maka tampilan di web browser kamu akan menjadi seperti di bawah ini
dan menandakan proses instalasi berhasil.
SMK BHAKTI MULYA Hal 10
12. Selesai.
SMK BHAKTI MULYA Hal 11
Instalasi Joomla
Setelah proses instalasi WampServer selesai maka kita siap untuk
menginstall joomla dalam laporan ini saya menggunakan joomla 1.5.11.
1. Extact file joomla 1.5.11. ke folder c:\Wamp\www\web
2. Setelaah proses extract selesai bukalah salah satu web broser (internet
explorer, firefox, chrome, opera, atau yang lain) lalu ketiklah
http://localhost/web, lalu tekan enter. Perlu di ingat, tulisan web bukan
sebagai patokan. Hal itu tergantung nama folder yang telah di buat.
SMK BHAKTI MULYA Hal 12
3. Tahap 1 – pilih bahasa yang di kehendaki lalu pilih next di kanan atas.
4. Tahap 2 – pemeriksaan sebelum instalasi. Secara default, joomla
mengecek kebutuhan yang harus di penuhi. Jika tidak ada masalah, dis
di lanjutkan dengan cara menekan tombol next.
5. Tahap 3 – persetujuan mengenai ketentuan lisensi. pada tahap ini,
saya hanya memberikan informasi tentang lisensi dan peraturan-
peraturan yang harus di penuhi dalam menggunakan joomla Open
Source. Tekan tombol next untuk melanjutkan.
SMK BHAKTI MULYA Hal 13
6. Tahap 4 – database. Masukkan host, username, password, dan nama
database (periksakembali ketika membuat database sebelumnya), jika
telah yankin tekan tombol next.
7. Tahap 5 – konfogurasi FTP. Tidak ada 5yang perlu di konfigurasi lantas
klik next.
8. Tahap 6 - konfigurasi utama. Pada tahap ini kita di minta untuk
memasukkan nama situs, misal: workshop joomla!2009. kemudian
masukkan alamat email dan masukkan passwordnya admin agar mudah
SMK BHAKTI MULYA Hal 14
di ingat. Sebaiknya aktifkan fasilitas instal sample data agar website
tidak kosong sehingga tidak membingungkan pada tahap selanjutnya.
Jika lupa mengaktifkan fasilitas ini, website anda akan blank.
Berikutnya, klik tombol next.
9. Tahap 7 – finish.
Sebelum joomla dapat di gunakan, ada satu langkah terakhir yang harus
di lakukan. Anda harus menghapus folder installation dalam folder
jooomla.
10. Setelah di hapus silahkan refresh URL http://localhost.web. Akan
Nampak tampilan sbagai berikut:
SMK BHAKTI MULYA Hal 15
SMK BHAKTI MULYA Hal 16
Cara Menggunakan Joomla
joomla terdiri dari dua bagian besar, fronted dan backend.fronted
adalah halaman depan situs kita. Sedangkan backend bagian administrative
yang hanya bias di masuki oleh orang-orang tertentu saja.
Backend login screen
frontend
Sekilas mengenai backend
SMK BHAKTI MULYA Hal 17
Saat pertama kali masuk ke bagian backend, anda akan di sambut oleh icon-
icon control panel. Icon-icon ini merupakan jalur cepat menuju fungsi-
fungsi yang sering di kunjungi.
Dalam halaman pertama backend terdapat icon-icon panel dan juga terdapat
menu bar di atas. Di bawah pat tool bar. Berikut salah satunya:
Keterangan:
SMK BHAKTI MULYA Hal 18
Mengelola Artikel
Oleh karena joola merupakan sebuah aplikasi web yang bersifat dinamis,
maka penulisan artikel lebih di dahulukan dari pembuatan item-item menu.
Jika di urutkan proses pembuatan web portal menggunakan joomla, yang
pertama kali di lakukan adalah membuat section, lalu category, kemudian
content(article), dan yang terakhir item menu. Dalam prakteknya,
berhubung masih terdapat artikel lain dari joomla yang tidak digunakan,
terpaksa harus menghapus terlebih dulu section, category,dan content
tersebut. Sebuah category tidak dapat terhapus jika masih terdapat artikel
yang berada dala kategorit tersebut. Sebuah section tidak dapat terhapus jika
masih terdapat category di dalamnya. Secara singkat dapat di jelaskan,
semua artikel, category, dan section harus di hapus secara permanen dari
administrasi joomla agar pengelolaannya lebih udah dan cepat.
Identifikasi nama section dan category sejak awal sangat perlu
dilakukan. Hal ini untuk memudahkan ketika ingin menulis sebuah artikel,
karena artikel yang akan di tulis harus mengacu pada nama category dan
section. Jika tidak nama category dan section yang di inginkan tidak
Nampak dalam daftar, maka harus di buat terlebih dahulu. Sebagai
persiapan untuk membuat web portal, berikut ini contoh struktur pembuatan
section (S) dan category (c).
Misal:
1. Olahraga (S)
Sepakbola(C)
Basket(C)
Raket(C)
2. Politik(S)
SMK BHAKTI MULYA Hal 19
Nasional(C)
Internasional(C)
Jadi, sebelum menulis artikel harus membuat section dan category
terlebih dulu agar ketika di tampilkan halaman utama website lebih
terstruktur sehijngga pengguna tidak merasa bingung dalam menyerap
informasi yang di tampilkan.
A. Membuat section
Dalam menentukan nama section, terlebih dulu harus mengetahui
tema artikel yang akan di tulis nantinya. Hal ini untuk mempermudah
pengelolaan nama category dan section yang sesuai dengan artikel tersebut.
Sebagai studi kasus, berikut ini penjelasan pembuatan section yaitu:
OLAHRAGA.
1. Pertama kali pilih menu Content>section manager.
2. Setelah berada dalam section manager, pilih tombol new
SMK BHAKTI MULYA Hal 20
3. Masukan nama section = olahraga pada kolom title. Kemudian aktifkan
radio button published = yes. Aturlah public access = public.
4. Kemudian klik save
5. Jika sudah selesai anda bisa membuat section 2x yang lainnya.
B. Membuat category
Seteah selesai membuat section kita selanjutnya membuat
category. Pilih content>category manager> new.
Untuk contoh kasus kita memilih kategori sepakbola.
SMK BHAKTI MULYA Hal 21
Karena kita telah membuat section olahraga dan sesuai dengan rencana akan
terdiri dari berkatagori salah satunya sepakbola maka kita buat kategori
sepakbola.
C. Membuat Article
Setelah siap kategori dan section selanjutnya kita memikirkan dan
membuat artikel yang sesuai dengan category dan section yang telah kita
buat sebelumnya. Ok, sekarang kita membuat artikel yang misal judulnya
“ronaldo resmi berseragam madrid”
Masuk ke menu Content > Article manager > new
SMK BHAKTI MULYA Hal 22
Setelah selesai klik save. Jangan lupa untuk memilih section terlebih dahulu
kemudian akan muncul pilihan category.
Mengelola Navigasi
Navigasi merupakan sesuatu yang sangat penting dalam sbuah
website. Dengan navigasi, pengunjung dengan mudah menumakan content
yang mereka inginkan. Joomla sudah memiliki sistem pengaturan menu
sendiri untuk memudahkan administrator mengelola navigasi. Seperti telah
di jelaskan di awal, bahwa item menu dapat menghubungkan (link) article
maupun component, misalnya: games, chating, dan component lain.
Sedangkan untuk tampilan berita dapat berupa Blog, List, maupun Table.
Tipe item menu bermacam – macam yang dapat di bedakan
menjadi 4 tipe yaitu: internal link, external link, separator, dan alias.
Sedangkan untuk tipe internal link juga memiliki beberapa kategori item
menu yaitu: article, concact, mewsfeed, poll, search, user, weblink, dan
wrapper. Di sini tidak membahas seluruh tipe item menu. Misal membuat
menu baru yang masih berhubungan dengan artikel yang di buat tadi.
Pilih menu > main menu > new > section layout
SMK BHAKTI MULYA Hal 23
Setelah selesai klik save.
Maka di halaman fronted akan mmuncul menu bari di bawah newsfeed.
Mengenal Extensions
Secara umum jumlah extension (ekstensi) sangat banyak yang
terbagi menjadi beberapa tipe yaitu: component, language, module, plugins
(mambots), special, dan template. Dari beberapa tipe tersebut dapat di bagi
lagi menjadi beberapa kategori. Untuk mengetahui lebih detailnya, silahkan
buka http://extensions.joomla.org
1. Component
Jumlah component yang berkembang saat ini lebih dari ratusan dan
akan terus bertambah seiring dengan perkembangan zaman dan kebutuhan
penggunanya. Untuk menginstal component, terlebih dulu harus
mendownloadnya di website resmi joomla. Component ada yang gratis dan
berbayar, namun tidak perlu khawatir karena jumla component yang gratis
lebih banyak dari yang berbayar. Keduanya sama – sama memiliki fitur
yang lengkap dan handal karena sudah teruji dan akan terus “dipantau” oleh
SMK BHAKTI MULYA Hal 24
komunitas joomla, forum diskusi maupun komentar dari para pengguna
untuk memperbaiki sistem agar lebih baik. Ciri khas file component di awali
dengan kata “com” di depan nama component meskipun begitu, ada
beberapa component yang tidak menambahkan awalan “com” pada nama
component.
2. Modules
Module merupakan bentuk ekstensi yang lebih ringan dan fleksibel.
Ekstensi ini di gunakan dalam proses penampakan halaman. Anda hanya
bisa menampilkan content di depan melalui modul.
3. Plugin
Adalah tipe ekstensi yang lebih rumit dan bekerja dengan cara
menanggapi suatu event. Pada saat ini joomla sedang melakukan kerjanya,
baik itu pada inti joomla, modul, atau componen. Satu atau lebih event akan
terpicu.
Mencoba Komponen polls
Pols merupakan salah satu komponen yang hadir bersamaan
dengan paket instalasi joomla. Sesuai namanya komponen ini di gunakan
untuk membuat poling sederhana. Sekarang mari kita coba membuat poling.
Masuk component > pools > new
SMK BHAKTI MULYA Hal 25
Lantas klik save. Coba anda tengok ke frontend, apaokah sudah muncul
poling tersebut?kalau jawabannya iya ajaib. Untuk memunculkan masuk
extensions > module > polls.
Mengganti Template
Selain tersedianya berbagai macam extensions, joolma melalui
pengembang pihak ke tiga juga mempunyai ribuan template yang siap kita
gunakan baik yang berbayar ataupun yang gratis. Tentu kita bosan dengan
tampilan default joomla yang terkesan biasa. Untuk mengganti template
silahkan ikuti petunjuk berikut:
SMK BHAKTI MULYA Hal 26
1. Siapkan file template (.zip) jika menginginkan gratisan dapat di
download di www.siteground.com atau tanya saja via
www.google.com
2. Masuk extensions > installer > browser > upload
3. Setelah muncul peringatan instal success berarti proses instalsi
berhasil. Silahkan anda segera masuk extension > template manager
> centang template yang di pilih > klik default
4. Sekarang tengok halaman fronted.
SMK BHAKTI MULYA Hal 27
SMK BHAKTI MULYA Hal 28
BAB 3 PENUTUP
A. KESIMPULAN
Joomla merupakan salah satu content management system (CMS)
yang bersifat open source. Joomla! Adalah sebuah software gratis yang
dapat di gunakan untuk membuat web yang paling sederhana hingga paling
kompleks. Di sebut open source karena pengguna dapat memodifikasi,
menghapus, maupun menambah script yang di sertakan dalam software
tersebut asal tetap mencantumkan hak cipta dan mentaati peraturan yang
telah di sepakati bersama-sama. Joomla! Adalah salah satu CMS yang
memiliki komunitas besar di seluruh dunia dengan di dukung oleh para
pengembang ketiga yang akan terus mengembangkan program inti joomla!.
B. SARAN – SARAN
Di dalam menginstal joomla kita harus mengaktifkan fasilitas
“instal sample data yang berada pada konfigurasi utama, agar website tidak
kosong sehingga tidak membingungkan pada tahap selanjutnya. Jika lupa
mengaktifkan fasilitas instal sample data maka website anda akan kosong
(blank).
SMK BHAKTI MULYA Hal 29
DAFTAR PUSTAKA
http://jomla.org
http://wampserver.com/en/download.php
http://exstensions.joomla.org
http://siteground.com
http://www.google.com
http://apache.org
http://php.net
http://mysql.com
SMK BHAKTI MULYA Hal 30
LAMPIRAN