Sanksi Pelanggaran Pasal 72

Undang-undang Nomor 19 Tahun 2002

Tentang Hak Cipta

1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 Ayat (1) atau Pasal 49 Ayat (1) dan Ayat (2) dipidana dengan pidana penjara masing-masing paling singkat 1 (satu) bulan dan/atau denda paling sedikit Rp 1.000.000,00 (satu juta rupiah), atau pidana penjara paling lama 7 (tujuh) tahun dan/atau denda paling banyak Rp 5.000.000.000,00 (lima miliar rupiah).

2. Barangsiapa dengan sengaja menyiarkan, memamerkan, mengedarkan, atau menjual kepada umum suatu ciptaan atau barang hasil pelanggaran hak cipta atau hak terkait sebagai dimaksud Ayat (1) dipidana dengan pidana penjara paling lama 5 (lima) tahun dan/atau denda paling banyak Rp 500.000.000,00 (lima ratus juta rupiah).

M e m b u at We b u n t u k S m a r t p h o n e

dengan Joomla! Mobile

www.bukulokomedia.com

SUHANTO

iv

MEMBUAT WEB UNTUK SMARTPHONE DENGAN JOOMLA! MOBILEPerpustakaan Nasional : Katalog Dalam Terbitan (KDT)Penulis : SuhantoMEMBUAT WEB UNTUK SMARTPHONE DENGAN JOOMLA! MOBILE- Cet. I. - Yogyakarta : Penerbit Lokomedia, 2012 141 hlm; 15 x 23 cm ISBN : 978-979-1758-86-4

Penerbit Lokomedia, Cetakan Pertama : Juni 2012

Editor : Lukmanul HakimCover : Subkhan AnshoriLayout : Lukmanul Hakim

Diterbitkan pertama kali oleh :Penerbit LokomediaJl. Jambon, Perum. Pesona Alam Hijau 2 Kav. B-4, Kricak Yogyakarta 55242.

email : redaksi@bukulokomedia.comwebsite : www.bukulokomedia.com

Copyright © Lokomedia, 2012

Hak Cipta dilindungi oleh Undang-Undang

Dilarang memperbanyak, mencetak ataupun menerbitkan sebagian maupun seluruh isi buku ini tanpa izin tertulis dari penerbit.

v

Kata Pengantar

