HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.

COM

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

DAFTAR ISI

A. PENDAHULUAN

B. INSTALASI JOOMLA! 5 C. SECTION, CATEGORY, DAN CONTENT D. MEMBUAT MENU 12

22 31 34

E. KONFIGURASI MODUL DALAM JOOMLA

F. MENGGANTI TEMPLATES JOOMLA!

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

A. PENDAHULUAN Sebelum kamu dapat memahami cara mengoperasikan Joomla!, kamu perlu memahami prinsip dasar yang mendasari sistem itu. Jika Kamu melompati bagian ini, Kamu kelak akan menemui banyak kesulitan. Sebagai `Sistem Pengelola Konten / Content Management System, Joomla! akan mengorganisir konten situs (website) Kamu. Ini berarti Kamu harus memikirkan situs Kamu sebagai sebuah struktur konten, bukan hanya sekedar membuat halaman situs. Ringkasnya: Joomla! Memungkinkan Kamu mengubah tampilan situs Kamu (warna, huruf, gambar dll) tanpa mengubah isi/konten/berita/teks yang ada di dalamnya.

Setelah Kamu menginstall Joomla!, Kamu dapat mulai mengerjakan konten untuk situs Kamu. Konten Kamu dapat diorganisasikan menjadi (sections) bagian dan (categories) kategori:

(Sections) Bagian adalah kontainer yang berfungsi menyimpan satu atau lebih Kategori (Categories) Kategori adalah kontainer, berfungsi menyimpan satu atau lebih Item Konten (Content Items) Item Konten adalah artikel yang merupakan isi dari situs Kamu.

Untuk menambahkan sebuah artikel baru ke situs, Kamu harus memasukkan artikel (atau item konten) ke dalam sebuah kategori, dan kategori ke bagian. Kamu harus memikirkan masak-masak tentang kategori dan bagian apa yang akan Kamu buat sebelum mulai memasukkan isi/konten. Memang dimungkinkan untuk memindahkan ke dalam bagian dan kategori berbeda setelah Kamu membuatnya, tetapi akan lebih mudah dan cepat untuk memikirkan dan menggambarkan struktur isi/konten Kamu terlebih dahulu, baru kemudian memasukkan artikel sesuai konfigurasi struktur yang Kamu buat.
2

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Setelah Kamu mendefinisikan sebuah bagian, tambahkanlah sebuah kategori di dalamnya, dan tambahkan sebuah item dalam kategori tersebut (detil tentang bagaimana jelasnya Kamu benar-benar mempraktekkannya dalam Joomla! Akan dijelaskan kemudian). Sebuah item konten tidak akan nampak/tampil di dalam situs Kamu apabila tidak di-publish. Hal ini sangat praktis, karena Kamu dapat menyimpan isi/konten dalam situs Kamu, tetapi orang tidak dapat melihatnya terkecuali Kamu memang sudah mau mempublikasikannya kepada banyak orang. Kamu juga dapat menetapkan/menyetel di dalam Joomla! Untuk mempublikasikan artikel sesuai tanggal atau skedul yang Kamu tetapkan dan secara otomatis akan ditarik dari publikasi sampai tanggal kedaluwarsa yang Kamu tetapkan tiba, yang memungkinkan Kamu untuk mengontrol publikasi/penghentian publikasi artikel yang terkait dengan waktu/ masa/ musim/ peringatan hari tertentu. Dengan kata lain, Kamu dapat merancang kalender publikasi tahunan untuk konten/isi situs Kamu jauhjauh hari dan secara otomatis Joomla mengaktifkan publikasi dan menonaktifkan publikasi artikel sesuai waktu yang Kamu setel. Contohnya Kamu dapat memuat artikel Tahun Baru, Valentine Days, Hari Kemerdekaan, Idul Fitri, Idul Adha, Natal, Nyepi dan sebagainya.

Bahkan ketika sebuah bagian, kategori, dan item semuanya `di-publish, Kamu masih perlu mengatur cara untuk memandu pengunjung menjelajahi isi/konten/artikel yang mereka inginkan. Cara untuk memandu hal ini adalah melalui sistem menu, dan menghubungkan (me-link) isi/konten/artikel Kamu ke menu tersebut. Sistem menu Kamu tidak perlu persis dengan struktur bagian dan kategori Kamu, walaupun ini pada umumnya adalah jalan yang paling mudah untuk dilakukan. Struktur Section/Category/Item terutama berguna untuk membantu Kamu sebagai Administrator dalam mengelola isi situs Kamu. Pengunjung situs Kamu akan melihat isi/konten Kamu dengan menggunakan menu yang Kamu buat, maka menu ini berperan seperti jendela pengendali untuk menjelajahi konten/isi dalam situs Kamu.

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Sebagai Administrator, Kamu membangun dan melihat isi situs Kamu dalam suatu hirarki bagian, kategori, dan materi isi (sections, categories, and content items). Sebuah item menu dapat menunjuk ke sebuah bagian, sebuah kategori, atau langsung ke sebuah item. Bila sebuah pilihan menu me-link ke sebuah kontainer (misal: kategori atau bagian), user akan melihat daftar item yang termasuk di dalam kategori atau bagian itu manakala mereka memilih pilihan menu tersebut, seperti halnya sebuah artikel pendahuluan mungkin dapat Kamu masukkan ke kategori atau bagian tersebut.

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

