Modul Praktikum Pemrograman Visual Sistem Informasi

44
MODUL PRAKTIKUM PEMROGRAMAN VISUAL LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS SRIWIJAYA 2011

Transcript of Modul Praktikum Pemrograman Visual Sistem Informasi

Page 1: Modul Praktikum Pemrograman Visual Sistem Informasi

MODUL PRAKTIKUM

PEMROGRAMAN VISUAL

LABORATORIUM KOMPUTERFAKULTAS ILMU KOMPUTER

UNIVERSITAS SRIWIJAYA2011

Page 2: Modul Praktikum Pemrograman Visual Sistem Informasi

ii

Universitas Sriwijaya

Fakultas Ilmu Komputer

Laboratorium

LEMBAR PENGESAHAN

MODUL PRAKTIKUM

SISTEM MANAJEMEN

MUTU

ISO 9001:2008

No. Dokumen ……. Tanggal 4 JUNI 2011

Revisi 0 Halaman 2 DARI 44

MODUL PRAKTIKUM

Mata Kuliah Praktikum : Pemrograman Visual

Kode Mata Kuliah Praktikum : MIF 407

SKS : 1

Program Studi : Sistem Informasi

Semester : 4 (Genap)

DIBUAT OLEH DISAHKAN OLEH DIKETAHUI OLEH

TIM LABORAN

LABORATORIUM FASILKOM

UNSRI

TIM DOSEN SISTEM

INFORMASI FASILKOM UNSRI

KEPALA LABORATORIUM

Page 3: Modul Praktikum Pemrograman Visual Sistem Informasi

iii

DAFTAR ISI

LEMBAR PENGESAHAN ..........................................................................................ii

MODUL PRAKTIKUM ...............................................................................................ii

BAB I ............................................................................................................................ 4

Pengenalan Komponen.................................................................................................. 4

BAB II......................................................................................................................... 12

Konsep Logika Pemilihan ........................................................................................... 12

BAB III ....................................................................................................................... 20

LOGIKA TRUE DAN FALSE ................................................................................... 20

Dengan CheckBox dan ListBox.................................................................................. 20

BAB IV ....................................................................................................................... 23

ComboBox dan ListBox.............................................................................................. 23

BAB V......................................................................................................................... 29

PERANCANGAN DATABASE ................................................................................ 29

BAB VI ....................................................................................................................... 34

KOMPONEN DATABASE........................................................................................ 34

BAB VII ...................................................................................................................... 40

KONEKSI DATABASE............................................................................................. 40

Page 4: Modul Praktikum Pemrograman Visual Sistem Informasi

4

BAB I

Pengenalan Komponen

I. MAKSUD DAN TUJUAN

A. MAKSUDPengenalan cara-cara pemrograman visual dengan menggunakan Borland C++Builder.

B. TUJUANMemberikan kemampuan memrogram dengan Borland C++ Builder danbeberapa komponen yang terdapat pada Visual Control Library.

II. TEORI

Kumpulan dari sejumlah obyek tersedia pada Visual Component Library(VCL). Sedangakan untuk memilih obyek terdapat pada Componen palette.Komponen-komponen dikelompokan sesuai dengan fungsinya. Pengelompokan ini(pages) dinyatakan tabs. Pages default adalah : Standart, Additional, Win32,System, Internet, Data Access, Data Control, Midas, Decision Cube, Qreport,Dialogs, Win31, Samples, EctiveX dan lain-lain.

III. PRAKTIK

Mengenal C++ Builder

Jalankan C++ Builder, lalu klik tombol New untuk membuat aplikasi baruatau pilih menu File|New Application

Bagian-bagian penting

Phuldown menu : suatu menu pilihan dengan memilih menu tarik, danpilihan dengan menekan klik pada mouse

Tool bar menu : menu pilihan dengan tampilan gambar-gambar kecil yangditampilkan dalam bentuk icon

Page 5: Modul Praktikum Pemrograman Visual Sistem Informasi

5

Phull down menu Tool bar menukomponent visual

properti form kelas, fungsi Editor kode program

Gambar 1.1. Dialog C++ Builder Komponent Visual :Tool untuk memilih visual component library yang

disediakan oleh Borland C++ Builder, misal Edit, Label, Memo, ComboBox,dan lain-lain.

Gambar 1.2. Visual Componen Library Object Inspector

Terdiri atas dua tabbox, yaitu property dan event :Properti : untuk memberikan nilai-nilai property pada pada komponent visualEvent : untuk memasukan program atau fungsi, berkaitan dengan kejadian padakomponen

Form : suatu tempat untuk merancang tampilan, maupun masukan Editor Kode program : bagian untuk mengetikkan program atau fungsi Mengenal Properti : untuk memasukkan set nilai-nilai dari komponen

Membuat Program Sederhana

Arahkan mouse pada komponen visual

Pilih komponen Edit atau

Page 6: Modul Praktikum Pemrograman Visual Sistem Informasi

6

Letakan pada komponen Form (Lihat gambar 1.1) Klik pada komponen Edit1, arahkan ke Menu Properti dengan nilai :

Komponen yang aktif yaitu komponenform

Properti bentuk dan jenis font

Properti NamaNilai Properti = Form1

Gambar 1.3. Object InspectorTabel 1.1. Rancangan Tampilan

Komponen Properti NilaiForm Name

CaptionLeftTopWidthHeightColorFont.CharsetFont.ColorFont.HeightFont.NameFont.StyleOldCreateOrderPixelsPerInchTextHeight

FormLatihanForm Latihan C++ Builder193103304301clBtnFaceDEFAULT_CHARSETclWindowText-11'MS Sans Serif'[]False9613

Edit NameLeftTopWidthHeightTabOrderText

Tampilkan6464169210Tampilkan

Pada menu properti pilih envent Arahkan pada onActivate tekan double klik (lihat gambar 1.4)

Page 7: Modul Praktikum Pemrograman Visual Sistem Informasi

7

Gambar 1.4. Editor Mamasukkan Kode Program

Menyimpan UnitUnit adalah modul program yang terdiri dari kumpulan fungsi, biasa untuk

membuat program merupakan kumpulan sejumlah unit. Nama filenya adalah *.CPP,dan *.H (C++ Builder Unit), *.dfm untuk menyimpan Form. Setiap form tersimpandalam file unit.Adapun langkah-langkahnya sebagai berikut :

File | Save Ctrl+S atau lihat gambar Save in : menyimpan ke direktori, misal H:\ANI (ke direktori masing-

masing) File Name : berikan nama file UnitLat1.CPP Tekan tombol Save (lihat gambar dialog di bawah)

Gambar 1.5. Manyimpan Unit Program

Menyimpan ProjectProgram adalah merupakan program utama, yang nantinya kalau dikompilasi

menjadi file EXE , sedangkan nama filenya berekstensi *.BPR (C++ Builder

Tuliskan program disini

Page 8: Modul Praktikum Pemrograman Visual Sistem Informasi

8

Project). Nama project tidak boleh sama dengan nama Unit. Adapun langkah-langkahnya sebagai berikut :

