SlideShare une entreprise Scribd logo
1  sur  5
Télécharger pour lire hors ligne
MERANCANG KOMPONEN GRADASI WARNA
FORM

PADA BORLAND DELPHI
Oleh: Ipin B. A. dan Carwoto*)
Program aplikasi dengan beberapa form

yang warnanya sama, terkesan monoton.

sedangkan program aplikasi d.engan warna form
jika pilihan warnanya tidak tepat,

berbeda-beda,

akan terlihat sangat kontras serta terkesan
"semrawut", Untuk menghindari hal di atas
dalam merancang aplikasi perlu menggunakan
form dengan warna bergradasi.

Form dengan warna bergradasi sanggup
memberi kesan artistik tertentu, sehingga dapat
mengurangi kejenuhan pemakai aplikasi (user),
Disamping itu, form dengan warna bergradasi
bisa membimbing pandangan user ketika beralih

Gambar

l. Kotak Dialog Komponen
Expert

dari form dengan wama tunggal tertentu
ke form lain dengan warna tunggal lainnya sec ara

Sedangkan form default-nya tidak memiliki
properti ini. oleh karena itu, untuk memberi

gradasi warna pada form, kita

harus

merancangnya sendiri.

Pada kesempatan ini, akan dibahas
ana cara merancang komponen untuk
memberi gradasi warna pada form. Komponen
hasil rancangan ini dapat didaftarkan pada daftar
Component Palette agar dapat secara praktis
dipakai setiap kali dibutuhkan.
bagaim

Perancangan Komponen
Langkah pertama yang harus dilakukan

dalam merancang komponen adalah memilih

menu Eile I New I eomponentJetelah muncul
kotak dialog seperti pada Gambar l, isilah kotak
Qlass Name dengan nama komponen yang akan
dibuat. Pada kotak Ancestor type, pilihlah
konnponen dari mane kita akan meiiurunkaii
komponen yang akan dibuat.

perlahan.

Ada komponen pada Component Palette
Borland Delphi yang sudah memiliki properti

gradasi warna,

yaitu komponen

TChart.

Sebagai contoh, Pilihlah kotak Class
Name dengan "TGradasi" dan Ancestor type
dengan oTCustomPanel". Pada kotak palette
t

') Ipin Bustanul AriJin, Carwolo,keduanya adalah mahasiswa Program
Studi Teknik Elektro
Fakultas Teknik Universitas Diponegoro, Semarang.

i{,
;

i
4,

ffi-^--!^-r

41
Komponen TGradasi

Page, pilihlah halaman dimana komponen akan

Kita

dapat memilih

sembarang
diletakkan.
halaman yang terdapat pada Component Palette
seperti Standard, Data Access, Data Controls, dan

seterusnya. Dalam contoh

ini

komponen

diletakkan pada halaman "CLIcK".

Bila Kita mengklik button Create Unit,
maka Delphi akan membuat kerangka unit untuk
menuliskan kode-kode program. Untuk membuat
komponen Gradasi Warna Form, ketikkan kode-

kode program seperti yang dapat dilihat
listing GRADASI.PAS di bawah ini" "Procedure
Register" seperti terlihat pada baris nomor 102105 akan otornatis dibuat setelah kita mengklik
button Create Unit. Prosedur ini mendaftarkan
kelas TGradasi ke Component Palette bagian
''CLIcK". Tanpa pendaftaran ini, komponen
tersebut tidak akan muncul pada Component
pada

yang

alTop, tinggi : I00, default warna awal: putih,
dan default warna akhir: hitarn. Constructor pada
program, seperti pada baris nomor 46 sampai
dengan baris nomor 54, berfungsi untuk menset

properti-properti yang dibutuhkan sebagai
kondisi default komponen TGradasi. Prosedur
"TGradasi.Paint", berfungsi untuk mewarnai

komponen TGradasi dengan tingkat warna yang
berubah dari warna awal hingga warna akhir.
Sedangkan prosedur "TGradasi,WarnaKeRGB",
untuk mengkonversi warna dari tipe TColor

menjadi warna prirner

(Red,Green,Blue).

Sebaliknya procedure "TGradasi.RcBkeWarna"
untuk rnenggabungkan warna-warna primer
menjadi tipe TColor Berikut adalah Iisting
program GRADASI.PAS selengkapnya.

Palette.

Listing GRADASI.PAS
1

2
3
4

Pascal/I)elphi

- Turbo

: Gradasi Warna Form
: GRADASI. PAS
: 1998, CLIcK Software

/ /erogram

/ /vite
/ /copyright

House.

5
5
-l

I
9
1-0

l_1

uSes

L2

windows, Messages,

1_3

Extctrfs;

L4
L5
16
L7

pr j.vate

1B

FAwalwarna

19
20
2L
22

23

Sysutifs, Classes, Graphics, controls, Ilolms, Dialogs,

type

Tcradasi = class (TcustomPanel)

:

Tco1or;

FAkhirlilarna : TCoIori
FonPaint : TNotifyEvent,

Procedure SetAwalwarna (Awai.walna:TColor),

