Modul CMS Joomla/Mambo by mrxingrob

VIEWS: 519 PAGES: 30

Modul CMS Joomla/Mambo

More Info
									               Modul

               Membuat Web Dengan

               Joomla Open Source




     Mr. XIn
Oktober 2007




                                    2 Modul Joomla Open Source – SMK TI Umar Fatah
                                    Mr.Xin, Oktober 2007
Pengantar Content Management System (CMS)                                                                     Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola
                                                                                                              dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali
Seiring dengan kemajuan teknologi yang kita rasakan akhir-akhir ini, terutama di bidang                       pengetahuan tentang hal-hal yang bersifat teknis. Dengan demikian, setiap orang, penulis
pengembangan website, menyebabkan proses pembuatan sebuah website yang baik bukanlah suatu                    maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat,
pekerjaan yang sulit lagi seperti yang dibayangkan oleh banyak orang sebelumnya. Di mana-mana                 menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari
dapat kita lihat berbagai website bermunculan dengan bermacam corak dan ragamnya. Mulai dari                  pihak webmaster. Bukankah ini suatu hal yang efisien?
sebuah website yang sangat sederhana dengan hanya mengandalkan beberapa halaman statis
HTML, sampai kepada sebuah website dinamis yang menggunakan teknik pengembangan website               Karena CMS memisahkan antara isi dan desain, konsistensi tampilan dapat senantiasa dijaga
yang mutakhir. Tak dapat dipungkiri memang, semuanya ini merupakan hasil dari revolusi informasi      dengan baik. Setiap bagian dari website dapat memiliki isi dan tampilan yang berbeda-beda, tanpa
dunia internet yang sangat cepat. Sedemikian cepatnya mengakibatkan tidak semua orang dapat           harus khawatir kehilangan identitas dari website secara keseluruhan. Oleh karena semua data
mengikuti perkembangan yang terjadi dengan baik.                                                      disimpan dalam satu tempat, pemanfaatan kembali dari informasi yang ada untuk berbagai
                                                                                                      keperluan dapat dengan mudah dilakukan. CMS juga memberikan kefleksibelen dalam mengatur
Pertanyaan yang muncul sekarang adalah adakah sebuah sistem yang dapat mengakomodasi                  alur kerja atau ‘workflow’ dan hak akses, sehingga memperbesar kesempatan berpartisipasi dari
perkembangan informasi yang sangat cepat ini dan yang dapat memberikan keuntungan kepada              pengguna dalam pengembangan website. Hal ini akan sangat menguntungkan bila website yang
pihak yang menggunakannya? Jawabannya tentu saja ada, yaitu dengan menerapkan Content                 dikelola memiliki kompleksitas yang tinggi dan mengalami kemajuan yang cukup pesat.
Management System (CMS).
                                                                                                      Manfaat CMS
Dalam tulisan ini, penulis akan berusaha menjelaskan kepada pembaca apa yang dimaksud dengan
CMS, keuntungan pemanfaatan CMS dan bagaimana cara memilih CMS yang baik. Dengan harapan              Selain dari beberapa hal yang telah disebutkan di atas, CMS juga dapat memberikan sejumlah
setelah membaca tulisan ini, pembaca memperoleh gambaran yang jelas tentang CMS atau bahkan           manfaat kepada penggunanya yang dapat dijabarkan sebagai berikut:
dapat menerapkan CMS di website-nya masing-masing.
                                                                                                      • Manajemen data
Latar Belakang dan Pengertian CMS                                                                     Ini merupakan fungsi utama dari CMS. Semua data/informasi baik yang telah ditampilkan ataupun
                                                                                                      belum dapat diorganisasi dan disimpan secara baik. Suatu waktu data/informasi tadi dapat
Content Management System atau lebih populer dengan singkatan CMS, pertama kali muncul                dipergunakan kembali sesuai dengan kebutuhan. Selain itu, CMS juga mendukung berbagai macam
sebagai jawaban atau solusi dari kebutuhan manusia akan penyediaan informasi yang sangat cepat.       format data, seperti XML, HMTL, PDF, dll., indexing, fungsi pencarian, dan kontrol terhadap
Masih segar dalam ingatan kita, betapa sederhananya sebuah website di era tahun 90-an. Dengan         revisi yang dilakukan terhadap data/informasi. Untuk menggunakan CMS biasanya pengetahuan
hanya mengandalkan bahasa pemograman HTML dan beberapa gambar serta informasi yang statis,            tentang bahasa pemograman tidaklah terlalu dibutuhkan, karena semua proses berjalan dengan
sebuah perusahaan berusaha sebaik mungkin menampilkan informasi secukupnya kepada para                otomatis (WYSIWYG). Begitupula dengan proses ‘update’, dapat dilakukan dengan cepat sehingga
pengunjung. Setiap kali ada perubahan informasi dalam perusahaan, pihak manajeman mau tak mau         menjamin kemutakhiran informasi yang ditampilkan.
haruslah berhubungan terlebih dahulu dengan pihak Humas sebelum akhirnya semua bahan
diserahkan kepada pihak webmaster. Pihak inilah yang nantinya akan mengadakan perubahan               • Mengatur siklus hidup website
terhadap isi website. Dapat dibayangkan bila hal yang sama terjadi terus-menerus, berulang kali       Banyak CMS memberikan fasilitas kepada para penggunanya untuk mengelola bagian atau isi mana
dan dalam kuantitas yang besar, seberapa banyak waktu dan tenaga yang dibutuhkan untuk                saja yang akan ditampilkan, masa/waktu penampilan dan lokasi penampilan di website. Tak jarang
memproses semuanya. Selain tidak efisien, biaya operasional yang harus dikeluarkan juga               sebelum ditampilkan, bagian atau isi yang dimaksud terlebih dahulu di-review oleh editor sehingga
sangatlah besar. Tentu saja situasi seperti ini tidak diinginkan oleh setiap orang. Dapat dikatakan   dijamin kevaliditasannya.
sebuah metode atau sistem yang dapat meningkatkan tingkat produktivitas dan efisiensi dalam
pengembangan website sangatlah dibutuhkan. Dan salah satu solusi yang tepat untuk ini adalah          • Mendukung web templating dan standarisasi
dengan menerapkan Content Mangement System atau CMS. CMS secara sederhana dapat                       Setiap halaman website yang dihasilkan berasal dari template yang telah terlebih dahulu
diartikan sebagai berikut:                                                                            disediakan oleh CMS. Selain dapat menjaga konsistensi dari tampilan secara keseluruhan, para

    Modul Joomla Open Source – SMK TI Umar Fatah                                                 3    4 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                                  Mr.Xin, Oktober 2007
penulis dan editor dapat berkonsentrasi secara penuh dalam melaksanakan tugasnya menyediakan        software lainnya, setiap penyedia jasa/produsen CMS tentunya akan menawarkan produk andalan
isi website. Bila isi telah tersedia, maka proses publikasi dapat berjalan dengan mudah karena      mereka dengan sejumlah feature yang terkadang hampir mirip satu sama lainnya. Tidak jarang pula
sudah ada template sebelumnya. Beberapa bagian dari website biasanya telah ditetapkan               mereka menawarkan solusi yang lain daripada yang lain, tapi apakah itu yang benar-benar kita
sedemikian rupa sehingga tidak dapat diubah begitu saja. Hal ini dilakukan untuk memberikan         inginkan?
standarisasi kepada seluruh bagian dari website.
                                                                                                    Ibarat membeli sebuah mobil, kepuasan dalam pemakaian juga memegang peranan penting. Bukan
