PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG Pengenalan Bagian Utama Delphi 7

Gambar 1.1 IDE (Integrated Development Environment) Delphi 7 atau lingkungan pengembangan terpadu merupakan lingkungan kerja Delphi 7 yang terbagi menjadi delapan bagian utama, yaitu : 1.

Main Window

2. ToolBar 3. Component Palette 4. Form Designer 5. Object Inspector 6. Object Tree View 7.

Code Editor

8.

Code Explore

IDE merupakan sebuah lingkungan di mana semua tombol perintah yang diperlukan untuk mendisain aplikasi, menjalankan dan menguji suatu aplikasi disajikan dengan baik untuk memudahkan pengembangan program. 

Baiklah sekarang kita masuk ke bagian pertama yaitu Main Window

Main Window Borland Delphi7 Gambar 1.2 Main Window atau jendela utama adalah bagian dari IDE yang mempunyai fungsi yang sama dengan semua fungsi utama dari program aplikasi Windows lainnya. Jendela utama Delphi 7 terbagi menjadi tiga bagian, yaitu :

17 AGUSTUS 2015

Page 1

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG a.

Main Menu

b.

Toolbar

c.

Component Palette 

Bagian ke dua kita masuk ke Main Menu

Main Menu Borland Delphi7 Gambar 1.3 Dengan menggunakan fasilitas dari menu utama (main menu), Anda dapat memanggil atau menyimpan program. Pada dasarnya semua perintah yang Anda berikan dapat ditemukan pada bagian menu utama ini. 

Bagian ke tiga kita masuk ke Main Menu

Gambar 1.4 Delphi 7 memiliki beberapa toolbar yang masing-masing memiliki perbedaan fungsi dan setiap tombol pada bagian toolbar berfungsi sebagai pengganti suatu menu perintah yang sering digunakan. Pada kondisi default Delphi 7 memiliki tujuh bagian toolbar, antara lain: Standard, View, Debug, Custom, Componen Palette, Desktops dan Internet. Tombol-tombol yang terletak pada bagian toolbar dapat ditambah atau dikurangi sesuai kebutuhan. Prosedur perintah yang dapat Anda gunakan untuk menambah atau mengurangi tombol pada bagian toolbar adalah : 1. Klik kanan pada bagian toolbar dan pilih Customize

Gambar 1.5 17 AGUSTUS 2015

Page 2

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG 2. Sehingga muncul kotak dialog Customize, lalu pilih tab Commands

Gambar 1.6 3. Untuk menambah tombol pada bagian toolbar, pilihlah ikon tombol perintah yang terdapat pada kotak Commands kemudian tariklah ikon tersebut ke bagian toolbar. Bila telah selesai klik Close. 4. Untuk mengurangi tombol perintah yang terletak pada bagian toolbar, pilihlah ikon tombol perintah pada toolbar dan kemudian tarik ikon tersebut keluar dari toolbar. 

Sekarang kita masuk ke bagian Komponen Palette

Gambar 1.7 Component Palette berisi kumpulan icon yang melambangkan komponenkomponen yang terdapat pada VCL (Visual Component Library). Pada Component Palette Anda akan menemukan beberapa page control seperti Standard, Additional, Win32, System, Data Access dan lain-lain seperti pada gambar 1.7. Icon component terdapat di setiap page control. Page control ini dipakai untuk memilih icon component.

17 AGUSTUS 2015

Page 3

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG 

Kemudian mari kita lihat bagian Form Designer

Gambar 1.8 Form merupakan suatu objek yang dapat dipakai sebagai tempat untuk merancang dialog program aplikasi. Form berbentuk sebuah meja kerja yang dapat diisi dengan komponen-komponen yang diambil dari Component Palette. Pada saat Anda memulai Delphi 7, Delphi 7 akan memberikan sebuah form kosong yang disebut Form1, seperti gambar 1.8 diatas ini. Sebuah form mengandung unit yang berfungsi untuk mengendalikan form dan Anda dapat mengendalikan komponen-komponen yang terletak dalam form dengan menggunakan Object Inspector dan Code Editor. 

Kita lihat lagi bagian Object Inspector

Object Inspector terdiri dari dua tab, yaitu Properties dan Events seperti gambar dibawah ini. Pada awalnya yang kelihatan hanya tab Properties sedangkan tab Events tidak kelihatan, untuk menampilkan klik tab Events

Gambar 1.9 17 AGUSTUS 2015

Page 4

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG Object Inspector digunakan untuk mengubah properti atau karakteristik dari sebuah komponen pada posisi tab Properties, sedangkan pada posisi tab Events digunakan untuk memilih dan membuka events procedure. 

Sekarang pada bagian Object Tree View