File | Save Project As Save in : menyimpan ke direktori File Name : berikan nama file ProjectLat1.BPR. Tekan tombol Save lihat gambar 1.6

Gambar 1.6. Manyimpan Project

Menjalankan Program

Pilih menu Run

Tekan Run | F9 atau

Kode Program

UnitLat1.h

/---------------------------------------------------------------------------

#ifndef UnitLat1H#define UnitLat1H//--------------------------------------------------------------------------#include <Classes.hpp>#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>//--------------------------------------------------------------------------class TFormLatihan : public TForm{__published: // IDE-managed Components

TEdit *EditTampilkan;void __fastcall FormActivate(TObject *Sender);

private: // User declarationspublic: // User declarations

__fastcall TFormLatihan(TComponent* Owner);};//-------------------------------------------------------------------------extern PACKAGE TFormLatihan *FormLatihan;//-------------------------------------------------------------------------#endif

Page 9: Modul Praktikum Pemrograman Visual Sistem Informasi

9

UnitLat1.cpp

#include <vcl.h>#pragma hdrstop

#include "UnitLat1.h"//-------------------------------------------------------------------------#pragma package(smart_init)#pragma resource "*.dfm"TFormLatihan *FormLatihan;//-------------------------------------------------------------------------__fastcall TFormLatihan::TFormLatihan(TComponent* Owner)

: TForm(Owner){}//--------------------------------------------------------------------------void __fastcall TFormLatihan::FormActivate(TObject *Sender){EditTampilkan->Text = "Belajar Borland C++ Builder";

}//--------------------------------------------------------------------------

ProjectLat1.cpp

#pragma hdrstopUSERES("ProjectLat1.res");USEFORM("UnitLat1.cpp", FormLatihan);//--------------------------------------------------------------------------WINAPI WinMain(HINSTANCE, HINSTANCE, LPSTR, int){

try{Application->Initialize();Application->CreateForm(__classid(TFormLatihan), &FormLatihan);Application->Run();

}catch (Exception &exception){

Application->ShowException(&exception);}return 0;

}//--------------------------------------------------------------------------

IV. LATIHANTambahkan Program di atas dangan tombol, dan tambahkan program jika

tombol ditekan maka menampilkan keluaran.

PushButton : adalah tombol standar yang digunakan pada sistem Windows.Biasanya digunakan untuk pengaturan tombol kotak dialog, untuk melakukansesuatu. Button terdapat pada menu Component Pallete pada tab System dengan ikon

.

Tabel 1.2. Properti Rancangan From gambar 1.8Komponen Properti NilaiForm Name Form1Edit Name

TextWidthHeightFont – Size

Edit1Kosongkan2573214

Button NameCaption

ButtonTampilkanTampilkan

Page 10: Modul Praktikum Pemrograman Visual Sistem Informasi

10

Gambar 1.7. Rancangan Form

Arahkan dan aktifkan mouse pada koponen ButtonTampilkan dengan tekanklik

Object Inspector pilih tab Events Pilih Envets OnClick Masukkan program pada fungsi seperti pada kode berikut

void __fastcall TForm1::ButtonTampilkanClick(TObject *Sender){EditTampilkan->Text = "Belajar Sendiri C++ Builder";}

Simpan dengan nama unit UnitLat2.cpp Simpan dengan nama project ProjectLat2.bpr

/---------------------------------------------------------------------------#include <vcl.h>#pragma hdrstop

#include "UnitLat2.h"//--------------------------------------------------------------------------#pragma package(smart_init)#pragma resource "*.dfm"TForm1 *Form1;//--------------------------------------------------------------------------__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner){}//--------------------------------------------------------------------------

void __fastcall TForm1::ButtonTampilkanClick(TObject *Sender){EditTampilkan->Text = "Belajar Sendiri C++ Builder";

}//--------------------------------------------------------------------------

#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>//--------------------------------------------------------------------------class TForm1 : public TForm{__published: // IDE-managed Components

TButton *ButtonTampilkan;TEdit *EditTampilkan;void __fastcall ButtonTampilkanClick(TObject *Sender);

private: // User declarations

Page 11: Modul Praktikum Pemrograman Visual Sistem Informasi

11

public: // User declarations__fastcall TForm1(TComponent* Owner);

};//--------------------------------------------------------------------------extern PACKAGE TForm1 *Form1;//--------------------------------------------------------------------------#endif

Jalankan dengan pilih Run, F9, atau dengan memilih ikon . Lihat hasil, tekan tombol Tampilkan

VI. TUGASDari rancangan yang pernah anda buat, ubahlah rancangan dan programnya

dengan manambahkan EditMasukan, dan EditKeluaran,. Jika tombol Tampilkanditekan maka akan menampilkan dari masukan :

Gambar 1.8. Latihan Masukan dan Keluaran

Page 12: Modul Praktikum Pemrograman Visual Sistem Informasi

12

BAB II

Konsep Logika Pemilihan

I. MAKSUD DAN TUJUAN

B. MAKSUDMempraktekan cara-cara pemprograman visual dengan menggunakan C++Builder untuk menyajikan pilihan data melalui komponent RadioButton danRadioGroup.

B. TUJUANMemberikan kemampuan memprogram dengan menggunakan komponentRadioButton dan RadioGroup untuk penyajian pilihan.

II. TEORI

Komponen RadioButton adalah untuk menyajikan sejumlah pilihan padaForm, dengan jumlah terbatas. Syarat pilihan pengguna hanya diperbolehkanmemilih salah satu dengan mengarahkan mouse dan menekan tombol klik. Biasanyapilihan ini dikelompokan dengan komponen GroupBox atau Panel. Komponen inihampir sama dengan RadioGroup. RadioButton terdapat pada menu Component

Pallete pada tab Standar dengan ikon dan RadioGroup dengan ikon .

III. PRAKTEK

Buatlah tampilan seprti pada rancangan gambar di bawah dan seting propertiisikan seperti pada tabel dan gambar 3.1. :

Gambar 3.1. Penggunaan RadioGroup

Tabel 3.1. Set Properti rancangan gambar 3.1.

Komponen Properti NilaiForm Name Form1GroupBox Name

CaptionGroupBox1Agama

RadioButton NameCaption

RdButtonIslamIslam

RadioButton NameCaption

RdButtonKristenKristen

RadioButton NameCaption

RdButtonKatholikKatholik

Page 13: Modul Praktikum Pemrograman Visual Sistem Informasi

13

RadioButton NameCaption

RdButtonHinduHindu

RadioButton NameCaption

RdButtonBudhaBudha

Label NameCaption

Label1Pilihan

Edit NamaText

EditAgama

Button NameCaption

ButtonOKOK

Button NameCaption

ButtonSelesaiSelesai

Langkah untuk memasukan kode program :

Program untuk proses untuk kejadian bila tombol OK ditekan Arahkan mouse ke tombol OK Object Properti pilih tab Events Pilih OnClik tekan klik ganda Isikan program sebagai berikut :

