Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya...

17
Membuat Web dengan CMS Joomla Sumber dari www.ahmadyunus.com Membuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan kita mau belajar. Saya sendiripun sebenarnya masih pemula sekali dalam hal membuat web, khususnya membuat web dengan CMS joomla. Tetapi dengan sedikit pengetahuan yang dimiliki akan memberikan barokah yang besar jika di share dengan yang lainnya. Yang akan dipaparkan nanti di tujukan bagi para pemula yang ingin belajar membuat dan mengelola website khususnya menggunakan CMS joomla, bagi yang sudah mahir dengan joomla kita saling berbagi aja ,dilarang saling menjatuhkan ya... he..he..he.. Website www.ahmadyunus.com pun menggunakan CMS joomla versi 1.5.11 Ok.. Kita langsung saja.. untuk membuat web site dengan CMS joomla ada dua cara, yaitu, dengan cara online dan offline 1. dengan cara online maksudnya adalah kita install file-file joomla kita langsung ke tempat hosting baik yang didapatkan secara menyewa atau yang gratisan 2. dengan cara offline maksudnya kita install file-file joomla kita di komputer kita dulu, kita bagus-bagusin dulu tuh webnya, setelah pas baru di pindah ke tempat hostingan. Menurut saya bagi para pemula sebaiknya membuat web joomlanya secara offline dulu aja A. Perangkat yang harus disiapkan untuk belajar membuat web dengan CMS joomla adalah : 1. Yang pasti Perangkat PC atau notebook, atau Laptop yang masih bisa digunakan, Komputer Pentium 3 juga masih bisa digunakan kok. 2. Masalah OS terserah mau GNU ataupun Windows, tetapi yang banyak digunakan di kita masih Windows terutama Windows XP, jadi Panduan yang akan di beberkan nanti menggunakan OS Windows. 3. Aplikasi Local Server, Aplikasi ini berguna untuk dapat menjalankan aplikasi berbasis HTTP, WWW, di Komputer kita, jadi seolah-olah komputerkita sedang terhubung dengan internet. Aplikasi yang akan digunakan adalah XAMPP 4. File Pack Joomla versi berapa aja, yang akan dibahas nanti menggunakan joomla versi 1.5.x 5. Template joomla, berguna untuk merubah tampilan pada joomla. 6. Modul Joomla, nah ini berguna untuk menambahkan fitur2 pelengkap di joomla seperti fitur Counter (untuk menghitung jumlah pengunjung web kita "ada tuh di sebelah kiri dengan judul Statistik") dll

Transcript of Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya...

Page 1: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Membuat Web dengan CMS Joomla Sumber dari www.ahmadyunus.com Membuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan kita mau belajar. Saya sendiripun sebenarnya masih pemula sekali dalam hal membuat web, khususnya membuat web dengan CMS joomla. Tetapi dengan sedikit pengetahuan yang dimiliki akan memberikan barokah yang besar jika di share dengan yang lainnya.

Yang akan dipaparkan nanti di tujukan bagi para pemula yang ingin belajar membuat dan mengelola website khususnya menggunakan CMS joomla, bagi yang sudah mahir dengan joomla kita saling berbagi aja ,dilarang saling menjatuhkan ya... he..he..he..

Website www.ahmadyunus.com pun menggunakan CMS joomla versi 1.5.11

Ok.. Kita langsung saja.. untuk membuat web site dengan CMS joomla ada dua cara, yaitu, dengan cara online dan offline

1. dengan cara online maksudnya adalah kita install file-file joomla kita langsung ke tempat hosting baik yang didapatkan secara menyewa atau yang gratisan

2. dengan cara offline maksudnya kita install file-file joomla kita di komputer kita dulu, kita bagus-bagusin dulu tuh webnya, setelah pas baru di pindah ke tempat hostingan. Menurut saya bagi para pemula sebaiknya membuat web joomlanya secara offline dulu aja

A. Perangkat yang harus disiapkan untuk belajar membuat web dengan CMS joomla adalah :

1. Yang pasti Perangkat PC atau notebook, atau Laptop yang masih bisa digunakan, Komputer Pentium 3 juga masih bisa digunakan kok.

2. Masalah OS terserah mau GNU ataupun Windows, tetapi yang banyak digunakan di kita masih Windows terutama Windows XP, jadi Panduan yang akan di beberkan nanti menggunakan OS Windows.

3. Aplikasi Local Server, Aplikasi ini berguna untuk dapat menjalankan aplikasi berbasis HTTP, WWW, di Komputer kita, jadi seolah-olah komputerkita sedang terhubung dengan internet.

Aplikasi yang akan digunakan adalah XAMPP

4. File Pack Joomla versi berapa aja, yang akan dibahas nanti menggunakan joomla versi 1.5.x

5. Template joomla, berguna untuk merubah tampilan pada joomla. 6. Modul Joomla, nah ini berguna untuk menambahkan fitur2 pelengkap di joomla

seperti fitur Counter (untuk menghitung jumlah pengunjung web kita "ada tuh di sebelah kiri dengan judul Statistik") dll

Page 2: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

