ADS

ADS

Cara buat Modul sederhana dengan Visual Studio

Posted by Webb Matrix on Tuesday, December 20, 2011

Pada kesempatan kali ini saya akan memperlihatkan salah satu teknik pembuatan modul DotNetNuke. Modul yang akan dibuat cukup sederhana, yaitu menampilkan kalimat "Halo Dunia!". Sederhana saja, karena tujuan penulisan artikel ini hanya untuk menunjukkan kesederhanaan teknik dalam pembuatan modul di DotNetNuke.
Dalam penulisan ini diasumsikan bahwa portal DotNetNuke terinstall pada komputer lokal. DotNetNuke yang digunakan adalah versi 5.4.1. Modul yang telah dibuat melalui metode ini dapat digunakan pula untuk portal DotNetNuke lain yang berada pada komputer yang berbeda dengan menggunakan metode packaging module. Lingkungan pengembangan di sini saya menggunakan Visual Studio 2008 Team System, Anda dapat pula menggunakan versi yang lain.
Baik kalau sudah siap, mari kita mulai.

OPEN WEBSITE
Jalankan aplikasi Visual Studio Anda, dan pilih menu buka website. Lihat gambar di bawah ini.
Open website
Pilih Local IIS ...
Local IIS
Pilih nama website di mana instalasi DotNetNuke Anda berada (nama website saya dotnetnuke), kemudian tekan tombol Open.
Website project
Tampilan website yang telah terbuka pada jendela Solution Explorer tampak seperti pada gambar di atas.
Kemudian, kita buat folder baru di bawah node DesktopModules dengan cara klik kanan pada folder DesktopModules. Lakukan cara ini setiap kali Anda membuat modul-modul baru lainnya.
New folder
Kita beri nama Latih1.
GiveNameFolder
Tambahkan item baru di folder Latih1 dengan cara klik kanan pada nama folder.
New item
Pada pembuatan modul di DotNetNuke, item yang ditambahkan adala tipe web control.
New web control
Kita beri nama Latihan.ascx.
Lalu kita modifikasi bagian code behind dari web control yang baru saja kita tambahkan dengan cara klik kanan pada item Latihan.ascx dan pilih menu View code.
View code
Tambahkan kode berikut di bagian paling atas:
Imports DotNetNuke.Entities.Modules
Kemudian ganti bagian kode:
Inherits System.Web.UI.UserControl
Menjadi:
Inherits PortalModuleBase
Kode selengkapnya seperti tampak pada gambar berikut:
Inherits
Kembali bagian web design dalam mode View Source, tambahkan kode berikut:
<h1>HALO DUNIA!</h1>
Seperti tampak pada gambar di bawah ini:
Halo dunia
Simpan semua perubahan.
Buka Internet Explorer dan arahkan alamat di mana portal DotNetNuke tempat kita membuat modul baru tadi terinstall.
Kemudian login sebagai user Host.
Login host
Setelah berhasil masuk, pilih menu Host --> Module Definitions.
Module definitions
Skrol halaman module definitions sampai ke bagian paling bawah, kemudian klik pilihan Create New Module.
Create new module
Kemudian pada tampilan pertama pilih menu Create Module from --> Control.
New from control
Klik Next.
Select folder
Pilih folder di mana tadi kita menyimpan web control Latihan.ascx, yaitu Latih1.
Give module name
Isi bagian Module Name dengan Latih1, sebagai pengenal nama modul dalam portal DotNetNuke.
Beri tanda centang pada Add Test Page, jika Anda ingin langsung mencoba tampilan modul baru Anda di halaman portal DotNetNuke.
Terakhir klik Create Module.
Voila.....selamat!!! Anda baru saja berhasil membuat sebuah modul DotNetNuke sederhana sekaligus menampilkannya di halaman portal.
Tampilan modul akan Anda tampak seperti gambar di bawah ini.
Create module finish
Oke...sekian pelatihan kita membuat modul sederhana di DotNetNuke. Agar modul yang baru saja Anda buat ini dapat dipergunakan di portal DotNetNuke yang lain, Anda perlu membuat paket instalasi modul. Pembuatannya pun juga sederhana. Kita akan bahas pembuatan paket instalasi modul ini di kesempatan dan tulisan yang lain.
Terima kasih telah meluangkan waktu Anda untuk membaca tulisan saya ini. Semoga bermanfaat. Masukan dari pembaca sangat saya nantikan.

Blog, Updated at: 12:28 PM

0 comments:

Post a Comment

GEO CITY

SOSMED SHARE

Powered by Blogger.