BAB I PENDAHULUAN - smkbmspt.files.wordpress.com · Dalam pengertian tersebut tersirat, ... B. Dasar teori ... Oleh karena joola merupakan sebuah aplikasi web yang bersifat dinamis,

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


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


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

http://www.joomla.org/


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.


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

http://www.wampserver.com/en/download.php


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.


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:


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.


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.

http://www.localhost.com/


12. Selesai.


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.

http://localhost/web


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.


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


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:

http://localhost.web/



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


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:


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)


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


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.


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


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


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

http://extensions.joomla.org/


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


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:


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.

http://www.siteground.com/



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).


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

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/


LAMPIRAN

BAB I PENDAHULUAN - smkbmspt.files.wordpress.com · Dalam pengertian tersebut tersirat, ... B. Dasar teori ... Oleh karena joola merupakan sebuah aplikasi web yang bersifat dinamis,

Documents