• Personalisasi website                                                                             radio, CD player atau AC yang menjadi daya tarik kita membeli mobil tersebut, tapi lebih kepada
Sekali sebuah isi ditempatkan ke dalam CMS, isi tersebut dapat ditampilkan sesuai dengan            seberapa jauh mobil tersebut bermanfaat dalam kehidupan sehari-hari. Demikian pula dalam
keinginan dan kebutuhan dari penggunanya. Terlebih lagi dengan kelebihan CMS yang dapat             memilih sebuah CMS. Tidak mudah memang menemukan CMS yang benar-benar sesuai dengan
memisahkan antara desain dan isi, menyebabkan proses personalisasi dapat berjalan dengan            kebutuhan kita. Bahkan sudah menjadi suatu hal yang biasa, bila kita senantiasa berganti dari satu
mudah.                                                                                              CMS ke CMS yang lainnya untuk sekedar mencari tahu atau bereksperimen. Bagi dunia bisnis dan
                                                                                                    dagang, membeli sebuah CMS adalah sebuah investasi yang harus dapat dihitung 'Return On
• Sindikasi                                                                                         Investment' (ROI) -nya. Hal ini berarti sebuah CMS itu harus dapat memenuhi kebutuhan saat ini
Sindikasi memberikan kemungkinan kepada sebuah website untuk membagi isinya kepada website-         dan kebutuhan di masa yang akan datang dengan segala fungsionalitasnya dan juga memberikan
website yang lain. Format data yang didukung juga cukup variatif, mulai dari rss, rdf, xml hingga   keuntungan. Namun, tidak jarang dikarenakan kurangnya informasi dan pengalaman, investasi
‘backend scripting’. Sama halnya dengan personalisasi, sindikasi juga dapat dilakukan dengan        tersebut menjadi sia-sia belaka. Suatu hal yang tentunya sangat tidak kita harapkan terjadi.
mudah karena isi dan desain telah dibuat terpisah.
                                                                                                    Untuk dapat memilih CMS yang sesuai dengan kebutuhan dan keinginan anda sekaligus memperoleh
• Akuntabilitas                                                                                     manfaat yang optimal darinya, beberapa langkah berikut mungkin dapat membantu.
Oleh karena CMS mendukung alur kerja dan hak akses yang jelas kepada para penggunanya,
data/informasi yang disampaikan dapat dipertanggungjawabkan dengan baik. Setiap penulis                 1.   Kenalilah terlebih dahulu tujuan dan target yang hendak dicapai dengan penerapan CMS
ataupun editor memiliki tugas masing-masing dengan hak akses yang berbeda-beda pula. Dengan                  beserta strategi-strategi yang dibutuhkan. Bila dapat ajaklah semua pihak yang
demikian setiap perubahan yang terjadi di website dapat ditelusuri dan diperbaiki seperlunya                 berkepentingan. Kemudian rumuskanlah di atas kertas dan usahakan memiliki proyeksi
dengan segera.                                                                                               jauh ke depan.

Pemanfaatan CMS                                                                                         2.   Mengidentifikasi kebutuhan dan kemampuan yang anda miliki secara organisatoris, seperti
CMS pada prinsipnya dapat dipergunakan untuk berbagai macam keperluan dan dalam berbagai                     berapa jumlah penulis/editor/pengguna yang ada, lokasi geografis dari pengguna,
kondisi, seperti untuk:                                                                                      kemampuan teknis yang dikuasai, jenis isi yang akan dipublikasikan, dan lain sebagainya.
    a. Mengelola website pribadi.                                                                            Perlu diingat juga, setiap orang memiliki kebutuhan dan kemampuan yang berbeda-beda.
    b. Mengelola website perusahaan/bisnis.                                                                  Cobalah untuk mencari jalan tengah guna menjembatani perbedaan ini.
    c. Mengelola website organisasi/komunitas/sekolah.
    d. Portal atau website komunitas.                                                                   3.   Menjabarkan kebutuhan teknis yang diinginkan dan yang telah dimiliki, serta waktu yang
    e. Galeri foto, dan lain sebagainya.                                                                     dialokasikan untuk mengelola CMS. Yang termasuk di sini antara lain berapa jumlah
    f. Forum.                                                                                                personal IT yang bekerja di organisasi anda beserta keahlian yang dikuasai, hardware dan
    g. Aplikasi E-Commerce.                                                                                  software yang dimiliki, dan lain sebagainya.
    h. Dan lain-lain.
                                                                                                        4.   Sebuah prinsip yang harus diperhatikan untuk dua poin di atas, ‘lebih baik lebih dari pada
Memilih CMS                                                                                                  kurang’. Hal ini diperlukan untuk mengantisipasi hal-hal yang tidak diduga di masa yang
                                                                                                             akan datang.