B. INSTALASI JOOMLA! 1. Install terlebih dahulu XAMPP. XAMPP adalah sebuah aplikasi yang akan menginstall Webserver Apache dan Database MySQL di komputer kita. Biarkan terinstall di folder defaultnya di direktori : C:\apachefriends

2. Jalankan XAMPP Control Panel yang ada di desktop, start service untuk Apache dan MySQL. Seperti tampak pada gambar dibawah ini.

3. Ekstract file ZIP Joomla_1.0.12-Stable-Full_Package.zip ke direktori : C:\apachefriends\xampp\htdocs\web_gw

4. Jalanin Browser kamu. Joomla! Kompatibel dengan hampir semua browser yang ada sekarang ini. Kita bisa pake Mozilla Firefox, Internet Explorer, Opera, dll.

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

5. Ketikkan http://localhost/web_gw (tanpa tanda petik) pada address bar. Akan tampil halaman pre-installlation check. Joomla! Akan mengecek dan melakukan konfigurasi sebelum memulai instalasi.

6. Kamu harus menyetujui halaman lisensi ini untuk memulai instalasi

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

7. MySQL Database Configuration. Berikan pengaturan sebagai berikut :

root

localhost Biarkan kosong, kecuali kamu upload website ini ke internet

Hilangkan tanda centang biar sampel data tidak ikut terinstall

8. Masukkan Nama Website kamu. Nama ini akan ditampilan di ujung kiri atas browser kamu ketika nanti mengakses halaman situs ini.

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

9. Confirm the site URL, path, admin e-mail and file/directory chmods. Lakukan konfigurasi sebagai berikut :

Masukkan alamat email kamu

Set password, ingat-ingat password ini

10. Joomla! Sudah terinstal di komputer kamu..

Melihat hasil instalasi Masuk ke halaman administrator

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

11. Kita harus menghapus folder installation pada direktori : C:\apachefriends\xampp\htdocs\web_gw (direktori tempat kita menginstall joomla).

Hapus folder ini

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

12. Halaman muka Joomla!

Untuk keamanan, joomla! Mengharuskan untuk menhapus folder installation Ini adalah Halaman muka sebelum folder installation di hapus

Setelah folder installation dihapus, refresh/reload halaman muka joomla! Maka akan didapat halaman seperti ini

10

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

13. Halaman Administrator Untuk masuk ke halaman administrator, ketikkan pada addressbar browser kamu : http://localhost/web_gw/administrator (tanpa tanda kutip) Akan muncul halaman login. Silahkan isi username dan password kamu.

Jika berhasil, kamu akan dibawa ke halaman Control Panel. Dari sinilah website Joomla! Kamu akan di atur.

11

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

C. SECTION, CATEGORY, DAN CONTENT Sections (Bagian) adalah kontainer yang berfungsi menyimpan satu atau lebih Kategori Categories (Kategori) adalah kontainer, berfungsi menyimpan satu atau lebih Item Konten Content Items (Item Konten) adalah artikel yang merupakan isi dari situs Kamu.

Ada juga static content. Yaitu konten/artikel yang jarang sekali terjadi perubahan / dilakukang pengeditan. Secara logika, hubungan antara Section, Categories, dan Content dapaat digambarkan sebagai berikut :

Untuk lebih mudah mengerti, kita akan coba untuk membuat sebuah website Himpunan Mahasiswa Teknik Informatika. Struktur dari website nya adalah sebagai berikut :

12

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Tabel struktur website HIMA TI

Section Category Content
eyeOS Berita Singkat Berita Bit Torrent APJII Cracker China Info Kampus Workshop Joomla! Workshop Jaringan Tip membangun WLAN Jaringan Komputer Infrastruktur Telekomunikasi Fiber Optik Remote Acces Sistem Pakar Kecerdasan Tiruan Teknik Merancang Sistem Pakar Sistem pakar bidang Farmakologi Soft Computing WEBSITE HIMA TI Cerpen Boraq Perempuan abu-abu Peradilan Rakyat Batu menjadi Fallin Puisi Jika aku jatuh cinta Love in pieces Cinta ini rabbi Skript Geser Kanan Java Programming Skript Jumlah karakter Skript Jumlah kata Konversi Temperatur Merubah warna Command Oprek Windows Sembunyikan user Tingkatin performa Win XP Shortcut Key Tentang HIMA TI (static content)

