1 | P e m r o g r a m a n V i s u a l

MODUL I

Konsep Dasar 1. Projek

Projek Delphi adalah sekumpulan file yang akan membangun aplikasi. Pada saat memulai Delphi akan terbuka projek baru, setelah itu terserah apakah akan membuat projek baru atau membuka projek yang sudah ada. Projek aplikasi terdiri atas : • File projek ( Project ) : file projek tersimpan dengan ekstensi .DPR. Hanya ada satu file

projek untuk satu projek. • File Form : file form tersimpan dengan ekstensi .DFM, adalah file biner yang berisi

gambaran grafis dari form. Setiap file .DFM selalu paralel dengan satu unit file yang berekstensi .PAS.

• Unit ( file source code ) : file unit tersimpan dengan ekstensi .PAS. Setiap file unit berupa file source code Pascal, tetapi tidak setiap file unit mempunyai file .DFM.

File projek menggabungkan semua file di atas yang digunakan oleh Delphi untuk melakukan kompilasi dan membuat file target ( .EXE atau .DLL ). 2. Form Inti dari setiap aplikasi Delphi adalah Form. Form berbentuk jendela dan dapat dianggap sebagai kertas atau meja yang dapat ditulisi atau diletakkan pada obyek-obyek lain. Saat memulai Delphi, akan otomatis tersedia sebuah form atau Form1. Pada form ter dapat garis titik-titik yang disebut Grid, berguna untuk membantu pengaturan tata letak obyek yang dimasukkan dalam form. Setiap form mengandung unit. Unit dalam form inilah yang dipakai untuk mengatur dan mengendalikan form.

Gambar 1: Form kosong

3 Unit Unit adalah modul kode program, digunakan untuk mengatur dan mengendalikan segala sesuatu yanng berhubungan dengan form. Ber isi bagian publik ( bagian antarmuka ) dan bagian privat ( bagian implementasi ). Unit ini disimpan dalam bentuk .PAS sedang yang sudah ter kompilasi disimpan dalam bentuk .DCU. Proses link akan menggabung file-file .DCU menjadi satu file .EXE atau .DLL.

2 | P e m r o g r a m a n V i s u a l

4. Menu Semua perintah yang diperlukan selama merancang dan membangun program aplikasi tersedia dalam menu bar, terletak di bagian atas window utama Delphi. Menu-menunya : File, Edit, Search, View, Project, Run, Component, Database, Tools dan menu Help .

Gambar 2 : Menu Bar

5. SpeedBar SpeedBar adalah sekumpulan tombol yang digunakan untuk mengakses beberapa perintah dalam menu. Biasanya yang tersedia pada SpeedBar adalah perintah-perintah yang umum digunakan dalam proses perancangan program aplikasi.

Gambar 3 : SpeedBar

6. Object Ispector Object Ins pector sangat perlu dalam pembuatan aplikasi. Object Inspector terdiri dari dua tab ; Properti dan event .

6.1. Properti Properti digunakan untuk menentukan setting suatu obyek. Satu obyek memiliki beberapa properti yang dapat diatur langsung dari lembar properti pada jendela object inspector maupun melalui kode program. Setting ini mempengaruhi cara kerja obyek yang bersangkutan saat aplikasi dijalankan.

6.2. Event Event adalah peristiwa atau kejadian yang diterima oleh suatu obyek, misalnya klik, drag, tunjuk dan lain-lain. Event yang diterima obyek akan memicu Delphi menjalankan kode program yang ada di dalamnya.

7. Komponen ( Component Palete ) Komponen ( Component Palete) adalah tool yang berupa kumpulan tab, dimana setiap

tab/halaman memuat berbagai tombol komponen yang digunakan sebagai interface program aplikasi. Tab defaultnya adalah : Standard, Additional, Win32, System, Data Access, Data Controls, Midas, Decision Cube, Qreport, Dialogs, Win31, Samples, ADO, InternetExpres, Internet, FastNet, Samples dan ActiveX.

Gambar 4 : component palette

3 | P e m r o g r a m a n V i s u a l

7.1. Stan dard Sesuai dengan namanya, standard page berisi item-item yang diperlukan untuk

membangun aplikasi windows.

7.1.1. Label, Edit dan Button

Ketiga obyek di atas sangat sering dipakai pada program aplikasi, karena

bersifat umum dan diperlukan pada hampir semua program aplikasi. Fungsi dari masing-

masing obyek adalah, Label digunakan untuk membuat tulisan yang bersifat tetap, Edit

dipakai untuk masukan dan keluaran data pada layar monitor, adapun Button biasa

