à Lingkungan Pemrograman -- ri t Visual s u d n I i g o l no k e T s a lt u · PDF file · 2010-10-13Project dlm VB ‡Projectberperan ... baris program yang dibuat dlm bentuk modul

1Ali Tarmuji, S.T.

|------- Universitas Ahmad Dahlan ----à

|--

----

Faku

ltas

Tek

nol

ogi I

ndu

stri

----à

Teknik Informatika

Lecture-02b

Lingkungan PemrogramanVisual

VB

2Ali Tarmuji, S.T. PV-Lecture-02b, Gasal 2006

Teknik Informatika – FTI – UAD

IDE-Pengertian³Integrated Development Environment³Teknik penyajian lingkungan pengembangan

program secara terpadu ³Difasilitasi oleh pencipta kompilator dalam

memberikan kemudahan bagi para pemrogram untuk menavigasi kompilatornya³Teknik IDE telah diterapkan cukup lama

sebelum adanya PV³IDE menyediakan berbagai tools

pengembangan yg siap pakai



IDE-Fasilitas (1)³ Menubar�Perintah berbasis menu� Contoh: menu file dg submenunya, menu edit dg

submenunya, dll³ Toolbar� Tombol (icon) yg mewakili menu2 tertentu� Dilambangkan dg gambar yg mewakili perintah

dan mudah diingat³ Toolbox� Kotak piranti yg berisi objek2 VCL yg siap pakai� Dapat ditambah/dikurangi sesuai selera



IDE-Fasilitas (2)³ Jendela form� Sebagai media untuk merancang antarmuka

visual� Tempat meletakkan komponen2 aplikasi� Form juga sebagai komponen

³ Jendela Editor kode sumber� Terdiri dari daftar objek diikuti event, dan

editornya� Sebagai media untuk merancang/menulis baris

program� Sebagai media untuk membangkitkan listing

secara otomatis oleh kompilator, biasanya untuk menampung event.



IDE-Fasilitas (3)³ Jendela Navigator Properties� Sebagai navigator properti� Sebagai tempat untuk memanipulasi nilai properti

³ Fasilitas kompilasi & linking� Fasilitas untuk menjadikan program menjadi

aplikasi yang sudah terkompilasi (.exe) yg siap dijalankan.� Biasanya disediakan oleh kompilator dalam menu



IDE-Fasilitas (4)³ Fasilitas debuging� Digunakan untuk merunut proses cara kerja

program� Mencari kesalahan baris program� Menguji baris program

³ Project Explorer / Project Manager� Mengatur file2 yg terlibat dlm project� Menentukan file utama dan pendukungnya

³ Fasilitas pendukung lainnya.� Tiap bahasa memiliki tools khusus yg unik� Tiap versi dari kompilator biasanya

memperkenalkan fasilitas baru



IDE-FisikJendela Utama Jendela

Properties

Jendela FormJendela Code

Editor

SpeedbarToolbox

Project Explorer

JendelaPreview



Project dlm VB³ Project berperan sebagai pengelola/ pengendali

beberapa file yg terlibat dlm aplikasi yg akan dibangun

³ Min ada 2 file utama: � file project (.vbp)àmenyimpan informasi program utama

� file form (. frm)àmenyimpan informasi form & kode event

³ file kode Optional (.bas)àmenyimpan informasi baris program yang dibuat dlm bentuk modul

³ File project ini yg akan dijadikan file eksekutabel (.exe), dg cara dikompile dan di-linking dg file pendukung lainnya.

³ Disediakan fasilitas u/ mengelola projectàmenu project



Struktur Program VB³ Bahasa dasar: Basic³ Kode sumber sebagian besar otomatis,

sebagian lagi tambahan programmer sbg pengendali aksi2 yg dibutuhkan

³ Kode sumber sbg pelengkap aplikasi, disebut modul, yg terdiri dari sub program



Source code file unit/modul (.vbp)



Source Code file project (.frm)



File2 yg terlibat (saat desain)



Kesimpulan³ IDE Visual Basic bagi para pemula mungkin

sulit, tapi begitu sekali coba pakai maka kemudahan yg didapatkan begitu banyak.

³ Kemudahan penggunaan & kelengkapan fasilitas selalu diusahakan oleh pembuat kompilator dg tujuan pengembangan PL lebih cepat namun tetap berkualitas tinggi.

³... selanjutnya terserah Anda...

1Ali Tarmuji, S.T.

|------- Universitas Ahmad Dahlan ----à

|--

----

Faku

ltas

Tek

nol

ogi I

ndu

stri

----à

Teknik Informatika

Lecture-02a

Lingkungan PemrogramanVisual

Delphi

2Ali Tarmuji, S.T. PV-Lecture-02a, Gasal 2006


Bahasan

Integreted Development Environment (IDE)Project (file pengelola)Struktur programLetak property suatu objekLetak event suatu objekLetak method suatu KesimpulanTugas



IDE-Pengertian¶ Integrated Development Environment¶ Teknik penyajian lingkungan pengembangan

program secara terpadu ¶ Difasilitasi oleh pencipta kompilator dalam

memberikan kemudahan bagi para pemrogram untuk menavigasi kompilatornya

¶ Teknik IDE telah diterapkan cukup lama sebelum adanya PV

¶ IDE menyediakan berbagai toolspengembangan yg siap pakai



IDE-Fasilitas (1) MenubarØPerintah berbasis menuØContoh: menu file dg submenu, menu edit dg

submenu, dll ToolbarØTombol (icon) yg mewakili menu2 tertentuØDilambangkan dg gambar yg mewakili perintah

dan mudah diingat Palette komponen Page / ToolboxØKotak piranti yg berisi objek2 VCL yg siap pakaiØBiasanya dikelompokkan sesuai fungsinya masing2ØDapat ditambah/dikurangi