Artikel Kuliah

Artikel Bebas

Tutorial

13

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

MEMBUAT SECTION 1. Buka Control Panel pada halaman Administrator, klik ikon Section Manager

Klik icon ini

2. Klik Icon New untuk membuat Section baru

14

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Berikan nama pada section-nya. Buat Section untuk Berita, Artikel Kuliah, Artikel Bebas, dan Tutorial. Berikan juga sedikit pengantar untuk masing-masing Section yang dibuat. Jangan lupa untuk selalu menyimpan Section yang telah selesai di buat dengan menekan tombol Save

Berikan nama untuk Section

Lalu Save jika sudah Ok!

Berikan juga sedikit pengantar untuk masingmasing section.

4. Section yang sudah tersimpan di Section Manager.

15

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Klik pada nama Section untuk meng-Edit nya jika terjadi kesalahan

16

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

MEMBUAT CATEGORI 1. Buka Halaman Administrator, klik ikon Category Manager.

2. Klik icon New untuk membuat kategori baru.

17

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Lalu buatlah kategori yang sudah kita tentukan pada Tabel struktur website HIMA TI diatas. Perhatikan pula penempatan masing-masing kategori sudah pada section yang benar.

Nama Kategori

Simpan jika pengaturan sudah benar

Pilih Section tempat kategori tersebut berada

4. Kategori yang sudah tersimpan.

18

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

MEMBUAT CONTENT Content adalah isi dari website ini, cara membuatnya : 1. Seperti biasa, buka halaman administrator, klik ikon Add New Content.

Klik Disini!

19

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

2. Buat konten baru dengan klik icon New

20

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Mulai menulis konten

Centang opsi ini jika artikel ingin ditempatkan di halaman muka website

Judul Konten

Pilih Section dan Categori tempat konten tersebut akan diletakkan Tangga mulai- selesail penerbitan konten/artikel bisa diatur

Beri Centang jika artikel/konten siap di tampilkan, atau hilangkan tanda centang jika konten belum ingin ditampilkan

4. Editor Konten

21

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Untuk melakukan pengaturan text dan gambar pada konten, serupa dengan yang kita temukan di aplikasi pengolah kata.

Halaman untuk menuliskan isi dari konten. Jika konten terlalu panjang, bagian ini digunakan sebagai pengantar / bagian awal dari konten tersebut

Area yang ini bersifat opsional, kamu boleh menggunakannya jika membutuhkan. Boleh juga tidak digunakan

MEMBUAT STATIC CONTENT Static Content yaitu sebuah kontent yang jarang sekali terjadi perubahan. Kita akan membuat konten Tentang HIMA TI dengan menggunakan fitur ini. 1. Klik ikon Static Content Manager di halaman Administrator

22

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

2. Klik Ikon New.

23

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Silahkan mulai menulis konten sama seperti menulis content sebelumnya. Namun dalam static content, kamu tidak perlu memasukkan kategori, maupun section.

24

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

D. MEMBUAT MENU Menu adalah link pada halaman website kita untuk memudahkan kita dalam menelusuri isi konten website kita. Ada 4 macam menu : Main Menu Other Menu Top Menu User Menu : Menu Utama. : Menu Tambahan (bersifat opsional). : Menu yang terdapat di atas halaman website. : Menu yang muncul ketika seorang user login.

Kita akan membahas tentang pembuatan Main Menu. Untuk menu yang lain akan kita bahas jika waktunya mencukupi.

MAIN MENU Seperti ini struktur main menu yang akan kita buat :
Home Tentang Hima TI Artikel Bebas Cerpen Puisi Artikel Kuliah Jaringan Komputer Kecerdasan Tiruan Tutorial Java Programming Oprek Windows Info Kampus

25

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Cara mengakses dan membuat main menu yaitu pada halaman Administrator, akses : Menu mainmenu

Menu Tentang HIMA TI Konten Tentang HIMA TI di buat di Static Content. Begini cara pembuatan menu-nya. 1. Akses main menu

2. Buat menu baru dengan klik ikon New

26

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Pilih opsi link Static Content

Lalu Tekan icon Next

Pilih untuk membuat link ke static content

4. Berikan nama menu dan pilih static Content yang akan di jadikan menu.

Berikan nama untuk menu

Lalu ssave jika pengaturan sudah benar

Lokasi tempat static content berada