void __fastcall TForm1::ButtonOKClick(TObject *Sender){if (RdButtonIslam->Checked) EditAgama->Text ="Islam";if (RdButtonKristen->Checked) EditAgama->Text ="Kristen";if (RdButtonKatholik->Checked) EditAgama->Text ="Katholik";if (RdButtonHindu->Checked) EditAgama->Text ="Hindu";if (RdButtonBudha->Checked) EditAgama->Text ="Budha";

}

Untuk RdButtonIslam->Checked jenis variabelnya adalah BOOL, dan bilatombol dipilih bernilai benar.

Kembali ke Form pilih tombol Selesai Object Inspectors pilih tab Events Pilih OnClik tekan klik ganda Isikan program

void __fastcall TForm1::ButtonSelesaiClick(TObject *Sender){Close();

}

Mengarah ke kursor pilihan Islam pada saat program pertama dijalankan,dengan menggunakan methode SetFocus()

Kembali ke Form, klik komponen Form Object Inspectors pilih tab Events Pilih OnActivate tekan klik ganda Isikan program

void __fastcall TForm1::FormActivate(TObject *Sender){RdButtonIslam->SetFocus();

}

Kompilasi dan eksekusi

Tekan Run F9 atau dengan memilih ikon . Lihat hasilnya

Page 14: Modul Praktikum Pemrograman Visual Sistem Informasi

14

Gambar 3.2. Keluaran Form Komponen RadioButton

Program lengkapnya seperti pada listing program :File UnitLat4.h

//------------------------------------------------------------------#ifndef UnitLat4H#define UnitLat4H//------------------------------------------------------------------#include <Classes.hpp>#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>//------------------------------------------------------------------class TForm1 : public TForm{__published: // IDE-managed Components

TGroupBox *GroupBox1;TRadioButton *RdButtonIslam;TRadioButton *RdButtonKristen;TRadioButton *RdButtonKatholik;TRadioButton *RdButtonHindu;TRadioButton *RdButtonBudha;TLabel *Label1;TEdit *EditAgama;TButton *ButtonOK;TButton *ButtonSelesai;void __fastcall ButtonOKClick(TObject *Sender);void __fastcall FormActivate(TObject *Sender);void __fastcall ButtonSelesaiClick(TObject *Sender);

private: // User declarationspublic: // User declarations

__fastcall TForm1(TComponent* Owner);};//------------------------------------------------------------------extern PACKAGE TForm1 *Form1;//------------------------------------------------------------------#endif

UnitLat4.cpp

//------------------------------------------------------------------#include <vcl.h>#pragma hdrstop

#include "UnitLat4.h"//------------------------------------------------------------------#pragma package(smart_init)

Page 15: Modul Praktikum Pemrograman Visual Sistem Informasi

15

#pragma resource "*.dfm"TForm1 *Form1;//------------------------------------------------------------------__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner){}//------------------------------------------------------------------void __fastcall TForm1::ButtonOKClick(TObject *Sender){if (RdButtonIslam->Checked) EditAgama->Text ="Islam";if (RdButtonKristen->Checked) EditAgama->Text ="Kristen";if (RdButtonKatholik->Checked) EditAgama->Text ="Katholik";if (RdButtonHindu->Checked) EditAgama->Text ="Hindu";if (RdButtonBudha->Checked) EditAgama->Text ="Budha";

}//------------------------------------------------------------------void __fastcall TForm1::FormActivate(TObject *Sender){

RdButtonIslam->SetFocus();}//------------------------------------------------------------------void __fastcall TForm1::ButtonSelesaiClick(TObject *Sender){Close();

}//------------------------------------------------------------------

RadioGroupKomponen RadioGroup fungsinya sama dengan RadioButton, yang

membedakan adalah untuk RadioGroup isi pilihannya, sudah termasuk isi pilihandan dikelompokkan dalam kotak. Untuk isi pilihan terdapat pada properti Items.

Untuk menggunakan RadioGroup terdapat pada menu Component Pallete

pada tab Standar dengan ikon .

Paktek : Bualtah project baru dengan perintah File | New Application, rancanglahForm seperti gambar di bawah :

Gambar 3.3. Rancangan Form Komponen RadioGroup

Page 16: Modul Praktikum Pemrograman Visual Sistem Informasi

16

Tabel 3.2. Set Properti Rancangan gambar 3.3.

Komponen Properti NilaiForm Name Form1RadioGroup Name

CaptionItems (Tstrings)

Coloums

RadioGroupAgamaIslamKristenKatholikHinduBudha2

Label NameCaption

Label1Pilihan

Label NameCaption

Label2Nilai Index

Edit NameText

EditAgama

Edit NameText

EditIndex

BitBtn NamaKinds

BitBtn1bkClose

Memasukkan isi Items (TStrings) pada komponen RadioGroup dengan langkah-langjkah sebagai berikut :

Klik pada komponen RadioGroupAgama Klik Object Inspector pilih tab Properties

Klik Items Selanjutnya terlihat pada gambar kotak dialog String List Editor Masukkan isi pilihan seperti terlihat pada gambar Klik OK

Gambar 3.4. String List Editor RadioGroup

Program untuk kejadian bila RadioGroupAgama diklik Arahkan mouse pada RadioGroupAgama

Page 17: Modul Praktikum Pemrograman Visual Sistem Informasi

17

Object Inspector | pilih tab Events Klik ganda OnClick masukan kode sebagai berikut :

void __fastcall TForm1::RadioGroupAgamaClick(TObject *Sender){switch (RadioGroupAgama->ItemIndex)

{case 0 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}case 1 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}case 2 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}case 3 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}case 4 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}}

}

Untuk RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex]

mengambil isi array dari kompomen RadioGroup dengan variabel string.RadioGroupAgama->ItemIndex adalah nilai posisi elemen array atau nilai indeks.Nilai elemen array dimulai dari 0.

Simpan program Anda dengan perintah File | Save berikan namaUnitRadioGroup.cpp, dan File | Save Project As…, berikan namaProjectRadioGroup.bpr, Uji program Anda dengan menjalankan Run| Run F9 ataudengan memilih ikon .

Page 18: Modul Praktikum Pemrograman Visual Sistem Informasi

18

Gambar 3.5. Hasil keluaran

Listing Program

UnitRadioGroup.h

/-------------------------------------------------------------------#ifndef UnitRadioGroupH#define UnitRadioGroupH//------------------------------------------------------------------#include <Classes.hpp>#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>#include <Buttons.hpp>#include <ExtCtrls.hpp>//------------------------------------------------------------------class TForm1 : public TForm{__published: // IDE-managed Components

TRadioGroup *RadioGroupAgama;TLabel *Label1;TEdit *EditAgama;TBitBtn *BitBtn1;TEdit *EditIndex;TLabel *Label2;void __fastcall RadioGroupAgamaClick(TObject *Sender);

private: // User declarationspublic: // User declarations