B. Langkah-Langkah Membuat Web dengan CMS Joomla adalah Sebagai Berikut :

1. Instalasi Local Server (XAMPP) 2. Instalasi CMS Joomla 3. Utak-atik Template 4. Mengisi Konten/Berita 5. Tambah (Upload) Modul Joomla 6. Utak-atik Isi Web

Waaah ngantuk juga nih, Kurang rokok and kopi ... Ok deh segitu dulu ya.. nanti kita lanjut lagi.. (to be continued)

Installasi Local Server XAMPP di windows XP

Materi ini merupakan materi lanjutan dari artikel sebelumnya yang berjudul Membuat Web dengan CMS Joomla, Langkah yang pertama adalah kita harus menginstall terlebih dahulu aplikasi local server seperti XAMPP di Komputer kita agar komputer kita bisa bertindak sebagai server dan mampu menjalankan atau membaca file berbasis web.

Ok langsung saja,

1. Silahkan Unduh terlebih dahulu file XAMPP, klik Disini untuk download Jika link tadi rusak tautannya bisa langsung kunjungi website resminya, yaitu http://www.apachefriends.org/en/xampp.html, pilih file XAMPP ber ekstensi EXE

2. Silahkan jalankan file yang tadi di download dengan cara : - double klik, atau - klik kanan di file tersebut, lalu klik RUN Setelah anda jalankan maka akan ada tampilan seperti ini

Lalu klik OK

3. Setelah anda mengklik Tab OK, maka akan ada tampilan sebagai berikut

Page 3: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Lalu klik Next, maka akan tampil lagi seperti ini Lalu klik Next, maka akan tampil lagi seperti ini

Page 4: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Centang aplikasi yang ingin diinstall seperti gambar di atas. Jika Filezilla ingin diinstall juga, silahkan dicentang pada check box install Filezilla as service. Selanjutnya klik install, maka akan akan ada tampilan berikut

Tunggu sampai proses Instalasi selesai, Lalu klik Finish, maka akan tampil tampilan

Lalu Klik OK, dan akan muncul jendela berikut

Jika ingin memulai menjalankan XAMPP, maka klik Yes. Akan muncul jendela XAMPP Control Panel berikut

Page 5: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Pastikan Apache dan MySql sedang Berjalan jika anda ingin mengaktifkan localserver, terlihat pada gambar di atas dengan tulisan "Running" Jika anda ingin menonaktifkan local server maka tinggal klik Tab Stop pada Apache dan MySQL

4. Sekarang kita tinggal menguji apakah local server yang telah terinstal sudah dapat berjalan dengan baik di komputer kita, Cara mengujinya adalah sebagai berikut : - Buka Web Browser anda, misal Mozilla Firefox, ketikan http://localhost di address bar browser anda. Seperti pada gambar berikut Seharusnya tampil gambar berikut

Page 6: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

5. Selamat Proses Installasi Server XAMPP di Windows sudah berhasil dan Sukses.

6. Langkah Berikutnya untuk Belajar membuat web dengan CMS Joomla adalah Instalasi CMS Joomla

7. Bersambung..........

Page 7: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Istallasi CMS Joomla secara offline

Sebelumnya, telah dikupas tentang bagaimana cara menginstall local server XAMPP. Setelah selesai dan sukses menginstall XAMPP, langkah selanjutnya mari kita bersama sama belajar bagaimana caranya menginstall joomla. Secara offline.

Mengapa kita harus menginstall joomla secara offline dulu, gak langsung secara online. Karena untuk menghemat biaya (gak harus terhubung ke internet), terus kecepatan akses juga pasti cepat karena hanya melibatkan komputer kita saja, terus kalau ada kesalahan hanya kita yang tau, coba kalau sudah langsung online, bisa-bisa web kita yang masih ancur keliatan ma orang lain. Serta banyak kelebihan yang lainnya...

Ok Lah Klo Begitu...., kita langsung saja. Langkah langkah menginstall joomla secara offline adalah sebagai berikut :

1. Membuat Database, hal ini sangat urgen sekali, karena nanti kita akan banyak melibatkan segala data, maka tempat penampungan data sangat dibutuhkan, hal ini orang sering menyebutnya "database"

o Buka aplikasi browser anda, misalkan mozilla. Lalu ketikkan "localhost" tanpa tanda kutip, di address bar browser anda, lalu enter.

o Maka akan muncul tampilan awal XAMPP, jika ada pilihan bahasa, pilih atau klik bahasa english, sehingga akan muncul tampilan berikut :

Page 8: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

o Lalu Pilih atau klik PHPMyadmin, sehingga muncul tampilan berikut :

o Selanjutnya Masukkan Nama Database sesuai keinginan, klo disini saya kasih nama database "latihan" sekali lagi tanpa tanda kutip..., lalu klik "Ciptakan" atau "Create" seperti gambar berikut :

o Setelah sukses membuat database, maka akan muncul tampilan dibawah ini, tampilan di bawah ini merupakan permintaan pembuatan tabel pada database yang telah kita buat. Biarkan saja, karena nanti pembuatan tabelnya akan otomatis terbuat ketika menginstal joomla.

