Joomla Indonesia

Login or Sign Up
Sign In or Register
Avatar
Not Registered Yet?

Join Now! It's FREE. Get full access and benefit from this site

Reset My password - Remind Me My username

Username
Password
Remember me
  • Home
    Home This is where you can find all the blog posts throughout the site.
  • Categories
    Categories Displays a list of categories from this blog.
  • Tags
    Tags Displays a list of tags that have been used in the blog.
  • Bloggers
    Bloggers Search for your favorite blogger from this site.
  • Team Blogs
    Team Blogs Find your favorite team blogs here.
  • Login
    Login Login form

Membuat Custom Joomla! Module (Part 1)

Posted by on in Tutorial
  • Font size: Larger Smaller
  • Hits: 13847
  • 6 Comments
  • Subscribe to this entry
  • Print
Pada artikel ini saya akan memamparkan langkah demi langkah membuat custom module yang akan menampilkan kalimat "Hallo Dunia!", yang tentunya dengan pengetahuan script php dan framework Joomla! lebih lanjut, anda akan dapat membuat custom module yang lebih berguna lagi dibanding sekedar menampilkan kalimat "Hallo Dunia! Apa Kabar?" saja :D.

Sebelum membahas lebih lanjut tentang pembuatan custom module ini, saya kira lebih baik menjelaskan kepada Anda bahwa jika Anda hanya ingin menampilkan teks dan atau image saja, yang sifatnya statis, pada suatu module, maka Anda tidak perlu membuat custom module dengan cara ini, melainkan Anda cukup dengan mengikuti langkah-langkah pada artikel saya sebelumnya yang bisa Anda lihat di sini.

Ok, mari kita mulai membuat custom module.

{xtypo_warning} Note: Module yang dibahas di sini adalah module untuk joomla versi 1.0.x{/xtypo_warning}

Paket module pada dasarnya terdiri dari 2 file utama, yaitu file modulnya itu sendiri dalam format php, dan file installer dalam format xml. Ke depannya, kita bisa menambah banyak file sesuai dengan yang diperlukan. Namun, pada artikel kali ini, kita akan bahas 2 file utama tersebut.

Pertama, kita akan menentukan terlebih dahulu nama module yang akan kita buat. Katakanlah, kita akan membuat modul dengan nama "hallo", maka file php-nya akan bernama mod_halodunia.php dan file installernya akan bernama mod_halodunia.xml.

Silakan buat 2 file kosong, satu file beri nama mod_halodunia.php dan satu file lagi beri nama mod_halodunia.xml. Sekarang mari kita edit file XML-nya terlebih dahulu. File XML ini merupakan definition file yang akan memanggil Joomla Installer. Di dalam file XML ini pula, kita akan menuliskan informasi untuk Joomla seputar file-file apa saja yang dibutuhkan dan data-data tentang modul.

Silakan copy paste kode di bawah ini ke file mod_halodunia.xml:

{xtypo_code} <?xml version="1.0" ?>
<mosinstall type="module">
    <name>[Nama Module]</name>
    <creationDate>[Tanggal Pembuatan Module]</creationDate>
    <author>[Nama Pembuat Module]</author>
    <copyright>[Jenis Lisensi Module]</copyright>
    <authorEmail>[Alamat Email Pembuat Module]</authorEmail>
    <authorUrl>[URL Pembuat Module]</authorUrl>
    <version>[Versi Module]</version>
    <description>[Deksripsi Singkat Tentang Modul]</description>
    <files>
        <filename module="[nama_modul]">[file-file-module]</filename>
    </files>
</mosinstall>{/xtypo_code}
Keterangan:
[Nama Module] diisi dengan nama module yang diinginkan, misal "Module Pertamaku"
[Tanggal Pembuatan Module] diisi dengan tanggal pembuatan module, misal "24 Mei 2008"
[Nama Pembuat Module] diisi dengan nama pembuat module, misal "Jerry Wijaya"
[Jenis Lisensi Module] diisi dengan jenis lisensi module, misal "This template is released under the GNU/GPL License"
[Alamat Email Pembuat Module] diisi dengan alamat email pembuat module, misal "This email address is being protected from spambots. You need JavaScript enabled to view it."
[URL Pembuat Module] diisi dengan alamat URL pembuat module, misal "http://www.domainhostingmurah.com"
[Versi Module] diisi oleh versi module yang sedang dibuat, misal "1.0"
[Deskripsi Singkat Tentang Module] diisi oleh deskripsi singkat tentang module, misal "Ini adalah module pertama buatanku, semoga berhasil!"
[nama_modul] diisi dengan nama module sesuai dengan nama file .php utama, yaitu "mod_halodunia"
[file-file-module] diisi dengan nama file module, yaitu "mod_halodunia.php"

Pada contoh di sini, kita hanya menggunakan satu file php, namun jika file module lebih dari satu, maka bisa ditulisakan seperti berikut.

{xtypo_code}<files>
        <filename module="[nama_modul]">[file1]</filename>
        <filename module="[nama_modul]">[file2]</filename>
        <filename module="[nama_modul]">[dst..]</filename>
    </files>{/xtypo_code}
