Pemrograman Visual Pertemuan 1 Pemrograman Visual Intro n

  • Slides: 19
Download presentation
Pemrograman Visual Pertemuan 1 Pemrograman Visual Intro ‘n Delphi Intro Erna Sri Hartatik, S.

Pemrograman Visual Pertemuan 1 Pemrograman Visual Intro ‘n Delphi Intro Erna Sri Hartatik, S. Kom

Pembahasan

Pembahasan

Pengenalan Aplikasi Visual • Aplikasi adalah suatu subkelas perangkat lunak komputer yang memanfaatkan kemampuan

Pengenalan Aplikasi Visual • Aplikasi adalah suatu subkelas perangkat lunak komputer yang memanfaatkan kemampuan komputer langsung untuk melakukan suatu tugas yang diinginkan user. • Contoh utama perangkat lunak aplikasi adalah pengolah kata, lembar kerja, dan pemutar media. • Visual adalah dapat dilihat • Maka Pemrograman(aplikasi) visual adalah pengembangan bahasa pemrograman untuk mendesain sebuah aplikasi yang user friendly dan interaktif dengan end-user

Introduction Delphi 7. 0 • Delphi Merupakan program under windows, Produk ini dikembangkan oleh

Introduction Delphi 7. 0 • Delphi Merupakan program under windows, Produk ini dikembangkan oleh Borland. • Dikembangkan dari bahasa pemrograman Pascal, • Bedanya Pascal berbasis text only sedangkan Delphi berbasis visual (window).

Memulai Pemrograman Delphi

Memulai Pemrograman Delphi

IDE (Integrated Development Environment) Delphi • Bagian dari Delphi yang digunakan untuk memungkinkan pemrograman

IDE (Integrated Development Environment) Delphi • Bagian dari Delphi yang digunakan untuk memungkinkan pemrograman secara visual merancang tampilan untuk para user (antarmuka pemakai) dan menuliskan listing program atau kode

 • Menu Bar Berfungsi untuk memilih tugas-tugas tertentu, seperti memulai, membuka, dan menyimpan

• Menu Bar Berfungsi untuk memilih tugas-tugas tertentu, seperti memulai, membuka, dan menyimpan project, mengompilasi project menjadi file executable (EXE), dan lain-lain • Tool Bar/Speed Bar Memiliki fungsi yang sama seperti menu bar, tetapi berfungsi seperti jalan pintas karena lebih praktis dalam penggunaannya

 • Component Palette Berisi kumpulan ikon yang melambangkan komponen yang terdapat pada VCL

• Component Palette Berisi kumpulan ikon yang melambangkan komponen yang terdapat pada VCL (Visual Component Library). Pada Component Palette, akan ditemukan beberapa page control, seperti Standard, Additional, Win 32, System, Data Access dan lain-lain. Ikon tombol pointer terdapat di setiap page control

 • Form Designer merupakan suatu objek yang dapat dipakai sebagai tempat untuk merancang

• Form Designer merupakan suatu objek yang dapat dipakai sebagai tempat untuk merancang program aplikasi. Form berbentuk sebuah meja kerja yang dapat diisi dengan komponen-komponen yang diambil dari Component Palette

 • Object Inspector Tempat untuk menampung karakter / properti dari sebuah obyek. Cara

• Object Inspector Tempat untuk menampung karakter / properti dari sebuah obyek. Cara melihat properti : Klik obyek yg dipilih Lihat pada obyek inspector jk object inspector tidak ada tekan F 11 / view object inspector

 • Selain properti, dalam Object Inspector juga terdapat Event dari suatu obyek. •

• Selain properti, dalam Object Inspector juga terdapat Event dari suatu obyek. • Event digunakan untuk membuat procedure yang diaktifkan (trigered) lewat sebuah event. • Dalam aplikasi Windows, Setiap kali Anda klik tombol pasti ada proses sesuatu yang terjadi itu adalah satu contoh penggunaan event pada obyek yang dalam hal ini obyeknya adalah tombol (button). • Macam-macam event yang ada banyak sekali, contohnya adalah “ON CLICK” karena suatu proses akan terjadi ketika kita meng. CLICK tombol.

 • Untuk memberikan event suatu obyek, caranya: – – Klik obyek yang akan

• Untuk memberikan event suatu obyek, caranya: – – Klik obyek yang akan diberikan event Klik menu tab EVENT pada OBJECT INSPECTOR Pilih event yang sesuai Double click kotak kosong di sebelah kanan event yang dipilih

 • Object Tree View Menampilkan diagram pohon dari komponen-komponen yang bersifat visual maupun

• Object Tree View Menampilkan diagram pohon dari komponen-komponen yang bersifat visual maupun nonvisual yang telah terdapat dalam form, data module, atau frame. Object Tree View juga menampilkan hubungan logika antar komponen

 • Code Editor Merupakan tempat menuliskan kode program atau pernyataan-pernyataan dalam Object Pascal.

• Code Editor Merupakan tempat menuliskan kode program atau pernyataan-pernyataan dalam Object Pascal. Code Editor dilengkapi dengan fasilitas highlight yang memudahkan pemakai menemukan kesalahan Title bar yang terletak pada bagian atas jendela code editor menunjukkanmnama file yang sedang disunting, serta pada bagian informasi yang perlu untuk diperhatikan, yaitu : Nomor baris/kolom berfungsi untuk menunjukkan posisi kursor di dalam jendela Code Editor. Modified menunjukkan bahwa file yang sedang disunting telah mengalami perubahan tersebut belum disimpan.

Insert menunjukkan bahwa modus penyisipan teks dalam keadaan aktif, Overwrite menunjukkan bahwa modus penimpaan

Insert menunjukkan bahwa modus penyisipan teks dalam keadaan aktif, Overwrite menunjukkan bahwa modus penimpaan teks dalam keadaan aktif

Langkah Awal Pembuatan Project • Pilih menu File – New – Applications sehingga pada

Langkah Awal Pembuatan Project • Pilih menu File – New – Applications sehingga pada lembar kerja Delphi akan tampak sebuah form kosong • Simpan rancangan proyek program aplikasi yang masih kosong tsb dengan perintah File – Save All sehingga tampil kotak dialog Save Unit 1 As seperti yang tampak pd gambar di samping :

 • Pilih lokasi penyimpanan, kemudian kotak dialog berikutnya yang akan muncul adalah kotak

• Pilih lokasi penyimpanan, kemudian kotak dialog berikutnya yang akan muncul adalah kotak dialog Save Project 1 As seperti yang tampak pd gambar di bawah :

Setelah menyimpan file Unit dan Project, maka Delphi akan membentuk file-file berikut: • project

Setelah menyimpan file Unit dan Project, maka Delphi akan membentuk file-file berikut: • project 1. dpr, file project yang berisi program utama dr aplikasi • unit 1. pas, file unit yg digunakan utk menangani kejadian pd form • unit 1. dfm, file yg berisi daftar komponen berikut properti nya