Object TreeView menampilkan diagram pohon dari komponen-komponen yang bersifat visual maupun nonvisual yang telah terdapat dalam form, data module, atau frame. Object TreeView juga menampilkan hubungan logika antar komponen. Apabila Anda mengklik kanan salah satu item yang terdapat di dalam diagram pohon, Anda dapat melihat konteks menu komponen versi sebelumnya. Untuk mengakses menu secara penuh, klik kanan pada komponen yang sama dalam form, data module, atau frame. 

Sekarang Masuk ke Inti Pembuatan Program yaitu Code Editor

Pada saat Anda memulai Delphi 7, code editor ini tidak kelihatan. Untuk menampilkannya klik icon Toggle pada toolbar sehingga code editor ditampilkan seperti gambar

Gambar 1.10 Code Editor merupakan tempat di mana Anda dapat menuliskan kode program. Pada bagian ini Anda dapat menuliskan pernyataan-pernyataan dalam Object Pascal. Satu diantara keuntungan bagi pengguna Delphi 7 adalah bahwa Anda tidak perlu menuliskan semua kode-kode program sumber, karena Delphi 7 telah menyediakan kerangka penulisan sebuah program seperti pada gambar. 

Pada Bgaian akhir pengenalan IDE pada Borland delphi7 ini adalah Code Explorer

Code Explorer merupakan fasilitas baru yang terdapat di dalam Delphi 7 yang tidak ditemukan pada versi-versi sebelumnya. Code Explorer digunakan untuk memudahkan pemakai berpindah antar file unit yang terdapat di dalam jendela Code Editor. Untuk menutup Code Explorer, klik tanda cross yang terdapat di sudut kanan atas, dan untuk membukanya kembali pilih menu View  Code Explorer dari menu utama atau klik kanan dalam jendela Code Editor kemudian pilih View Explorer

17 AGUSTUS 2015

Page 5

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG Pengenalan Tools Pada Delphi Asal mula Delphi Borland Delphi dirilis pertama kali pada bulan Februari 1995, dan sekarang sudah mencapai perkembangannya sampai dengan Delphi 6. Delphi merupakan bahasa pemrograman yang mudah, karena Delphi adalah bahasa perograman tingkat tinggi (high level) sehingga sangat memudahkan user untuk bermain-main di tingkat ini, apa lagi bagi mereka yang malas berurusan dengan level-level yang rendah. Pemrograman Delphi sangatlah mudah, kita tinggal click and drag, dan jadilah program aplikasi yang kita inginkan. Form dan unit Berbeda dengan pascal, pada Delphi kita akan mengenal OOP (Object oriented programming), jadi bila pada pascal kita akan melihat tampilan yang menjemukan, pada Delphi kita bisa mengatur tampilan kita semenarik mungkin pada form yang kita gunakan. Caranya cukup mudah, kita hanya menaruh komponen-komponen yang kita inginkan pada form tersebut, dan memfungsikan masing-masing komponen sesuai dengan yang kita inginkan. Unit Setiap perubahan pada form akan berakibat perubahan pada unit yang kita miliki, Untuk pindah dari form ke unit, anda bisa tekan F12. Berikut ini adalah bentuk unit yang diberikan Delphi saat pertama kita membuka sebuah form. unit Unit1; interface uses Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs; type TForm1 = class(TForm) private { Private declarations } public { Public declarations } end; var Form1: TForm1; implementation {$R *.DFM} end.

17 AGUSTUS 2015

Page 6

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG Komponen Dalam membuat program, Delphi telah menyediakan banyak kemudahan, yaitu dengan disediakannya komponen-komponen. Komponen ini merupakan sebuah procedure/program yang sudah di kompile dan langsung dapat digunakan, sesuai dengan fungsinya masing-masing. Untuk menggunakan komponen ini kita dapat meng-klik komponen yang diinginkan, kemudian kita klik di form, maka komponen tersebut akan muncul di form. Kegunaan beberapa komponen :

a. Button/ Bitbtn Biasa digunakan sebagai tombol kendali. Perbedaan antara bitbtn dengan btn : pada bitbtn kita dapat menyisipkan warna pada tombol dan icon tertentu, lain halnya bila kita menggunakan btn. b. Panel Panel

berfungsi

untuk

mengelompokan

komponen-komponen

didalamnya.

c. Label Kita

dapat

menamakan

atau

memberi

keterangan

pada

program.

d. Edit Edit berfungsi sebagai masukan data (input) dalam bentuk string, dari bentuk string ini kita dapat mengolahnya menjadi bentuk integer atau bentuk lainnya. Yang kemudian dapat digunakan untuk operasi selanjutnya. e. Chart Data-data yang telah kita analisa, dapat kita tampilkan ke dalam grafik, sehinga memudahkan kita untuk menganalisanya. f. Stringgrid Stringgrid berguna untuk menaruh data string kedalam bentuk kolom tabel, seperti pada Excel. Kita harus mengubah type data ke dalam bentuk string bila data yang ingin kita tampilkan data bukan string.

