modul pelatihan joomla 3

41
!CT Center Bandar Lampung Modul Pelatihan Joomla Halaman 1 dari 41 MATERI : v Instalasi Local Server (Xampp) v Instalasi Joomla CMS v Customize Template v Mengisi Konten dan Berita v Upload/Tambah Modul v Upload/Tambah Komponen v Customize Isi Web

Upload: bayu-eko-punto-wibowo

Post on 23-Nov-2015

71 views

Category:

Documents


2 download

DESCRIPTION

Modul joomla

TRANSCRIPT

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 1 dari 41

    MATERI :

    v Instalasi Local Server (Xampp)v Instalasi Joomla CMSv Customize Templatev Mengisi Konten dan Beritav Upload/Tambah Modulv Upload/Tambah Komponenv Customize Isi Web

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 2 dari 41

    A. Pendahuluan

    Perkembangan Teknologi Informasi sekarang bagaikan sebuah lokomotif yangmelaju kencang. Teknologi Informasi merupakan core dari seluruh kegiatanmanusia dimasa depan. Salah satu produk Teknologi Informasi ialah Website.Website sekarang sudah menjadi sebuah hal yang wajar dimiliki kalau tidakdibilang wajib. Dahulu website mungkin hanya bisa dimiliki oleh sebuahperusahaan besar atau pemerintah. Namun, dengan berbagai kemudahansekarang tidak aneh kalau seseorang memiliki website pribadi. Hal ini merupakansebuah peluang bagi berkembangnya bisnis dalam dunia Teknologi Informasi. Inidibuktikan dengan banyaknya pihak yang meyediakan layanan desain web, webhosting dan lain sebagainya. Sulitkah membuat sebuah website? Banyak orangyang beranggapan bahwa website itu sulit, harus mengerti dan memahamibahasa pemrograman web seperti PHP, ASP, JSP dan lain sebagainya belum lagi kalauberbicara tentang database. Jangankan mulai untuk membuat websitemembayangkan saja orang sudah pusing. Tapi tahukah anda bahwa ada banyak solusiuntuk membuat sebuah website tanpa anda perlu memahami bahasapemrograman seperti disebutkan diatas sekalipun. Salah satunya ialahmenggunakan sebuah Fasilitas Web CMS (Content Management System). Banyaksekali yang menyediakan Web CMS seperti PHPNuke, Drupal, PHPbb, dan yangsedang popular ialah Joomla atau Mambo.

    Tidak salah jika dalam pelatihan kali ini kita akan membahas tentang Joomla CMSkarena memiliki banyak keunggulan antara lain :1. Freeware / Opensource2. Securitas Lebih baik3. Lebih mudah digunakan4. Banyak komunitas yang menggunakan dan mengembangkan5. dan masih banyak lagi.

    Dalam modul ini akan ada banyak hal yang akan anda pelajari antara lain :1. Instalasi Local Server2. Instalasi Joomla CMS3. Customize Template4. Upload/Tambah Modul5. Upload/Tambah Komponen6. Customize Isi Web7. Upload pada Web Hosting

    B. Pengertian Mambo dan Joomla

    Mambo Open Source (MOS) atau sering disebut Mambo adalah sebuah ContentManagement System (CMS) yang dibuat menggunakan bahasa PHP (PHPHypertext Processor). Mambo Open Source merupakan CMS yang terbaik saat ini dan

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 3 dari 41

    telah memenangkan Linux User & Development Award 2004 untuk "Best Linux orOpen Source Software". Perkembangan terakhir tentang Mambo, ada sedikit"konflik" antara developer (pengembang) dengan founder (pembuat program).

    Pihak founder berkeinginan untuk membentuk sebuah perusahaan (MamboFoundation), namun para pengembang tidak setuju karena jika sudah ditanganioleh sebuah perusahaan secara otomatis Mambo akan menjadi sebuah software yangkomersial. Padalah tujuan awal dibuatnya Mambo adalah free (gratis). Kondisiseperti ini memicu para developer yang memiliki tanggung jawab dan hati nuraniyang bersih, membuat mereka hengkang dari kepengurusan Mambo. Yang padaakhirnya para developer yang tidak setuju tersebut bergabung dan menciptakansebuah software "tandingan" Mambo.

    Maka terciptalah sebuah sofware yang memiliki bentuk dan fungsi yang samayaituJoomla. Hampir seluruh modul maupun komponen untuk Mambo dapat puladigunakan pada Joomla. Sehingga, pelatihan dan modul ini pun ditujukan untukmereka yang ingin membuat web secara instan (siap pakai) menggunakan MamboOpen Source dan Joomla.

    Meskipun program ini menggunakan bahasa php, bukan berarti harus pahamseluruhnya tentang kode php. Bagi mereka tidak memahami kode HTML, Javascript,ASP, CGI, maupun php tidak perlu takut untuk mempelajarinya karenameskipun tidak tahu tentang kode-kode tersebut, orang bisa membuat sebuah websecara cepat dengan beberapa fitur yang sangat kompleks.

    Joomla dapat digunakan untuk membuat situs:1.Portal2.Komersial3.Non-profit4.Pribadi

    Aplikasi yang beragam dapat dibuat menggunakan Joomla karena memilikibeberapa kemampuan, diantaranya:

    1. Dapat melakukan update halaman utama, halaman berita, halamanartikel, maupun halaman arsip secara cepat.2. Dapat menambahkan menu baru pada main menu, other menu,maupun top menu dengan mudah3. Dapat mengatur weblink dengan cepat dan mudah.4. Dapat mengatur banner (iklan).5. Dapat mengatur FAQ (Frequently Asked Questions).6. Dapat mengatur Newsflashes7. Membuat arsip dan menampilkannya kembali8. Dapat mencetak, mengirim artikel lewat email, dan membaca artikeldengan format PDF.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 4 dari 41

    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 aplikasiseperti Microsoft Frontpage maupun Macromedia Dreamweaver, karenaanda dituntut untuk mengerti bahasa pemrograman web. Joomla sangatfleksibel, mudah digunakan, dan bentuknya sederhana, menjadikansoftware 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, danmenghapus) content dan gambar.4. Fleksibel untuk mengatur tampilan front end.5. Fleksibel untuk menambah komponen dan modul yang baru dari pihakketiga.

    Joomla dapat berfungsi dengan baik jika didukung oleh program aplikasi lainseperti: Apache (sebagai web server), PHP (sebagai penterjemah kode) , danMySQL (sebagai database). Ketiga unsur tersebut wajib terpasang dalamkomputer Anda jika ingin menjalankan Joomla. Jadi, ketika Anda membuat situssecara offline (localhost) perlu sebuah server. Masing-masing aplikasi memilikifungsi yang berbeda.

    C. Instalasi Localhost

    Seperti sudah disebutkan diatas untuk memulai menggunakan atau menginstalJoomla secara offline pada PC kita maka diperlukan Server, Database Server, danPHP. Pasangan yang paling sering kita temui ialah Apache sebagai web server,MySQL sebagai Database server dan PHP untuk kode penerjemahnya. Anda bisamenginstal komponen itu sendiri-sendiri namun untuk kemudahan kita bisamenggunakan aplikasi atau software yang dapat berfungsi sebagai server mini(sering disebut sebagai server kit) yaitu xampp, PHP Triad, Dongkrak (karya anakbangsa), AppServe dan easy PHP. Kali ini kita akan mencoba menggunakannXampp

    Berikut langkah-langkahnya :

    1. Pertama kali, klik ganda file xampp-win32-1.6.4-installer.exe dari CD, Klik Run.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 5 dari 41

    2. Kita akan dihadapkan pada wizard yang akan membantu kita dalaminstalasi. Klik Next.

    3. Secara default program akan di install di c:\xampp, anda bisamengubahnya jika perlu. Setelah yakin klik Next.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 6 dari 41

    4. Kemudian pilih Install

    5. Klik Finish

    6. Buka XAMPP Control Panel dengan cara klik double pada Shortcut XAMPP ControlPanel di desktop atau dari Start -> All Programs -> Apache Friends -> XAMPP -> XAMPPControl Panel, kemudian akan keluar XAMPP Control Panel Application.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 7 dari 41

    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 berartiInstalasi sukses.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 8 dari 41

    D. Database pada PhpMyAdmin & MySQL Server

    Sebelum mulai menginstal Joomla, terlebih dulu Anda harus membuat databaseuntuk menyimpan informasi seluruh content yang ada di situs Anda. Databasetersebut berfungsi untuk mengidentifikasikan nama database, namaadministrator berikut passwordnya, dan nama hosting. Database tersebut perludibuat agar seluruh data-data yang telah dibuat dan tersimpan tidak tercampurdengan database lain.

    Agar database dari web kita aman dan tidak sembarang orang bisa membuatdatabasenya di server kita, kita bisa membuat password root MySql.

    1. Membuat security pada Xampp, buka browser dan ketikkan localhost maka akankeluar tampilan

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 9 dari 41

    2. Klik Security atau buka browser dan ketikkan http://localhost/security/ dan akankeluar tampilan

    3. Scroll ke bawah dan klik link http://localhost/security/xamppsecurity.php dansetelah di klik akan keluar tampilan di browser halaman Security console MySQL &XAMPP directory protection. Kemudian isikan New password, misal kita isi dengan123456 Kemudian isikan juga 123456 juga pada Repeat the new password. Dan cek listpada Safe plain password in text file? Kemudian Klik Password changing

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 10 dari 41

    Setelah Database kita sudah mempunyai security, kemudian kita bisa melanjutkanpembuatan web dengan membuat nama database untuk web yang akan kita buat.1. Jalankan phpMyAdmin untuk membuat database dengan cara mengklikphpMyAdmin. Kemudian masukkan Nama Pengguna : root dan Kata Sandi : 123456kemudian Klik Go. Berikut tampilan phpMyAdmin :

    Jika Berhasil akan keluar halaman seperti di bawah ini.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 11 dari 41

    2. Sekarang, Anda bisa membuat database dengan bantuan phyMyAdmin. Anda bisamembuat, mengedit, dan menghapus database yang ada. Selain itu, juga dapatmenentukan hak membuat dan menghapus database, atau bahkan bisa mematikanserver (shutdwown). Kemudian kita ubah tampilan bahasanya dengan bahasaIndonesia. Buatlah nama database untuk situs yang akan Anda buat pada kotak isianBuat Database Baru, misal:Kita buat sebuah database ictbdl_db, klik Ciptakan

    3. Setelah itu akan keluar tampilan Database ictbdl_db telah diciptakan.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 12 dari 41

    4. Setelah selesai membuat database, kemudian kita keluar dari phpMyAdmin denganklik Exit

    5. Proses selanjutnya, menginstal Joomla.

    E. Instalasi Joomla CMS

    Setelah kebutuhan untuk menjalankan Joomla terpenuhi maka selanjutnyamenginstal Joomla cms yang akan digunakan. Ada banyak versi Joomla namunpada 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 misalkanictbdl.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 13 dari 41

    2.Buka CD Program pada cari Master Joomla dan klik kanan Joomla versi 1.0.12 yangmasih di compress untuk mengekstraknya ke folder ictbdl.

    3.Pilih extract files dan arahkan pada folder ictbdl di C:\xampp\htdocs\ yang telahanda buat sebelumnya. Klik Ok, tunggu sampai selesai.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 14 dari 41

    4. Buka kembali browser anda. Ketikkan http://localhost/ictbdl, akan tampilmenu instalasi Joomla. Klik Next pada pojok kanan atas. Nama folder di bawahwww sebagai tempat file-file Joomla berfungsi sebagai nama situs Anda padalocalhost. Pastikan semua kebutuhan Instalasi terpenuhi dan folder writeable.

    5. Akan tampil halaman agreement lisensi Joomla. Jika anda setuju. Klik Next.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 15 dari 41

    6. Tahapan berikutnya ialah konfigurasi database. Masukkan localhost pada fileldHost Name, pada MySQL User Name dan password kita masukkan sesuai konfigurasipada phpMyAdmin sebelumnya, yaitu root sebagai username MySQL danpassword : 123456, database ictbdl_db serta hilangkan tanda centang pada installsample data. Klik Next serta klik Ok jika ada kotak dialog yang menanyakanapakah informasi yang kita masukkan sudah benar.

    7. Langkah selanjutnya masukkan nama situsnya, misalkan Situs ICTBandar Lampung. Klik Next

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 16 dari 41

    8. Masukkan alamat email misal : [email protected] dan gantipassword admin misal kita masukkan 123456. Klik Next

    9.Akan muncul tampilan bahwa kita berhasil menginstal Joomla danperingatan kita harus menghapus folder installation pada folder ictbdl padaserver kita. Klik view site setelah folder installation kita hapus.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 17 dari 41

    10. Hapus Folder Installation

    10. Tampilan standar Joomla

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 18 dari 41

    F. Administrasi Joomla

    Selanjutnya kita akan belajar customize mambo sesuai keinginan kita. Hal ini bisadilakukan dengan masuk ke menu admin.1. Ketikkan http://localhost/ictbdl/administrator pada url browser kita, tekanenter maka akan tampil form login administrasi Joomla. Masukkan usernameadmin dan password 123456 sesuai dengan konfigurasi kita pada saat instalasi. KlikLogin

    2. Tampilan Home administrator Joomla

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 19 dari 41

    G. Customize Joomla

    Customize Joomla merupakan inti dari mastering sebuah website dengan Joomla.Artinya kita bisa mengisi content dari website yang kita buat, menggantitampilan website dengan template atau menambah aplikasi tertentu sesuaidengan kebutuhan yang biasanya banyak disediakan pihak ketiga. Sebelum kitameng-customize website kita terlebih dahulu menentukan kebutuhan dariwebsite yang akan kita buat. Misal untuk contoh kali ini sebuah website ICT BandarLampung. Dari analisis kebutuhan kita mendapatkan bahwa website nantimemerlukan 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 tampilansitus maupun template atau tampilan admin. Kali ini akan dicontohkan untuktemplate situs karena untuk admin caranya sama saja.

    1. Klik site kemudian template manager selanjutnya pilih site template

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 20 dari 41

    2. Secara default ada 2 buah template bawaan dari Joomla1.0.12 namun, anda bisamenambahkannya dengan membuat sendiri maupun menggunakan template daripihak 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 pilihtemplate digitaleye mitra blue. Klik open kemudian pilih upload file & install.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 21 dari 41

    5. Akan tampil halaman berhasil jika anda sukses. Klik continue.

    6. Untuk menampilkan template yang anda upload sebagai halaman depan web andapilih template kemudian klik default.

    6. Untuk melihat web anda klik site - preview dan pilih In New Window agar tidakmengganggu layer kerja kita.7. Tampilan akhir template yang kita pilih.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 22 dari 41

    B. Content Manager (Konfigurasi Isi website)

    Pada sebuah situs Portal, umumnya isi yang ditampilkan dibagi menjadi beberapaSeksi (Section) misalnya: Profil, Berita, dll. Masing-masing seksi memiliki kategori(Category) sendiri-sendiri. Misalnya, seksi Profil memiliki kategori Info Utama danmemiliki sub kategori layanan, daftar mitra, dll. Pembagian berita ini termasukdalam Section Manager.

    Untuk halaman Home, Daftar mitra, layanan, Berita bisa kita isi dengan carayaitu:

    1. Buat sebuah section, Klik Content kemudian section manager.Klik new pada tampilan list section manager dan isikan informasi yang ingindibuat. Misal untuk profil, isikan title dan section name profil. Klik save maka padalist section akan ada profil.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 23 dari 41

    2. Langkah selanjutnya kita buat kategori untuk section tersebut. Klik contentkemudian category manager. Klik new maka akan tampil form untuk membuatkategori. 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

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 24 dari 41

    4. Akan tampil list sub menu, klik new. Pada Content Item : NewIsikan Selamat Datang pada Title dan Title Alias, pastikan sectionnya Profil dankategorinya Info Utama.

    Isi bisa anda ketikkan pada field yang tersedia. Untuk intro text merupakankeharusan. Untuk Main text bersifat optional. Intro text merupakan text yang akan ditampilkan pada halaman utama, sedangkan jika beritanya terlalu panjang dan akanmengganggu halaman depan web kita, berita dapat di potong. Potongan berita diisikanpada 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 yangtersedia. Atur properties gambar dibawahnya.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 25 dari 41

    6. Jika anda punya gambar yang ingin anda tampilkan anda harusmenguploadnya. Klik site pilih media manager, Klik browse dan upload file yanganda inginkan.

    7. Pada Media Manager anda bisa memilih pada subfolder yang mana gambaranda akan di upload. Misal pada subfolder stories. Kemudian kita buat directory barudengan nama berita kemudian klik Create

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 26 dari 41

    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 Datangklik 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 padaFrontpage agar isi tampil dihalaman depan sebagai Home website. Artinya andabisa memilih apakah sebuah item yang anda buat apakah akan di terbitkan atautidak dan apakah ditampilkan pada halaman depan atau tidak. Default publishedkarena isi tadi untuk halaman depan kita klik frontpage.

    10. Halaman depan website

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 27 dari 41

    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 inibergantung pada konsep anda membagi content website yang akan anda buat.

    C. Component dan Modul Manager

    Komponen adalah sebuah aplikasi mini yang umumnya ditempatkan ke dalamsebuah area content utama. Joomla Open Source melakukan pendekatandalam penggunaan komponen agar development Joomla tidak menjadibertambah besar. Joomla menyediakan beberapa komponen inti, sekaligusmendukung penambahan komponen lain yang dibuat oleh pihak ketiga. Dalamhal pembuatan dan penggunaan komponen tersebut, umumnya sangatsederhana dan dapat di-link ke sebuah item menu. User dapat melihat komponendengan cara mengklik item tersebut.

    Fungsi menu Components adalah melakukan instalasi komponen baru, menghapusyang sudah ada dan melakukan setting terhadap komponen yang telah ada.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 28 dari 41

    Komponen inti yang telah disediakan oleh Joomla adalah Banner, Contact, Mass Mail,News Feed , Polls , Syndicate, Web Links. Hal ini juga bergantung padaversi Joomla yang anda gunakan. Dalam hal ini kita akan mempelajaripenggunaan kontak, polling dan menambah komponen untuk buku tamu.

    Konfigurasi Kontak

    1. Klik Components, pilih Contacts. Pertama kali kita perlu membuat kategorikontak.

    2. Klik new dan isi formnya, misalkan Tim Web ICTBDL. Klik Save

    3. Selanjutnya pilih Manage Contacts.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 29 dari 41

    4. Klik New, Isikan form yang ada.

    5. Pada sebelah kanan ada Option yang bisa anda pilih. Untuk memasukkangambar Pilih gambar pada tab images. Setelah semua di atur Klik save

    Konfigursi Polling

    1. Klik Components pilih polls

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 30 dari 41

    2. Klik new dan isikan form pertanyaan dan pilihan jawaban polling. Klik Save. Pilihpublished.

    Menambah komponen

    Karena banyak sekali kebutuhan kita akan website maka sangat besar kemungkinanbahwa aplikasi yang kita inginkan tidak tersedia secara standard oleh Joomla.Langkah termudah ialah mencari komponen yang telah disediakan oleh pihakketiga kemudian bisa kita upload. Sebagai contoh untuk buku tamu kita akanmencoba mengupload komponen tambahan yaitu EasyBook.

    1. Untuk menginstal Komponen klik Installers dan pilih Component. Halini sama seperti saat kita upload template.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 31 dari 41

    2. Klik browse dan cari komponen yang akan diinstall kemudian klik open sertaupload file & Install

    3. Jika berhasil maka akan tampil kotak dialog success dan jika anda memilihmenu 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 halamandepan (front end) perlu dibuat menu yang berfungsi untuk menampilkan contenttersebut. Anda bisa menampilkan content menurut Items atau sub category, Categorymaupun 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 mainmenu. Klik menu dan pilih main menu.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 32 dari 41

    2. Akan tampil main menu manager. Default Home sebaiknya tidak dihapuskarena diperlukan oleh Joomla untuk halaman depan. Kita bisa menambah menudengan klik new.

    3. Kita akan dihadapkan pada beberapa pilihan apakah menu akan menampilkan peritem, kategori atau section.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 33 dari 41

    4. Kita sebelumnya membuat content dan ingin menampilkannya per item maka kitapilih 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. Kitabisa mengatur urutannya dengan memilih tanda panah pada bagian Reorder.

    7. Ulangi untuk setiap item yang ada.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 34 dari 41

    8. Untuk kontak Kami dan buku tamu bentuknya berupa sebuah komponen. Kliknew dan pilih component

    9. Berikan nama Buku Tamu dan pilih component EasyBook. Klik Save.

    10. Ulangi untuk komponen pencarian dan kontak kami.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 35 dari 41

    e. Finishing

    Berikut tampilan web site ICT Bamdar Lampung. Namun kelihatannya masihbanyak hal yang tidak diperlukan masih di tampilkan. Seperti login form, statisticyang terlalu banyak dan syndicate. Untuk memperindah tampilan hal-hal tersebutsebaiknya kita hilangkan.

    1. Menghilangkan tampilan login form

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 36 dari 41

    Klik modules, pilih site modules. Dari form ini anda bisa melihat modul yang adapada situs anda. Anda bisa memilih apakah sebuah modul akan ditampilkan atautidak dengan memilih icon published atau unpublished. Klik icon pada Login Formuntuk unpublished modul tersebut. Ulangi untuk modul yang lain.

    2. Merubah Posisi Modul.

    Jika anda ingin memindahkan posisi modul atau mengganti nama modul. Klikmodul yang ingin anda ubah dan pilih edit. Misal kita merubah modul who'sonline. Anda bisa mengubah posisi modul, nama modul, ditampilkan pada semuakondisi atau kondisi tertentu, dll. Setelah selesai klik save.

    Tampilan Akhir Web Kita

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 37 dari 41

    F. Upload to the Internet

    Seperti tadi sikatakan kita telah membuat sebuah website secara Offline. Agarwebsite yang kita buat bias diakses oleh banyak orang atau online kita harusmeng-uploadnya ke sebuah server yang terhubung dengan internet. Untukmendapatkannya kita harus menyewa atau lebih popular dengan istilah WebHosting. Disarankan hosting yang anda sewa mendukung upload file lewat FTPClient untuk mempermudah proses upload file.

    Sebelum upload file ada dua hal yang harus kita lakukan :

    1. Backup/Dump Database dari PHPMyAdminDatabase harus kita upload, sehingga harus kita Eksport dari Mysql server kita lewatPHP Myadmin dalam bentuk *.sql agar bias dengan mudah import ke server yangbaru.Berikut langkahnya :a. Buka phpMyAdmin dengan ketikkan di browser http://localhost/phpmyadmin/,kemudian login menggunakan username : root dan password : 123456. Pada Databaseictbdl_db pilih option Ekspor.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 38 dari 41

    b. Klik pilih semua dan pilih option sql pada radio button

    c. Setelah selesai Klik Go.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 39 dari 41

    d. Hasilnya di pilih semua ( Ctrl + A ) dan copykan pada sebuah file notepad dan simpandengan ekstensi *.sql missal ictbdl_db.sql

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 40 dari 41

    2. Konfigurasi file JoomlaInti yang mengatur file joomla ada di configuration.php. Buka file tersebut denganeditor anda (bisa menggunakan notepad/wordpad). Jika konfigurasi MySql andaberubah pada server anda perlu mengganti baris ke 4 dan 5 yaitu user danpassword MySql anda. Namun anda bisa mengatur MySql anda dengan yangsama seperti pada awal pengaturan database dengan PHPMyadmin. Gantikanabsolute path dengan yang baru pada server hosting anda.

  • !CT Center Bandar Lampung

    Modul Pelatihan Joomla Halaman 41 dari 41

    Misal '/usr/home/ictbdl/public_html/' dan live site misal denganhttp://www.ictbdl.net'. Yang perlu diedit adalah

    $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 webhosting.

    Jika ada pertanyaan silahkan hubungi saya

    Nama : Bambang Eko Se-mail : [email protected] Url : http://bambangoke.blogspot.comHp : 085768548605