Proceciure SeE.Akhirwarna (Akhlrwarna : TColor)

;

protected

26

public
Constructox Create (Aowner:Tconponent) i Overridei
Destructor Destroyi Overridei

21
28

Procedure
Procedure

24
25

29

I

I

30
31
32
33
34

J5
36
37
38

Paint,

or,zerridei

WarnaKeRGB (Warna
RcBKewarna (R,G, B:

:

Tcolor,'var

R, G, B:

Byte ) ,

Byte) :Tcoloft
Eunction
published
Property Awalwarna : Tcolor Read EAwalwarna Write SetAwalwarnai
Property Akhirwarna : Tcofor Read fAkhirwarna write SetAkbirwarna,
Property OnPaint : TNotifyEvent Read EonPaint Write FonPaint,
Property AIign,

Property BevelInner,'
Property Bevelouteri
Property BevelWidth;
Property Borderstyle;

akan

dirancang ini berupa custom panel dengan align:
39
40

'Property BorderWidth;

end;

41"

42

procedure Register;

43
44
45

implementation

46

constructor TGradasi . create (Aowner: TComponent ) ;

47
48

49
50
s1
tro

JL

53
54
qq

56
57
58

Begin

Inherited Create (Aowner)

Align: =alTop;
Height::100;

Procedure TGradasi . paint;

Var I

G2,82 : Byte;

R2,

Rx, Gx,

66
67
58
69
70
77
t/.

: fnteger;

Rt, GL, B1 : Byte;

50
67
62
53
64

:

FAwalWarna: =cIWhi te;
FAkhi rWarna : =e1 BI ack ;
End;

59

6s

;

Contro1Style: =ControlStyle+ [ csReplicatable ] ;

Begin

Bx : Integeri

With Inherited Canvas

Do

Begln

WarnaKeRGB ( FAwa1Warna, R1, GL, 81 ) ;
WarnaKeRGB ( FAkhirWarna, R2, G2, 82 i

For f::0 To Height-L

;

Do

Begin

Rx::Round(R1+ ( (I/ (Heighr-1) ) * (R2-R1) ) );
Gx::Round(G1+ (, lf / (Height-1) ) * (G2-G1t ) );
Bx::Round(81+ ( fi/ (Height-1)) * (F,2-e1)) ) ;
Brush . Color : :RGBKeWarna ( Rx, Gx, Bx ) ;
FillRect (Rect (0, f ,Wicith, Ii1)) ;

?3

End ;

tq,

End;

75
-t

6

77
78

79
80

If Assigned (FOnPalnt) Then

End;

Procedure TGradas i

Begin
R:

.

