MATERI : v Instalasi Local Server (Xampp) v Instalasi Joomla CMS v

!CT Center Bandar Lampung
MATERI :
v
v
v
v
v
v
v
Instalasi Local Server (Xampp)
Instalasi Joomla CMS
Customize Template
Mengisi Konten dan Berita
Upload/Tambah Modul
Upload/Tambah Komponen
Customize Isi Web
Modul Pelatihan Joomla
Halaman 1 dari 41
!CT Center Bandar Lampung
A.
Pendahuluan
Perkembangan Teknologi Informasi sekarang bagaikan sebuah lokomotif yang
melaju kencang. Teknologi Informasi merupakan core dari seluruh kegiatan
manusia dimasa depan. Salah satu produk Teknologi Informasi ialah Website.
Website sekarang sudah menjadi sebuah hal yang wajar dimiliki kalau tidak
dibilang wajib. Dahulu website mungkin hanya bisa dimiliki oleh sebuah
perusahaan besar atau pemerintah. Namun, dengan berbagai kemudahan
sekarang tidak aneh kalau seseorang memiliki website pribadi. Hal ini merupakan
sebuah peluang bagi berkembangnya bisnis dalam dunia Teknologi Informasi. Ini
dibuktikan dengan banyaknya pihak yang meyediakan layanan desain web, web
hosting dan lain sebagainya. Sulitkah membuat sebuah website? Banyak orang
yang beranggapan bahwa website itu sulit, harus mengerti dan memahami
bahasa pemrograman web seperti PHP, ASP, JSP dan lain sebagainya belum lagi kalau
berbicara tentang database. Jangankan mulai untuk membuat website
membayangkan saja orang sudah pusing. Tapi tahukah anda bahwa ada banyak solusi
untuk membuat sebuah website tanpa anda perlu memahami bahasa
pemrograman seperti disebutkan diatas sekalipun. Salah satunya ialah
menggunakan sebuah Fasilitas Web CMS (Content Management System). Banyak
sekali yang menyediakan Web CMS seperti PHPNuke, Drupal, PHPbb, dan yang
sedang popular ialah Joomla atau Mambo.
Tidak salah jika dalam pelatihan kali ini kita akan membahas tentang Joomla CMS
karena memiliki banyak keunggulan antara lain :
1. Freeware / Opensource
2. Securitas Lebih baik
3. Lebih mudah digunakan
4. Banyak komunitas yang menggunakan dan mengembangkan
5. dan masih banyak lagi.
Dalam modul ini akan ada banyak hal yang akan anda pelajari antara lain :
1. Instalasi Local Server
2. Instalasi Joomla CMS
3. Customize Template
4. Upload/Tambah Modul
5. Upload/Tambah Komponen
6. Customize Isi Web
7. Upload pada Web Hosting
B.
Pengertian Mambo dan Joomla
Mambo Open Source (MOS) atau sering disebut Mambo adalah sebuah Content
Management System (CMS) yang dibuat menggunakan bahasa PHP (PHP
Hypertext Processor). Mambo Open Source merupakan CMS yang terbaik saat ini dan
Modul Pelatihan Joomla
Halaman 2 dari 41
!CT Center Bandar Lampung
telah memenangkan Linux User & Development Award 2004 untuk "Best Linux or
Open Source Software". Perkembangan terakhir tentang Mambo, ada sedikit
"konflik" antara developer (pengembang) dengan founder (pembuat program).
Pihak founder berkeinginan untuk membentuk sebuah perusahaan (Mambo
Foundation), namun para pengembang tidak setuju karena jika sudah ditangani
oleh sebuah perusahaan secara otomatis Mambo akan menjadi sebuah software yang
komersial. Padalah tujuan awal dibuatnya Mambo adalah free (gratis). Kondisi
seperti ini memicu para developer yang memiliki tanggung jawab dan hati nurani
yang bersih, membuat mereka hengkang dari kepengurusan Mambo. Yang pada
akhirnya para developer yang tidak setuju tersebut bergabung dan menciptakan
sebuah software "tandingan" Mambo.
Maka terciptalah sebuah sofware yang memiliki bentuk dan fungsi yang sama
yaitu
Joomla. Hampir seluruh modul maupun komponen untuk Mambo dapat pula
digunakan pada Joomla. Sehingga, pelatihan dan modul ini pun ditujukan untuk
mereka yang ingin membuat web secara instan (siap pakai) menggunakan Mambo
Open Source dan Joomla.
Meskipun program ini menggunakan bahasa php, bukan berarti harus paham
seluruhnya tentang kode php. Bagi mereka tidak memahami kode HTML, Javascript,
ASP, CGI, maupun php tidak perlu takut untuk mempelajarinya karena
meskipun tidak tahu tentang kode-kode tersebut, orang bisa membuat sebuah web
secara cepat dengan beberapa fitur yang sangat kompleks.
Joomla dapat digunakan untuk membuat situs:
1.Portal
2.Komersial
3.Non-profit
4.Pribadi
Aplikasi yang beragam dapat dibuat menggunakan Joomla karena memiliki
beberapa kemampuan, diantaranya:
1. Dapat melakukan update halaman utama, halaman berita, halaman
artikel, maupun halaman arsip secara cepat.
2. Dapat menambahkan menu baru pada main menu, other menu,
maupun top menu dengan mudah
3. Dapat mengatur weblink dengan cepat dan mudah.
4. Dapat mengatur banner (iklan).
5. Dapat mengatur FAQ (Frequently Asked Questions).
6. Dapat mengatur Newsflashes
7. Membuat arsip dan menampilkannya kembali
8. Dapat mencetak, mengirim artikel lewat email, dan membaca artikel
dengan format PDF.
Modul Pelatihan Joomla
Halaman 3 dari 41
!CT Center Bandar Lampung
9. Dapat mengatur user dengan tingkat akses level yang berbeda.
10. Dapat menambah komponen, modul, dan template dari pihak ketiga
(seperti: forum, calendar, reminder, agenda, guestbook (buku tamu),
shopping cart, dan sebagainya).
Desain/Mastering Joomla berbeda dengan desain web dengan aplikasi
seperti Microsoft Frontpage maupun Macromedia Dreamweaver, karena
anda dituntut untuk mengerti bahasa pemrograman web. Joomla sangat
fleksibel, mudah digunakan, dan bentuknya sederhana, menjadikan
software ini sangat user friendly karena: 1. Mudah melakukan setup/instalasi.
2. Memiliki interface administrator yang sederhana untuk mengatur isi situs
(website).
3. Mudah digunakan untuk mengedit (menambah, mengubah, dan
menghapus) content dan gambar.
4. Fleksibel untuk mengatur tampilan front end.
5. Fleksibel untuk menambah komponen dan modul yang baru dari pihak
ketiga.
Joomla dapat berfungsi dengan baik jika didukung oleh program aplikasi lain
seperti: Apache (sebagai web server), PHP (sebagai penterjemah kode) , dan
MySQL (sebagai database). Ketiga unsur tersebut wajib terpasang dalam
komputer Anda jika ingin menjalankan Joomla. Jadi, ketika Anda membuat situs
secara offline (localhost) perlu sebuah server. Masing-masing aplikasi memiliki
fungsi yang berbeda.
C.
Instalasi Localhost
Seperti sudah disebutkan diatas untuk memulai menggunakan atau menginstal
Joomla secara offline pada PC kita maka diperlukan Server, Database Server, dan
PHP. Pasangan yang paling sering kita temui ialah Apache sebagai web server,
MySQL sebagai Database server dan PHP untuk kode penerjemahnya. Anda bisa
menginstal komponen itu sendiri-sendiri namun untuk kemudahan kita bisa
menggunakan aplikasi atau software yang dapat berfungsi sebagai server mini
(sering disebut sebagai server kit) yaitu xampp, PHP Triad, Dongkrak (karya anak
bangsa), AppServe dan easy PHP. Kali ini kita akan mencoba menggunakan
nXampp
Berikut langkah-langkahnya :
1.
Pertama kali, klik ganda file xampp-win32-1.6.4-installer.exe dari CD, Klik Run.
Modul Pelatihan Joomla
Halaman 4 dari 41
!CT Center Bandar Lampung
2. Kita akan dihadapkan pada wizard yang akan membantu kita dalam
instalasi. Klik Next.
3. Secara default program
akan di install
mengubahnya jika perlu. Setelah yakin klik Next.
Modul Pelatihan Joomla
di
c:\xampp,
anda
bisa
Halaman 5 dari 41
!CT Center Bandar Lampung
4. Kemudian pilih Install
5. Klik Finish
6. Buka XAMPP Control Panel dengan cara klik double pada Shortcut XAMPP Control
Panel di desktop atau dari Start -> All Programs -> Apache Friends -> XAMPP -> XAMPP
Control Panel, kemudian akan keluar XAMPP Control Panel Application.
Modul Pelatihan Joomla
Halaman 6 dari 41
!CT Center Bandar Lampung
7. Kemudian jalankan Aphace dan MySql dengan klik Start pada Aphace dan MySql
8. Buka Browser anda dan ketikkan localhost, Jika ada tampilan dibawah ini berarti
Instalasi sukses.
Modul Pelatihan Joomla
Halaman 7 dari 41
!CT Center Bandar Lampung
D.
Database pada PhpMyAdmin & MySQL Server
Sebelum mulai menginstal Joomla, terlebih dulu Anda harus membuat database
untuk menyimpan informasi seluruh content yang ada di situs Anda. Database
tersebut
berfungsi
untuk
mengidentifikasikan
nama
database,
nama
administrator berikut passwordnya, dan nama hosting. Database tersebut perlu
dibuat agar seluruh data-data yang telah dibuat dan tersimpan tidak tercampur
dengan database lain.
Agar database dari web kita aman dan tidak sembarang orang bisa membuat
databasenya di server kita, kita bisa membuat password root MySql.
1. Membuat security pada Xampp, buka browser dan ketikkan localhost maka akan
keluar tampilan
Modul Pelatihan Joomla
Halaman 8 dari 41
!CT Center Bandar Lampung
2. Klik Security atau buka browser dan ketikkan http://localhost/security/ dan akan
keluar tampilan
3. Scroll ke bawah dan klik link http://localhost/security/xamppsecurity.php dan
setelah di klik akan keluar tampilan di browser halaman Security console MySQL &
XAMPP directory protection. Kemudian isikan New password, misal kita isi dengan
123456 Kemudian isikan juga 123456 juga pada Repeat the new password. Dan cek list
pada Safe plain password in text file? Kemudian Klik Password changing
Modul Pelatihan Joomla
Halaman 9 dari 41
!CT Center Bandar Lampung
Setelah Database kita sudah mempunyai security, kemudian kita bisa melanjutkan
pembuatan web dengan membuat nama database untuk web yang akan kita buat.
1.
Jalankan
phpMyAdmin untuk membuat database dengan cara mengklik
phpMyAdmin. Kemudian masukkan Nama Pengguna : root dan Kata Sandi : 123456
kemudian Klik Go. Berikut tampilan phpMyAdmin :
Jika Berhasil akan keluar halaman seperti di bawah ini.
Modul Pelatihan Joomla
Halaman 10 dari 41
!CT Center Bandar Lampung
2. Sekarang, Anda bisa membuat database dengan bantuan phyMyAdmin. Anda bisa
membuat, mengedit, dan menghapus database yang ada. Selain itu, juga dapat
menentukan hak membuat dan menghapus database, atau bahkan bisa mematikan
server (shutdwown). Kemudian kita ubah tampilan bahasanya dengan bahasa
Indonesia. Buatlah nama database untuk situs yang akan Anda buat pada kotak isian
Buat Database Baru, misal:
Kita buat sebuah database ictbdl_db, klik Ciptakan
3. Setelah itu akan keluar tampilan Database ictbdl_db telah diciptakan.
Modul Pelatihan Joomla
Halaman 11 dari 41
!CT Center Bandar Lampung
4. Setelah selesai membuat database, kemudian kita keluar dari phpMyAdmin dengan
klik Exit
5. Proses selanjutnya, menginstal Joomla.
E.
Instalasi Joomla CMS
Setelah kebutuhan untuk menjalankan Joomla terpenuhi maka selanjutnya
menginstal Joomla cms yang akan digunakan. Ada banyak versi Joomla namun
pada prinsipnya sama dalam hal penggunaan hanya perbedaan pada feature yang ada.
Kita akan menggunakan Joomla 1.0.12.
1.Pada folder C:\xampp\htdocs\ buat sebuah folder baru, berikan nama misalkan
ictbdl.
Modul Pelatihan Joomla
Halaman 12 dari 41
!CT Center Bandar Lampung
2.Buka CD Program pada cari Master Joomla dan klik kanan Joomla versi 1.0.12 yang
masih di compress untuk mengekstraknya ke folder ictbdl.
3.Pilih extract files dan arahkan pada folder ictbdl di C:\xampp\htdocs\ yang telah
anda buat sebelumnya. Klik Ok, tunggu sampai selesai.
Modul Pelatihan Joomla
Halaman 13 dari 41
!CT Center Bandar Lampung
4.
Buka kembali browser anda. Ketikkan http://localhost/ictbdl, akan tampil
menu instalasi Joomla. Klik Next pada pojok kanan atas. Nama folder di bawah
www sebagai tempat file-file Joomla berfungsi sebagai nama situs Anda pada
localhost. Pastikan semua kebutuhan Instalasi terpenuhi dan folder writeable.
5. Akan tampil halaman agreement lisensi Joomla. Jika anda setuju. Klik Next.
Modul Pelatihan Joomla
Halaman 14 dari 41
!CT Center Bandar Lampung
6. Tahapan berikutnya ialah konfigurasi database. Masukkan localhost pada fileld
Host Name, pada MySQL User Name dan password kita masukkan sesuai konfigurasi
pada phpMyAdmin sebelumnya, yaitu root sebagai username MySQL dan
password : 123456, database ictbdl_db serta hilangkan tanda centang pada install
sample data. Klik Next serta klik Ok jika ada kotak dialog yang menanyakan
apakah informasi yang kita masukkan sudah benar.
7. Langkah selanjutnya masukkan nama situsnya, misalkan Situs ICT
Bandar Lampung. Klik Next
Modul Pelatihan Joomla
Halaman 15 dari 41
!CT Center Bandar Lampung
8. Masukkan alamat email misal : [email protected]
password admin misal kita masukkan 123456. Klik Next
dan
ganti
9.Akan muncul tampilan bahwa kita berhasil menginstal Joomla dan
peringatan kita harus menghapus folder installation pada folder ictbdl pada
server kita. Klik view site setelah folder installation kita hapus.
Modul Pelatihan Joomla
Halaman 16 dari 41
!CT Center Bandar Lampung
10. Hapus Folder Installation
10. Tampilan standar Joomla
Modul Pelatihan Joomla
Halaman 17 dari 41
!CT Center Bandar Lampung
F.
Administrasi Joomla
Selanjutnya kita akan belajar customize mambo sesuai keinginan kita. Hal ini bisa
dilakukan dengan masuk ke menu admin.
1. Ketikkan http://localhost/ictbdl/administrator pada url browser kita, tekan
enter maka akan tampil form login administrasi Joomla. Masukkan username
admin dan password 123456 sesuai dengan konfigurasi kita pada saat instalasi. Klik
Login
2. Tampilan Home administrator Joomla
Modul Pelatihan Joomla
Halaman 18 dari 41
!CT Center Bandar Lampung
G. Customize Joomla
Customize Joomla merupakan inti dari mastering sebuah website dengan Joomla.
Artinya kita bisa mengisi content dari website yang kita buat, mengganti
tampilan website dengan template atau menambah aplikasi tertentu sesuai
dengan kebutuhan yang biasanya banyak disediakan pihak ketiga. Sebelum kita
meng-customize website kita terlebih dahulu menentukan kebutuhan dari
website yang akan kita buat. Misal untuk contoh kali ini sebuah website ICT Bandar
Lampung. Dari analisis kebutuhan kita mendapatkan bahwa website nanti
memerlukan adanya halaman Home, Layanan, Berita, Kontak, Buku Tamu, Links.
Langkah selanjutnya baru kita meng-customize websitenya.
a.
Mengganti tampilan web/template halaman depan
Tampilan web ada pada template manager. Anda bisa mengganti baik itu tampilan
situs maupun template atau tampilan admin. Kali ini akan dicontohkan untuk
template situs karena untuk admin caranya sama saja.
1. Klik site kemudian template manager selanjutnya pilih site template
Modul Pelatihan Joomla
Halaman 19 dari 41
!CT Center Bandar Lampung
2. Secara default ada 2 buah template bawaan dari Joomla1.0.12 namun, anda bisa
menambahkannya dengan membuat sendiri maupun menggunakan template dari
pihak ketiga yang banyak tersedia gratis di internet.
3. Klik New, maka akan ditampilkan menu untuk upload template
4. Klik browse dan pilih salah satu paket template yang ada. Misal kita pilih
template digitaleye mitra blue. Klik open kemudian pilih upload file & install.
Modul Pelatihan Joomla
Halaman 20 dari 41
!CT Center Bandar Lampung
5. Akan tampil halaman berhasil jika anda sukses. Klik continue.
6. Untuk menampilkan template yang anda upload sebagai halaman depan web anda
pilih template kemudian klik default.
6. Untuk melihat web anda klik site - preview dan pilih In New Window agar tidak
mengganggu layer kerja kita.
7. Tampilan akhir template yang kita pilih.
Modul Pelatihan Joomla
Halaman 21 dari 41
!CT Center Bandar Lampung
B. Content Manager (Konfigurasi Isi website)
Pada sebuah situs Portal, umumnya isi yang ditampilkan dibagi menjadi beberapa
Seksi (Section) misalnya: Profil, Berita, dll. Masing-masing seksi memiliki kategori
(Category) sendiri-sendiri. Misalnya, seksi Profil memiliki kategori Info Utama dan
memiliki sub kategori layanan, daftar mitra, dll. Pembagian berita ini termasuk
dalam Section Manager.
Untuk halaman Home, Daftar mitra, layanan, Berita bisa kita isi dengan cara
yaitu:
1. Buat sebuah section, Klik Content kemudian section manager.
Klik new pada tampilan list section manager dan isikan informasi yang ingin
dibuat. Misal untuk profil, isikan title dan section name profil. Klik save maka pada
list section akan ada profil.
Modul Pelatihan Joomla
Halaman 22 dari 41
!CT Center Bandar Lampung
2.
Langkah selanjutnya kita buat kategori untuk section tersebut. Klik content
kemudian category manager. Klik new maka akan tampil form untuk membuat
kategori. Misal ketik info utama untuk title dan category name. Klik Save
3. Selanjutnya kita buat sub kategorinya. Klik Content à Content by Section
à Profil à Profil Items
Modul Pelatihan Joomla
Halaman 23 dari 41
!CT Center Bandar Lampung
4. Akan tampil list sub menu, klik new. Pada Content Item : New
Isikan Selamat Datang pada Title dan Title Alias, pastikan sectionnya Profil dan
kategorinya Info Utama.
Isi bisa anda ketikkan pada field yang tersedia. Untuk intro text merupakan
keharusan. Untuk Main text bersifat optional. Intro text merupakan text yang akan di
tampilkan pada halaman utama, sedangkan jika beritanya terlalu panjang dan akan
mengganggu halaman depan web kita, berita dapat di potong. Potongan berita diisikan
pada Main Text.
5. Pada bagian kanan terdapat bagian parameter dan lainnya yang dapat dipilih.
Untuk menyisipkan gambar, klik tab Images dan pilih salah satu gambar yang
tersedia. Atur properties gambar dibawahnya.
Modul Pelatihan Joomla
Halaman 24 dari 41
!CT Center Bandar Lampung
6.
Jika anda punya gambar yang ingin anda tampilkan anda harus
menguploadnya. Klik site pilih media manager, Klik browse dan upload file yang
anda inginkan.
7. Pada Media Manager anda bisa memilih pada subfolder yang mana gambar
anda akan di upload. Misal pada subfolder stories. Kemudian kita buat directory baru
dengan nama berita kemudian klik Create
Modul Pelatihan Joomla
Halaman 25 dari 41
!CT Center Bandar Lampung
8.Selanjutnya Klik directory berita gunakan tombol Browse untuk mencari file gambar
, misal gambar ict center.jpg yang ada di cd pelatihan dan tekan Upload.
8. Ulangi langkah 5 untuk memilih gambar yang anda upload untuk ditampilkan.
Untuk menampilkan pada content anda klik kembali sub category Selamat Datang
klik edit. Tempatkan cursor pada tempat dimana gambar ingin anda sisipkan, klik
icon Insert Image.
Klik save.
9. Pada content Items Manager akan tampil Selamat Datang.
Untuk menampilkan klik icon kecil pada pilihan published dan icon pada
Frontpage agar isi tampil dihalaman depan sebagai Home website. Artinya anda
bisa memilih apakah sebuah item yang anda buat apakah akan di terbitkan atau
tidak dan apakah ditampilkan pada halaman depan atau tidak. Default published
karena isi tadi untuk halaman depan kita klik frontpage.
10. Halaman depan website
Modul Pelatihan Joomla
Halaman 26 dari 41
!CT Center Bandar Lampung
11. Ullangi langkah 4 - 9 untuk sub kategori atau item daftar mitra, pembayaran,
Layanan atau langkah 1 - 9 jika anda ingin membuat section baru, Hal ini
bergantung pada konsep anda membagi content website yang akan anda buat.
C. Component dan Modul Manager
Komponen adalah sebuah aplikasi mini yang umumnya ditempatkan ke dalam
sebuah area content utama. Joomla Open Source melakukan pendekatan
dalam penggunaan komponen agar development Joomla tidak
menjadi
bertambah besar. Joomla menyediakan beberapa komponen inti, sekaligus
mendukung penambahan komponen lain yang dibuat oleh pihak ketiga. Dalam
hal
pembuatan
dan
penggunaan komponen tersebut, umumnya sangat
sederhana dan dapat di-link ke sebuah item menu. User dapat melihat komponen
dengan cara mengklik item tersebut.
Fungsi menu Components adalah melakukan instalasi komponen baru, menghapus
yang sudah ada dan melakukan setting terhadap komponen yang telah ada.
Modul Pelatihan Joomla
Halaman 27 dari 41
!CT Center Bandar Lampung
Komponen inti yang telah disediakan oleh Joomla adalah Banner, Contact, Mass Mail,
News Feed , Polls , Syndicate, Web Links. Hal ini juga bergantung pada
versi Joomla yang anda gunakan. Dalam hal ini kita akan
mempelajari
penggunaan kontak, polling dan menambah komponen untuk buku tamu.
• Konfigurasi Kontak
1. Klik Components, pilih Contacts. Pertama kali kita perlu membuat kategori
kontak.
2. Klik new dan isi formnya, misalkan Tim Web ICTBDL. Klik Save
3. Selanjutnya pilih Manage Contacts.
Modul Pelatihan Joomla
Halaman 28 dari 41
!CT Center Bandar Lampung
4. Klik New, Isikan form yang ada.
5. Pada sebelah kanan ada Option yang bisa anda pilih. Untuk memasukkan
gambar Pilih gambar pada tab images. Setelah semua di atur Klik save
• Konfigursi Polling
1. Klik Components pilih polls
Modul Pelatihan Joomla
Halaman 29 dari 41
!CT Center Bandar Lampung
2. Klik new dan isikan form pertanyaan dan pilihan jawaban polling. Klik Save. Pilih
published.
• Menambah komponen
Karena banyak sekali kebutuhan kita akan website maka sangat besar kemungkinan
bahwa aplikasi yang kita inginkan tidak tersedia secara standard oleh Joomla.
Langkah termudah ialah mencari komponen yang telah disediakan oleh pihak
ketiga kemudian bisa kita upload. Sebagai contoh untuk buku tamu kita akan
mencoba mengupload komponen tambahan yaitu EasyBook.
1. Untuk menginstal Komponen klik
ini sama seperti saat kita upload template.
Modul Pelatihan Joomla
Installers
dan
pilih Component. Hal
Halaman 30 dari 41
!CT Center Bandar Lampung
2. Klik browse dan cari komponen yang akan diinstall kemudian klik open serta
upload file & Install
3. Jika berhasil maka akan tampil kotak dialog success dan jika anda memilih
menu component sudah bertambah komponen EasyBook disana.
4. Anda bisa mengatur isi buku tamu anda dari menu tersebut.
d. Menu Manager
Yang baru saja Anda buat adalah content saja, untuk menampilkan pada halaman
depan (front end) perlu dibuat menu yang berfungsi untuk menampilkan content
tersebut. Anda bisa menampilkan content menurut Items atau sub category, Category
maupun Section. Secara default ada 4 macam menu yaitu mainmenu, topmenu,
usermenu dan other menu. Namun, kita bisa menambah menu sesuai keinginan kita.
1. Kita akan memasukkan item yang telah kita buat tadi sebagai bagian main
menu. Klik menu dan pilih main menu.
Modul Pelatihan Joomla
Halaman 31 dari 41
!CT Center Bandar Lampung
2. Akan tampil main menu manager. Default Home sebaiknya tidak dihapus
karena diperlukan oleh Joomla untuk halaman depan. Kita bisa menambah menu
dengan klik new.
3. Kita akan dihadapkan pada beberapa pilihan apakah menu akan menampilkan per
item, kategori atau section.
Modul Pelatihan Joomla
Halaman 32 dari 41
!CT Center Bandar Lampung
4. Kita sebelumnya membuat content dan ingin menampilkannya per item maka kita
pilih Link-Content Item pada blok Content, Klik Next.
5. Berikan nama dan pilih item yang ingin ditampilkan. Klik Save
6. Pada main menu manager akan bertambah tab menu Layanan. Kita
bisa mengatur urutannya dengan memilih tanda panah pada bagian Reorder.
7. Ulangi untuk setiap item yang ada.
Modul Pelatihan Joomla
Halaman 33 dari 41
!CT Center Bandar Lampung
8. Untuk kontak Kami dan buku tamu bentuknya berupa sebuah komponen. Klik
new dan pilih component
9. Berikan nama Buku Tamu dan pilih component EasyBook. Klik Save.
10. Ulangi untuk komponen pencarian dan kontak kami.
Modul Pelatihan Joomla
Halaman 34 dari 41
!CT Center Bandar Lampung
e. Finishing
Berikut tampilan web site ICT Bamdar Lampung. Namun kelihatannya masih
banyak hal yang tidak diperlukan masih di tampilkan. Seperti login form, statistic
yang terlalu banyak dan syndicate. Untuk memperindah tampilan hal-hal tersebut
sebaiknya kita hilangkan.
1. Menghilangkan tampilan login form
Modul Pelatihan Joomla
Halaman 35 dari 41
!CT Center Bandar Lampung
Klik modules, pilih site modules. Dari form ini anda bisa melihat modul yang ada
pada situs anda. Anda bisa memilih apakah sebuah modul akan ditampilkan atau
tidak dengan memilih icon published atau unpublished. Klik icon pada Login Form
untuk unpublished modul tersebut. Ulangi untuk modul yang lain.
2. Merubah Posisi Modul.
Jika anda ingin memindahkan posisi modul atau mengganti nama modul. Klik
modul yang ingin anda ubah dan pilih edit. Misal kita merubah modul who's
online. Anda bisa mengubah posisi modul, nama modul, ditampilkan pada semua
kondisi atau kondisi tertentu, dll. Setelah selesai klik save.
Tampilan Akhir Web Kita
Modul Pelatihan Joomla
Halaman 36 dari 41
!CT Center Bandar Lampung
F. Upload to the Internet
Seperti tadi sikatakan kita telah membuat sebuah website secara Offline. Agar
website yang kita buat bias diakses oleh banyak orang atau online kita harus
meng-uploadnya ke sebuah server yang terhubung dengan internet. Untuk
mendapatkannya kita harus menyewa atau lebih popular dengan istilah Web
Hosting. Disarankan hosting yang anda sewa mendukung upload file lewat FTP
Client untuk mempermudah proses upload file.
Sebelum upload file ada dua hal yang harus kita lakukan :
1. Backup/Dump Database dari PHPMyAdmin
Database harus kita upload, sehingga harus kita Eksport dari Mysql server kita lewat
PHP Myadmin dalam bentuk *.sql agar bias dengan mudah import ke server yang
baru.
Berikut langkahnya :
a. Buka phpMyAdmin dengan ketikkan di browser http://localhost/phpmyadmin/,
kemudian login menggunakan username : root dan password : 123456. Pada Database
ictbdl_db pilih option Ekspor.
Modul Pelatihan Joomla
Halaman 37 dari 41
!CT Center Bandar Lampung
b. Klik pilih semua dan pilih option sql pada radio button
c. Setelah selesai Klik Go.
Modul Pelatihan Joomla
Halaman 38 dari 41
!CT Center Bandar Lampung
d. Hasilnya di pilih semua ( Ctrl + A ) dan copykan pada sebuah file notepad dan simpan
dengan ekstensi *.sql missal ictbdl_db.sql
Modul Pelatihan Joomla
Halaman 39 dari 41
!CT Center Bandar Lampung
2. Konfigurasi file Joomla
Inti yang mengatur file joomla ada di configuration.php. Buka file tersebut dengan
editor anda (bisa menggunakan notepad/wordpad). Jika konfigurasi MySql anda
berubah pada server anda perlu mengganti baris ke 4 dan 5 yaitu user dan
password MySql anda. Namun anda bisa mengatur MySql anda dengan yang
sama seperti pada awal pengaturan database dengan PHPMyadmin. Gantikan
absolute path dengan yang baru pada server hosting anda.
Modul Pelatihan Joomla
Halaman 40 dari 41
!CT Center Bandar Lampung
Misal
'/usr/home/ictbdl/public_html/'
dan
http://www.ictbdl.net'. Yang perlu diedit adalah
live
site
misal
dengan
$mosConfig_absolute_path = 'C:/xampp/htdocs/ictbdl';
$mosConfig_cachepath = 'C:/xampp/htdocs/ictbdl/cache';
$mosConfig_live_site = 'http://localhost/ictbdl';
menjadi
$mosConfig_absolute_path = ‘/usr/home/ictbdl/public_html’;
$mosConfig_cachepath = ‘/usr/home/ictbdl/public_html /cache';
$mosConfig_live_site = ‘http://www.ictbdl.net';
Setelah melakukan 2 hal diatas maka website anda siap di upload ke web
hosting.
Jika ada pertanyaan silahkan hubungi saya
Nama
e-mail
Blog Url
Hp
: Bambang Eko S
: [email protected]
: http://bambangoke.blogspot.com
: 085768548605
Modul Pelatihan Joomla
Halaman 41 dari 41