Sekarang, silakan edit kode di atas sesuai contoh, sehingga menjadi seperti berikut.

{xtypo_code}<mosinstall type="module">
    <name>Module Pertamaku</name>
    <creationDate>24 Mei 2008</creationDate>
    <author>Jerry Wijaya</author>
    <copyright>This template is released under the GNU/GPL License</copyright>
    <authorEmail>This email address is being protected from spambots. You need JavaScript enabled to view it.</authorEmail>
    <authorUrl>http://www.domainhostingmurah.com</authorUrl>
    <version>1.0</version>
    <description>Ini adalah module pertama buatanku, semoga berhasil!</description>
    <files>
        <filename module="mod_halodunia">mod_halodunia.php</filename>
    </files>
</mosinstall>{/xtypo_code}
Simpan file XML mod_halodunia.xml, dan sekarang mari kita beralih ke file mod_halodunia.php.

Copy paste kode berikut ke file mod_halodunia.php

{xtypo_code}<?php
//Module Pertamaku, Halo Dunia//
/**
* Halo Dunia Module
* @package Joomla
* @copyright Copyright (C) 2005 Open Source Matters. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
* Joomla! is free software and parts of it may contain or be derived from the
* GNU General Public License or other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
 
//Agar file module ini tidak bisa di akses secara langsung dari luar.
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );

//Menampilkan kalimat "Halo Dunia! Apa Kabar?"
echo "Halo Dunia! Apa Kabar?";

?>{/xtypo_code}
Simpan file mod_halodunia.php

Compress file mod_halodunia.php dan mod_halodunia.xml menjadi file zip, misal mod_halodunia.zip, menggunakan software compressor seperti WinZip atau WinRAR.

Sampai di sini, proses membuat module mod_halodunia telah selesai. Sekarang mari kita coba menginstallnya ke paket Joomla 1.0.x, silakan ikuti langkah-langkah berikut ini.

1. Buka halaman Administrator Joomla.

2. Pilih tab Installer | Modules


3. Pada field Package File, klik tombol Browse dan pilih file file mod_halodunia.zip yang telah dibuat sebelumnya. Lalu klik tombol Upload File & Install.


4. Jika file paket module yang dibuat benar, maka akan tampil halaman Upload module - Success, disertai nama module dan deksripsi module.


5. Klik [ Continue ... ] untuk melanjutkan (kembali ke halaman Module Installer).


Sampai di sini proses installasi telah berhasil dilakukan. Dan, selamat, Anda telah berhasil membuat custom module sendiri. :)

Module yang telah berhasil Anda install akan tampak di bawah pada halaman Module Installer.


Oya, untuk meng-unistall module, pada halaman Module Installer, silakan pilih module tersebut, lalu klik tombol Uninstall.

Tapi tunggu dulu, agar module ini tampil di halaman front end website Anda, jangan lupa untuk mem-publish/enable module ini. Caranya sebagai berikut.

1. Masuk ke tab Modules | Site Modules


2. Cari modul "Module Pertamaku", dan klik module tersebut.

3. Pilih posisi module sesuai dengan yang Anda inginkan, dan pilih Yes pada field Published.


4. Klik tombol Save pada toolbar.


Sampai di sini module telah berhasil Anda publish. Buka halaman front end, dan refresh/reload untuk melihat perubahahan. Maka Anda akan melihat module baru, yaitu Module Pertamaku tampil pada halaman front end Anda.

Ok, sekarang Anda telah berhasil membuat custom module sendiri. Pada tutorial selanjutnya saya akan sampaikan tentang bagaimana menambahkan parameter ke dalam module.

Selamat mencoba! 

0

People in this conversation

  • Guest - sampurna

    Wew... Jerry...
    Nice Artikel, praktek mode on... :grin Lanjut dong....

    0 Like Short URL:
  • Guest - jerrywijaya

    Thx.. ;) Ditunggu aja kelanjutannya, itu kan ada tulisan "Part 1"-nya, berarti nanti ada "Part 2"-nya, hehe.. ini lg diketik.. :D

    0 Like Short URL:
  • Guest - 76nald

    horeee
    Ini baru Tutorial, saya coba in entar dirumah
    thx berat ya mass ditung lajutanya

    0 Like Short URL:
  • Guest - kenedyandre

    ;) hay para webmaster id-joomla masukan aja klu bisa pada halaman conten di pasang conventer pdf aqar setiap artikel dapat disimpan dalam format pdf biar ngak berantakan seperti klu simpan format html thanks abis untuk id-joomla salut aq artikelnya bagus bagus

    0 Like Short URL:
  • Guest - DuoS

    Kerasa Banget transfer Ilmunya.

    0 Like Short URL:
  • Guest - neth

    Ayo terus berbagi ilmu bro... majukan wawasan IT indonesia :zzz

    0 Like Short URL:

Kategori Blog

Joomla User Group Indonesia

Joomla User Group indonesia

Id-joomla.com adalah situs resmi Joomla User Group (JUG) Indonesia dan Joomla Translation Team

 
Download Terjemahan Joomla terakreditasi dari JoomlaCode dan laporkan bugs, ide dan saran nya di Sub Forum Hanacaraka

Socials

twitter id joomlafb idjoomla