Dengan tersedianya berbagai solusi CMS di pasaran, sudah menjadi suatu keharusan bagi kita
untuk memilih sebuah CMS yang akan dipakai dengan bijaksana. Sama halnya dengan produk                  5.   Menentukan jumlah biaya yang akan dikeluarkan. Jangan sampai besar pasak daripada

    Modul Joomla Open Source – SMK TI Umar Fatah                                               5    6 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                                Mr.Xin, Oktober 2007
        tiang nantinya.                                                                                             banyak pihak yang beralih ke CMS Open Source, setelah mengingat dan
                                                                                                                    menimbang kemampuan yang ditawarkan CMS Open Source tidak berbeda jauh
   6.   Setelah tujuan, strategi dan kebutuhan baik secara organisatoris maupun teknis telah                        dengan CMS komersial dan biaya yang terjangkau.
        teridentifikasi dengan baik, inilah saatnya untuk menentukan jenis CMS apa yang akan
        dipakai. Saat ini terdapat dua jenis CMS di pasaran, CMS Komersial dan CMS Open                7.   Pilihlah CMS yang paling dapat memenuhi semua kriteria yang telah anda tentukan
        Source.                                                                                             sebelumnya. Tentunya setelah disesuaikan dengan kemampuan finansial anda, mengingat
                                                                                                            implementasi dari CMS bukanlah suatu hal yang murah. Hal ini dapat dilakukan dengan
            a.   CMS Komersial. Dibuat dan dikembangkan oleh perusahaan-perusahaan software                 cara:
                 yang menjalankan usahanya dengan motif mencari keuntungan. CMS jenis ini                        a. Mengadakan tender, undanglah penyedia CMS yang anda minati untuk mengikuti
                 memiliki dan menyediakan hampir semua feature yang diharapkan dari sebuah                           tender dan minta mereka memberikan penawaran terbaiknya kepada anda sebagai
                 CMS dan tentu saja tidak tersedia secara gratis. Setiap pengguna yang ingin                         bahan pertimbangan.
                 memanfaatkan CMS komersial untuk mengelola website-nya haruslah membeli                         b. Melalui demonstrasi langsung dari produk CMS yang ada di pasaran. Dari sini
                 lisensi dari perusahaan pembuatnya. Lisensi yang tersedia sangat bervariasi,                        anda dapat melihat dengan mata kepala sendiri, produk mana yang terbaik bagi
                 mulai dari lisensi yang berdasarkan kepada jumlah pengguna sampai kepada lisensi                    anda.
                 yang sifatnya multiserver dan dari yang berharga ratusan dollar AS sampai                       c. Berdasarkan       survey   yang    dilakukan    oleh   organisasi    profesional
                 kepada jutaan dollar AS. Semua dapat disesuaikan dengan kebutuhan dan                               independen/konsultan CMS. Secara periodik mereka menyusun daftar CMS
                 implementasi yang diharapkan oleh pengguna. Sebagai layanan purna jual,                             beserta kelebihan dan kekurangannya, sehingga memudahkan anda mengadakan
                 biasanya penyedia CMS akan memberikan pelatihan dan dukungan teknis                                 seleksi tanpa harus berhubungan langsung dengan para penyedia CMS yang
                 berkelanjutan kepada para penggunanya. Tidak hanya itu, versi terbaru dari                          terdapat di daftar tersebut.
                 produk yang dipakai juga dapat diperoleh dengan leluasa, dengan cara                            d. Melalui search engine, mailing list, atau dari mulut ke mulut. Metode ini
                 mengunjungi area anggota dari website penyedia CMS yang dimaksud.                                   merupakan metode yang paling mudah untuk dilakukan dan juga tidak mahal.
                                                                                                                     Kekurangannya adalah informasi yang anda peroleh bisa jadi kurang lengkap atau
            b.   CMS Open Source. Dibuat dan dikembangkan oleh sekelompok orang atau                                 tidak sesuai dengan kenyataan di lapangan. Jadi adakan juga pemeriksaan silang,
                 perusahaan yang intinya memberikan sebuah alternatif murah dan terjangkau                           bila dibutuhkan.
                 kepada para pengguna. Tersedia secara gratis dan dapat dipergunakan sesuai
                 dengan kebutuhan tanpa ada batasan. CMS jenis ini juga memberikan akses               8.   Bila anda memilih CMS komersial, perhatikan bahwa anda membeli lisensi yang sesuai
                 kepada penggunanya akan kode-kode pemograman, sehingga memudahkan                          dengan kondisi organisasi anda. Tidak kurang dan tidak pula berlebihan. Pergunakanlah
                 pengguna untuk memodifikasi CMS di masa-masa yang akan datang. Karena kode                 pelayanan purna jual dari penyedia CMS anda sebaik mungkin, karena dengan demikian
                 pemograman terbuka untuk umum, secara Kuli tidak langsung para pengguna bahu-              biaya yang telah anda keluarkan dapat berbanding lurus dengan hasil yang diperoleh.
                 membahu dalam hal melacak dan memperbaiki bugs yang ada, menambah dan                      Mintalah selalu garansi terhadap produk yang dibeli.
                 meningkatkan fungsi dan kemampuan CMS dan memberikan dukungan teknis dan
                 non-teknis kepada yang membutuhkan. Sehingga prinsip dari komunitas, oleh             9.   Bila anda memilih untuk menggunakan CMS Open Source, perlu disadari bahwa untuk jenis
                 komunitas dan untuk komunitas tidaklah terlalu berlebihan untuk menggambarkan              CMS yang satu ini tidak menyediakan pelayanan purna jual seperti halnya CMS komersial.
                 situasi pengembangan CMS Open Source ini. Walaupun gratis, bukan berarti CMS               Jadi setiap kali ada permasalahan dalam implementasinya, anda diharapkan dapat mencari
                 Open Source tidak memerlukan lisensi dalam pemakaiannya. Bedanya, lisensi di               jalan keluarnya sendiri. Atau dengan mengunjungi berbagai forum yang telah disediakan.
                 sini berbentuk sebuah pernyataan yang biasanya menerangkan bahwasanya                      Singkat kata, untuk menggunakan CMS Open Source terkadang membutuhkan usaha lebih
                 software CMS tersebut dapat dimodifikasi dan dikembangkan lebih lanjut                     keras dan memakan waktu yang banyak. Tapi semuanya dikembalikan kepada anda sendiri
                 dengan syarat semua kredit dihormati dan kode tetap terbuka untuk umum. Lalu,              sebagai pengguna.
                 apakah seseorang bisa memanfaatkan teknologi ini untuk keperluan komersial?
                 Tentu saja bisa. Asalkan tidak mengenakan biaya atas CMS yang dipakai kepada          10. Usahakan secara periodik memperbaharui software CMS yang anda pakai, dengan
                 klien, tapi lebih kepada biaya pembuatan dan perawatan website. Saat ini sudah            demikian dapat menjamin kemutakhiran software dan anda dapat menikmati semua

    Modul Joomla Open Source – SMK TI Umar Fatah                                               7    8 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                                Mr.Xin, Oktober 2007
          feature yang ditawarkan dengan baik.
                                                                                                                              Apa itu Joomla ?
Daftar CMS

Guna memperoleh gambaran yang lebih jelas tentang sejumlah produk CMS yang ada di pasaran,   Joomla Open Source (MOS) atau sering disebut Joomla adalah sebuah Content Management
baik yang komersial maupun open source, di bawah ini akan ditampilkan sebuah daftar CMS.     System (CMS) yang dibuat menggunakan bahasa PHP (PHP Hypertext Processor). Joomla Open
                                                                                             Source merupakan CMS yang terbaik saat ini dan telah memenangkan Linux User & Development
    1.    Zope, Content Management Framework                                                 Award 2004 untuk “Best Linux or Open Source Software".
    2.    OpenCms
    3.    OpenAcs, Open Architecture Community System                                        Perkembangan terakhir tentang Joomla, ada sedikit “konflik” antara develop (pengembang) dengan
    4.    Joomla Open Source / Joomla                                                        founder (pembuat program). Pihak founder berkeinginan untuk membentuk sebuah perusahaan
    5.    WebGUI                                                                             bernam Joomla Foundation, namun para pengembang tidak setuju karena mereka beralasan bahwa
    6.    Cofax                                                                              jika Joomla sudah ditangani oleh sebuah perusahaan secara otomatis Joomla akan menjadi sebuah
    7.    Xaraya                                                                             software yang komersial. Padalah tujuan awal dibuatnya Joomla adalah free (gratis) untuk semua
    8.    PostNuke                                                                           orang dan siapapun boleh menggunakan, menduplikasi, atau bahkan memoddifikasi..
    9.    PHPNuke
    10.   Typo3                                                                              Kondisi seperti ini memicu para develop yang memiliki tanggung jawab dan hati nurani kepada user
    11.   GeekLog                                                                            membuat mereka hengkang dari kepengurusan Joomla. Yang pada akhirnya para develop yang tidak
    12.   AuraCMS                                                                            setuju tersebut bergabung dan menciptakan sebuah software “tandingan” Joomla. Maka
    13.   Endonesia, CMS Asli Indonesia                                                      terciptalah sebuah sofware yang memiliki bentuk dan fungsi yang sama persis bernama Joomla.
    14.   Worpress
                                                                                             Hampir seluruh modul maupun komponen untuk Joomla dapat pula digunakan pula pada Joomla.
Dan masih banyak ratusan CMS lainnya yang tersebar bebas di Internet.                        Buku ini pun sengaja ditujukan untuk mereka yang ingin membuat web secara instan (siap pakai)
                                                                                             menggunakan Joomla Open Source . Jadi, entah Anda menggunakan Joomla ataupun Joomla, tidak
                                                                                             menjadi masalah karena seluruh tool memiliki fungsi yang sama.

                                                                                             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 melihat file Microsoft Word, Excel, dan PDF.
    Modul Joomla Open Source – SMK TI Umar Fatah                                        9    10 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                         Mr.Xin, Oktober 2007
    3.  Dapat menambahkan menu baru pada main menu, other menu, maupun top menu dengan
        mudah                                                                                       Keempat program tersebut mampu menjalankan Joomla karena di dalamnya terdapat komponen
    4. Dapat mengatur weblink dengan cepat dan mudah.                                               yang diperlukan Joomla. Dari sekian banyak server, penulis merekomen-dasikan AppServ
    5. Dapat mengatur banner (iklan).                                                               (AppServer Network) karena dapat bekerja dengan stabil. Namun Anda juga bisa menggunakan
    6. Dapat mengatur FAQ (Frequently Asked Questions).                                             program lain sesuai keinginan.
    7. Dapat mengatur Newsflashes
    8. Membuat arsip dan menampilkannya kembali
    9. Dapat mencetak, mengirim artikel lewat email, dan membaca artikel dengan format PDF.
    10. Dapat mengatur user dengan tingkat akses level yang berbeda.
    11. Dapat menambah komponen, modul, dan template dari pihak ketiga (seperti: forum,
        calendar, reminder, agenda, guestbook (buku tamu), shopping cart, dan sebagainya).