__fastcall TForm1(TComponent* Owner);};//------------------------------------------------------------------extern PACKAGE TForm1 *Form1;//------------------------------------------------------------------#endif

//--------------------------------------------------------------------------#include <vcl.h>#pragma hdrstop

#include "UnitRadioGroup.h"//--------------------------------------------------------------------------#pragma package(smart_init)#pragma resource "*.dfm"TForm1 *Form1;//--------------------------------------------------------------------------__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner){}

Page 19: Modul Praktikum Pemrograman Visual Sistem Informasi

19

//--------------------------------------------------------------------------void __fastcall TForm1::RadioGroupAgamaClick(TObject *Sender){switch (RadioGroupAgama->ItemIndex)

{case 0 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}case 1 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}case 2 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}case 3 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}case 4 :{EditAgama->Text =RadioGroupAgama->Items->Strings[RadioGroupAgama->ItemIndex] ;EditIndex->Text = IntToStr(RadioGroupAgama->ItemIndex);

}}

}//--------------------------------------------------------------------------

IV. LATIHAN / SOAL

1. Apa perbedaan komponen RadioButton dan RadioGroaup ?2. Bolehkah memilih lebih dari satu jawaban berikan alasan ?3. Berapa maksimum jumlah pilihan menurut anda, jika masih layak

menggunakan komponen ini ?

Page 20: Modul Praktikum Pemrograman Visual Sistem Informasi

20

BAB IIILOGIKA TRUE DAN FALSE

Dengan CheckBox dan ListBox

I. MAKSUD DAN TUJUAN

A. MAKSUDMempraktekan cara-cara pemrograman visual dengan menggunakan C++Builder untuk menyajikan pilihan menggunakan komponent CheckBox.

B. TUJUANMemberikan kemampuan memprogram dengan menggunakan komponentCheckBox untuk penyajian pilihan.

II. TEORI

Komponen CheckBox adalah untuk menyajikan sejumlah pilihan pada Formdengan jumlah terbatas. Syarat pengguna diperbolehkan memilih satu atau lebih darisatu pilihan. Jenis pilihan ini penggunaanya lain dengan RadioButton, pada saatmouse diarahkan lalu ditekan klik maka diberi tanda silang berarti terpilih, denganpilihan yang sama kalau diklik lagi maka membatalkan pilihan. Untuk menggunakanCheckBox terdapat pada menu Component Pallete pada tab Standar dengan ikon

. Untuk Checked jenis variabelnya adalah BOOL, dan bila tombol dipilihbernilai benar.

III. PRAKTEK

Buatlah tampilan seperti pada rangan gambar 4.1 dan seting properti di tabel4.1 isikan seperti pada tabel di bawah :

Tabel 4.1. Set Propeti untuk rancangan gambar 4.1

Komponen Properti NilaiForm Name Form1GroupBox Name

CaptionGroupBox1Hobi Anda ?

CheckBox NameCaption

CheckBoxMusikMusik

CheckBox NameCaption

CheckBoxOlahRagaOlahRaga

CheckBox NameCaption

CheckBoxMancingMancing

CheckBox NameCaption

CheckBoxMasakMasak

ListBox Name ListboxHobi

Program untuk proses untuk kejadian bila tombol OK ditekan Arahkan mouse ke tombol OK Object Inspectors pilih tab Events Pilih OnClik tekan klik ganda Isikan program

Page 21: Modul Praktikum Pemrograman Visual Sistem Informasi

21

Gambar 4.1 Racangan Form penggunaan CheckBox

void __fastcall TForm1::ButtonOKClick(TObject *Sender){if (CheckBoxMusik->Checked)

ListBoxHobi->Items->Add(CheckBoxMusik->Caption);if (CheckBoxOlahRaga->Checked)

ListBoxHobi->Items->Add(CheckBoxOlahRaga->Caption);if (CheckBoxMasak->Checked)

ListBoxHobi->Items->Add(CheckBoxMasak->Caption);if (CheckBoxMancing->Checked)

ListBoxHobi->Items->Add(CheckBoxMancing->Caption);}

Simpan program Anda dengan perintah File | Save berikan namaUnitCheckBox.cpp, dan File | Save Project As…, berikan namaProjectChecBox.bpr, Uji program Anda dengan menjalankan Run| Run F9 ataudengan memilih ikon .

Gambar 4.2. Hasil Keluaran

Program selengkapnya :

#ifndef UnitCheckBoxH#define UnitCheckBoxH//------------------------------------------------------------------#include <Classes.hpp>#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>//------------------------------------------------------------------class TForm1 : public TForm{__published: // IDE-managed Components

Page 22: Modul Praktikum Pemrograman Visual Sistem Informasi

22

TGroupBox *GroupBox1;TCheckBox *CheckBoxMusik;TCheckBox *CheckBoxOlahRaga;TCheckBox *CheckBoxMancing;TCheckBox *CheckBoxMasak;TButton *ButtonOK;TButton *ButtonSelesai;TListBox *ListBoxHobi;void __fastcall ButtonOKClick(TObject *Sender);void __fastcall ButtonSelesaiClick(TObject *Sender);

private: // User declarationspublic: // User declarations

__fastcall TForm1(TComponent* Owner);};//------------------------------------------------------------------extern PACKAGE TForm1 *Form1;//------------------------------------------------------------------#endif

Program UnitCheckBox.cpp

#include <vcl.h>#pragma hdrstop

#include " UnitCheckBox.h"//---------------------------------------------------------------#pragma package(smart_init)#pragma resource "*.dfm"TForm1 *Form1;//----------------------------------------------------------------__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner){}//---------------------------------------------------------------

void __fastcall TForm1::ButtonOKClick(TObject *Sender){if (CheckBoxMusik->Checked)

ListBoxHobi->Items->Add(CheckBoxMusik->Caption);if (CheckBoxOlahRaga->Checked)

ListBoxHobi->Items->Add(CheckBoxOlahRaga->Caption);if (CheckBoxMasak->Checked)

ListBoxHobi->Items->Add(CheckBoxMasak->Caption);if (CheckBoxMancing->Checked)

ListBoxHobi->Items->Add(CheckBoxMancing->Caption);}

//----------------------------------------------------------------void __fastcall TForm1::ButtonSelesaiClick(TObject *Sender){Close();

}

IV. TUGAS

1. Apa bedanya RadioButon dan Checkbox ?2. Dari program di atas ubalah jenis Font pada listbox “Lucida Console” dengan

warna biru dan berikan kondisi true dan false.3. Ubahlah program diatas pilihan hobi dimasukkan ke komponen memo

Page 23: Modul Praktikum Pemrograman Visual Sistem Informasi

23

BAB IVComboBox dan ListBox

I. MAKSUD DAN TUJUAN

C. MAKSUDMempraktekan cara-cara pemrograman visual dengan menggunakan C++Builder untuk menyajikan pilihan menggunakan komponent ComboBox danListbox.