FOnpainr-- (SeLf i ;

WarnaKeRGB

(

Wa

rna

: TCo 1 c

r ; Va r R, G, B : Byt

=Warna And $000000FF;

81
82
83
84
85

G::Warna And $0000pF.00 Shr

86

Begin

81
88

Result:= (R+G*$100+e*$10000) And

B: =Warna

End;

B;

And $00FF0000 Shr 16;

Function TGradasi.

RGBKewarna (R, G, B:

End,.

Byte) : TColor,.

$OOFFFFFF;

B9

90
91
92
93
94
95

96

Procedure TGradasi. setAwalwarna (Awalwarna: TColor)

Begin

fnvalidate;
End;

Procedure TGradasi . SetAkhirWarna (Akhirwarna : TColor)

97
98
99

Begin

100
101

End;

ta2
103
LA4
10s
106

;

FAwalWarna : :Awa1V[arna,.

FAkhi rWarna I =Akhi rWa rna ;

fnvalidate;

procedure Register,.

begin

RegisterCcmponents (' CLfcK', ITGradasi ] ) ;

end;

Ke halaman berikutnya.

.

..

.

;

e);
Setelah menyelesaikan unit ini,
kita dapat melakukan pengujian
komponen tersebut. Kemudian
mendaftarkannya ke ComPonent
Palette. Carany&, pilih menu
eomponent | [nstall ComPonent dan

isi kotak dialog Install

Component"
selesai

Apabila Delphi telah

mengkompilasi ulang ComPonent
Palette, kita dapat menggunakan

ini hanya
mengklik mouse pada
dengan
komponen baru tersebut dan
menempatkannya pada form yang
sedang kita rancang. Berikut ini
adalah contoh tampilan form saat
komponen Gradasi Warna

perancangan setelah dibubuhi

komponen Gradasi Warna, dengan
warna awal: clA7ile, warna akhir:
clGre€n, dan align: alClient.

Gambar 1. Forml yang dibubuhi gradasi Yarna dengan warna awalAqua dan warna
akhir Green

Kemungkinan Pengembangan
GRADASI.PAS Yang dibahas
dalam tulisan ini adalah contoh yang
sederhana, karena hanYa mamPu

membuat gradasi warna

dengan

perubahan

gradasr

secara lurus

vertikal.

Kita dapat mengembangkan
komponen ini sendiri sesuai
keinginan. Misalny&, untuk membuat
gradasi warna secara lurus
horisontal, warna yang bergradasi
dari suatu pusat lingkaran ke arah
keliling lingkar&r, dari pusat bujur

sangkar bergradasi ke arah sisisisinya, atau gradasi untuk bentuk
segi banyak yang lain.
Selamat berkreasil

Daftar Pustaka

1.

2.
3.

Delphi 3 Help, Borland InternationalInc.,lgg7
Jogiyanto HM Teori dan Aplikasi Program Komputer bahasa Pascal Jilid I,
cet.v, Andi Offset, Yogyakarta, t993
Pranata, A., Pemrograman Borland Delphi, penerbit ANDI, yogyakarta 1997

Contenu connexe

Similaire à MERANCANG KOMPONEN GRADASI WARNA FORM PADA BORLAND DELPHI

Modul pascal
Modul pascalModul pascal
Modul pascaldanver98
 
Modul pascal
Modul pascalModul pascal
Modul pascalshediazz
 
Modul Pascal.pdf
Modul Pascal.pdfModul Pascal.pdf
Modul Pascal.pdfsylaaulia
 
Modul Pascal Mengenal Flowchart
Modul Pascal Mengenal FlowchartModul Pascal Mengenal Flowchart
Modul Pascal Mengenal FlowchartIrwien Andriyanto
 
Materi VISUAL BASIC 2010 dffffffffffopppoo
Materi VISUAL BASIC 2010 dffffffffffopppooMateri VISUAL BASIC 2010 dffffffffffopppoo
Materi VISUAL BASIC 2010 dffffffffffopppooRikyFirmansyah9
 
Gabung1 sd 6_dekstop_java
Gabung1 sd 6_dekstop_javaGabung1 sd 6_dekstop_java
Gabung1 sd 6_dekstop_javaDewa Nala
 
MODUL PRAKTIKUM SISTEM OPERASI PRAKTIKUM I MODEL PEMROGRAMAN 1.pdf
MODUL PRAKTIKUM SISTEM OPERASI PRAKTIKUM I MODEL PEMROGRAMAN 1.pdfMODUL PRAKTIKUM SISTEM OPERASI PRAKTIKUM I MODEL PEMROGRAMAN 1.pdf
MODUL PRAKTIKUM SISTEM OPERASI PRAKTIKUM I MODEL PEMROGRAMAN 1.pdfLalu Delsi Samsumar
 
Land+desktop+2005+tutorial
Land+desktop+2005+tutorialLand+desktop+2005+tutorial
Land+desktop+2005+tutorialdedi setyawan
 
Tutorial digitasi word r11
Tutorial digitasi word r11Tutorial digitasi word r11
Tutorial digitasi word r11cakrahaji
 
Dasar Pemrograman materi kuliah
Dasar Pemrograman materi kuliahDasar Pemrograman materi kuliah
Dasar Pemrograman materi kuliahBraga Rezpect
 
Digitasi peta blok pbb
Digitasi peta blok pbbDigitasi peta blok pbb
Digitasi peta blok pbbKhoirul Annas
 
Tutorial arc gis 10
Tutorial arc gis 10Tutorial arc gis 10
Tutorial arc gis 10Ike Candra
 

Similaire à MERANCANG KOMPONEN GRADASI WARNA FORM PADA BORLAND DELPHI (20)

Algoritma flowchart
Algoritma flowchartAlgoritma flowchart
Algoritma flowchart
 
Modul pascal
Modul pascalModul pascal
Modul pascal
 
Modul pascal
Modul pascalModul pascal
Modul pascal
 
Modul Pascal.pdf
Modul Pascal.pdfModul Pascal.pdf
Modul Pascal.pdf
 
Modul Pascal Mengenal Flowchart
Modul Pascal Mengenal FlowchartModul Pascal Mengenal Flowchart
Modul Pascal Mengenal Flowchart
 
Modul pascal
Modul pascalModul pascal
Modul pascal
 
Materi VISUAL BASIC 2010 dffffffffffopppoo
Materi VISUAL BASIC 2010 dffffffffffopppooMateri VISUAL BASIC 2010 dffffffffffopppoo
Materi VISUAL BASIC 2010 dffffffffffopppoo
 
Matlab 3
Matlab 3Matlab 3
Matlab 3
 
Gabung1 sd 6_dekstop_java
Gabung1 sd 6_dekstop_javaGabung1 sd 6_dekstop_java
Gabung1 sd 6_dekstop_java
 
MODUL PRAKTIKUM SISTEM OPERASI PRAKTIKUM I MODEL PEMROGRAMAN 1.pdf
MODUL PRAKTIKUM SISTEM OPERASI PRAKTIKUM I MODEL PEMROGRAMAN 1.pdfMODUL PRAKTIKUM SISTEM OPERASI PRAKTIKUM I MODEL PEMROGRAMAN 1.pdf
MODUL PRAKTIKUM SISTEM OPERASI PRAKTIKUM I MODEL PEMROGRAMAN 1.pdf
 
Membuat Layout Peta
Membuat Layout PetaMembuat Layout Peta
Membuat Layout Peta
 
Land+desktop+2005+tutorial
Land+desktop+2005+tutorialLand+desktop+2005+tutorial
Land+desktop+2005+tutorial
 
Tutorial digitasi word r11
Tutorial digitasi word r11Tutorial digitasi word r11
Tutorial digitasi word r11
 
Pengantar R
Pengantar RPengantar R
Pengantar R
 
Dasar Pemrograman materi kuliah
Dasar Pemrograman materi kuliahDasar Pemrograman materi kuliah
Dasar Pemrograman materi kuliah
 
Tutorial landdesktop2005
Tutorial landdesktop2005Tutorial landdesktop2005
Tutorial landdesktop2005
 
Digitasi peta blok pbb
Digitasi peta blok pbbDigitasi peta blok pbb
Digitasi peta blok pbb
 
Tutorial Java netbeans
Tutorial Java netbeansTutorial Java netbeans
Tutorial Java netbeans
 
Fungsi
FungsiFungsi
Fungsi
 
Tutorial arc gis 10
Tutorial arc gis 10Tutorial arc gis 10
Tutorial arc gis 10
 

Plus de Carwoto Sa'an

Pengantar Sistem Penanggulangan Gawat Darurat Terpadu (SPGDT) - PSC 119
Pengantar Sistem Penanggulangan Gawat Darurat Terpadu (SPGDT) - PSC 119Pengantar Sistem Penanggulangan Gawat Darurat Terpadu (SPGDT) - PSC 119
Pengantar Sistem Penanggulangan Gawat Darurat Terpadu (SPGDT) - PSC 119Carwoto Sa'an
 
Pengenalan Fitur untuk Ibu Hamil pada Aplikasi InfoBunda
Pengenalan Fitur untuk Ibu Hamil pada Aplikasi InfoBundaPengenalan Fitur untuk Ibu Hamil pada Aplikasi InfoBunda
Pengenalan Fitur untuk Ibu Hamil pada Aplikasi InfoBundaCarwoto Sa'an
 
Mengenal Aplikasi Sistem Informasi dan Komunikasi PSC 119 Sijariemas
Mengenal Aplikasi Sistem Informasi  dan Komunikasi PSC 119 SijariemasMengenal Aplikasi Sistem Informasi  dan Komunikasi PSC 119 Sijariemas
Mengenal Aplikasi Sistem Informasi dan Komunikasi PSC 119 SijariemasCarwoto Sa'an
 
PENGEMBANGAN DAN IMPLEMENTASI SISTEM INFORMASI JEJARING RUJUKAN KEGAWATDARURA...
PENGEMBANGAN DAN IMPLEMENTASI SISTEM INFORMASI JEJARING RUJUKAN KEGAWATDARURA...PENGEMBANGAN DAN IMPLEMENTASI SISTEM INFORMASI JEJARING RUJUKAN KEGAWATDARURA...
PENGEMBANGAN DAN IMPLEMENTASI SISTEM INFORMASI JEJARING RUJUKAN KEGAWATDARURA...Carwoto Sa'an
 
RANCANGAN OTOMASI BERBASIS INTERNET UNTUK PENGENDALIAN PROSES PENYALURAN BAHA...
RANCANGAN OTOMASI BERBASIS INTERNET UNTUK PENGENDALIAN PROSES PENYALURAN BAHA...RANCANGAN OTOMASI BERBASIS INTERNET UNTUK PENGENDALIAN PROSES PENYALURAN BAHA...
RANCANGAN OTOMASI BERBASIS INTERNET UNTUK PENGENDALIAN PROSES PENYALURAN BAHA...Carwoto Sa'an
 
lmplementasi Algoritma Genetika untuk Optimasi Penempatan Kapasitor Shunt pad...
lmplementasi Algoritma Genetika untuk Optimasi Penempatan Kapasitor Shunt pad...lmplementasi Algoritma Genetika untuk Optimasi Penempatan Kapasitor Shunt pad...
lmplementasi Algoritma Genetika untuk Optimasi Penempatan Kapasitor Shunt pad...Carwoto Sa'an
 
Merancang Komponen TCustomEdtt Yang Memiliki Properti Nilai Terbatas
Merancang Komponen TCustomEdtt Yang Memiliki Properti Nilai TerbatasMerancang Komponen TCustomEdtt Yang Memiliki Properti Nilai Terbatas
Merancang Komponen TCustomEdtt Yang Memiliki Properti Nilai TerbatasCarwoto Sa'an
 
Mengoperasikan Periperal Pemindai Gambar
Mengoperasikan Periperal Pemindai GambarMengoperasikan Periperal Pemindai Gambar
Mengoperasikan Periperal Pemindai GambarCarwoto Sa'an
 
Modul Praktek Menggunakan Aplikasi Pengolah Kata OpenOffice.org Writer
Modul Praktek Menggunakan Aplikasi Pengolah Kata OpenOffice.org WriterModul Praktek Menggunakan Aplikasi Pengolah Kata OpenOffice.org Writer
Modul Praktek Menggunakan Aplikasi Pengolah Kata OpenOffice.org WriterCarwoto Sa'an
 
Aplikasi Multimedia pada Windows XP
Aplikasi Multimedia pada Windows XPAplikasi Multimedia pada Windows XP
Aplikasi Multimedia pada Windows XPCarwoto Sa'an
 
Penyusunan dan Penulisan Karya Tulis Ilmiah Menggunakan OpenOffice.org Writer
Penyusunan dan Penulisan Karya Tulis Ilmiah Menggunakan OpenOffice.org WriterPenyusunan dan Penulisan Karya Tulis Ilmiah Menggunakan OpenOffice.org Writer
Penyusunan dan Penulisan Karya Tulis Ilmiah Menggunakan OpenOffice.org WriterCarwoto Sa'an
 
Merakit Komputer Personal (Personal Computer Assembly)
Merakit Komputer Personal (Personal Computer Assembly)Merakit Komputer Personal (Personal Computer Assembly)
Merakit Komputer Personal (Personal Computer Assembly)Carwoto Sa'an
 
Membuat Website Personal dengan Microsoft FrontPage
Membuat Website Personal dengan Microsoft FrontPageMembuat Website Personal dengan Microsoft FrontPage
Membuat Website Personal dengan Microsoft FrontPageCarwoto Sa'an
 
Membuat Mail Merge dengan Microsoft Word
Membuat Mail Merge dengan Microsoft WordMembuat Mail Merge dengan Microsoft Word
Membuat Mail Merge dengan Microsoft WordCarwoto Sa'an
 
Modul Workshop Membuat Presentasi dengan PowerPoint
Modul Workshop Membuat Presentasi dengan PowerPointModul Workshop Membuat Presentasi dengan PowerPoint
Modul Workshop Membuat Presentasi dengan PowerPointCarwoto Sa'an
 
Instalasi dan Konfigurasi Vertrigoserv 2.16
Instalasi dan Konfigurasi Vertrigoserv 2.16Instalasi dan Konfigurasi Vertrigoserv 2.16
Instalasi dan Konfigurasi Vertrigoserv 2.16Carwoto Sa'an
 
Membuat Web Kursus Baru dan Mengelola Web Kursus pada E-Learning Menggunakan ...
Membuat Web Kursus Baru dan Mengelola Web Kursus pada E-Learning Menggunakan ...Membuat Web Kursus Baru dan Mengelola Web Kursus pada E-Learning Menggunakan ...
Membuat Web Kursus Baru dan Mengelola Web Kursus pada E-Learning Menggunakan ...Carwoto Sa'an
 
Administrasi Site E-learning Menggunakan CMS Moodle
Administrasi Site E-learning Menggunakan CMS MoodleAdministrasi Site E-learning Menggunakan CMS Moodle
Administrasi Site E-learning Menggunakan CMS MoodleCarwoto Sa'an
 
Menyiapkan Kuis pada Pembelajaran Berbasis Web Menggunakan CMS Moodle
Menyiapkan Kuis pada Pembelajaran Berbasis Web Menggunakan CMS MoodleMenyiapkan Kuis pada Pembelajaran Berbasis Web Menggunakan CMS Moodle
Menyiapkan Kuis pada Pembelajaran Berbasis Web Menggunakan CMS MoodleCarwoto Sa'an
 

Plus de Carwoto Sa'an (19)

Pengantar Sistem Penanggulangan Gawat Darurat Terpadu (SPGDT) - PSC 119
Pengantar Sistem Penanggulangan Gawat Darurat Terpadu (SPGDT) - PSC 119Pengantar Sistem Penanggulangan Gawat Darurat Terpadu (SPGDT) - PSC 119
Pengantar Sistem Penanggulangan Gawat Darurat Terpadu (SPGDT) - PSC 119
 
Pengenalan Fitur untuk Ibu Hamil pada Aplikasi InfoBunda
Pengenalan Fitur untuk Ibu Hamil pada Aplikasi InfoBundaPengenalan Fitur untuk Ibu Hamil pada Aplikasi InfoBunda
Pengenalan Fitur untuk Ibu Hamil pada Aplikasi InfoBunda
 
Mengenal Aplikasi Sistem Informasi dan Komunikasi PSC 119 Sijariemas
Mengenal Aplikasi Sistem Informasi  dan Komunikasi PSC 119 SijariemasMengenal Aplikasi Sistem Informasi  dan Komunikasi PSC 119 Sijariemas
Mengenal Aplikasi Sistem Informasi dan Komunikasi PSC 119 Sijariemas
 
PENGEMBANGAN DAN IMPLEMENTASI SISTEM INFORMASI JEJARING RUJUKAN KEGAWATDARURA...
PENGEMBANGAN DAN IMPLEMENTASI SISTEM INFORMASI JEJARING RUJUKAN KEGAWATDARURA...PENGEMBANGAN DAN IMPLEMENTASI SISTEM INFORMASI JEJARING RUJUKAN KEGAWATDARURA...
PENGEMBANGAN DAN IMPLEMENTASI SISTEM INFORMASI JEJARING RUJUKAN KEGAWATDARURA...
 
RANCANGAN OTOMASI BERBASIS INTERNET UNTUK PENGENDALIAN PROSES PENYALURAN BAHA...
RANCANGAN OTOMASI BERBASIS INTERNET UNTUK PENGENDALIAN PROSES PENYALURAN BAHA...RANCANGAN OTOMASI BERBASIS INTERNET UNTUK PENGENDALIAN PROSES PENYALURAN BAHA...
RANCANGAN OTOMASI BERBASIS INTERNET UNTUK PENGENDALIAN PROSES PENYALURAN BAHA...
 
lmplementasi Algoritma Genetika untuk Optimasi Penempatan Kapasitor Shunt pad...
lmplementasi Algoritma Genetika untuk Optimasi Penempatan Kapasitor Shunt pad...lmplementasi Algoritma Genetika untuk Optimasi Penempatan Kapasitor Shunt pad...
lmplementasi Algoritma Genetika untuk Optimasi Penempatan Kapasitor Shunt pad...
 
Merancang Komponen TCustomEdtt Yang Memiliki Properti Nilai Terbatas
Merancang Komponen TCustomEdtt Yang Memiliki Properti Nilai TerbatasMerancang Komponen TCustomEdtt Yang Memiliki Properti Nilai Terbatas
Merancang Komponen TCustomEdtt Yang Memiliki Properti Nilai Terbatas
 
Mengoperasikan Periperal Pemindai Gambar
Mengoperasikan Periperal Pemindai GambarMengoperasikan Periperal Pemindai Gambar
Mengoperasikan Periperal Pemindai Gambar
 
Modul Praktek Menggunakan Aplikasi Pengolah Kata OpenOffice.org Writer
Modul Praktek Menggunakan Aplikasi Pengolah Kata OpenOffice.org WriterModul Praktek Menggunakan Aplikasi Pengolah Kata OpenOffice.org Writer
Modul Praktek Menggunakan Aplikasi Pengolah Kata OpenOffice.org Writer
 
Aplikasi Multimedia pada Windows XP
Aplikasi Multimedia pada Windows XPAplikasi Multimedia pada Windows XP
Aplikasi Multimedia pada Windows XP
 
Penyusunan dan Penulisan Karya Tulis Ilmiah Menggunakan OpenOffice.org Writer
Penyusunan dan Penulisan Karya Tulis Ilmiah Menggunakan OpenOffice.org WriterPenyusunan dan Penulisan Karya Tulis Ilmiah Menggunakan OpenOffice.org Writer
Penyusunan dan Penulisan Karya Tulis Ilmiah Menggunakan OpenOffice.org Writer
 
Merakit Komputer Personal (Personal Computer Assembly)
Merakit Komputer Personal (Personal Computer Assembly)Merakit Komputer Personal (Personal Computer Assembly)
Merakit Komputer Personal (Personal Computer Assembly)
 
Membuat Website Personal dengan Microsoft FrontPage
Membuat Website Personal dengan Microsoft FrontPageMembuat Website Personal dengan Microsoft FrontPage
Membuat Website Personal dengan Microsoft FrontPage
 
Membuat Mail Merge dengan Microsoft Word
Membuat Mail Merge dengan Microsoft WordMembuat Mail Merge dengan Microsoft Word
Membuat Mail Merge dengan Microsoft Word
 
Modul Workshop Membuat Presentasi dengan PowerPoint
Modul Workshop Membuat Presentasi dengan PowerPointModul Workshop Membuat Presentasi dengan PowerPoint
Modul Workshop Membuat Presentasi dengan PowerPoint
 
Instalasi dan Konfigurasi Vertrigoserv 2.16
Instalasi dan Konfigurasi Vertrigoserv 2.16Instalasi dan Konfigurasi Vertrigoserv 2.16
Instalasi dan Konfigurasi Vertrigoserv 2.16
 
Membuat Web Kursus Baru dan Mengelola Web Kursus pada E-Learning Menggunakan ...
Membuat Web Kursus Baru dan Mengelola Web Kursus pada E-Learning Menggunakan ...Membuat Web Kursus Baru dan Mengelola Web Kursus pada E-Learning Menggunakan ...
Membuat Web Kursus Baru dan Mengelola Web Kursus pada E-Learning Menggunakan ...
 
Administrasi Site E-learning Menggunakan CMS Moodle
Administrasi Site E-learning Menggunakan CMS MoodleAdministrasi Site E-learning Menggunakan CMS Moodle
Administrasi Site E-learning Menggunakan CMS Moodle
 
Menyiapkan Kuis pada Pembelajaran Berbasis Web Menggunakan CMS Moodle
Menyiapkan Kuis pada Pembelajaran Berbasis Web Menggunakan CMS MoodleMenyiapkan Kuis pada Pembelajaran Berbasis Web Menggunakan CMS Moodle
Menyiapkan Kuis pada Pembelajaran Berbasis Web Menggunakan CMS Moodle
 

MERANCANG KOMPONEN GRADASI WARNA FORM PADA BORLAND DELPHI

  • 1. MERANCANG KOMPONEN GRADASI WARNA FORM PADA BORLAND DELPHI Oleh: Ipin B. A. dan Carwoto*) Program aplikasi dengan beberapa form yang warnanya sama, terkesan monoton. sedangkan program aplikasi d.engan warna form jika pilihan warnanya tidak tepat, berbeda-beda, akan terlihat sangat kontras serta terkesan "semrawut", Untuk menghindari hal di atas dalam merancang aplikasi perlu menggunakan form dengan warna bergradasi. Form dengan warna bergradasi sanggup memberi kesan artistik tertentu, sehingga dapat mengurangi kejenuhan pemakai aplikasi (user), Disamping itu, form dengan warna bergradasi bisa membimbing pandangan user ketika beralih Gambar l. Kotak Dialog Komponen Expert dari form dengan wama tunggal tertentu ke form lain dengan warna tunggal lainnya sec ara Sedangkan form default-nya tidak memiliki properti ini. oleh karena itu, untuk memberi gradasi warna pada form, kita harus merancangnya sendiri. Pada kesempatan ini, akan dibahas ana cara merancang komponen untuk memberi gradasi warna pada form. Komponen hasil rancangan ini dapat didaftarkan pada daftar Component Palette agar dapat secara praktis dipakai setiap kali dibutuhkan. bagaim Perancangan Komponen Langkah pertama yang harus dilakukan dalam merancang komponen adalah memilih menu Eile I New I eomponentJetelah muncul kotak dialog seperti pada Gambar l, isilah kotak Qlass Name dengan nama komponen yang akan dibuat. Pada kotak Ancestor type, pilihlah konnponen dari mane kita akan meiiurunkaii komponen yang akan dibuat. perlahan. Ada komponen pada Component Palette Borland Delphi yang sudah memiliki properti gradasi warna, yaitu komponen TChart. Sebagai contoh, Pilihlah kotak Class Name dengan "TGradasi" dan Ancestor type dengan oTCustomPanel". Pada kotak palette t ') Ipin Bustanul AriJin, Carwolo,keduanya adalah mahasiswa Program Studi Teknik Elektro Fakultas Teknik Universitas Diponegoro, Semarang. i{, ; i 4, ffi-^--!^-r 41
  • 2. Komponen TGradasi Page, pilihlah halaman dimana komponen akan Kita dapat memilih sembarang diletakkan. halaman yang terdapat pada Component Palette seperti Standard, Data Access, Data Controls, dan seterusnya. Dalam contoh ini komponen diletakkan pada halaman "CLIcK". Bila Kita mengklik button Create Unit, maka Delphi akan membuat kerangka unit untuk menuliskan kode-kode program. Untuk membuat komponen Gradasi Warna Form, ketikkan kode- kode program seperti yang dapat dilihat listing GRADASI.PAS di bawah ini" "Procedure Register" seperti terlihat pada baris nomor 102105 akan otornatis dibuat setelah kita mengklik button Create Unit. Prosedur ini mendaftarkan kelas TGradasi ke Component Palette bagian ''CLIcK". Tanpa pendaftaran ini, komponen tersebut tidak akan muncul pada Component pada yang alTop, tinggi : I00, default warna awal: putih, dan default warna akhir: hitarn. Constructor pada program, seperti pada baris nomor 46 sampai dengan baris nomor 54, berfungsi untuk menset properti-properti yang dibutuhkan sebagai kondisi default komponen TGradasi. Prosedur "TGradasi.Paint", berfungsi untuk mewarnai komponen TGradasi dengan tingkat warna yang berubah dari warna awal hingga warna akhir. Sedangkan prosedur "TGradasi,WarnaKeRGB", untuk mengkonversi warna dari tipe TColor menjadi warna prirner (Red,Green,Blue). Sebaliknya procedure "TGradasi.RcBkeWarna" untuk rnenggabungkan warna-warna primer menjadi tipe TColor Berikut adalah Iisting program GRADASI.PAS selengkapnya. Palette. Listing GRADASI.PAS 1 2 3 4 Pascal/I)elphi - Turbo : Gradasi Warna Form : GRADASI. PAS : 1998, CLIcK Software / /erogram / /vite / /copyright House. 5 5 -l I 9 1-0 l_1 uSes L2 windows, Messages, 1_3 Extctrfs; L4 L5 16 L7 pr j.vate 1B FAwalwarna 19 20 2L 22 23 Sysutifs, Classes, Graphics, controls, Ilolms, Dialogs, type Tcradasi = class (TcustomPanel) : Tco1or; FAkhirlilarna : TCoIori FonPaint : TNotifyEvent, Procedure SetAwalwarna (Awai.walna:TColor), Proceciure SeE.Akhirwarna (Akhlrwarna : TColor) ; protected 26 public Constructox Create (Aowner:Tconponent) i Overridei Destructor Destroyi Overridei 21 28 Procedure Procedure 24 25 29 I I 30 31 32 33 34 J5 36 37 38 Paint, or,zerridei WarnaKeRGB (Warna RcBKewarna (R,G, B: : Tcolor,'var R, G, B: Byte ) , Byte) :Tcoloft Eunction published Property Awalwarna : Tcolor Read EAwalwarna Write SetAwalwarnai Property Akhirwarna : Tcofor Read fAkhirwarna write SetAkbirwarna, Property OnPaint : TNotifyEvent Read EonPaint Write FonPaint, Property AIign, Property BevelInner,' Property Bevelouteri Property BevelWidth; Property Borderstyle; akan dirancang ini berupa custom panel dengan align:
  • 3. 39 40 'Property BorderWidth; end; 41" 42 procedure Register; 43 44 45 implementation 46 constructor TGradasi . create (Aowner: TComponent ) ; 47 48 49 50 s1 tro JL 53 54 qq 56 57 58 Begin Inherited Create (Aowner) Align: =alTop; Height::100; Procedure TGradasi . paint; Var I G2,82 : Byte; R2, Rx, Gx, 66 67 58 69 70 77 t/. : fnteger; Rt, GL, B1 : Byte; 50 67 62 53 64 : FAwalWarna: =cIWhi te; FAkhi rWarna : =e1 BI ack ; End; 59 6s ; Contro1Style: =ControlStyle+ [ csReplicatable ] ; Begin Bx : Integeri With Inherited Canvas Do Begln WarnaKeRGB ( FAwa1Warna, R1, GL, 81 ) ; WarnaKeRGB ( FAkhirWarna, R2, G2, 82 i For f::0 To Height-L ; Do Begin Rx::Round(R1+ ( (I/ (Heighr-1) ) * (R2-R1) ) ); Gx::Round(G1+ (, lf / (Height-1) ) * (G2-G1t ) ); Bx::Round(81+ ( fi/ (Height-1)) * (F,2-e1)) ) ; Brush . Color : :RGBKeWarna ( Rx, Gx, Bx ) ; FillRect (Rect (0, f ,Wicith, Ii1)) ; ?3 End ; tq, End; 75 -t 6 77 78 79 80 If Assigned (FOnPalnt) Then End; Procedure TGradas i Begin R: . FOnpainr-- (SeLf i ; WarnaKeRGB ( Wa rna : TCo 1 c r ; Va r R, G, B : Byt =Warna And $000000FF; 81 82 83 84 85 G::Warna And $0000pF.00 Shr 86 Begin 81 88 Result:= (R+G*$100+e*$10000) And B: =Warna End; B; And $00FF0000 Shr 16; Function TGradasi. RGBKewarna (R, G, B: End,. Byte) : TColor,. $OOFFFFFF; B9 90 91 92 93 94 95 96 Procedure TGradasi. setAwalwarna (Awalwarna: TColor) Begin fnvalidate; End; Procedure TGradasi . SetAkhirWarna (Akhirwarna : TColor) 97 98 99 Begin 100 101 End; ta2 103 LA4 10s 106 ; FAwalWarna : :Awa1V[arna,. FAkhi rWarna I =Akhi rWa rna ; fnvalidate; procedure Register,. begin RegisterCcmponents (' CLfcK', ITGradasi ] ) ; end; Ke halaman berikutnya. . .. . ; e);
  • 4. Setelah menyelesaikan unit ini, kita dapat melakukan pengujian komponen tersebut. Kemudian mendaftarkannya ke ComPonent Palette. Carany&, pilih menu eomponent | [nstall ComPonent dan isi kotak dialog Install Component" selesai Apabila Delphi telah mengkompilasi ulang ComPonent Palette, kita dapat menggunakan ini hanya mengklik mouse pada dengan komponen baru tersebut dan menempatkannya pada form yang sedang kita rancang. Berikut ini adalah contoh tampilan form saat komponen Gradasi Warna perancangan setelah dibubuhi komponen Gradasi Warna, dengan warna awal: clA7ile, warna akhir: clGre€n, dan align: alClient. Gambar 1. Forml yang dibubuhi gradasi Yarna dengan warna awalAqua dan warna akhir Green Kemungkinan Pengembangan GRADASI.PAS Yang dibahas dalam tulisan ini adalah contoh yang sederhana, karena hanYa mamPu membuat gradasi warna dengan perubahan gradasr secara lurus vertikal. Kita dapat mengembangkan komponen ini sendiri sesuai
  • 5. keinginan. Misalny&, untuk membuat gradasi warna secara lurus horisontal, warna yang bergradasi dari suatu pusat lingkaran ke arah keliling lingkar&r, dari pusat bujur sangkar bergradasi ke arah sisisisinya, atau gradasi untuk bentuk segi banyak yang lain. Selamat berkreasil Daftar Pustaka 1. 2. 3. Delphi 3 Help, Borland InternationalInc.,lgg7 Jogiyanto HM Teori dan Aplikasi Program Komputer bahasa Pascal Jilid I, cet.v, Andi Offset, Yogyakarta, t993 Pranata, A., Pemrograman Borland Delphi, penerbit ANDI, yogyakarta 1997