Identitas dosen Suherman,, ST Address : Cilegon Mobile : 087 877 486 821 Email Ym Blog : leeput@yahoo.com : leeput : http://leeput.wordpress.com http://suherman628.wordpress.com POKOK BAHASAN PEMANFAATAN KOMPONEN Tujuan Pembelajaran Khusus (TPK): Setelah mempelajari pokok bahasan Pemanfaatan komponen, maka mahasiswa dapat mendemonstrasikan tentang komponen timer, tool bar, status bar, dan progress bar dengan benar (C3) RAGAM KOMPONEN Komponen dalam Delphi Komponen-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 Tab-tab tersebut berisi banyak komponen yang memiliki kegunaan tersendiri (tergantung kebutuhan project) MENGENAL TIMER Sehubungan dengan banyaknya komponen dalam kumpulan tab- tab, 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, event tersebut adalah On Timer 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.. Dan false, maka timer tidak aktif Property Interval menyatakan lamanya selang waktu antara satu event On Timer dengan event On Timer berikutnya. Waktu tersebut dinyatakan dalam satuan milidetik, defaultnya 1000 md = 1 detik. Buat aplikasi baru (form baru) Letakan komponen label Letakan komponen Check Box (dari( Tab Standard) ubah property caption menjadi ON Letakan komponen timer ubah property Enabled menjadi False Klik ganda timer, isi dengan kode procedure TForm1.Timer1Timer(Sender: TObject); begin LABEL1.Caption:= TIMETOSTR(TIME); end; Klik ganda check box, isi dengan kode procedure TForm1.CheckBox1Click(Sender: TObject); begin CASE CHECKBOX1.Checked OF TRUE : TIMER1.ENABLED:= TRUE; FALSE: TIMER1.ENABLED:= FALSE; END; end; end. 2
MENGENAL TOOL BAR Tool bar = Speed bar atau Control Bar Kegunaannya adalah untuk menyingkat pengaksesan terhadap tugas-tugas yang tersedia pada menu aplikasi Komponen ini dapat di ambil dari Tab Win32. Gbr Tool bar Untuk membuat tool bar maka biasanya dipadukan dengan komponen Cool bar (diambil( dari tab win32). Komponen Cool bar merupakan wadah bagi komponen lain seperti combo box atau bahkan tool bar Ikuti perintah ini : Buat Aplikasi baru (form 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 Klik kanan pada tool bar pilih new button (ulangi( sampai 3 x) Coba Running perhatikan dari komponen yang telah dibuat Kembali lagi ke modus desain Aktifkan tool bar pilih property Flat ubah menjadi true pada tool bar) Kembali ke modus desain Menambahkan gambar pada Tool Bar Tambahkan komponen image list (dari tab win32) tempatkan dimana saja Klik ganda image list klik Tombol Add (untuk( menambah gambar) pilih gambar yang berekstensi (*.bmp atau *.ico ico) Pilih sampai dengan 3 gambar 3
Bila sudah memilih 3 gambar, klik OK Aktifkan tool bar pilih property Images isi dengan ImageList1 perhatikan pada tool bar perubahan yang terjadi) Kembali ke modus desain Tool bar dapat dipindah tempat Tool bar dapat dipindah ke luar dari cool bar, yaitu dengan mengganti property : 1. DragKind dkdock 2. DragMode dmautomatic perubahannya) Kembali ke modus desain Aktifkan cool bar pilih property DockSite True perubahannya) Kembali lagi ke modus desain Menampilkan dan menyembunyikan bidang 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 perubahan yang terjadi) Kembali lagi ke modus desain Komponen ini digunakan untuk menampilkan status dari sebuah kejadian, misal : untuk menampilkan jam, tanggal, atau keterangan apa saja yang dibutuhkan Komponen ini berjenis teks Status bar diperoleh dari Tab Win32 Melanjutkan dari project Tool bar Letakan komponen status bar Klik ganda status bar akan muncul kotak Editing Statusbar1.panels Klik 2x Tombol Add New (ins) Tutup Editing st. Perhatikan pada status bar Tambahkan komponen Timer Klik ganda timer, tulis kode statusbar1.panels[0].text:= 'Jam : '+timetostr (time); PROGRESS BAR Aktifkan form dan pilih Event OnCreate Tulis kode statusbar1.panels[1].text:= 'Tanggal : '+formatdatetime formatdatetime( 'dd mmmm 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 5
Progress ini dapat dijalankan dengan menggunakan Event OnTimer milik komponen timer Praktek masih melanjutkan dari desain komponen Letakan komponen group box tempatkan di atas status bar (atur( besar dan lebarnya) ubah Caption menjadi Progress Bar Letakan di dalam group box komponen progress bar (atur( panjangnya) Letakan komponen label di bawah progress bar Letakan komponen button di bawah progress bar ubah caption menjadi PROSES Setelah itu, maka di dapat desain Letakan komponen timer di samping kanan timer 1 ubah property Enabled menjadi False Klik ganda timer 2, isikan dengan kode Klik ganda Button PROSES Isi dengan kode 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, batasan komponen : 1. Selain dari yang telah di bahas 2. Komponen yang dibuat minimal 3 TERIMA KASIH Wassalam.. 7