Memiliki website saat ini bukanlah sesuatu yang sulit atau wah lagi...Dengan adanya Joomla sebagai CMS (Content Management 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 Master Joomla, Extensions Joomla (Modul dan Plugin), Web Server (xampp-win32-1.6.4 dan Wamp Server), 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.

Surabaya, Agustus 2010

Penulis

vi

Halaman ini Sengaja Dikosongkan

www.bukulokomedia.com

vii

Daftar Isi

BAB 1. Dunianya Web dan CMS....................................................................................1

1.1. Om’ Apa itu Joomla!................................................................................................... 2

1.2. Sejarah Singkat Joomla!...............................................................................................2

1.3. Kelebihan Membuat Web dengan Joomla!..................................................................3

BAB 2. Persiapan Lahan Website Sekolah.....................................................................5

2.1. Instalasi Wamp Server................................................................................................. 6

2.2. Instalasi Joomla!.........................................................................................................13

BAB 3. Renovasi Joomla Hingga Menjadi Website Sekolah.....................................19

3.1. Instalasi Template Joomla......................................................................................... 21

3.2. Rombak Menu dan Modul Joomla Sesuka Kita........................................................25

3.3. Instalasi Bahasa Indonesia di Joomla.........................................................................35

3.4. Mengatur Layout (Posisi Modul)................................................................................36

3.5. Mengedit Nama Modul..............................................................................................38

3.6. Membuat Section dan Category Website Sekolah.....................................................40

BAB 4. Mempercantik Website Sekolah.......................................................................45

4.1. Instalasi Modul untuk Website Sekolah.....................................................................46

4.1.1. Modul Clock.....................................................................................................46

4.1.2. Modul Counter..................................................................................................49

4.1.3. Modul Shout Box.............................................................................................51

4.2. Cara Menghapus Artikel di Joomla............................................................................54

4.3. Membuat Artikel Baru................................................................................................54

4.4. Mengelola Artikel.......................................................................................................59

4.5. Membuat Link antara Menu dengan Artikel..............................................................62

viii

4.6. Mengganti Header Website.........................................................................................64

4.7. Membuat Top Menu Hubungi Kami.........................................................................65

4.8. Membuat Top Menu Download.................................................................................68

4.9. Membuat Top Menu Agenda......................................................................................73

BAB 5. Upload Website Sekolah ke Internet...............................................................79

5.1. Berkenalan dengan Hosting dan Domain..................................................................80

5.2. Mengekspor Database Joomla....................................................................................81

5.3. Memilih Hosting dan Domain....................................................................................83

5.4. Membuat Database dan Usernya................................................................................84

5.5. Mengupload Website Sekolah....................................................................................86

BAB 6. Cara Menjalankan Proyek Website SMK......................................................91

BAB 7. Bonus: Aneka Trik Joomla Pilihan..................................................................97

7.1. Menghilangkan Tulisan Welcome To The Frontpage...............................................98

7.2. Mengubah Title Bar Browser.....................................................................................99

7.3. Mengubah Footer Website........................................................................................100

7.4. Menampilkan Status YM sampai Facebook............................................................101

7.5. Maaf Kami dalam Renovasi (Under Construction).................................................103

7.6. MemanfaatkanTerjemahan Google Translate..........................................................105

7.7. Mempercantik Tanggal pada Artikel........................................................................106

7.8. Make Up Website Anda dengan SlideShow............................................................107

7.9. Mempercantik Album Foto dengan Light Gallery..................................................110

7.10. Manajemen User di Joomla....................................................................................113

7.11. Menampilkan Video didalam Artikel.....................................................................117

BAB 8. Joomla! Mobile Web........................................................................................123

8.1. WAFL Extension (Extension for Mobile Web)......................................................124

8.1.1. Instalasi WAFL Extension.............................................................................124

ix

8.1.2. Setting WAFL (Mengatur Modul dan Posisinya)..........................................129

8.1.3. Mengedit Artikel dalam Format Mobile........................................................131

8.2. Kuneri Mobile (Mobile Joomla)...............................................................................133

8.2.1. Instalasi dan Setting Mobile Joomla...............................................................134

8.2.2. Membuat Sub Domain untuk Versi Mobile...................................................136

8.2.3. Ujicoba Website Versi Mobile.......................................................................137

8.2.4. Troubleshooting..............................................................................................138

Daftar Pustaka...............................................................................................................143

Halaman ini Sengaja Dikosongkan

www.bukulokomedia.com

BAB I

Dunianya Web dan CMS

2

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.

Membangun Website Sekolah itu Susah & Mahal Ya? Ah, Itu Cuman Gooship Aja Kok…..

Jika anda menanyakan pertanyaan itu 10 tahun yang lalu, maka jawabanya adalah sulit Buanget the..karena anda dituntut untuk menguasai bahasa Pemograman HTML dan bahasa yang lain (yang pasti bukan bahasa Indonesia..he..he) dan jika pertanyaan itu anda menanyakan saat ini maka jawabannya bisa juga tetap sulit, bisa juga jawabannya sangat mudah.

1.1 Om’ Apa Tuh Joomla?Joomla! adalah satu CMS (Content Management System) yang paling terkenal saat ini, Pengertian CMS itu sendiri adalah pengelolaan isi atau content.

Bila dikaitkan dengan web, maka CMS bisa didefinisikan sebagai software yang mampu mengelola isi atau content dari sebuah website seperti melakukan publikasi, edit, ataupun menghapus sebuah content. Tentu saja, pengelolaan ini hanya bisa dilakukan oleh orang-orang yang telah diberikan hak untuk melakukannya. Yang termasuk ke dalam kategori content ini bisa saja berupa tulisan, gambar, video, file, ataupun yang lainnya.

1.2 Sejarah Singkat Joomla!Pada tahun 2001 sebuah perusahaan di Australia bernama Miro membuat sebuah CMS bernama Mambo. Software ini dibuat dengan sistem open source sehingga konstributor terhadap pengembangan software ini sangatlah pesat. Karena melihat sisi bisnis yang semakin cemerlang pada tahun 2002, kini perusahaan mulai berubah pikiran dan membuat dua versi dari Mambo yaitu versi open source dan versi komersil yang dijual. Versi open source dinamakan MOS (Mambo Open Source) sedangkan versi komersilnya dinamakan Mambo CMS.

3Bab I. Dunianya Web dan CMS

Pada tanggal 17 Agustus 2005, perseteruan antara pengembang Mambo dengan Miro sebagai pemegang hak cipta mencapai puncaknya dimana para pengembang Mambo ramai-ramai hijrah dan mengembangkan CMS Open Source sendiri dengan nama Joomla!. Pada tanggal 16 September 2005 diperkenalkanlah Joomla! versi 1.0.0 kepada publik yang sebenarnya merupakan produk yang sama dengan Mambo 4.5.2.3, tetapi dengan beberapa perbaikan.

1.3 Kelebihan Membuat Web dengan Joomla!Joomla! adalah salah satu Open Source Content Management Systems paling powerfull yang pernah ada. Digunakan diseluruh dunia dari situs yang paling sederhana sampai kepada aplikasi korporasi yang kompleks. Kelebihan Joomla! terletak pada kemudahan instalasi dan pengelolaannya.

CMS yang satu ini merupakan CMS yang lengkap dan banyak dipakai oleh pengembang web baik luar dan dalam negeri. Sebagai jasa pembuatan website murah, penguasaan banyaknya program CMS sudah menjadi sebuah keharusan.

Joomla! terbilang lengkap untuk fitur-fiturnya dan untuk belajar joomla pun gampang, karena sudah ada id-joomla.com yang didalamnya banyak tutorial tentang CMS ini. Id-joomla.com merupakan komunitas Joomla! Indonesia, anggotanya sudah banyak dan mereka saling sharing tentang fitur dan plugin terbaru dari Joomla!. Di dalam web ini kita juga bisa download Joomla! bahasa Indonesia.

Berikut ini kelebihan-kelebihan membuat website dengan Joomla!.

• Kemudahan Instalasi

• Kemudahan Pengelolahan

• Open Source

• Banyak Buanget Fitur-fiturnya

Bro sorry ya…penulis hanya menjelaskan kelebihannya saja dan untuk kekurangan penulis tidak menjelaskan..he..he.. nah itu tugasnya pembaca untuk mencari kekurangan CMS Joomla ini, tapi caranya gimana OM’ tanya aja ama Uncle Google.. Dan tidak ada sistem yang sempurna 100% (Kesempurnaan Hanyalah Milik Tuhan) .

4

Gambar 1.1 Logo Joomla!