27

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Menu Artikel Bebas Ingat Artikel bebas merupakan section OK! Jadi kita akan bikin menu yang akan mengarah ke section tersebut. 1. Bikin mainmenu baru

2. Pilih Blog Content Section

Pilih ini untuk membuat menu ke Section.

28

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Berikan pengaturan untuk details dan parameter sebagai berikut.

Nama Menu

Section yang akan dibikin menu

Pilih Top sebagai parent item

Menampilkan Deskripsi dari section yang bersangkutan (jika ada)

4. Lalu simpan dengan meng-klik tombol Save

29

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Menu Cerpen dan Puisi Cerpen dan Puisi merupakan Categori dari section Artikel Bebas.. kan??? Jadi kita bikin menunya dengan memiilih menu untuk menampilkan kategori 1. Bikin Mainmenu baru.

2. Pilih Blog Content Category

Pilih ini untuk menampilkan kategori

30

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Beri nama Menu, lalu pilih kategorinya. Kita akan membuat cerpen dan puisi menjadi sub menu dari artikel bebas.

Beri nama Menu, lalu pilih kategori yang akan dibuat menu nya.

Awas, untuk menu cerpen dan puisi! pilih Artikel Bebas sebagai parent item agar tampilan akhirnya menjadi seperti gambar di samping ini. Bisa dikatakan bahwa cerpen dan puisi merupakan sub-menu dari Artikel Bebas.

Untuk Menu Artikel Kuliah beserta sub-menunya (yaitu : Jaringan Komputer dan Kecerdasan Tiruan), Cara pembuatan menu-nya sama seperti langkah-langkah diatas (Pembuatan menu Artikel Bebas). Begitu pula pembuatan Menu Tutorial, ikuti langkah-langkah seperti diatas.

31

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

Menu Info Kampus 1. Buat main menu baru

2. pilih Table Content Category, opsi ini akan membuat isi dari kategori info_kampus ditampilkan dengan format tabel.

Tabel Content Category, berarti bahwa semua konten yang ada pada sebuah kategori akan ditampilkan dalam bentuk tabel yang berurut berdasarkan waktu penulisan konten tersebut.

32

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Berikan nama Menu dan pilih kategori yang akan ditampilkan.

Beri nama menu dan pilih kategori yang akan ditampilkan.

Save jika sudah oke

Pilih Top sebagai Parent item

4. Tampilan Main Menu pada Menu Manager akan seperti ini

33

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

E. KONFIGURASI MODUL DALAM JOOMLA Modul adalah komponen - komponen yang membangun website joomla!. Setiap modul memungkinkan untuk ditampilkan atau tidak, diganti title nya, di pindah pindah posisi dalam halaman website, dll

NEWSFLASH 1. Akses beberap modul-modul yang tersedia secara default dalam Joomla!

2. Modul modul tersebut antara lain sebagai berikut.

34

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

35

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. pilih Modul Newsflash.

Posisi dimana modul ini ditampilkan Ditampilkan atau tidak.

Pada halaman mana saja modul ini akan ditampilkan

ganti parameter nya ke category berita_singkat

36

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

MEMBUAT POLLING Dengan Joomla! Kita bisa dengan mudah membuat polling yang akan dipasang di halaman website kita, sehingga kita bis mendapatkan feedback dari pengunjung website kita atas pertanyaan pertanyaa yang kita ajukan. Bagaimana membuatnya? Check this out! Hehehe 1. Langsung meluncur ke tempat komponen ini berada, di :

2. Tinggal masukin pertanyaannya juga jawabannya atur juga berapa lama rentang waktu seseorang dapat memberikan vote lagi di polling

Pertanyaan polling

Jawaban nya

Jeda waktu para pengunjung untuk diijinkaan memberikan voting lagi setelah voting pertama. (dalam detik)

37

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

kita.

F. MENGGANTI TEMPLATES JOOMLA! EH, btw template Joomla! Juga diganti ganti juga ni caranya. 1. Segera meluncur ke Template Manager di :

38

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

2. Joomla kasih 2 template gratis sewaktu kita install joomla! Kayak gini

39

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

3. Atau bisa juga kita install template baru, caranya? Klik icon new

4. Arahkan dimana file Temlate Joomla! Kamu di simpen

Lalu Klik tombol ini Arahkan ke File Template Joomla! kamu

40

HIMA TI UHAMKA E-MAIL : HIMATI_FTUHAMKA@YAHOO.COM

5. Jika sukses akan keluar halaman Upload template Success.

Klik untuk melihat template yang baru diinstall

6. Preview template dengan meletakkan cursor di atas nama template. Untuk mengaplikasikannya, beri tanda pada template yang kamu mau, kemudian Klik ikon default. Tampilan website kamu berubah dalam sekejap!

41