Laporan pemrograman visual

11
LAPORAN PEMROGRAMAN VISUAL PROGRAM SLIDESHOW DENGAN MENGGUNAKAN BORLAND C++ BUILDER OLEH : FENTY TRI HIDAYATI (09091003058) JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS SRIWIJAYA 2010/2011

description

tugas

Transcript of Laporan pemrograman visual

Page 1: Laporan pemrograman visual

LAPORAN PEMROGRAMAN VISUAL

PROGRAM SLIDESHOW

DENGAN MENGGUNAKAN BORLAND C++ BUILDER

OLEH :

FENTY TRI HIDAYATI

(09091003058)

JURUSAN SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER

UNIVERSITAS SRIWIJAYA

2010/2011

Page 2: Laporan pemrograman visual

1. Fundamental Visual Program dalam Bahasa C++

Konsep Pemrograman Visual, dari pengertiannya sendiri pemrograman visual adalah perancangan antarmuka grafis yang melibatkan kode-kode program.

- GUI (Graphical User Interface)

- Visual component (instant)-> input, proses, output

- Object Oriented Programming

- Event Driven Programming

- C++ Programming

- IDE (Integrated Development Environtment)

2. Screenshot dari Rancangan Form Program Slideshow dalam borland C++ builder

Slideshow adalah menampilkan beberapa gambar secara bergantian secara otomatis dengan waktu atau kondisi yang ditentukan. Adapun salah satu program yang bisa membuat slideshow, yaitu dengan menggunakan borland C++ builder.

Screenshot dari rancangan program slideshow yang saya buat menggunakan borland C++ builder yaitu :

Page 3: Laporan pemrograman visual

Langkah pertama klik toolbar additional lalu klik menu image, klik menu image lalu drag gambar ke form, lihat gambar.

Dalam program slideshoe yang saya buat terdapat tiga buah image yang berisi gambar dan berganti dan satu image yang kosong berfungsi untuk menampung satu gambar yang berubah jadi gambar yang lain, jadi dalam perancangannya terdapat empat image (tiga fungsional dan satu image yang kosong).

Lalu untuk menginput gambar pilih di form object inspector pilih properties. Pada properties terdapat picture, lihat gambar

Untuk meng-input gambar klik pada gambar, lalu tampil dialog pilih load

Lakukan sampai dengan gambar ketiga, biarkan gambar keempat kosong lalu tumpuk keempat gambar menjadi satu.

Page 4: Laporan pemrograman visual

Langkah selanjutnya pada toolbar standar pilih menu button, fungsinya untuk memproses nilai, mulai dan berhenti pada program slideshow. Sertakan pula menu timer pada toolbar system untuk pengaturan waktu menyangkut kondisi proses. Seperti gambar dibawah ini :

Hasil akhir dari perancangan program slideshow ini sebagai berikut :

Gambar setelah di klik button1, start.

Page 5: Laporan pemrograman visual

Gambar setelah di klik button2, stop.

3. Komponen-Komponen Visual dan Non Visual yang Terlibat

FormForm merupakan parent dari objek berfungsi sebagai tempat untuk merancang design untuk aplikasi yang akan kita buat, dan juga sebagai tempat untuk meletakkan komponen-komponen yang kita ambil dari component palette.

Form juga merupakan komponen visual input. Form memiliki 2 bagian yaitu object treeView dan object Inspector.

ImagePada toolbar komponen Additional pilih menu image. Menu ini berfungsi untuk menginput gambar. Menu image merupakan komponen visual input. Gambar diambil dari object inspector

ButtonPada toolbar komponen standart pilih menu button. Button merupakan komponen dasar Borland C++ Builder dalam melakukan sebuah event.Button termasuk komponen visual input. Cara pengunaannya yaitu dengan drag and drop menu button ke dalam form utama. Kemudian kita bisa mengedit bagian menu ini di properties sesuai kegunaannya.

Timer

Page 6: Laporan pemrograman visual

Pada toolbar komponen system pilih menu timer . menu timer merupakan komponen visual proses. Adapun fungsi dari timer yaitu untuk pengaturan waktu menyangkut kondisi proses.

Object Treeview

Object TreeView adalah bagian yang berisi daftar komponen yang digunakan dalam designer. Dengan model tampilan bercabang, akan memudahkan kita dalam menunjuk komponen tertentu terutama jika aplikasi yang dibuat menggunakan banyak komponen.

1. Button1Dalam program slideshow ini terdapat dua button. Pada button1 diganti nama caption nya menjadi Start. Button berfungsi untuk melakukan sebuah event, jika di klik akan memulai slideshow.

Page 7: Laporan pemrograman visual

Cara membuat codingnya, klik button1 lalu pilih event pada object inspector. Klik 2kali pada OnClick

Source Code :

2. Button2Pada button2 diganti caption nya menjadi stop. Berfungsi jika di klik akan menghentikan slideshow.Source Code :

3. Image

void __fastcall TForm1::Button1Click(TObject *Sender){ Timer1 -> Enabled = True;

Image4 -> Picture = Image3 -> Picture;

Image3 -> Picture = Image2 -> Picture;

Image2 -> Picture = Image1 -> Picture;

Image1 -> Picture = Image4 -> Picture;

Timer1 -> OnTimer = Button1Click;}

void __fastcall TForm1::Button2Click(TObject *Sender){ Timer1 -> Enabled = False;}

Page 8: Laporan pemrograman visual

Dalam program ini terdapat 4 gambar (empat image) terdiri dari tiga buah image yang berisi gambar yang berganti dan satu image yang kosong berfungsi untuk menampung satu gambar yang berubah jadi gambar yang lain. Setelah ketiga image dimasukkan gambar yang diinginkan maka tumpuk keempat gambar menjadi satu.

4. Timer1Timer berfungsi untuk pengaturan waktu menyangkut kondisi proses.

Object Inspector

Object Inspector adalah bagian yang digunakan untuk memanipulasi sifat atau karakteristik dan event dari komponen yang kita gunakan dalam form designer. Jendela object inspector terbagi menjadi dua bagian tab, yaitu tab property dan tab event. Tab property digunakan untuk memanipulasi properti yang dimiliki oleh komponen tertentu, misalkan ukuran, warna dan caption dari komponen.

Sedangkan Tab Event digunakan untuk menangani pemasukan kode pada kejadian tertentu dari suatu komponen, misalnya : kejadian ketika komponen button (tombol) diklik atau onClick. Sebagaimana yang telah dijelaskan di atas, salah satu fungsi dari object inspector ini adalah untuk mengatur property dari komponen, pengaturan tersebut tidak akan disimpan pada file unit, melainkan akan disimpan pada file form.