[Type the company name

]

[Type the document title]
[Type the document subtitle]

Gilang Abdul Aziz [Pick the date]

............................................... Main Windows ..........3.................3.........1................................2..3......... Menu View ...... 18 MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc................................................................................................0 ...................................3........................................................................ 3 2......................................................................3..............3........................................................................................ Menu Database ............................................9.... Menu Search ..................................................................................................................................3.. 4 2................ 5 2... 6 2...... 11 2............................................ 6 2...........3.................................................. POGRAM PERTAMA MENGGUNAKAN BORLAND DELPHI7 .2.................................... Code Editor .......................... 4 2................ 16 4...........2.....8.........................2... 4 2.............................5............. Component Pallete ...................................... Menu Tool dan Help ........................................... Menjalankan Borland Delphi7 ................................................. 12 2.....................................8..........................................................................................................................................................................................................................................................3............7.................................. Menu File ......................4.................. Code Explorer ..............................6..7........... 5 2.................................................... 5 2.6..... PENGENALAN BORLAND DELPHI7 ............................................... 6 2................ 17 4....... Mengenal IDE (Integrated Development Environment) pada Borland Delphi7 .......................1..2................................... PROBLEM TO SOLVE .............................................................. 1 1......................................... Menu Edit .... Menu Run .....2.....................Halaman |1 DAFTAR ISI DAFTAR ISI ......................................1.................................................................5...3.. 8 2.................................................................................. Object Tree View ....... 3 2... Membuat Program Sederhana (Single-Form) Menggunakan Borland Delphi7 .......2...........................2......................... 13 2................................. Menu Component ............................................4... 2 2............. 9 2................... Menu-menu pada Borland Delphi7 ............ Object Inspector ..... Membuat Program Calculator Sederhana Menggunakan Borland Delphi7 ..............Ver.... 10 2................................. Form Designer ................ Menu Project .............. 6 2.............................. 15 3........................................................ 17 REFERENSI .......................................... PENDAHULUAN ..2...............................................1............1..........................1....................2............... Toolbar .....................................................................................................3...........................2................................................................. 14 2.................... 16 3.......................................... 3 2............................3..........................................

dan lain-lain.0 . kita mulai deh belajarnya. sehingga kita tidak akan terlalu tersesat saat bermain dengan Dekstop Programming. Dalam pemrograman visual kita lebih dimudahkan dalam hal desain interface. Ok. Namun kita tetap harus memiliki konsep-konsep dasar programming yang kuat.. MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. Modul ini akan memandu anda saat praktikum berlangsung. PENDAHULUAN Pemrograman Visual atau lebih sering kita dengar dengan istilah Pemrograman Dekstop merupakan revolusi dari pemrograman tradisional yang masih berbasis console. penempatan object.Ver.1.. Sehingga anda dapat memahami dan mampu mempraktekan langsung materi-materi mengenai pemrograman visual dengan menggunakan tools Dekstop Programming yang cukup powerfull yaitu Borland® Delphi7™.Halaman |2 1.

1.Ver. kita asumsikan bahwa program Borland Delphi7 telah terinstal pada komputer anda lengkap dengan fitur-fitur bawaannya.. Mengenal IDE (Integrated Development Environment) pada Borland Delphi7 Salah satu ciri dari programmer handal selain logikanya yang tajam adalah mampu menguasai IDE (Integrated Development Environment) pada berbagai tools programming. Menjalankan Borland Delphi7 Ok.2 Workspace pada Borland Delphi7 MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc.0 .1.1 Memulai Borland Delphi7 Mudahkan?. berikut langkah-langkahnya: Start  All programs  Borland Delphi 7  Delphi 7 Gambar 2. PENGENALAN BORLAND DELPHI7 2.2. 2. Berikut IDE (Integrated Development Environment) pada Borland Delphi7: Gambar 2.Halaman |3 2. Untuk menjalankan program Borland Delphi7..