Desain Joomla berbeda dengan aplikasi sejenis seperti Microsoft Frontpage maupun Macromedia
Dreamweaver. Joomla sangat fleksibel, mudah digunakan, dan bentuknya sederhana, menjadikan
software ini sangat friend user 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.

Seperti telah diijelaskan sebelumnya bahwa Anda tidak perlu lagi mengetahui konsep pembuatan
web dengan HTML, XML maupun DHTML, cukup memasukan content dan gambar yang ingin
ditampilkan ke dalam situs. Bahkan webmaster tidak perlu memahami program FTP untuk
melakukan upload data karena Joomla sudah dapat menanganinya.

Prasyarat

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 (localhot) perlu sebuah server. Masing-masing aplikasi memiliki
fungsi yang berbeda.

Buku ini tidak akan membahas tentang instalasi Apache, PHP, maupun MySQL. Silakan Anda
menginstal komponen-komponen tersebut sendiri. Untuk mendonwload Apache silakan kunjungi di
apache.org, MysSQL di http://mysql.com, dan PHP di http://php.net.

Ada beberapa program yang dapat berfungsi sebagai server mini (sering disebut sebagai server
kit) yaitu Uniform Server (Uniserver), PHP Triad, Dongkrak (karya anak bangsa), dan AppServer.

    Modul Joomla Open Source – SMK TI Umar Fatah                                              11    12 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                                Mr.Xin, Oktober 2007
Installasi                                                                                          sebuah license AppServ, kalau anda setuju dengan keterangan-keterangan license tersebut maka
                                                                                                    anda klik I Agree untuk melanjutkan. Setuju saja, tidak usah dibaca.


Persiapan Installasi

Setelah anda Download AppServ, maka anda akan mulai instalasi webservernya. Untuk Instalasi
AppServ sebagai WebServer Apache adalah dengan cara menjalankan program yang telah kita
download tadi, yaitu AppServ. Gunakan AppServ versi terbaru, yaitu AppServ 2.5.7. Anda juga
dapat menggunakan WebServer lain atau versi lain dari AppServ 2.5.7.

Pertama-tama akan muncul desktop program seperti pada gambar. Ikuti saja pentujuk yang
terdapay pada desktop program.

Tulisan pada desktop program artinya:




                                                                                                    Setelah Halaman License, anda akan dimintai keterangan mau disimpan di folder apa hasil instalasi
                                                                                                    kita ini. Biasanya yang defaultnya adalah folder itu diletakan di C:>AppServ. Anda bisa
                                                                                                    mengubahnya, tapi supaya mempermudah pekerjaan kita, bagian itu dicuekin aja. Langsung saja ke
                                                                                                    tahap berikutnya dengan meng-klik Next.




        Selamat datang di Wizard installasi AppServ 2.5.7

        Ini adalah wizard yang akan membantu anda menginstallasi AppServ 2.5.7. Kami harapkan
        anda menutup semua aplikasi yang sedang jalan sebelum installasi ini dimulai. Ini mungkin
        akan mengganti beberapa file sistem yang berhubungan tanpa harus me-restart komputer
        anda. Klik Next untuk lanjut.
                                                                                                    Tahap berikutnya adalah memilih paket-paket apa saja yang mau kita install di AppServ kita.
Anda klik next untuk melanjutkan proses instalasi. Kemudian anda akan diperlihatkan dengan          Walaupun kita tidah membutuhkan Apache & MySQL tapi alangkah baiknya kalau kita langsung

    Modul Joomla Open Source – SMK TI Umar Fatah                                              13    14 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                                Mr.Xin, Oktober 2007
pilih saja semuanya. Kemudian klik next untuk melanjutkan tahap instalasi.




Tahap berikutnya kita akan di minta untuk mengisi form seperti ditampilkan dibawah.
                                                                                                   Jika sudah siap, klik Next.
Form yang pertama kita isi dengan server name Apache kita. Anda mau masukan server name anda
ini apa? Misal, isikan “localhost”. Artinya kita ingin memberi nama servername kita dengan nama
localhost sebagai tanda bahwa server apache kita diletakkan di komputer lokal ini.

Form yang ke dua adalah masukan alamat e-mail adminitrator, isi dengan alamat e-mail anda.

Form ketiga adalah port number yang hendak kita set. Pilih angka 80 sebagai port standart server
kita. Jika anda tidak memahami sistem jaringan dan server, jangan memilih sembarang port
number.




    Modul Joomla Open Source – SMK TI Umar Fatah                                             15    16 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                               Mr.Xin, Oktober 2007
Tahap berikutnya adalah anda harus mengisi password untuk MySql anda. Isilah sesuai kehendak       Proses Instalasi WebServer telah Selesai… akan keluar pertanyaan apakah anda akan menjalankan
anda. Ingat baik-baik password anda, karena akan kita gunakan dalam installasi Joomla Open         Apache & Mysql. Karena kita akan langsung praktek maka anda langsung saja klik finish dan
Source yang akan dipelajari beberapa menit lagi. Jika sudah siap, klik Install. Just a moment...   Apache & MySQL akan berjalan secara otomatis.

                                                                                                   Coba anda tes buka http://localhost di web browser… apabila webserver nya masih ga jalan maka
                                                                                                   anda bisa menjalankan webserver secara manual yaitu dengan cara klik Start -->> Program -->>
                                                                                                   AppServ -->> Control Server by Service -->> Apache Start dan klik lagi MySQL Start.

                                                                                                           Cat:
                                                                                                           Installasi AppServ 2.5.7 atau webserver apapun tidak diperlukan apabila anda melakukan
                                                                                                           installasi Joomla Open Source secara online. Di internet Semua hosting / server web
                                                                                                           sudah dilengkapi dengan Apache dan MySql.




Tunggu proses nya sampai selesai…..




    Modul Joomla Open Source – SMK TI Umar Fatah                                             17    18 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                               Mr.Xin, Oktober 2007
                           Installasi Joomla Open Source

Bukalah CD Joomla yang kami sediakan. Ambil file Joomla versi 1.1.10 dengan nama file
Joomla_1.0.10-Stable-Full_Package.zip. Sudah dijelaskan diatas bahwa Joomla adalah versi free
dari Joomla. Anda mungkin ingin menginstall Joomla yang masih free yang terakhir sudah mencapi
versi 4.5.1 untuk yang free dan 4.5.2 sudah bayar.

Extraklah file Joomla_1.0.10-Stable-Full_Package.zip !

Kami anggap anda sudah mengerti cara mengextrak paket ZIP. Jika belum mengerti, tanyakah
kepada instruktur. Sekarang kita memiliki folder C:\Joomla_1.0.10-Stable-Full_Package yang
berisi file-file Joomla OpenSource hasil extrak.


                                                                                                  Sekarang cuba panggil direktori tersebut menggunakan WebBrowser kesukaan anda, misalnya
                                                                                                  Internet      Explorer     dengan       alamat      http://localhost/smu1unsoed/          atau
                                                                                                  http://localhost/[nama folder]. Itulah web instalasi JoomlaOpenSource.

                                                                                                  Terdapat 6 tahapan installasi dalam JoomlaOpenSource.

                                                                                                      1.   Pre Installation Check (Pemeriksaan sebelum installasi).
                                                                                                           Yaitu proses memeriksa sistem pada server file-file Joomla open source. Joomla akan
                                                                                                           memberikan laporan apabila melihat ada yang tidak beres pada server atau file ada yang
                                                                                                           kurang/hilang. Klik next saja.