B. TUJUANMemberikan kemampuan memprogram dengan menggunakan komponentCheckBox untuk penyajian pilihan.

II. TEORI

ComboBox merupakan gabungan dari objek Edit dan obyek ListBox. DenganObyek ComboBox dapat menampilkan suatu daftar pilihan, tanpa harus mengetikansuatu masukan. Biasa dipakai kalau ruang pada form terbatas Ikon pada conponent

pallet :

Properti Name : nama objek Items : di isi teks sejumlah pilihan pada kotak (Tstring) Sorted : nilai True (data urut), False (tidak urut). Style : Mementukan jenis ComboBox yang digunakan DropDown

csSimplecsDropDownListcsOwnerDrawFixedcsOwnerDrawVariable

Kejadian OnClick( ) : tombol kiri mouse diklik OnEnter( ) : memberikan efek tertentu pada saat tombol mouse diarahkan.

Methode SetFocus : menempatkan kursor yang kaktif Color : memberikan warna

ListBox

LisBox merupakan kontrol yang berisi sejumlah pilihan, Pemakai dapat menyorotsalah satu di antara pilihan. Apabila ListBox mengandung entri yang melebihi ruangyang disediakan, secara otomastis akan muncul scroll bar Ikon pada Control Pallete

:

Kejadian (event) OnClick() : tombol kiri mouse diklik OnEnter() : memberikan efek tertentu pada saat tombol mouse diarahkan. OnKeyPress() : kejadian bila memberi nilai pada tombol teterntu

Page 24: Modul Praktikum Pemrograman Visual Sistem Informasi

24

Properti Items : isi larik data ItemIndex : nilai index pada larik Color : set warna Coloumns, menentukan jumah kolom pada tampilan entri MuliSelect : memilih dengan mengeblok (shift +Clik) Sorted : bila diset True ditampilkan urut dan False tidak urut

MetodeSetFocus() : menempatkan kursor yang aktifClear() : hapus isi data larikFree() : hilangkan Listbox

III.PRATEK

Membuat Program

Untuk memulai membuat program ikuti langkah-langkah berikut :Pada menu utama pilih File | New Application

Kemudian buatlah set form sebagai berkutArahkan mose komponen Standart,

o Klik pada Label dengan ikon , untuk menuliskan keterangan, Kota, HasilPilihan, Jika Combo diklik, Jika List diklik, Nilai Index.

o Klik pada ComboBox dengan ikon , untuk pilihan kota.o Untuk mengisikan isi Combo langsung dari property Item,o Klik pada komponen ComboBoxKota pada formo Arahkan ke Object Inspector, tab Properties

o Pilih Items klik pada …, lihat kotak dialogberikutnya

o Isikan misalnya nama-nama kota seperti gambar 5.1.

Gambar 5.1. String List Editor

Page 25: Modul Praktikum Pemrograman Visual Sistem Informasi

25

Gambar 5.2. Rancangan Tampilan

o Klik pada ListBox dengan ikon , untuk hasil pilihan.

o Klik pada Edit dengan ikon , untuk menampilkan hasil pilihan.o Kembali ke Component Pallete, pilih tab Editionalo Ambil komponen BitBtn dengan ikon .

Dengan set properti seperti pada tabel di bawah

Tabel 5.1 Set properti untuk rancangan gambar 5.1

Komponen Properi NilaiForm Name Form1Label Name

CaptionLabel1Kota

Label NameCaption

Label2Hasil Pilihan

Label NameCaption

Label3Jika Combo diklik

Label NameCaption

Label4Nilai Index

Label NameCaption

Label5Jika List dklik

Label NameCaption

Label6Nilai Index

ComboBox NameItems (Tstring)

ComboKotaYogyakartaSemarangSoloBandungJakartaSurabaya

ListBox Name LisboxKotaBitBtn Name

KindBitBtnbkClose

Memasukkan kode program, jika mouse melakukan klik pada pilihan kota.o Klik pada form di komponen ComboBox.o Pindah ke Object Inspector, pilih tab Eventso Pilih OnChange

Page 26: Modul Praktikum Pemrograman Visual Sistem Informasi

26

Masukan kode program berikut pada editor program

void __fastcall TForm1::ComboBoxKotaChange(TObject *Sender){ListBoxKota->Items->Add(ComboBoxKota->Text);EditPilCombo->Text = ComboBoxKota->Text;EditIndex1->Text = IntToStr(ComboBoxKota->ItemIndex);

}

o Kembali ke Form, klik komponen ListBoxo Pindah ke Object Inspector, pili tab Eventso Pilih OnClick

Masukan kode program berikut pada editor program

void __fastcall TForm1::ListBoxKotaClick(TObject *Sender){EditPilList->Text = ListBoxKota->Items->Strings[ListBoxKota->ItemIndex];EditIndex2->Text = IntToStr(ListBoxKota->ItemIndex);

}

Listing program selengkapnya :

Listing program dengan nama File Combo.h

#ifndef UnitComboH#define UnitComboH//-------------------------------------------------------------------------#include <Classes.hpp>#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>#include <Buttons.hpp>//-------------------------------------------------------------------------class TForm1 : public TForm{__published: // IDE-managed Components

TComboBox *ComboBoxKota;TListBox *ListBoxKota;TEdit *EditPilCombo;TLabel *Label1;TLabel *Label2;TLabel *Label3;TEdit *EditIndex1;TLabel *Label4;TLabel *Label5;TEdit *EditPilList;TEdit *EditIndex2;TLabel *Label6;TBitBtn *BitBtn1;void __fastcall ComboBoxKotaChange(TObject *Sender);void __fastcall ListBoxKotaClick(TObject *Sender);

private: // User declarationspublic: // User declarations

__fastcall TForm1(TComponent* Owner);};//--------------------------------------------------------------------------extern PACKAGE TForm1 *Form1;//--------------------------------------------------------------------------#endif

Listing program dengan nama File Combo.cpp

//-------------------------------------------------------------------------#include <vcl.h>#pragma hdrstop

Page 27: Modul Praktikum Pemrograman Visual Sistem Informasi

27

#include "UnitCombo.h"//-------------------------------------------------------------------------#pragma package(smart_init)#pragma resource "*.dfm"TForm1 *Form1;//-------------------------------------------------------------------------__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner){}//-------------------------------------------------------------------------

void __fastcall TForm1::ComboBoxKotaChange(TObject *Sender){ListBoxKota->Items->Add(ComboBoxKota->Text);EditPilCombo->Text = ComboBoxKota->Text;EditIndex1->Text = IntToStr(ComboBoxKota->ItemIndex);

}//-------------------------------------------------------------------------

void __fastcall TForm1::ListBoxKotaClick(TObject *Sender){EditPilList->Text = ListBoxKota->Items->Strings[ListBoxKota->ItemIndex];EditIndex2->Text = IntToStr(ListBoxKota->ItemIndex);

}//-------------------------------------------------------------------------

