Identitas dosen Suherman, Suherman, ST Address : Cilegon Mobile : 087 877 486 821 Email :
[email protected] Ym : leeput Blog : http://leeput.wordpress.com http://suherman628.wordpress.com
POKOK BAHASAN PEMANFAATAN KOMPONEN Tujuan Pembelajaran Khusus (TPK): Setelah mempelajari pokok bahasan Pemanfaatan komponen, komponen, maka mahasiswa dapat mendemonstrasikan tentang komponen timer, tool bar, status bar, dan progress bar dengan benar (C3)
RAGAM KOMPONEN Komponen dalam Delphi KomponenKomponen-komponen yang dijadikan sebagai bahan untuk membuat project dalam delphi dimuat dalam sebuah container yang dinamakan dengan Component Pallete
Component
Pallete adalah tool yang berupa kumpulan Tab./page TabTab-tab tersebut berisi banyak komponen yang memiliki kegunaan tersendiri (tergantung kebutuhan project)
MENGENAL TIMER Sehubungan
dengan banyaknya komponen dalam kumpulan tabtabtab, maka dalam pokok bahasan ini hanya mencakup komponen : 1. Timer 2. Tool bar 3. Status Bar dan 4. Progress Bar
Timer adalah salah satu komponen yang di dapat dari Tab System Komponen ini digunakan untuk memicu terjadinya suatu event berdasarkan selang waktu tertentu, tertentu, event tersebut adalah On Timer Gbr. Gbr. Komponen
1
Property yang sering digunakan dari komponen ini adalah : 1. Enabled 2. Interval Property Enabled menyatakan aktif dan tidaknya timer. Nilainya bertipe boolean (true/false) Bila enabled true, maka timer aktif. aktif. Dan false, maka timer tidak aktif
Property Interval menyatakan lamanya selang waktu antara satu event On Timer dengan event On Timer berikutnya. berikutnya. Waktu tersebut dinyatakan dalam satuan milidetik, milidetik, defaultnya 1000 md = 1 detik. detik.
Klik ganda check box, isi dengan kode berikut : procedure TForm1.CheckBox1Click(Sender: TObject); TObject); begin CASE CHECKBOX1.Checked OF TRUE : TIMER1.ENABLED:= TRUE; FALSE: TIMER1.ENABLED:= FALSE; END; end; end.
Buat aplikasi baru (form baru) baru) Letakan komponen label Letakan komponen Check Box (dari (dari Tab Standard) ubah property caption menjadi ON Letakan komponen timer ubah property Enabled menjadi False
Klik ganda timer, isi dengan kode berikut : procedure TForm1.Timer1Timer(Sender: TObject); TObject); begin LABEL1.Caption:= TIMETOSTR(TIME); end;
2
MENGENAL TOOL BAR
Tool bar = Speed bar atau Control Bar Kegunaannya adalah untuk menyingkat pengaksesan terhadap tugastugas-tugas yang tersedia pada menu aplikasi Komponen ini dapat di ambil dari Tab Win32. Gbr Tool bar
Buat Aplikasi baru (form baru) baru) Tambahkan komponen Cool bar Letakan 1 combo box pada cool bar Atur property AutoSize milik Cool bar menjadi True perhatikan pada ukuran cool bar Tambahkan komponen tool bar dan letakkan di dalam cool bar
Untuk membuat tool bar maka biasanya dipadukan dengan komponen Cool bar (diambil (diambil dari tab win32). Komponen Cool bar merupakan wadah bagi komponen lain seperti combo box atau bahkan tool bar Ikuti perintah ini :
Klik kanan pada tool bar pilih new button (ulangi (ulangi sampai 3 x) Coba Running perhatikan dari komponen yang telah dibuat Kembali lagi ke modus desain… desain… Aktifkan tool bar pilih property Flat ubah menjadi true
Menambahkan gambar pada Tool Bar
Coba Running (perhatikan (perhatikan pada tool bar) Kembali ke modus desain… desain…
Tambahkan komponen image list (dari tab win32) tempatkan dimana saja Klik ganda image list klik Tombol Add (untuk (untuk menambah gambar) gambar) pilih gambar yang berekstensi (*.bmp atau *.ico *.ico)) Pilih sampai dengan 3 gambar
3
Tool bar dapat dipindah tempat
Bila sudah memilih 3 gambar, gambar, klik OK Aktifkan tool bar pilih property Images isi dengan ImageList1 perhatikan pada tool bar Coba Running (perhatikan (perhatikan perubahan yang terjadi) terjadi) Kembali ke modus desain… desain…
Tool bar dapat dipindah ke luar dari cool bar, yaitu dengan mengganti property : 1. DragKind dkDock 2. DragMode dmAutomatic Coba Running (perhatikan (perhatikan perubahannya) perubahannya) Kembali ke modus desain… desain…
Menampilkan dan menyembunyikan bidang
Aktifkan cool bar pilih property DockSite True Coba Running (perhatikan (perhatikan perubahannya) perubahannya) Kembali lagi ke modus desain… desain…
Letakan komponen Popup Menu dari tab Standard Klik 2x Popup Menu, buat menu seperti nampak pada gambar
4
STATUS BAR
Aktifkan form1 pilih property Popup Menu isi dengan PopupMenu1 Coba Running (perhatikan (perhatikan perubahan yang terjadi) terjadi) Kembali lagi ke modus desain… desain…
Melanjutkan dari project Tool bar… bar… Letakan komponen status bar Klik ganda status bar akan muncul kotak Editing Statusbar1.panels Klik 2x Tombol Add New (ins) Tutup Editing st… st…. Perhatikan pada status bar
Komponen ini digunakan untuk menampilkan status dari sebuah kejadian, kejadian, misal : untuk menampilkan jam, tanggal, tanggal, atau keterangan apa saja yang dibutuhkan Komponen ini berjenis teks Status bar diperoleh dari Tab Win32
Tambahkan komponen Timer Klik ganda timer, tulis kode berikut : statusbar1.Panels[0].Text:= 'Jam : '+timetostr '+timetostr (time);
PROGRESS BAR
Aktifkan form dan pilih Event OnCreate Tulis kode berikut : statusbar1.Panels[1].Text:= 'Tanggal : '+formatdatetime '+formatdatetime(( 'dd mmmm yyyy',date); yyyy',date);
Komponen ini biasanya digunakan pada waktu menunggu suatu proses yang sedang berjalan yang ditandai dengan berjalannya progress berwarna hijau Komponen ini didapat dari Tab Win32
Coba Running dan perhatikan… perhatikan…
5
Progress ini dapat dijalankan dengan menggunakan Event OnTimer milik komponen timer Praktek masih melanjutkan dari desain komponen… komponen…
Letakan komponen group box tempatkan di atas status bar (atur (atur besar dan lebarnya) lebarnya) ubah Caption menjadi Progress Bar Letakan di dalam group box komponen progress bar (atur (atur panjangnya) panjangnya) Letakan komponen label di bawah progress bar Letakan komponen button di bawah progress bar ubah caption menjadi PROSES
Setelah itu, itu, maka di dapat desain berikut :
Letakan komponen timer di samping kanan timer 1 ubah property Enabled menjadi False Klik ganda timer 2, isikan dengan kode berikut :
Klik ganda Button PROSES Isi dengan kode berikut :
6
TUGAS KELOMPOK
Property yang harus diperhatikan pada komponen Progress Bar adalah : 1. Min 2. Max 3. Position 4. Step
Buat program desain komponen yang disertai dengan tutorialnya, tutorialnya, batasan komponen : 1. Selain dari yang telah di bahas 2. Komponen yang dibuat minimal 3
TERIMA KASIH Wassalam…………………… .. Wassalam……………………..
7