Main Windows Berfungsi sebagai navigasi utama.2 Kotak Dialog Customize Kita bisa mengatur tampilan toolbar sesuai kebutuhan dan keinginan kita. Additional. seperti Standart.2. Klik kanan pada toolbar pilih Customize Sehingga muncul kotak dialog Customize Gambar 2.Ver. System. Pada kondisi default Borland Delphi7 memiliki 6 bagian toolbar.3. Custom dan Component Pallete. Debug.2.2.2. Component Pallete Component Pallete berisi kumpulan tombol-tombol yang merepresentasikan komponen-komponen yang terdapat pada VCL (Visual Component Library).Halaman |4 2. Pada Component Pallete anda akan melihat Page Control.2.1.1. Gambar 2.2. 2. Data Access dan lain-lain seperti pada gambar 2. View. mencakup Toolbar. Win32.0 .3. antara lain: Standart. Toolbar terletak pada bagian bawah baris menu. Main Menu dan Component Pallete. Kita dapat mengatur tombol-tombol pada toolbar sesuai kebutuhan.2. 2. Toolbar Borland Delphi7 memiliki beberapa Toolbar yang masing-masing memiliki fungsi dan kegunaan yang berbeda-beda.3 Component Pallete MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. Dekstops.

2.1. Form Designer Form Designer merupakan sebuah sub-workspace yang digunakan untuk merancang sebuah aplikasi.4. MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. karena Delphi telah menyediakan kerangka penulisan sebuah program seperti pada gambar 1.6. Code Editor Code Editor merupakan tempat di mana Anda dapat menuliskan kode program. yaitu Properties dan Events seperti gambar 2. Object Inspector terdiri dari dua tab.2.2.Ver.0 .6 di bawah ini.5.2. dan komponen-komponen lain yang terdapat pada Component Pallete. Gambar 2. 2.5 Lembar Kerja Code Editor 2.4 Lembar Kerja Form Sebuah Form pada dasarnya adalah sebuah unit yang nantinya akan terintegrasi dengan main project. Gambar 2. Form dapat diisi berbagai komponen seperti tombol.5 di bawah ini.2. teks.2. Pada bagian ini Anda dapat menuliskan pernyataan-pernyataan dalam Object Pascal. Satu diantara keuntungan bagi pengguna Delphi adalah bahwa Anda tidak perlu menuliskan kode-kode sumber. Object Inspector Digunakan untuk mengubah properti atau karakteristik dari sebuah komponen.Halaman |5 2.

Object TreeView juga menampilkan hubungan logika antar komponen.Ver.2.3. 2. 2. atau frame. Menu-menu pada Borland Delphi7 Tidak terlalu berbeda dengan aplikasi-aplikasi yang berjalan di Windows lainnya.1.7. Borland Delphi7 juga menyediakan menu-menu yang lengkap. Apabila Anda mengklik kanan salah satu item yang terdapat di dalam diagram phon. Code Explorer Code Explorer merupakan lembar kerja baru yang terdapat di dalam Delphi7 yang tidak ditemukan pada versi-versi sebelumnya. data module. dan untuk membukanya kembali pilih menu View Code Explorer dari main menu atau klik kanan dalam jendela Code Editor kemudian pilih View Explorer.Halaman |6 Gambar 2. peratikan tabel berikut! MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc.8. Code Explorer digunakan untuk memudahkan pemakai berpindah antar file unit yang terdapat di dalam jendela Code Editor. Untuk menutup Code Explorer. klik tanda silang yang terdapat di sudut kanan atas.1. Menu File Menu File berisi perintah-perintah dasar menu yang sering digunakan yang berhubungan dengan pengoperasian file. atau frame. klik kanan pada komponen yang sama dalam form.0 . Supaya lebih jelas.3. Object Tree View Object TreeView menampilkan diagram pohon dari komponen-komponen yang bersifat visual maupun nonvisual yang telah terdapat dalam form. Untuk mengakses menu secara penuh.6 Lembar Kerja Object Inspector 2.2. Anda dapat melihat konteks menu komponen versi sebelumnya. 2. data module.2.