Simpan program Anda dengan perintah File | Save berikan nama unitCombo.cpp, danFile | Save Project As…, berikan nama projectCombo.bpr, Uji program Andadengan menjalankan Run| Run F9 atau dengan memilih ikon .

Gambar 5.3. Hasil keluaran

IV. LATIHAN

Untuk isi ComboBox atau ListBox bisa membaca dari file teks. Untukmembaca file teks makan mengunakan perintah :

ComboBoxKota->Items->LoadFromFile("KOTA.TXT);Sebelum menambahkan program maka buatlah file teks dengan menggunakanNotepad, simpan dan diberi nama KOTA.TXT, lihat gambar di bawah.

Page 28: Modul Praktikum Pemrograman Visual Sistem Informasi

28

Gambar 5.4. Membuat File Teks dengan Notpad

Cara membaca file teks, arahkan ke komponen Form tekan klik

//---------------------------------------------------------------------------void __fastcall TForm1::FormCreate(TObject *Sender){ComboBoxKota->Items->LoadFromFile("KOTA.TXT");

}

//---------------------------------------------------------------------------

Cobalah dengan cara lain program di atas diubah

//---------------------------------------------------------------------------void __fastcall TForm1::FormCreate(TObject *Sender){

ComboBoxKota->Items->Add(“YOGAYAKARTA”);ComboBoxKota->Items->Add(“SLEMAN”);ComboBoxKota->Items->Add(“BANTUL”);ComboBoxKota->Items->Add(“WATES”);ComboBoxKota->Items->Add(“WONOSARI”);

}

//---------------------------------------------------------------------------

Amati hasilnya tekan F9.

V. TUGAS

1. Apa bedanya ListBox dan ComboBox.?2. Ubahlah program tersebut jika data pilihan macam-macam buah.3. Data baca dari file teks BUAH.TXT

o Pada Object Inspector, pilih Eventso Arahkan ke OnCreate, tekan klik gandao Tambahkan pada editor program sebagai

berikut

Page 29: Modul Praktikum Pemrograman Visual Sistem Informasi

29

BAB VPERANCANGAN DATABASE

I. MAKSUD DAN TUJUAN

A.MAKSUDMempraktekan cara-cara pemrograman visual dengan menggunakan C++ Builder danmenyimpan ke database.

B. TUJUANMemberikan kemampuan memprogram dengan menggunakan komponen table, sql/query,merancang struktur tabel dengan Database Desktop, Nama Alias.

II. TEORIDatabase adalah merupakan suatu kumpulan sejumlah tabel yang direlasikan satu dengan

yang lainnya. Tabel-tabel tersebut merupakan rekaman data-data, misal data pegawai, gaji, masiswa,nilai, matakuliah dan sebagainya.

III. PRAKTEKMerancang tabel dengan Database Desktop. Untuk masuk ke Database Desktop maka :

Pilih Menu Tools | Database Desktop

Gambar 12.1. Database Desktop Pilih File | New | Table

Gambar 12.2. Pilihan Create Table

Page 30: Modul Praktikum Pemrograman Visual Sistem Informasi

30

Gambar 12.3. Merancang Struktur tabel

Simpan dengan Nama Pribadi.DB Selanjunya buatlah beberapa tabel dibawah ini :

Gambar 12.4 Mebuka Sejumlah tabel

Untuk menyimpan tabel harus jadi satu ke direktori anda sindiri Misalnya H:\NANA\nama_table Membuat nama alias (database) Pilih Database | Explorer

Object | New, Standart Gantikan nama STNDART dengan DATAKU Klik pada DATAKU isikan pada sisi kana PATH H:\direkto_anda

Page 31: Modul Praktikum Pemrograman Visual Sistem Informasi

31

Gambar 12.5. Database Explore

Keluar dari Database Explorer simpanBuatlah rancangan masukan sebagai berikut :

Untuk menggunkan komponen DBEdit, DBRadioGroup, terdapat pada Tab Data ControlsTable 12.1 Rancangan Gambar 12.6

Komponen Properi NilaiForm Name Form1Table Name

ActiveDatabaseNamaTableName

TablePribadiTrueDATAKUPribadi.db

DataSource NamaDataSet

DataSourcePribadiTablePribadi

Label1 Caption No PegawaiLabel2 Caption NamaLabel3 Caption AlamatLabel4 Caption Tanggal LahirDBEdit Name

DataSourceDataField

DBEditNoPegDataSourcePribadiNOPEG

DBEdit NameDataSourceDataField

DBEditNamaDataSourcePribadiNAMA

DBEdit NameDataSourceDataField

DBEditAlamatDataSourcePribadiALAMAT

DBEdit NameDataSourceDataField

DBEditTglLharDataSourcePribadiTGL_LHR

DBRadioGruop NameDataSourceDataFieldItems (Tstrings)

Value (Tstring)

DBRadioGroupJkelDataSourcePribadiJKELPriaWanitaP

Page 32: Modul Praktikum Pemrograman Visual Sistem Informasi

32

WDBRadioGruop Name

DataSourceDataFieldColumnsItems (Tstrings)

Value (Tstring)

DBRadioGroupAgamaDataSourcePribadiAGAMA3Islam,KristenKatolikHinduBudhaLainya123456

DBNavigator NameDataSourceShowHint

DBNavigator1DataSourcePribadiTrue

Gambar 12.6. Rancangan From

Program secara otomatis akan terbentuk sebagai berikut : File UnitPribadi.h

/-------------------------------------------------------------------#ifndef UnitPribadiH#define UnitPribadiH//------------------------------------------------------------------#include <Classes.hpp>#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>#include <Db.hpp>#include <DBCtrls.hpp>#include <DBTables.hpp>#include <ExtCtrls.hpp>#include <Mask.hpp>//------------------------------------------------------------------class TForm1 : public TForm{__published: // IDE-managed Components

TLabel *Label1;TLabel *Label2;TLabel *Label3;TLabel *Label4;TDBEdit *DBEditNoPeg;

Page 33: Modul Praktikum Pemrograman Visual Sistem Informasi

33

TDBEdit *DBEditNama;TDBEdit *DBEditAlamat;TDBEdit *DBEditTgLhr;TDBRadioGroup *DBRadioGroupJkel;TDBRadioGroup *DBRadioGroupAgama;TDBNavigator *DBNavigator1;TTable *TablePribadi;TDataSource *DataSourcePribadi;

private: // User declarationspublic: // User declarations

__fastcall TForm1(TComponent* Owner);};//------------------------------------------------------------------extern PACKAGE TForm1 *Form1;//------------------------------------------------------------------#endif

UnitPribadi.cpp

//---------------------------------------------------------------#include <vcl.h>#pragma hdrstop

#include "UnitPribadi.h"//---------------------------------------------------------------#pragma package(smart_init)#pragma resource "*.dfm"TForm1 *Form1;//----------------------------------------------------------------__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner){}//----------------------------

Program Utama ProjectPribadi.cpp