Selanjutnya, anda ganti nama folder Joomla_1.0.10-Stable-Full_Package menjadi folder yang anda
inginkan. Misalkan kita ingin membuat website SMU 1 Unsoed, kita beri nama folder kita dengan
nama smu1unsoed.
Selanjutnya, folder JoomlaOpenSource yang sudah kita rubah namanya kita pindah ke folder
C:\AppServ\www\. Disanalah (folder \www) letak semua file-file website nantinya akan dipublish.




                                                                                                      2.   Licence (Persetujuan)
    Modul Joomla Open Source – SMK TI Umar Fatah                                            19    20 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                              Mr.Xin, Oktober 2007
        Ini adalah bagian permohonan persetujuan atas lisensi JoomlaOpenSource. Setuju saja!              MySql Database Name      : Isilah dengan nama database yang anda kehendaki. Misalkan
                                                                                                                                   kita isi: smu1unsoed.
                                                                                                          MySql Table Prefix       : biarkan apa adanya.
                                                                                                          Drop Existing Table      : Centangi apabila anda pernah menginstall Joomla, ingin
                                                                                                                                   menginstall ulang dan membasmi database sebelumnya.
                                                                                                          Backup Old Tables        : Centangi apabila anda pernah menginstall Joomla, ingin
                                                                                                                                   menginstall ulang dan ingin membackup data sebelumnya.
                                                                                                          Install Sample Data      : Centangi apabila anda ingin menambahkan contoh data pada
                                                                                                                                   hasil installasi anda.

                                                                                                     4.   Step2: The Name of Joomla
                                                                                                          Isilah nama/judul website yang hendak anda buat. Misalkan saja SMU 1 Unsoed –
                                                                                                          Purwokerto, lalu klik next.




   3.   Step1 : MySql Database Configuration
        Ini adalah bagian konfigurasi koneksi ke database MySql. Ingat semua yang kita isi pada
        saat installasi AppServ tadi.




                                                                                                     5.   Step 3:
                                                                                                          Nah ada form yang harus diisi lagi.




        HostName                : biasanya di isi localhost
        MySql Username          : Untuk proses di localhost ini, username kita adalah root.
                                Apabila anda mengonlinekannya di Internet, tanyakan kepada
                                support hosting anda.
        MySql Password          : Isilah dengan password MySql yang anda isi dalam installasi
                                AppServ tadi.
    Modul Joomla Open Source – SMK TI Umar Fatah                                            21    22 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                              Mr.Xin, Oktober 2007
                                                                                                           ada, Joomla akan menolak diakses normal. Folder installation merupakan folder yang
                                                                                                           berisi file-file installasi.




        URL: Masukan alamat website anda. Jika anda menginstallasi Joomla secara offline
        seperti sekarang, jangan dirubah default diatas. Jika installasi anda lakukan secara
        online,    anda    dapat     memasukan      alamat    website      anda,     misalkan      Tampilan depan website berbasis Joomla
        http://www.smu1unsoed.sch.web.id
   6.   Step 4: Selesai!




        Installasi Joomla anda benar-benar telah selesai.



   7.   Buang atau ganti nama folder installation. Ini penting, sebab jika folder tersebut masih   tampilan dalam login administrator

    Modul Joomla Open Source – SMK TI Umar Fatah                                             23    24 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                               Mr.Xin, Oktober 2007
                                                                                              Menu Manager


                                                        MenuUtama (Main Menu)

                                                        Dalam hal pengaturan menu, Joomla sudah membagi menjadi beberapa bagian, antara lain: menu
                                                        utama (main menu), menu lain (other menu), menu atas (top menu), dan menu pengguna (user menu).
                                                        Meskipun Joomla sudah menetapkan dan membagi menu, namun Anda juga dapat membuat menu
                                                        sendir. Atau mengganti nam menu-menu tersebut.

                                                        Menu utama berada di sebelah kiri atau kanan atas, bergantung Template yang digunakan. Anda
                                                        bisa mengatur sub menu dan sub-sub menu. Sub menu utama umumnya berisi: Home, News, Links,
                                                        dan Contact Us. Namun Anda bisa menggantinya setiap saat. Untuk lebih jelasnya, kita akan
                                                        mencoba membuat sub menu utama.

                                                        Menu utama dapat berupa Component, Blog, Archieve, maupun Contentb. Menu utama dapat dibuat
                                                        jika sudah terdapat content yang akan ditampilkan, karena Menu Manager hanya mengatur link ke
                                                        salah satu content. Jadi Anda harus membuat Content terlebih dulu, pembahasan tentang
                                                        pembuatan Content silakan baca pada Bab 3 – Content Manager dalam buku ini.

                                                        Kita anggap Anda sudah membuat beberapa content dan category, selanjutnya Anda tinggal
                                                        mengedit menu utama.

                                                            1.   Pertama kali, masuklah ke menu Administrator dengan cara menuliskan alamat:
                                                                 //localhost/smu1unsoed/administrator lalu tekan Enter atau klik menu Administrator di
                                                                 Main Menu




                                                            2.   Setelah Anda masuk ke menu Administrator, masukkan User dan Password. Ingatlah
                                                                 password yang diberikan Joomla ketika Anda menginstalnya. User dan Password itulah
                                                                 yang sekararang digunakan.




    Modul Joomla Open Source – SMK TI Umar Fatah   25   26 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                    Mr.Xin, Oktober 2007
   3.   Apabila Nama pengguna dan Password yang masukkan benar, maka Anda dapat masuk ke
        halaman utama Joomla.




                                                                                                6.   Untuk menghapus sub menu, klik kotak kecil di bagian depan nama sub menu.




   4.   Pilih menu Menu > mainmenu.




   5.   Seluruh item menu yang nampak akan ditampilkan menjadi sub menu. Anda dapat
        menentukan sub menu apa saja yang ingin ditampilkan dengan cara meng-klik pilihan
        Published. Sub menu yang tidak ditampilkan bertanda silang sedangkan sub menu yang
        ditampilkan bertanda centang.                                                           7.   Setelah ditandai dengan tanda centang, klik tombol Trash di sebelah kanan atas untuk
                                                                                                     menghapus sub menu tersebut.
    Modul Joomla Open Source – SMK TI Umar Fatah                                       27    28 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                         Mr.Xin, Oktober 2007
   8.   Maka yang tersisa hanyalah sub menu Home.




   9.   Anda dapat membuat sub menu yang diinginkan, namun sebelumnya Anda harus membuat
        dulu content yang ingin ditampilkan karena sub menu hanyalah “jembatan” untuk link ke
        tempat tujuan, bisa berbentuk content statics, blog content, blog category, component,
        weblink, newsfeed, maupun url.