Objek tersebut dapat berupa sebuah program atau project.0 . Membuat Data Module baru. New  CLX Application New  Data Module New  Form New  Frame New  Unit Open Open Project Reopen Save Save As Save Project As Save All MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc.Pas. Menyimpan form yang sedang aktif. Module ditambahkan di dalam projek yang berlaku. Membuka objek terakhir yang pernah anda buka sebelumnya.3. Menyimpan semua objek yang aktif. Membuka project. dan selanjutnya akan ditampilkan kontainer data modul pada dekstop.Halaman |7 Gambar 2. Menyimpan form yang aktif dengan nama baru. Membuat form baru yang masih kosong.1 Menu File Submenu New New  Application Fungsi Membuat objek baru yang berupa project dan form Membuat Projek baru. Membuat unit baru di jendela Code Editor. Membuat frame (bingkai) baru yang masih kosong yang akan ditambahkan di dalam projek baru yang masih aktif. Anda dapat menggunakan objek CLX untuk membuat aplikasi platform untuk Windows atau Linux. Membuka sebuah objek. File form tersebut akan dihubungkan dengan apliksi CLX yang memiliki ekstensi xfm. Membuat kelompok projek baru dengan aplikasi single cross plaform di dalamnya.Ver. dan form baru dengan nama Form1. Menyimpan project yang aktif dengan nama baru. membuka code editor baru dengan nama Unit1.1. Perintah ini akan menutup projek sebelumnya.

Ver. Memotong teks atau objek yang sedang terpilih. 2. Menu Edit Menu Edit berisi perintah – perintah yang digunakan untuk menyunting teks program dala jendela code editor. Menutup semua objek yang aktif.1 Menu File Menutup form. maka Borland Delphi7 akan menampilkan kotak komfirmasi tentang penyimpanan file. Menghapus teks atau objek yang sedang dipilih Memilih atau menyeleksi seluruh teks atau Delete Select All MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc.3. Mengulang perinteh terakhir yang pernah anda lakukan. Menempelkan teks atau objek yang sebelumnya telah anda cut atau copy pada posisi yang anda kehendaki.3. Mencetak item Borland Delphi7 yang sedang terpilih. menyunting komponen – komponen yang terletak pada bagian form designer dan beberapa item lainnya.1.3. Menutup program Borland Delphi7.0 . Gambar 2. jika form belum anda simpan.Halaman |8 Close Close All Use Unit Print Exit Tabel 2.2.2 Menu Edit Submenu Undo Redo Cut Paste fungsi Membatalkan perintah terakhir yang pernah anda lakukan. Membuka sebua unit untuk project yang aktif.

Mengunci seluruh komponen yang terdapat dalam form sehingga anda tidak diperkenankan untuk mengubah ukuran atau memindahkan posisi komponen-komponen tersebut. Meletakan objek terpilih pada posisi terbawh di antara objek lain pada form. Mengubah seluruh ukuran objek yang akan diaktifkan apabila anda menggunakan tombol Tab untuk memindahkan posisi objek yang aktif pada saat Form yang telah anda buat dijalankan. Memutar komponen-komponen yang terdapat pada form secara horizontal.3.0 . Mengatur tata letak objek dalam form.Halaman |9 Align to Grid Bring to Front Send to Back Align Size Scale Creation Order Flip Children Lock Control objek.3 Menu Search Submenu Find Fungsi Mencari teks tertentu dalam Code Editor MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. Merapikan atau mengatur peralatan objek yang dipilih terhadap posisi titik-titik grid pada form.2 Menu Edit 2. Gambar 2. Tabel 2.3. Mengubah urutan komponen-komponen nonVisual yang akan diaktifkan apabila anda menggunakan tombol Tab untuk memindahkan posisi komponen non-visual yang aktif pada saat form yang telah anda buat dijalankan.3.1. Meletakan objek terpilih pada posisi teratas di antara objek lain pada form.Ver. Menu Search Menu Search berisi perintah-perintah untuk mencari teks-teks tertentu dalam Code Editor. baik secara vertikal ataupun horizontal. mencari kesalahan-kesalahan program pada jendela kode editor dan beberapa item lainnya.3. Mengatur ukuran lebar atau tinggi objek yang terpilih.