IDE-Fasilitas (2) Jendela formØ Sebagai media untuk merancang antarmuka

visualØ Tempat meletakkan komponen2 aplikasiØ Form juga sebagai komponen

Jendela Editor kode sumberØ Sebagai media untuk merancang/menulis baris

programØ Sebagai media untuk membangkitkan listing

secara otomatis oleh kompilator



IDE-Fasilitas (3) Jendela Navigator (object inspector-OI)Ø Sebagai navigator properti & eventØ Sebagai tempat untuk memanipulasi nilai properti

& event

Fasilitas kompilasi & linkingØ Fasilitas untuk menjadikan program menjadi

aplikasi yang sudah terkompilasi (.exe) yg siap dijalankan.Ø Biasanya disediakan oleh kompilator dalam menu



IDE-Fasilitas (4) Fasilitas debugingØ Digunakan untuk merunut proses cara kerja

programØ Mencari kesalahan baris programØ Menguji baris program

Project Explorer / Project ManagerØ Mengatur file2 yg terlibat dlm projectØ Menentukan file utama dan pendukungnya

Fasilitas pendukung lainnya.Ø Tiap bahasa memiliki tools khusus yg unikØ Tiap versi dari kompilator biasanya

memperkenalkan fasilitas baru



IDE Delphi (1)Jendela Utama

Jendela OI Jendela Form

Jendela Code Editor

Speedbar Component Palette Page



IDE Delphi (2) Jendela UtamaØ Berisi menubar, speedbar, dan komponen yang terhimpun

dalam component palette pageØ Dpt diaktifkan dg tombol F10

Jendela OIØ Terdiri dr navigasi Event & Properti objek yg aktif

Ø Dpt diaktifkan dg tombol F11

Jendela Form (.dfm)Ø Memilih form yg akan diaktifkan SHIFT+F12

Jendela Code Editor (.pas)Ø Memilih form yg akan diaktifkan CTRL+F12Togle unit/form àF12



Project dlm Delphi Project berperan sebagai pengelola/ pengendali

beberapa file yg terlibat dlm aplikasi yg akan dibangun Min ada 3 file utama: Ø file project (.dpr)àmenyimpan informasi program utama (file

teks)Ø file form (.dfm)àmenyimpan informasi form (file binner)

Ø file kode (.pas)àmenyimpan informasi event, dan baris program lainnya

File project ini yg akan dijadikan file eksekutabel (.exe), dg cara dikompile dan di-linking dg file lainnya. Disediakan fasilitas u/ mengelola projectàProject

Manager



Struktur Program Delphi Bahasa dasar: Pascal Kode sumber sebagian besar otomatis,

sebagian lagi tambahan programmer sbg pengendali aksi2 yg dibutuhkan

Kode sumber sbg pelengkap aplikasi



Source Code file project (.dpr)

1: Nama program/ project

3-5: Penggunaan pustaka standar &

file modul7: directive penggunaan resource yg

disimpan di file .res

10: inisialisasi aplikasi

11: penciptaan objek form otomatis12: mengeksekusi

aplikasi



Source code file unit/modul (.pas)

1:nama unit/modul

3-19:area interface, deklarasi objek dan

data 21-30:area implementasi, event handler

Library standar

Pendeklarasian tipe baruDeklarasi variabel globalKerangka event handler



Source code file form (.frm)

Diawali kata tercadang object diakhiri end,

berisi Informasi properti milik form & objek2 lain yg menempel padanya

Informasi milik objek button1

Blok area objek form dan bagian-bagiannya

Blok area objek tertentu dan bagian-bagiannya



File2 yg terlibat (saat desain)



Letak property Objek/komponen

Jenis-jenis property yg dimiliki oleh objek form

Nilai dari jenis property yg bersangkutan



Letak event objek

Jenis-jenis event yg dimiliki oleh objek form

Nilai event berupa nama procedure sesuai event

ybs.Kerangka procedure yg diciptakan

otomatis oleh Delphi ketika nilai event ybs. diaktifkan



Letak method objek

Method terlihat dalam IDEMethod bisa diketahui dengan cara khusus (slide berikutnya).



Letak property, event, & method saat codingTanda titik untuk menampilkan

bagian2 (property, event, method, turunannya,dll) yg dimiliki oleh objek

ybs.

Jendela insight yg akan muncul sesaat setelah mengetikkan tanda titik tepat di belakang objek

ybs.



Kesimpulan IDE Delphi bagi para pemula mungkin sulit,

tapi begitu sekali coba pakai maka kemudahan yg didapatkan begitu banyak.

Kemudahan penggunaan & kelengkapan fasilitas selalu diusahakan oleh pembuat kompilator dg tujuan pengembangan PL lebih cepat namun tetap berkualitas tinggi.

... selanjutnya terserah Anda...



Tugas-02

Kriteria tugas:Kumpulkan 2 objek yg berbeda (1 di VB & 1 di Delphi) sesuai daftar pilihan.Sebutkan semua property, event, dan method yg dimiliki oleh masing2 objek tsb.



Petunjuk tugas-02

Silakan kunjungi kuliah.uad.ac.idàTeknik InformatikaàPemrograman VisualDownload-lah file Tugas-02.pdf yang berisi daftar peserta dan tugas masing-masing.Kerjakanlah sesuai dengan jatah masing-masingKumpulkan di kuliah.uad.ac.id sesuai dengan ID-nya masing-masing sesuai waktu yg telah ditentukan.Selamat bekerja & belajar!

Documents

à Lingkungan Pemrograman -- ri t Visual s u d n I i g o l no k e T s a lt u · PDF file · 2010-10-13Project dlm VB ‡Projectberperan ... baris program yang dibuat dlm bentuk modul