BAB I PENDAHULUAN. A. Tujuan Standar Kompetensi. . B. Dasar teori JOOMLA. SMK BHAKTI MULYA Hal 1

Transkripsi

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 1

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 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 yang merupakan cloning dari mambo versi 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 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 2

3 joomla!, dapat mengakses langsung ke alama website resminya di 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 3

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 4

5 A. ALAT DAN BAHAN 1 unit computer (PC) Software WampServer Software Joomla B. PELAKSANAAN Instalasi WampServer BAB II PEMBAHASAN 1. Siapkan file wampserver yangt dapat di unduh di alamat 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 5

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 6

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 7

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 8

9 10. Selanjutnya, klik pada ikon WampServer dikanan bawah desktop anda dan klik localhost, maka anda akan di arahkan ke web browser dengan url Maka tampilan di web browser kamu akan menjadi seperti di bawah ini dan menandakan proses instalasi berhasil. SMK BHAKTI MULYA Hal 9

10 12. Selesai. SMK BHAKTI MULYA Hal 10

11 Instalasi Joomla Setelah proses instalasi WampServer selesai maka kita siap untuk menginstall joomla dalam laporan ini saya menggunakan joomla Extact file joomla 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 lalu tekan enter. Perlu di ingat, tulisan web bukan sebagai patokan. Hal itu tergantung nama folder yang telah di buat. SMK BHAKTI MULYA Hal 11

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 peraturanperaturan yang harus di penuhi dalam menggunakan joomla Open Source. Tekan tombol next untuk melanjutkan. SMK BHAKTI MULYA Hal 12

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 dan masukkan passwordnya admin agar mudah SMK BHAKTI MULYA Hal 13

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 Akan Nampak tampilan sbagai berikut: SMK BHAKTI MULYA Hal 14

15 SMK BHAKTI MULYA Hal 15

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 16

17 Saat pertama kali masuk ke bagian backend, anda akan di sambut oleh iconicon control panel. Icon-icon ini merupakan jalur cepat menuju fungsifungsi 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 17

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 18

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 19

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 20

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 21

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 22

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 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 23

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 24

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 25

26 1. Siapkan file template (.zip) jika menginginkan gratisan dapat di download di atau tanya saja via 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 26

27 SMK BHAKTI MULYA Hal 27

28 A. KESIMPULAN BAB 3 PENUTUP 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 28

29 DAFTAR PUSTAKA SMK BHAKTI MULYA Hal 29

30 LAMPIRAN SMK BHAKTI MULYA Hal 30