//-----------------------------------------------------------------#include <vcl.h>#pragma hdrstopUSERES("ProjectPribadi.res");USEFORM("UnitPribadi.cpp", Form1);//------------------------------------------------------------------WINAPI WinMain(HINSTANCE, HINSTANCE, LPSTR, int){

try{

Application->Initialize();Application->CreateForm(__classid(TForm1), &Form1);Application->Run();

}catch (Exception &exception){

Application->ShowException(&exception);}return 0;

}//----------------------------------------------------------------

TUGAS1. Rancanglah Tabel TUGAS.DB, dan BAGIAN.DB seperti pada gambar diatas2. Buatlah Form masukannya dan isikan datanya seperti terlihat pada gambar 12.

Page 34: Modul Praktikum Pemrograman Visual Sistem Informasi

34

BAB VIKOMPONEN DATABASE

I. MAKSUD DAN TUJUAN

A.MAKSUDMempraktekan cara-cara pemrograman visual dengan menggunakan C++ Builder danmenyimpan ke database.

B. TUJUANMemberikan kemampuan memprogram dengan menggunakan komponen table, sql/query,merancang struktur tabel dengan Database Desktop, Nama Alias.

II. TEORIUntuk fasilatas pencarian, pungurtan record adalah SQL. Ada beberapa data untuk

menampilkan rekaman secara urut, bila menggunakan komponen table maka syaratnya ada fieldindexnya atau juga disebut field kunci. Untuk tabel menggunakan dBase, urutan dengan field bisa lebihdari satu, tetapi pada Paradox hanya satu. Cara lain yang diggunakan pada Paradox pada komponenQuery adalah SQL dengan perintah SORT BY <nama field>

III. PRAKTEKBuatlah rancangan Form baru seperti pada rancangan form berkut :

Tabel 13.1 Set properti untuk rancangan gambar 13.1

Komponen Properi NilaiForm Name

CaptionForm1Tampilkan Urut

Label NameCaption

Label1Tampilkan Urut

ComboBox NameItem [Tstings]

ComboBox1NOPEGNAMA

Query NameDatabaseNameSQL [Tstrings]Active

Query1DATAKUSELECT * FROM PRIBADITrue

DataSource NameDataSet

DataSource1Query1

DBGrid NameDataSource

DBGrid1DataSource1

Page 35: Modul Praktikum Pemrograman Visual Sistem Informasi

35

Gambar 13.1. Rancangan Untuk mengurutkan

Program untuk bila ComboBox1 diklik untuk memilih urutan menurut NOPEG atau NAMA Klik pada ComboBox1 Object Inspector pilih tab Event Pilih OnClick, tekan klik ganda Masukkan program sebagai berikut :

void __fastcall TForm1::ComboBox1Click(TObject *Sender){Query1->Close();Query1->SQL->Clear();Query1->SQL->Add("SELECT * FROM PRIBADI ORDER BY");Query1->SQL->Add(ComboBox1->Text);Query1->Open();

}

Uji jalankan dengan menekan F9Lihat hasilnya

Gambar 13.2.Tampilan Untuk mengurutkan

Program Lengkapnya : file UnitQuery.h

#ifndef UnitQuryH#define UnitQuryH//------------------------------------------------------------------

Page 36: Modul Praktikum Pemrograman Visual Sistem Informasi

36

#include <Classes.hpp>#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>#include <Db.hpp>#include <DBGrids.hpp>#include <DBTables.hpp>#include <Grids.hpp>//-----------------------------------------------------------------class TForm1 : public TForm{__published: // IDE-managed Components

TQuery *Query1;TDataSource *DataSource1;TDBGrid *DBGrid1;TComboBox *ComboBox1;TLabel *Label1;void __fastcall ComboBox1Click(TObject *Sender);

private: // User declarationspublic: // User declarations

__fastcall TForm1(TComponent* Owner);};//------------------------------------------------------------------extern PACKAGE TForm1 *Form1;//------------------------------------------------------------------#endif

Program Lengkapnya : file UnitQuery.cpp

#include <vcl.h>#pragma hdrstop#include "UnitQury.h"//------------------------------------------------------------------#pragma package(smart_init)#pragma resource "*.dfm"TForm1 *Form1;//-----------------------------------------------------------------__fastcall TForm1::TForm1(TComponent* Owner)

: TForm(Owner){}//------------------------------------------------------------------

void __fastcall TForm1::ComboBox1Click(TObject *Sender){Query1->Close();Query1->SQL->Clear();Query1->SQL->Add("SELECT * FROM PRIBADI ORDER BY");Query1->SQL->Add(ComboBox1->Text);Query1->Open();

}

Tambahkan pada project di atas dengan perintas New Form atau pada menu tool bars pilh ikon ,untuk menambah Form baru yaitu From2. Lakukan seperti ranvangan di bawah:

Tabel 13.2 Set properti untuk rancangan gambar 13.3

Page 37: Modul Praktikum Pemrograman Visual Sistem Informasi

37

Komponen Properi NilaiForm Name

CaptionForm2Tambahkan Data

Query NameDatabaseName

Query1DATAKU

Label NameCaption

Label1Kode

Label NameCaption

Label2Bagian

Edit Name EditKodeEdit Name EditBagianBitBtn Name

CaptionModalResult

BitBtnSimpan&SimpanmrNone

Ketika kode dan nama akan diisi maka langkah selanjutnya akan disimpan dengan menekan tombolSimpan maka masukkan kode berikut : Klik pada Tombol Simpan Object Inspector pilih tab Event Tekan kli ganda OnClick Masukkan program berikut

Gambar 13.2.Tampilan Untuk mengurutkan

void __fastcall TForm2::BitBtnSimpanClick(TObject *Sender){Query1->DatabaseName="DATAKU";Query1->Close();Query1->SQL->Clear();Query1->SQL->Add("INSERT INTO BAGIAN (KODEBAG,BAGIAN) VALUES");Query1->SQL->Add("('"+EditKode->Text+"','"+EditBagian->Text+"')");Query1->ExecSQL();ShowMessage(AnsiString("Data Sudah Tersimpan................."));Kosongkan();EditKode->SetFocus();

}

Fungsi Kosongkan : untuk mengosongkan isian setelah simpan untuk memasukkan data berikutnya.

void TForm3::Kosongkan(){EditKode->Text ="";EditBagian->Text ="";

}

Program Lengkapnya

Page 38: Modul Praktikum Pemrograman Visual Sistem Informasi

38

Filer UnitSimpan.h

//------------------------------------------------------------------#ifndef UnitSimpanH#define UnitSimpanH//------------------------------------------------------------------#include <Classes.hpp>#include <Controls.hpp>#include <StdCtrls.hpp>#include <Forms.hpp>#include <Buttons.hpp>#include <Db.hpp>#include <DBTables.hpp>//-------------------------------------------------------------------class TForm2 : public TForm{__published: // IDE-managed Components

TEdit *EditKode;TLabel *Label1;TLabel *Label2;TEdit *EditBagian;TBitBtn *BitBtnSimpan;TQuery *Query1;void __fastcall BitBtnSimpanClick(TObject *Sender);