Content Section
                                                                                                      4.   Untuk Parameter, aturlah spesifikasinya.

   1.   Pertama kali, aktifkan menu > mainmenu.




   2.   Kemudian klik tombol New, maka akan nampak jendela New Item Menu. Pilih Table –
        Content Section. Setelah selesali, klik tombol Next untuk melangkah ke tahap berikutnya.




   3.   Pada kotak Name, masukkan kata Berita. Lalu pada menu Section, pilih Berita.




    Modul Joomla Open Source – SMK TI Umar Fatah                                             29    30 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                               Mr.Xin, Oktober 2007
                                                                                                Sub Menu Utama

                                                                                                Seperti telah dijelaskan pada bagiian sebelumnya, Sub Menu Utama hanyalah sebuah link yang
                                                                                                menjembatani tujuan utama content yang dimaksud. Jadi, yang terpenting adalah content itu
                                                                                                sendiri.

                                                                                                Untuk mempermudah dalam membuat dan mengatur content, terlebih dulu buatlah kerangka
                                                                                                secara sistematis agar ketika content-nya sangat banyak bisa diedit menurut kategori.

                                                                                                Secara default, Joomla menyediakan tiga Sesi (Section) yaitu: News, FAQs, dan Newsflashes.
                                                                                                Meski begitu, Anda dapat membuatnya sendiri. Dan setiap Section memiliki kategori sendiri-
                                                                                                sendiri. Untuk membedakan antara Section dan Category adalah: Section memiliki beberapa
                                                                                                Category, sedangkan Category memiliki beberapa Content. Jadi Category adalah salah satu bagian
                                                                                                dari Section. Misalnya: Anda membuat Section bernama Berita, kemudian Anda membuat 3 item
                                                                                                Category yaitu Berita Utama, Berita Terpopuler, dan Berita Terbaru.
   5.   Setelah selesai klik tombol Save. Untuk melihat perubahan yang telah kita buat, pilih
        menu Site > Preview > In New Windows
                                                                                                Untuk dapat membuat submenu, terlebih dulu Anda harus membuat content-nya. Tanpa content,
                                                                                                Anda tidak dapat membuat sub menu.



                                                                                                Menu Lain (Other Menu)

                                                                                                Menu Lain (Other menu) fungsinya sama seperti Menu Utama, karena sama-sama menggunakan
                                                                                                modul main menu (mod_mainmenu). Tujuannya untuk membedakan antara menu utama dengan menu
                                                                                                tambahan. Oleh karena teknik penggunaannya sama dengan menu utama, maka tidak akan dibahas
                                                                                                lebih lanjut.

   6.   Sekarang klik sub menu Berita di bawah Main Menu. List berita ditampilkan beserta
        jumlah item dalam kategori masing-masing.
                                                                                                Menu Atas (Top Menu)

                                                                                                Menu Atas (Top Menu) umumnya berisi submenu untuk menghubungkan ke halaman utama (Home),
                                                                                                namun ada pula yang meletakkan submenu seperti: Guestbook, Contact Us, Gallery, dan lain-lain di
                                                                                                top menu. Teknik pembuatan sub menu pada dasarnya sama dengan Other Menu dan Main Menu.




    Modul Joomla Open Source – SMK TI Umar Fatah                                          31    32 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                            Mr.Xin, Oktober 2007
Content Manager


Content Section Manager

Pada sebuah situs Portal, umumnya berita yang ditampilkan dibagi menjadi beberapa Seksi                3.   Pada kotak isian Title, masukkan judul Section. Kemudian masukkan nama Section pada
(Section) misalnya: Profil, Info Baru, eLearning, dan lain-lain. Masing-masing seksi memiliki               kotak Name Section. Masukkan salah satu gambar jika Anda ingin menampilkan gambar.
kategori (Category) sendiri-sendiri. Misalnya, seksi Info Baru memiliki kategori Berita dan                 Untuk Access Level, pilih Public agar semua user dapat melihat seluruh content yang
memiliki sub kategori Berita Terpopuler, Berita Terbaru, dan Berita Kemarin. Pembagian berita ini           berada di bawah tersebut. Jika Anda memilih Registered atau Special, maka hanya
termasuk dalam Section Manager.                                                                             pengunjung yang terdaftar saja yang dapat melihat menu tersebut. Jika Anda ingin
                                                                                                            memasukkan beberapa kata sebagai Intro, ketikkan pada kotak Description.
Pembagian Section maupun Category sejak dini sangat penting agar sistem administrasi lebih
mudah dan rapi, sehinga ketika Anda ingin mengedit salah satu artikel, Anda tinggal mencari
kategori maupun sesi artikel tersebut.

Dan ketika Anda ingin membuat Sub menu, maka cukup menampilkan sesi maupun kategori saja
sehingga seluruh artikel yang termasuk dalam seksi maupun kategori tersebut dapat ditampilkan
di frontpage/halaman buka sebuah situs.

Membuat Section

Menu ini menampilkan daftar link-link ke kategori pada section yang dipilih. Sebagai contoh,
kategori Berita akan berisi beberapa kategori yaitu: Berita Terbaru, Berita Terpopuler, Berita
Menarik, Berita Penting, dan sebagianya. Selain nama kategori yang dipilih, jumlah item yang
berada dalam kategori tersebut juga akan ditampilkan, karena item-item tersebut berada di
bawah section. Apabila Anda memilih salah satu link kategori, maka akan muncul sebuah halaman
berupa tabular list dari item-item yang berada dalam kategori.

    1.   Pertama kali, pilih menu Content > Section Manager.


                                                                                                       4.   Setelah selesai, klik tombol Save untuk menyimpan.

                                                                                                       5.   Anda dapat menambahkan deskripsi pada menu Description. Hal ini berfungsi sebagai kata
                                                                                                            pembuka dalam setiap Section.




    2.   Setelah Anda berada dalam menu Section, buatlah section baru dengan cara mengklik
         tombol New di bagian kanan atas.

    Modul Joomla Open Source – SMK TI Umar Fatah                                              33    34 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                                Mr.Xin, Oktober 2007
Content Category Manager                                                                                        umpamanya: Berita Terbaru, dan Berita Terpopuler. Apabila Anda telah membuat tiga
                                                                                                                buah kategori maka pada menu Category akan muncul kategori yang baru saja dibuat. Pada