3.H a l a m a n | 10 Find in Files Replace Search Again Incremental Search Go to Line Number Fatal Error Tabel 2.3 Menu Search Mencari teks tertentu dalam Code Editor yang terletak pada file lain. Menampilkan lembar kerja Object Inspector yang digunakan untuk mengubah property dan event komponen-komponen dalam suatu form.3.3.Ver. Mencari kesalahan-kesalahan program yang ada dalam jendela Code Editor. Mencari teks tertentu dan menggantinya dengan teks lain dalam Code Editor.4 Menu View Submenu Project Manager Fungsi Menampilkan lembar kerja Project Manager yang digunakan untuk mengelola struktur hierarki dari suatu project. Object Inspector Object TreeView Alignment Pallete MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. 2. Pindah menuju baris program tertentu pada jendela Code Editor. Menampilkan lembar kerja Object TreeView yang digunakan untuk menampilkan diagram pohon objek dalam suatu form.0 . Gambar 2. Menu View Menu View berisi perintah-perintah yang digunakan untuk menampilkan atau menyembunyikan jendela-jendela tertentu dalam program Borland Delphi7. Mengulangi perintah pencarian teks yang sebelumnya pernah anda lakukan.4. Mencari teks tertentu yang akan anda ketik. Menampilkan toolbar align yang berisi tombol perintah untuk mengatur tata letak komponen-komponen dalam suatu form. Jalankan perintah ini sehingga akan tampak teks Searching For: pada bagian Code Editor kemudian ketik yang akan anda cari.1.

4 Menu View Menampilkan item-item tugas yang dibutuhkan untuk melengkapi pekerjaan dalam project yang berlaku. Gambar 2. Menampilkan lembar kerja Code Explorer. Menampilkan dan atau mengaktifkan daftar nama unit yang anda miliki. Anda dapat mengurutkan item-item tersebut sesuai dengan abjad.5.3. status. Membuka jendela Code Editor baru. Menampilkan lembar kerja Debug.3. Menu Project Menu project berisi perintah-perintah yang berhubungan dengan pengolahan suatu project.0 .5 Menu Project MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. Menampilkan sub-menu Dekstop yang berfungsi untuk mengolah dekstop. Menampilkan lembar kerja Message Hints. Menampilkan lembar kerja project browser. Menampilkan daftar nama jendela yang sedang dalam kondisi aktif yang dapat anda pilih. Menampilkan dan atau mengaktifkan daftar nama form yang anda miliki. Menampilkan lembar kerja Component yang berisi daftar komponen-komponen yang tersedia dalam Borland Delphi7. Pindah menuju lembar kerja form designer dan code editor secara bergantian.1.Ver.H a l a m a n | 11 To Do List Browser Code Explorer Component List Windows List Additional Message info Debug Windows Dekstop Toogle Form/Unit Units Forms New Edit Window Toolbar Tabel 2. 2.3. Menampilkan daftar nama toolbar yang baru saja diaktifkan atau disembunyikan. atau berdasarkan prioritas.