private: // User declarationspublic: // User declarations

void Kosongkan();__fastcall TForm2(TComponent* Owner);

};//------------------------------------------------------------------extern PACKAGE TForm2 *Form2;//------------------------------------------------------------------#endif

File : UnitSimpan.cpp

//------------------------------------------------------------------#include <vcl.h>#pragma hdrstop#include “UnitSimpan.h”//------------------------------------------------------------------#pragma package(smart_init)#pragma resource “*.dfm”Tform2 *Form2;//------------------------------------------------------------------__fastcall Tform2::Tform2(Tcomponent* Owner)

: Tform(Owner){}//-----------------------------------------------------------------

void __fastcall Tform2::BitBtnSimpanClick(Tobject *Sender){Query1->DatabaseName=”DATAKU”;Query1->Close();Query1->SQL->Clear();Query1->SQL->Add(“INSERT INTO BAGIAN (KODEBAG,BAGIAN) VALUES”);Query1->SQL->Add(“(‘”+EditKode->Text+”’,’”+EditBagian->Text+”’)”);Query1->ExecSQL();ShowMessage(AnsiString(“Data Sudah Tersimpan…..............”));Kosongkan();

Page 39: Modul Praktikum Pemrograman Visual Sistem Informasi

39

EditKode->SetFocus();}//------------------------------------------------------------------

void Tform3::Kosongkan(){EditKode->Text =””;EditBagian->Text =””;

}

Simpan Program utama (project dengan nama Modul14.dpr) dan mesing-masing unit dengan namaUnitQury.cpp dan UnitSimpan.cpp

IV. TUGAS

Ubah pada gambar 13.2 jika pilihannya dengan ComboBox Sebagai berkut :

Page 40: Modul Praktikum Pemrograman Visual Sistem Informasi

40

BAB VIIKONEKSI DATABASE

I. MAKSUD DAN TUJUAN

A.MAKSUDMempraktekan cara-cara pemrograman visual dengan menggunakan C++ Builder danmenyimpan ke database.

B. TUJUANMemberikan kemampuan memprogram dengan menggunakan komponen table, sql/query,merancang struktur tabel dengan Database Desktop, Nama Alias, dan lanjutan dari modulsebelumnya.

II. TEORIPencarian pengurutan data dengan menggunakan SQL. Cara lain menggunakan pencarian

data dengan perintah Locate, dan untuk menyimpan dengan menggunakan Query. Perintah Queryatau SQL terdiri dari : CREATE TABLE; membuat tabel, SELECT : menampilkan isi record,INSERT : menambah isi record, UPDATE : memperbaharui record tertentu, dan DELETE untukmenghapus.

III. PRAKTEKBuka kembali modul sebelumnya buka project pada modul 13 yaitu project13.bpr.

Tambahkan pada project di atas dengan perintas New Form atau pada menu tool bars pilih ikon ,untuk menambah Form baru yaitu From2. Lakukan seperti rancangan di bawah:

Tabel 14.1 Set properti untuk rancangan gambar 14.1

Komponen Properi NilaiForm Name

CaptionForm3Edit Data

Table NameDatabaseNameTableNameActive

Tabel1DATAKUBagian.dbTreu

Query NameDatabaseName

Query1DATAKU

Button NameCaption

ButtonCekCek

BitBtn NameCaptionModalResult

BitBtnSimpan&SimpanmrNone

Gambar 14.1. Rancangan Form untuk edit

Page 41: Modul Praktikum Pemrograman Visual Sistem Informasi

41

Ketika kode akan diisi maka langkah selanjutnya akan dicek menekan tombol Cek, jika ada akantampilkan, maka masukkan kode berikut : Klik pada Tombol Cek Object Inspector pilih tab Event Tekan klik ganda OnClick Masukkan program berikut :

void __fastcall TForm3::ButtonCekClick(TObject *Sender){Table1->Open();TLocateOptions Cari;Cari.Clear();Cari << loPartialKey;if (Table1->Locate("KODEBAG",EditKode->Text,Cari))EditBagian->Text =Table1->FieldByName("BAGIAN")->AsString;

elseif (Application->MessageBox("Data Tidak ada..............",

"Perhatian", MB_OK) == IDOK){Kosongkan();EditKode->SetFocus();return;

}

}

Ketika kode dan nama akan diisi, maka langkah selanjutnya akan disimpan untuk update, denganmenekan tombol Simpan maka masukkan kode berikut : Klik pada Tombol Simpan Object Inspector pilih tab Event Tekan klik ganda OnClick Masukkan program berikut :

void __fastcall TForm3::BitBtnSimpanClick(TObject *Sender){Query1->Close();Query1->SQL->Clear();Query1->SQL->Add("UPDATE BAGIAN");Query1->SQL->Add("SET KODEBAG='"+EditKode->Text+"'");Query1->SQL->Add(",BAGIAN ='"+EditBagian->Text+"'");Query1->SQL->Add("WHERE KODEBAG='"+EditKode->Text+"'");Query1->ExecSQL();ShowMessage(AnsiString("Data Sudah Terupdate................."));Kosongkan();EditKode->SetFocus();

}

Program kosongkan adalah untuk mengosongkan isian pada saat selesai penyimpanan :

void TForm3::Kosongkan(){EditKode->Text ="";EditBagian->Text ="";

}

Page 42: Modul Praktikum Pemrograman Visual Sistem Informasi

42

Ketika kita mempunyai 3 Form kalau kita ingin manjalankan maka baisanya form yang pertamaadalah form yang aktif. Pada contoh ini, terdapat 3 Form, Form1, Form2, Form3. Otomatis Form1yang akatif. Untuk mengaktifkan supaya Form2 yang menjadi Form utama adalah dengan lankah-langkah sebagai berikut :

Pilih Menu Project Option … Lihat gambar 14.2

Pada Dalog Project Option Pilih tab Form Pada Combo Main form pilih Form3. (Form3 sebagai Form utama) Pada saat di Run akan tampil didepan. Lihat gambar 14.3

Gambar 14.2. Project Option

Page 43: Modul Praktikum Pemrograman Visual Sistem Informasi

43

Gambar 15.3. Dialog Project Option

Uji program dengan teka F9

Gambar 14.4. Pesan jka data tidak ditemukan

Application->MessageBox("Data Tidak ada..............", "Perhatian",MB_OK) == IDOK) adalah fungsi untuk menampilkan pesan seperti gambar 14.4.

Bisa juga mengunakan funsi : ShowMessage(AnsiString("Data SudahTerupdate.................")); (lihat gambar 14.5.

Page 44: Modul Praktikum Pemrograman Visual Sistem Informasi

44

Gamber 14.5. Pesan ketika data diupadate

IV. TUGASBuatlah dengan cara yang sama untuk menghapus data dengan menggunakan seperti rancangan yangada. Sebelum dihapus buatlah fungsi pesan “Banar data ini akan dihapus” dangan dua tombol“Yes”, “No”