17 AGUSTUS 2015

Page 7

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG g. PopupMenu Popup Menu berfungsi sebagai perintah yagn aktif bila kita meng-klik kanan mouse, Untuk mengaktifkannya kita harus mengaktifkan popup menu pada komponen yang dinginkan, caranya : ubah pada object inspector. h. MainMenu Contoh main menu adalah Option pada tiap aplikasi porgram, dengan komponen ini, kita bisa menaruh fungsi-fungsi program seperti pada aplikasi umumnya. i. ComboBox Combo Box berfungsi sebagai petunjuk untuk pemilihan berbagai masukan. Lihat contoh. j. CheckBox Bila komponen ini di check maka ada aplikasi yang bisa disetting untuk bekerja dibawahnya. k. RadioButton Prinsip kerjanya hampir sama dengan check box, cuma tampilannya saja yang berbeda. l. Media Player Biasa digunakan untuk mennyalakan atau memainkan musik (format wav atau midi) dan menjalankan film (format avi). m. Timer Timer berfungsi sebagai jam yang telah disediakan Delphi. Dengan timer kita juga dapat mendecode time, sehingga dapat terjadi akusisi data. n. Clientsocket Digunakan di client pada saat koneksi ke server. o. Serversocket Digunakan di server, yang akan menyediakan layanan koneksi ke client. Masih banyak komponen lain. Untuk mempelajari lebih lanjut dapat dibaca pada help menu. Object Inspector Object inspector (gambar 1.2a) berguna sebagai options dari masing-masing komponen. Dengan object inspector ini kita dapat memanipulasi komponen yang kita gunakan (walaupun sebenarnya kita juga dapat menggunakannya dengan menuliskannya lewat text mode). 17 AGUSTUS 2015

Page 8

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG

Beberapa contoh pada Properties : �� Font Menunjukan font yang akan kita gunakan. Dalam menu ini juga terdapat macammacam font berikut style dan ukurannya. �� Caption Merupakan judul dari form itu. Perhatikan perbedaannya dengan name. �� Name Merupakan nama dari komponen itu. Biasanya bila kita mengambil sebuah komponen, Delphi otomatis menyediakan nama sesuai dengan nama komponen tersebut. Namun nama ini dapat dengan mudah kita ubah agar mudah mengingatnya. Berbeda dengan caption pada caption kita tidak mengubah nama componen, melainkan hanya mengubah juduk yang tertera pada komponen tersebut. Sehingga bila kita ingin menggunakan komponen tersebut, yang kita gunakan adalah namanya, dan bukan nama pada caption. �� Enabled Menunjukan bahwa komponen ini bisa digunakan atau tidak. Perintah ini cukup penting bila kita tidak ingin user menekan tombol yang tidak diinginkan. �� Height Merupakan tinggi dari komponen yang bakalan kita taruh pada form, atau komonen lainnya.

17 AGUSTUS 2015

Page 9

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG ��Width Merupakan lebar komoponen. �� Popup menu Fungsi ini berguna saat kita mengkilik kanan dan akan tampil perintah. Pada penggunaanya kita mengambuil komponen popup menu dan menset popup menu pada form. �� Auto size Fungsi ini berisi mengenai apakah form yang kita mil;iki bisa diperbesar atau tidak. �� Text Biasanya tedapat pada komponen edit dan mask edit. Kegunaanya untuk menaruh kata-kata pada komonen ini. �� Color Warna pada komponen. Kita dapat mengubah warna-warna tiap komponen (hanya yang disediakan) dengan point ini. �� Visible Berfungsi untuk menampilkan dan tidak menampilkan komponen yang kita inginkan. �� Hint Bila kursor kita diatas komponen, maka akan muncul suatu keterangan. Keterangan ini yang disebut dengan hint. Jangan lupa untuk mengganti properti show hint menjadi tru untuk mengaktifkannya. �� Borderstyle Menunjukan berbagai macam bingkai yang diinginkan. Masih banyak properti lainnya, bisa dipelajari lebih lanjut. Dengan Object inspector kita juga dapat menentukan event apa yang akan kita buat dengan komponen tersebut. Gambar 1.2b menunjukan object inspector untuk event pada form. Beberapa contoh event. �� Onclick Bila kita mengklik komponen tersebut maka prosedur yang kita inginkan akan dijalankan oleh program tersebut. 17 AGUSTUS 2015

Page 10

PEMROGRAMAN DASAR XI TKJ SMK NEGERI 1 KUPANG �� Onkeypress Bila kita menekan suatu key (tombol) maka komponen tersebut akan aktif. Perlu diperhatikan pada event ini, delphi mengenal character yang kita tekan melalui kode yang masuk ke dalam variabel key

SELAMAT BELAJAR!!!

17 AGUSTUS 2015

Page 11