Program aplikasi yang telah dimasukan ke dalam daftar repository dapat dipanggil kembali.EXE (Executeable) untuk seluruh file project yang sedang aktif. Menampilkan kotak dialog Options. Memasukan type Library lain ke dalam system program Borland Delpi7.3. Menambahkan project lain yang pernah anda buat sebelumnya ke dalam project yang sedang aktif. Perintah ini digunakan untuk memeriksa kode dari kesalahan-kesalahan yang mungkin terjadi pada saat proses kompilasi. Membentuk file kompilasi yang ber-ekstensi . Mengompilasi modul-modul project yang tidak terikat dengan project tersebut. 2. Menampilkan source code dari project yang sedang aktif. Membagun kembali semua komponen yang terdapat dalam seluruh project yang aktif yang mengalami perubahan.3.5 Menu Project Fungsi Menambahkan unit yang pernah anda buat sebelumnya ke dalam Project yang sedang aktif.EXE (Executeable) yang dapat dieksekusi setiap saat untuk file-file dalam project yang aktif. Memasukan program aplikasi yang telah anda buat ke dalam daftar repository. MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc.6. Menu Run Menu ini digunakan untuk menjalankan program dan melihat jalannya program. Membentuk file kompilasi yang ber-ekstensi . Membagun kembali semua komponen yang terdapat dalam project yang aktif yang mengalami perubahan.Ver.0 .H a l a m a n | 12 Submenu Add to Project Remove From Project Import Type Library Add to Repository View Source Language Add Existing Project Compile Project Build Project Syntax Check Project Compile All Project Build All Project Options Tabel 2. dll) pada project anda.1. Mengubah tatanan penterjemah (resource. Menghapus unit yang terdapat di dalam project yang sedang aktif. Anda juga dapat memantau jalannya program dengan memperhatikan procedure yang sedang dijalankan.

6 Menu Run Submenu Run Attach to Process Fungsi Mengompilasikan dan menjalankan program aplikasi yang telah anda buat.1.Ver.3. dan menampilkan daftar proses program aplikasi yang sedang dijalankan oleh komputer lokal. Menampilkan posisi cursor dalam jendela Code Editor.H a l a m a n | 13 Gambar 2. Menghentikan program secara sementara. Menjalankan baris program satu persatu dalam suatu prosedur yang saling berhubungan. Menjalankan program hanya sampai lokasi kursor dalam Code Editor. Menampilkan kota dialog Evaluate/Modify. Menjalankan program dalam suatu procedure dan akan berhenti bila menemukan baris perintah dalam suatu procedure berikutnya. Menjalankan baris program satu persatu dalam suatu prosedur. Parameters Step Over Trace Info Trace to Nexs Source Line Run to Cursor Run until Return Show Execution Point Program Pause Program Reset Evaluate/Modify MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. Pilih sebuah proses dari daftar dan klik 2x pada Attach untuk memulai pemeriksaan. Menjalankan program sampai program tersebut mengeksekusi perintah return. Menghentikan program secara permanen. Menentukan parameter awal untuk program aplikasi anda. sehingga anda dapat merubah atau mengevaluasi nilai pernyataan yang ada. Memeriksa proses beberapa aplikasi yang sedang dijalankan.0 .

7 Menu Component Submenu New Component Install Component Import ActiveX Component Install Packages Configure Pallete Tabel 2.1. Menginstall komponen baru. 2.0 . Gambar 2. Format database yang dimiliki oleh Borland Delphi7 adalah format Paradox. mengubah atau melihat database.3.3.8. MySql. Menu Database Untuk pemrograman database.7. Menambahkan type library kontrol ActiveX ke dalam project Borland Delphi7. Borland Delphi7 menyediakan fasilitas objek yang kuat dan lengkap yang memudahkan programmer dalam membuat program. 2. dll. sehingga anda dapat mengubah atau memodifikasi menu Watch. dBase.6 Menu Run Membuka kotak dialog Watch Properties. Membuka dan mengatur pallete dalam kotak dialog Pallete Properties. Membuka kotak dialog Breakpoint. Microsoft Access.8 Menu Database MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc.3.3. Menu Component Menu ini digunakan menambah atau menginstall komponen-komponen pada Borland Delphi7.Ver. Oracle. sehingga anda dapat memodifikasi Brakpoint.. Menginstall paket-paket komponen yang telah disediakan Borland Delphi7.. Menu ini digunakan untuk membuat.3.7 Menu Component Fungsi Membuat komponen baru.H a l a m a n | 14 Add Watch Add Breakpoint Tabel 2. Gambar 2. ODBC.3.

3. Menampilkan database dekstop. Menampilkan kotak dialog Tool Options. Membuat form melalui database Form Wizard yang berfungsi untuk menampilkan data dari suatu database. Tabel 2. menghapus perintah. Editor Options Debugger Options Repository Translation Tool Options Regenerate CORBA IDL Files Configure Tool Database Dekstop MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. Menu Tool dan Help Menu ini digunakan untuk mengubah options atau memanggil Database Dekstop dari menu Delphi. atau mengubah perintah pada menu Tool. nama Path dan mengubah tampilan Component Pallete Menentukan konfigurasi editor. Menampilkan kotak dialog Debugger Options. memodifikasi. Diganukan untuk membangun aplikasi ClientServer dengan menggunakan file IDL-Based. Membuka SQL Monitor.3.9.9 Menu Tool dan Help Submenu Environment Options Fungsi Menentukan konfigurasi Preferences.1. sehingga anda dapat membuat.Ver. Gambar 2.8 Menu Database 2. mengurutkan.H a l a m a n | 15 Submenu Explorer SQL Monitor Form Wizard Fungsi Membuka Database Explorer atau SQL Explorer. Library. dan mengolah tabel Query dalam program paradox. menampilkan. dBase.0 . Menampilkan kotak dialog Object Repository Menampilkan kotak dialog Translation Tool Options yang digunakan untuk mengkonfigurasi translations tool. Gunakan kotak dialog ini untuk menambah perintah.3.

H a l a m a n | 16 Package Collection Editor XML maping Rave Designer Image Editor Tabel 2.3.1.b Program diberi aksi (Warna: Merah. Membuka lembar kerja Rave Reports Membuka lembar kerja Image Editor.c Program diberi aksi lain (Warna: Hijau.Ver. Ukuran: Default (32)) Gambar 1. 3. Ukuran: 18) MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc.a Saat Program dijalankan (belum diberi aksi) Gambar 1. Membuat Program Sederhana (Single-Form) Menggunakan Borland Delphi7 Deskrpsi: Program ini berisi hanya satu Form.0 . Gambar 1.1. Dalam program ini ada sebuah teks dan kita diminta supaya bisa mengubah warna dan ukuran dari teks tersebut. PROGRAM PERTAMA MENGGUNAKAN BORLAND DELPHI7 3. Membuka lembar kerja XML Maping Tool.9 Menu Tool dan Help dan format SQL. Membuat dan menyunting package collections (kumpulan paket).

Membuat Program Calculator Sederhana Menggunakan Borland Delphi7 Sekarang kita sudah memasuki ruang lingkup yang bermain dengan hitungan dalam Borland Delphi7.Ver.H a l a m a n | 17 Gambar 1.1. 12 ItemIndex: 0 Caption: Ini adalah program pertama saya! Font-Name: Calibri Font-Size: 32 Caption: Ini adalah program pertama saya! Font-Name: Calibri Font-Size: 32 Visible: False Caption: Warna Items: Default.0 . Merah. Ok. Namun masih dalam perhitungan yang sederhana. 18. MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc. Hijau.d Program diberi aksi lain (Tombol Hide: clicked) Komponen-komponen: Komponen Form1 Button1 Button2 ComboBox1 Label1 Label2 RadioGroup1 Properties Caption: Program pertama saya Caption: Modifikasi Caption: Hide Visible: False Items: Default (32). 24.1. PROBLEM TO SOLVE 4. Kuning ItemIndex: 0 Source Code: // Kita pelajari langsung agar dapat mengerti proses pengolahan dan logikanya 4.

H a l a m a n | 18 REFERENSI http://www.0 . Haryanto Toni Haryanto Ruli Angriawan MODUL PRAKTIKUM PEMROGRAMAN VISUAL | Doc.com Tim Assisten Dosen Pemrograman Visual         Gilang Abdul Aziz Muhammad Yusuf Jaka Indra Pratama Rinaldi Guarsa Rendy Rini M.ilmukomputer.1.Ver.

Sign up to vote on this title
UsefulNot useful