Pada sebuah situs Portal, umumnya berita yang ditampilkan dibagi menjadi beberapa Seksi                         bagian Section, tertulis Berita yang mengartikan ketiga kategori tersebut berada di
(Section) misalnya: Profil, Info Baru, eLearning, dan lain-lain. Masing-masing sesi memiliki kategori           bawah Section Berita.
(Category) sendiri-sendiri. Misalnya, sesi Info Baru memiliki kategori Berita dan memiliki sub
kategori Berita Terpopuler, Berita Terbaru, dan Berita Kemarin. Pembagian berita ini termasuk
dalam Category Manager

    1.   Langkah selanjutnya adalah membuat Kategori. Pilih menu Content > Category Manager.




                                                                                                           4.   Langkah selanjutnya adalah memasukkan content ke dalam salah satu kategori. Untuk itu,
    2.   Setelah berada dalam menu Category, klik tombol New untuk membuat kategori baru.
                                                                                                                pilh menu Content by Section > Berita > Berita Items.
         Masukkan judul kategori, nama kategori, dan pilih sesi (section)=Berita, serta aturlah
         spesifikasi lain yang diperlukan.




                                                                                                           5.   Klik tombol New, kemudian aturlah        Judul   (Title),   Alias   (judul   alias/samaran),
                                                                                                                Section=Berita, Category=Berita Utama.




                                                                                                           6.   Ketikkan beberapa kalimat sebagai kalimat pembuka (Intro).



    3.   Setelah selesai, klik tombol Save untuk menyimpannya. Buatlah beberapa kategori lain,

    Modul Joomla Open Source – SMK TI Umar Fatah                                                  35    36 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                                    Mr.Xin, Oktober 2007
                                                                                                       pula memasukkan gambar sendiri (akan dijelaskan pada bagian lain dalam buku ini).
                                                                                                       Setelah terpilih gambar, klik Add untuk memasukkan ke dalam Content Image.




   7.   Namun jika Anda tidak suka terdapat intro abaikan kotak tersebut. Anda bisa langsung
        kotak Deskripsi (Description).




                                                                                                   10. Klik nama gambar tersebut, lalu aturlah Image Align=Right (posisi gambar), Alt
                                                                                                       Text=(judul gambar yang muncul ketika mouse berada di atas), Border=0, Caption=(judul
                                                                                                       gambar), Caption Position=(posisi judul gambar), dan Caption Align=(align judul gambar).
                                                                                                       Setelah selesai klik Apply, lalu klik tombol Save di bagian atas.




   8.   Anda juga bisa memasukkan gambar sebagai ilustrasi. Letakkan kursor di awal paragraf,
        kemudian pilih Mosimage (huruf I) di bagian bawah. Setelah Anda meng-klik mosimage
        maka di awal paragraf akan muncul {mosimage} yang berarti gambar akan berada di
        tempat tersebut.. Anda bisa mengatur posisinya di sebelah kanan.




                                                                                                   11. Jika ingin mengatur beberapa spesifikasi yang akan ditampilkan dalam content, klik Tab
   9.   Menuju ke Tab Image, pilih salah satu gambar yang yang telah disediakan. Anda dapat            Parameters.

    Modul Joomla Open Source – SMK TI Umar Fatah                                          37    38 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                            Mr.Xin, Oktober 2007
                                                                                                  13. Untuk melatih pengetahuan Anda, cobalah membuat beberapa content dalam beberapa
                                                                                                      kategori. Sehingga akan terlihat daftar content dalam satu Section Berita.




               •      Back Button=No (tombol untuk kembali)
               •      Page Title=Show (judul yang akan ditampilkan)
               •      Linked Titles=Use Global (judul yang terhubung)
               •      Intro Text=Show (kalimat pembuka)
               •      Section Name=Hide (judul Section)
               •      Section Name Linkable=No (judul Section yang terhubung)
                                                                                                  14. Yang baru saja Anda buat adalah content saja, untuk menampilkan pada halaman depan
               •      Category Name=Show (judul Category)
                                                                                                      (front end) perlu dibuat menu yang berfungsi untuk menampilkan content tersebut. Anda
               •      Category Name Linkable=Yes (judul Category yang terhubung)
                                                                                                      bisa menampilkan content menurut Category maupun Section. Kita akan mencoba
               •      Item Rating=Show (jumlah rating)
                                                                                                      menampilkan content menurut Section.
               •      Author Names=Hide (nama penulis)
               •      Created Date and Time=Hide (waktu dan tanggal dibuat)
               •      Modified Date and Time=Hide (waktu dan tanggal modifikasi/perubahan)
               •      PDF/Print/Email Icon=Show (ikon PDF, Print, dan email)

   12. Sedangkan jika Anda ingin memasukkan keyword (kata kunci) yang berhubungan dengan
       content tersebut., aktifkan tab Meta Info. Masukkan kata kunci yang berhubungan
       dengan content tersebut. Jadi ketika user mencari (Searching) maka beberapa kata yang
       telah dimasukkan akan menemukan content yang dimaksud.




    Modul Joomla Open Source – SMK TI Umar Fatah                                         39    40 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                           Mr.Xin, Oktober 2007
Komponen, Modul, dan Template


Komponen (Components)

Komponen adalah sebuah aplikasi mini yang umumnya ditempatkan ke dalam sebuah area content
utama. Joomla Open Source melakukan pendekatan dalam penggunaan komponen agar para
development Joomla tidak menjadi bertambah besar. Joomla menyediakan beberapa komponen
inti, sekaligus mendukung penambahan komponen lain yang dibuat oleh pihak ketiga. Dalam hal         2.   Setelah Anda masuk ke menu Manage Clients, klik tombol New kemudian masukkan
pembuatan dan penggunaan komponen tersebut, umumnya sangat sederhana dan dapat di-link ke                beberapa data yang diperlukan. Setelah selesai klik tombol Save.
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.

Komponen inti yang telah disediakan oleh Joomla adalah:
   1. Banner
   2. Contact
   3. FrontPage
                                                                                                    3.   Selanjutnya pilih menu Components > Banners > Manage Banners. Klik tombol New untuk
   4. Media Manager
                                                                                                         membuat banner baru. Masukkan beberapa data yang diperlukan.
   5. News Feed
   6. Newsflash
   7. Polls
   8. Web Links
   9. Banner

Komponen ini berfungsi sebagai banner (iklan) secara rotasi. Posisi banner tergantung dari
template yang saat itu digunakan, namun Anda juga dapat mengubah posisi tersebut dalam file
index.php template tersebut. Komponen ini memiliki dua menu management yaitu: Manage Banner
yang menampilkan daftar banner yang telah diinstal dan informasi statistik tiap-tiap banner,
sedangkan Manage Clients yang merupakan menu untuk mensetup account seorang client yang ingin
mempublikasikan bannernya di situs Anda..
                                                                                                Contact
Untuk membuat sebuah banner baru ikuti langkah berikut:
                                                                                                Komponen ini menyediakan fitur yang mengatur informasi kontak dari situs Anda. Informasi
    1.   Klik ikon menu Components > Banners > Manage Clients.                                  tersebut menyangkut jabatan, alamat surat, nomor telepon, dan nomor fax. Pengujung dapat
                                                                                                menghubungi Anda atau orang-orang tertentu dalam organisasi melalui halaman Contact tersebut.

                                                                                                Untuk memasukkan informasi Contact, Anda perlu membuat kategori terlebih dulu agar masing-
                                                                                                masing Contact tersusun menurut organisasinya.


    Modul Joomla Open Source – SMK TI Umar Fatah                                          41    42 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                            Mr.Xin, Oktober 2007
   1.   Pertama kali pilih menu Components > Contact > Contact Category.




   2.   Setelah masuk pada halaman Category Manager, klik tombol New. Masukkan beberapa
        data dalam kotak isian. Setelah selesai klik Save.



                                                                                             5.   Pada Tab Parameters, aturlah komponen-komponen yang akan ditampilkan   atau
                                                                                                  disembunyikan.




   3.   Sekarang pilih menu Components > Contact > Manage Contacts.




   4.   Setelah masuk pada halaman Contact Manager, klik tombol New. Setelah masuk pada
        halaman Contact New, masukkan beberapa data yang diperlukan dalam kotak isian.
                                                                                             6.   Setelah selesai klik tombol Save.




    Modul Joomla Open Source – SMK TI Umar Fatah                                    43    44 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                      Mr.Xin, Oktober 2007
Modul (Modules)

Modul merupakan aplikasi mini yang umumnya ditampilkan di samping kiri, kanan, atas atau bawah
area content utama. Modul berbeda dengan Komponen. Modul tidak memiliki fungsi administrasi
khusus seperti pada Komponen. Modul hanya memiliki bagian administrasi untuk pengatura posisi,
muncul di bagian mana, dan parameter. Modul sering digunakan untuk menampilkan informasi dari
sebuah komponen.

Joomla menyediakan modul-modul standar yaitu: Banner, Main Menu, User Menu, Other Menu,
Login Form, Syndicate, Statistics, Template Chooser Archieve, Section Related Items, Wrapper,
Polls, Who’s Online, Random Image, Newsflash, Lates News, Popular, Top Menu, dan Search .

Meskipun begitu, Anda bisa menambah modul dari pihak ketiga atau mengurangi modul yang sudah     Template
ada. Beberapa modul yang dapat diinstal seperti: Guestbook, Forum, Calendar, dan lain-lain
                                                                                                 Template Manager menyediakan fungsi untuk menginstal template baru dan melakukan modifkasi
Situs-situs berikut ini menyediakan modul dan komponen yang dapat dimasukkan ke dalam Joomla     terhadap template yang telah ada.
Open Source.
                                                                                                 Template merupakan bentuk front-end yang ditampilkan dalam situs Anda. Kombinasi menu, modul,