2. Setelah sukses membuat database, maka anda boleh menutup browser anda, untuk menghemat memori, di minimize juga gak apa apa.

Page 9: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

3. Langkah selanjutnya adalah membuat nama dari web kita, nama web ketika diinstall online namanya "domain". Karena kita menginstall pack Joomla secara offline, kita sebut saja subfolder. Buatlah nama folder baru pada folder C:\xampp\htdocs. Misal kita membuat nama folder "belajarjoomla". Nantinya pack joomla akan kita ekstrak ke folder "belajarjoomla" yaitu pada path C:\xampp\htdocs\belajarjoomla

.....

Page 10: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

....

4. Buka tempat anda menyimpan file-file joomla, jika anda belum punya silahkan download di http://www.joomla.org/download.html, untuk mendapatkan pack joomla versi terbaru,

....

pilih Full Package lalu pilih atau klik ZIP, tunggu beberapa waktu sampai proses download selesai. Setalah pack joomla di unduh, lalu anda extrak file tersebut, serta hasil ekstraknya simpan di dalam subfolder C:\xampp\htdocs\belajarjoomla

Page 11: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Klik Kanan pada pack Joomla hasil download, lalu pilih Extract Files, maka akan muncul tampilan di bawah ini...

Page 12: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Pilih tujuan dimana kita akan menyimpan hasil extract, pilih C:\xampp\htdocs\belajarjoomla, lalu klik Ok, maka akan muncul gambar di bawah ini...

tunggu sampai proses extract selesai..., Apabila telah selesai, buka folder "belajarjoomla", jika folder tersebut telah terisi file file seperti di bawah ini, maka proses extract file joomla telah sukses.

...

5. Langkah selanjutnya adalah proses Install Joomla, Buka aplikasi Mozilla, atau aplikasi browser lainnya, lalu ketikan "localhost/belajarjoomla" tanpa tanda kutip

Page 13: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

pada addres browser anda lalu tekan enter, maka akan muncul tampilan proses instalasi joomla seperti gambar berikut (klik pada gambar untuk membesarkan) :

Klik Next...., maka akan muncul tampilan berikut :

Klik Next...., maka akan muncul tampilan berikut :

Page 14: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Klik Next...., maka akan muncul tampilan berikut :

Pada Gambar di atas, ada beberapa konfigurasi yang harus diisi, yaitu : - Kotak isian Database type : mysql - Kotak isian Hostname : localhost - Kotak isian Username : root - Kotak isian Password : kosongkan saja - Kotak isian Database Nama : Isikan nama database yang telah dibuat, "latihan" Lalu Klik Next.., maka akan muncul tampilan berikut :

Lalu Klik Next.., maka akan muncul tampilan berikut :

Page 15: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Pada tampilan di atas ada beberapa kotak isian yang harus diisi : - Situs Name : diisi terserah anda, ini merupakan Judul Web anda nantinya - Your Email : disi dengan alamat email anda - Admin Password : Merupakan password untuk masuk ke Panel Web anda - Confirm Admin Password : Ketik Ulang sandi yang anda ketik tadi Jika anda masih sangat Pemula, Silahkan anda Klik tombol Install Sample Data, nantinya web anda sudah ada isinya, tidak kosong sama sekali, jadi memudahkan anda untuk belajar nantinya. Setelah anda mengklik Install Sample Data, lalu klik Next.., sehingga akan muncul tampilan berikut :

di Pojok kanan sebelah atas ada tombol Site dan Admin, Jika anda Mengklik Site maka situs web akan muncul, Jika anda Mengklik Admin maka anda bisa mulai mengobrak-abrik web anda.., Tapi tunggu dulu jangan terburu nafsu...

Page 16: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

Sebelum anda mengklik salah satu dari tab tadi, ada satu langkah lagi, yaitu menghapus folder dengan nama "installation" pada folder "belajarjoomla", Ok kita langsung saja hapus folder tersebut ...

Buka Folder "belajarjoomla", lalu klik kanan pada folder "installation", lalu pilih "delete" Setelah anda menghapus folder tersebut, sekarang anda boleh mengklik tombol "Site" atau "Admin", Jika Anda mengklik tombol Site, maka akan muncul tampilan web anda seperti ini : ...

Page 17: Membuat Web dengan CMS Joomla - · PDF fileMembuat Web dengan CMS Joomla sebenarnya gampang-gampang mudah, asalkan ... dengan cara online maksudnya adalah kita install file-file joomla

... Jika Anda Mengklik Tombol Admin maka akan muncul tampilan sebagai berikut :

Tampilan tersebut adalah pintu masuk untuk bisa mengutak-atik web sesuai kemauan anda Pada Kotak Username isi dengan : admin Pada kotak Password isi dengan : sesuai dengan kata sandi yang telah anda buat, lalu klik Login Jika pada kesempatan lain anda ingin membuka Panel Web anda untuk mengobrak-abrik web anda, anda tinggal ketikan alamat berikut di address bar browser anda : http://localhost/nama_folder_yan_ada_file_joomlanya/administrator, lalu tekan enter. Selamat Anda telah memiliki Web di Localserver Komputer Anda !!!