dipakai untuk pushbutton.

7.1.2. MainMenu

Digunakan untuk membuat menu pada for m, dalam membuat menu urutan

penempatan item-itemnya disarankan agar mengikuti kebiasaan aplikasi windows, agar

mudah pembacaannya.

7.2. Tab Additional

Tab additional mempunyai 14 komponen, yang paling sering digunakan adalah komponen

BitBtn, SpedButton, Image , dan Shape .

7.2.1. BitBtn

Dipakai untuk membuat sebuah button dengan grafik bitmap, misalnya tombol

OK dengan tanda . Komponen ini visual.

7.2.2. SpeddButton

Komponen ini dipakai bersama-sama dengan komponen panel (tab standard).

Dipakai untuk membuat toolbar dan button-button khusus. Komponen ini juga visual.

7.2.3. Image

Komponen image untuk menampilkan grafik seperti icon, bitmap dan metafile.

Komponen ini visual.

7.2.4. Shape

Untuk menampilkan bentuk-bentuk seperti segiempat, lingkaran, segitiga dan

lain-lain. Komponen ini visual.

4 | P e m r o g r a m a n V i s u a l

Contoh 1

Membuat program atau yang disebut biasa disebut project jika anda membuatnya menggunakan delphi meliputi beberapa langkah yaitu: Mendesain antar muka (interface), mengatur tata letak dan propertinya, menangkap event kemudian menuliskan untuk menanggapi event yang kita pilih. Dalam praktikum kali ini kita akan mencoba melakukan ketiga langkah tersebut untuk membuat suatu program. Menggunakan Komponen Label, Edit dan Button

Gambar 5 : obyek Label, Edit dan Button

Langkah Pengerjaan : 1. Tampilkan 7 buah komponen Label (Standar), dengan cara klik pada komponen lalu

letakkan pada For m1. 2. Tampilkan 4 buah komponen Edit (Standar), dengan cara klik pada komponen lalu letakkan

pada Form1. 3. Tampilkan 3 buah komponen Button (Standar), dengan cara klik pada komponen lalu

letakkan pada For m1. 4. Klik Label1 , pada Object Inspector ubah properties :

Caption : NAMA 5. Klik Label2 , pada Object Inspector ubah properties :

Caption : ALAMAT 6. Klik Label3 , pada Object Inspector ubah properties :

Caption : KOTA 7. Klik Label4 , pada Object Inspector ubah properties :

Caption : KET 8. Klik Button1 , pada Object Inspector ubah properties :

Caption : &TAMPIL 9. Klik Button2 , pada Object Inspector ubah properties :

Caption : &HAPUS 10. Klik Button3 , pada Object Inspector ubah properties :

Caption : &KELUAR 11. Klik gan da pada Button1 , lalu lengkapi kode program berikut :

procedure TForm1.Button1Click(Sender: TObject) ; begin Label5.Caption := ' HAI ' ; Label6.Caption := Edit1.Text ; Label7.Caption := ' APA KHABAR ? ' ; end;

5 | P e m r o g r a m a n V i s u a l

12. Klik ganda pada Button2 , lalu lengkapi kode program berikut :

procedure TForm1.Button2Click(Sender: TObject) ; begin Edit1.Text :=' ' ; Edit2.Text :=' ' ; Edit3.Text :=' ' ; Edit4.Text :=' ' ; Edit1.SetFocus ; end;

13. Klik ganda pada Button3 , lalu lengkapi kode program berikut : procedure TForm1.Button3Click(Sender: TObject); begin Close ; end;

14. Simpan program dengan memilih menu File Save All

6 | P e m r o g r a m a n V i s u a l

Gambar 6 : Form Penyimpanan

Ganti namanya dari unit1 menjadi Contoh1 dan project1 menjadi Pcontoh1. Lakukan langkah langkah yang sama untuk menyimpan file lainnya, ingat setiap form

harus disimpan file *.pas-nya, ditambah dengan satu buah file pr oject (*.dpr) 15. Jalankan program dengan memilih menu Run Run atau tekan tombol F9.

TUGAS 1. tambahkan semua komponen yang terdapat pada pallete standard 2. Cobalah anda ganti property color dari form1 dengan mengklik drop down list pada obyek

inspector dengan value clblue, apa yang terjadi lakukan untuk value-value yang lain laporkan dalam laporan kelompok anda misal clblue=biru dst.

3. Coba lakukan untuk komponen yang lain lalu catat efeknya 4. Coba lakukan terhadap property yang lain (bukan color) lalu catat hasilnya laporkan

semuanya sebagai laporan tugas kelompok