Joomla Portal : http://www.Joomlaportal.com                                                      dan komponen bergantung pada template yang digunakan. Anda dapat menambahkan template yang
JTN Design : http://www.jtn-design.com                                                           bisa didownload secara gratis kemudian memodifikasinya sesuai keinginan Anda.
Total Internet Marketing : http://www.tom-online.nl
The POSMO Project : http://www.whoticotton.net                                                   Beberapa situs yang menyediakan template secara gratis adalah:
Think Network GmbH : http://www.thinknetwork.com
Two Shoes Module Factory : http://www.tsmf-Joomla.com                                            Joomla Server : http://www.Joomlaserver.com
Webraydian Resources : http://www.webraydian.com                                                 Joomla Forge : http://www.Joomlaforge.net
POPPcliQ : http://www.popcliq.com                                                                Joomla Templates : http://www.Joomlatemplates.com
                                                                                                 Joomla Portal : http://www.Joomlaportal.com
Untuk melihat modul yang telah disediakan Joomla, klik menu Modules > Site Modules.              Peek Joomla : http://www.peekJoomla.com
                                                                                                 The Template Shack : http://www.websitestekoop.com
                                                                                                 Joomla Solutions : http://www.Joomlasolutions.com
                                                                                                 Absalom Media : http://www.absalom.biz
                                                                                                 Yops : http://www.yops.de
                                                                                                 Cyberdine Systems : http://www.cyberdine.ch
                                                                                                 Visual Density : http://www.visualdensity.com




    Modul Joomla Open Source – SMK TI Umar Fatah                                           45    46 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                             Mr.Xin, Oktober 2007
Upload ke Internet


Jika anda menginginkan website Joomla anda dapat diakses dari internet, maka yang anda
butuhkan selanjutnya adalah akun hosting yang mampu menjalankan PHP dan didukung database
MySQL.

Selain itu, sebuah FTP client untuk melakukan uploading file-file anda. Banyak ragam ftp client
yang dapat anda gunakan, kami menyarankan anda untuk menggunakan blazeftp atau ws_ftp yang
dapat didownload gratis dari internet. Berikut kami jelaskan proses instalasi FTP client blazeftp.
Instalasi FTP Client
                                                                                                        4.   Pilih I accept the agreement. Lalu klik tombol Next.
    1.   Untuk menginstall ftp client ini, silahkan klik file blazeftp.exe




    2.   Selanjutnya akan muncul kotak dialog seperti di bawah. Klik tombol Run untuk proses
         selanjutnya.
                                                                                                        5.   Klik Next.




                                                                                                        6.   Klik Next.

    3.   Klik tombol Next.




    Modul Joomla Open Source – SMK TI Umar Fatah                                               47    48 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                                 Mr.Xin, Oktober 2007
   7.   Jika anda ingin membuat icon sortcut di dekstop agar mudah menjalankan program ftp
        client ini, beri tanda centang Create a desktop icon. Selanjutnya klik Next.            10. Instalasi selesai. Jika anda ingin menjalankan ftp client ini, biarkan tanda centang aktif
                                                                                                    dan selanjutnya klik Finish.




   8.   Klik tombol Install.




   9.   Tunggu proses installasi sampai selesai.




    Modul Joomla Open Source – SMK TI Umar Fatah                                       49    50 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                         Mr.Xin, Oktober 2007
Proses Upload Joomla                                                                                  4.   Pilih semua file Joomla dalam komputer anda (panel kiri), seret ke arah direktori server
                                                                                                           anda (panel kanan) dan lepaskan.
Selanjutnya, kita akan melakukan uploading situs Joomla yang telah kita modifikasi ke server web
hosting agar bisa dikunjungi dari internet.

    1.   Jalankan program FTP client. Setelah tampil antarmuka program blazeftp

    2.   Masukkan URL situs anda di bagian URL. Kemudian masukkan login akun server hosting
         anda di bagian User, demikian juga password di bagian Password. Klik tombol Connect,
         untuk mengaktifkan koneksi ke server hosting anda.




                                                                                                      5.   Jika muncul jendela konfirmasi seperti di bawah ini, klik tombol OK.




    3.   Setelah koneksi FTP tersambung dengan server, masuk ke direktori tempat penyimpanan          6.   Tunggu sampai seluruh file Joomla lokal yang ada terupload ke server hosting.
         file-file situs di server hosting. Dalam contoh, semua file situs kami berada di bawah
         direktori public_html.




    Modul Joomla Open Source – SMK TI Umar Fatah                                             51    52 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                               Mr.Xin, Oktober 2007
Upload database                                                                                    4.   Klik Select All.

Database Joomla yang ada di lokal juga harus diupload ke database server hosting anda. Karena
Joomla meletakkan hampir semua setting modul, komponen, template, dan lainnya dalam database.

Berikut kami berikan langkah-langkah mengupload database dari lokal ke server hosting dengan
menggunakan sistem dumping database fasilitas PhpMyAdmin.

    1.   Masuk ke halaman PhpMyAdmin lokal.




                                                                                                   5.   Centang Complete Inserts




                                                                                                   6.   Centang save as file, lalu klik tombol Go.
    2.   Pilih database grafx, dari menu drop down sebelah kiri.




                                                                                                   7.   Simpan di direktori yang mudah anda temukan. Klik Save.



    3.   Klik link Export.




    Modul Joomla Open Source – SMK TI Umar Fatah                                          53    54 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                            Mr.Xin, Oktober 2007
   8.   Login ke akun cpanel server anda.                                                    12. Buat user baru slametr, dengan password terserah anda. Klik Add User.




                                                                                             13. Tambahkan previledge untuk user Joomla_slametr agar bisa mengakses database
                                                                                                 Joomla_grafx. Klik tombol Add User to Db.




   9.   Pada halaman cpanel, klik icon atau link MySQL Databases.




                                                                                             14. Klik link phpMyAdmin     untuk   masuk   ke   halaman   administrasi    database   dengan
                                                                                                 phpMyAdmin.




   10. Buat database grafx. Klik tombol Add Db.


                                                                                             15. Klik database Joomla_grafx pada bagian kiri halaman.




   11. Secara default, cpanel akan menambahkan username sebelum nama database yang kita
       buat. Nama database inilah yang akan kita gunakan selanjutnya.


    Modul Joomla Open Source – SMK TI Umar Fatah                                    55    56 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                      Mr.Xin, Oktober 2007
   16. Klik link menu SQL.                                                                         Mengedit file konfigurasi

                                                                                                   Agar web Joomla kita dapat berjalan di server hosting, kita harus mengedit file konfigurasi
                                                                                                   Joomla agar sesuai dengan konfigurasi server kita. Proses mengedit ini sangat mudah, dan dapat
                                                                                                   dilakukan dengan teks editor standar. Berikut langkah-langkahnya.

                                                                                                       1.   Buka teks editor standar WordPad.




   17. Klik tombol Browse, dan arahkan ke file hasil export database lokal sebelumnya. Klik Go.




                                                                                                       2.   Buka file configuration.php




    Modul Joomla Open Source – SMK TI Umar Fatah                                              57   58 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                               Mr.Xin, Oktober 2007
   3.   Kita edit untuk menyesuaikan beberapa parameter konfigurasi sesuai dengan server
        hosting kita. Berikut parameter yang biasanya harus diubah.
                $mosConfig_user = '<user database>';
                $mosConfig_password = '<password database>';
                $mosConfig_db = '<nama database>';
                $mosConfig_absolute_path = '<path lengkap>';
                Contoh: /home/Joomlas/public_html
                $mosConfig_live_site = '<URL situs>';
                Contoh: http://www.dualxeonserver.uk.to
                $mosConfig_cachepath = '<path cache>';
                Contoh: /home/Joomlas/public_html/cache

   4.   Upload ulang file configuration




    Modul Joomla Open Source – SMK TI Umar Fatah                                     59    60 Modul Joomla Open Source – SMK TI Umar Fatah
Mr.Xin, Oktober 2007                                                                       Mr.Xin, Oktober 2007

								
To top