PEMROGRAMAN VISUAL II (FOXPRO)

(1)

Pemrograman C Pengenalan Borland C++

1

Modul

PEMROGRAMAN VISUAL II (FOXPRO)

Sistem Informasi S1

Fakultas Ilmu Komputer Suzan Agustri, S.Kom., M.T.I.

UNIVERSITAS INDO GLOBAL MANDIRI

2016

NPM : Nama : Kelas :

(2)

Pemrograman Visual II

S I L A B U S

Kode Mata Kuliah : SI305 Jumlah SKS : 4 SKS

Kelas : 121301

Nama Mata Kuliah : Pemrograman Visual II Jadwal : Senin

Dosen : Suzan Agustri, S.Kom., M.T.I.

Bahasa Pengantar : Bahasa Indonesia

Objektif

Mata kuliah ini merupakan bahasa pemrograman dengan tujuan spesifik membuat database. Mata kuliah ini membuat aplikasi database yang terintegrasi karena telah memiliki DBMS sendiri yang berekstensi .dbc didalamnya. Materi mata kuliah ini difokuskan pada: pengenalan form control, rancangan form, dan pembuatan tabel- tabel pada database serta hubungannya. Selain itu, mata kuliah ini juga merancang menu dan pembuatan report.

Penilaian: Kehadiran 5%, Quiz 20%, Tugas 20%, UTS 25%, UAS 30%.

Buku Teks Utama: Budi Santoso. Panduan Lengkap Pemrograman Visual Foxpro. Andi Yogyakarta. 2004.

Prasyarat: -

Jadwal Perkuliahan:

Jadwal perkuliahan berikut merupakan panduan yang dapat berubah sewaktu-waktu sesuai kebutuhan perkuliahan berdasarkan pertimbangan dosen.

(3)

Pemrograman Visual II

Minggu ke- Tanggal Topik

1 5-Sep-16 Pengenalan Visual FoxPro

2 12-Sep-16 Pengenalan Visual FoxPro (lanjutan)

3 19-Sep-16 If-Else

4 26-Sep-16 If-Else (lanjutan) QUIZ

5 3-Okt-16 Option Group

6 10-Okt-16 Check Box

Combo Box

7 17-Okt-16 Tabel

MID TEST

8 24-Okt-16 Tabel (lanjutan)

Update Entry

9 31-Okt-16 Update Entry (lanjutan) Update Edit

10 7-Nop-16 Update Edit (lanjutan)

11 14-Nop-16 Update Delete

QUIZ

12 21-Nop-16 Update Delete (lanjutan) Database

13 28-Nop-16 Database (lanjutan)

Report

14 5-Des-16 Menu

12-Des-16 FINAL TEST

(4)

Pemrograman Visual II Pengenalan Visual FoxPro

PENGENALAN VISUAL FOXPRO

BAHASA PEMROGRAMAN VISUAL FOXPRO

Microsoft Visual FoxPro atau sering disingkat dengan FoxPro merupakan suatu bahasa pemrograman visual yang berorientasi pada database. Microsoft Visual FoxPro sebenarnya penerus dari generasi sebelumnya, yaitu FoxPro for DOS, FoxPro for Windows, FoxPro 5.0, dan seterusnya.

Berikut ini adalah beberapa elemen layar yang ada pada FoxPro:

Jendela Command/Command Window

 sebagai tempat memberikan perintah secara langsung kepada Microsoft Visual FoxPro atau dengan kata lain dapat pula diartikan sebagai alternatif dalam memberikan perintah selain menggunakan MenuBar atau ToolBar.

Untuk menampilkan atau menutup tekan tombol CTRL+F2 atau pilih WINDOW, kemudian COMMAND WINDOW.

Form Designer

 sebuah jendela yang berfungsi untuk merancang tampilan program yang akan dibuat.

Pada window ini dapat ditambahkan beberapa kontrol sebagai media untuk memudahkan dalam menggunakan program

(5)

2 Form Control

 kumpulan tools (kontrol) yang berfungsi untuk merancang tampilan program yang akan dibuat.

Untuk menampilkan atau menutup, pilih VIEW, TOOLBAR, kemudian klik pada kotak pilihan Form Controls, lalu OK.

Beberapa fungsi Form Controls:

 label, membuat objek label (keterangan dari textbox)

 textbox, membuat kotak input data satu baris bertipe text/character, numeric, serta date.

 command button, tombol aksi seperti, Keluar, Cetak, Edit, Hapus, Add, dan lain-lain

 shape, membuat gambar kotak atau garis pada form. Kemudian pilih SEND TO BACK pada menu FORMAT.

 optiongroup, input data berupa beberapa pilihan dengan cara klik pada bulatan

 checkbox, input data berupa beberapa pilihan dengan cara klik pada kotak.

 editbox, membuat input data dengan banyak baris/memo

 combobox, input data berupa beberapa pilihan dengan memilih list/daftar pilihan

 grid, menampilkan data dalam bentuk tabel

Format umum kontrol:

thisform.[kontrol].[control keyword]

Properties

 untuk mengatur sifat dari kontrol program yang digunakan. Dengan jendela ini programmer dapat mengganti warna, menetukan lebar, menentukan panjang dari sebuah kontrol, dan lain-lain.

Untuk menampilkan, klik icon pada toolbar (gambar tangan memegang kertas).

(6)

Beberapa fungsi Properties:

 caption, memberi nama pada form/kontrol

 autotext, menyesuaikan lebar tampilan caption

 maxlength, membatasi jumlah pengisian data untuk tipe data Character

 inputmask, kontrol textbox hanya dapat di-input dan menampilkan angka. Pada Properties diisi angka 9 sebanyak maksimum jumlah digit dari angka tersebut.

 enabled, me-nonaktifkan kontrol agar tidak bisa ditulis (dengan memilih True)

 read only, membuat kontrol hanya dapat dibaca saja tetapi tidak dapat di-input (dengan memilih True)

 name, nama kontrol untuk menulis bahasa perintah

 password char, tampilan pada password

 backstyle:

- Opaque, untuk latar putih

- Transparent, untuk latar warna form

 control box, jika False, maka logo FoxPro pada form akan hilang

 format, mengubah tampilan isian kontrol, cont. E untuk tampilan isian tanggal, ! untuk huruf kapital

MERANCANG FORM

Langkah dasar membuat Form:

1. Membuat Project

2. Membuat form pada Form Designer

3. Menambahkan beberapa kontrol dari Form Controls pada form untuk merancang 4. Mengatur nilai form dan kontrolnya pada Properties

5. Mengetik bahasa perintah/kode program pada form dan kontrol yang telah dirancang/dibuat

Menyimpan Form:

- Pilih FILE pada menubar, SAVE, kemudian ketik nama form - Pilih FILE pada menubar, SAVE AS, kemudian ketik nama form

Menjalankan Form:

- Klik icon run pada saat form terbuka/aktif - Atau, pada Command Window ketik:

do form [form]

- Atau, tekan tombol CTRL+E

(7)

4 Beberapa jenis Procedure:

 Activate, tampilan pertama kali program dijalankan

 Click, perintah dieksekusi jika kontrol di klik

 Init

 Load, perintah dieksekusi pada saat aplikasi dijalankan

 Unload, perintah dieksekusi pada saat aplikasi akan ditutup

 InteractiveChange, perintah dieksekusi pada saat kontrol diisi

 LostFocus, perintah dieksekusi setelah kontrol diisi dan menekan tombol enter

Nilai awal input textbox tipe data karakter dan tipe data numerik, serta output textbox tipe data karakter:

.[textbox].value = ’ ’

Nilai awal output textbox tipe data numerik:

.[textbox].value = 0

Input text box ke tabel bertipe data karakter:

replace [field] with [textbox].value

Input text box ke tabel bertipe data numerik:

replace [field] with val([textbox].value)

Input text box ke tabel bertipe data tanggal:

replace [field] with ctod([textbox].value)

Menampilkan isi tabel ke textbox:

[textbox].value = [field]

(8)

Kata perintah eksekusi text box bertipe data numerik (untuk input text box):

val([textbox].value)

Kata perintah eksekusi text box bertipe data numerik (untuk ouput/hasil perhitungan text box):

[textbox].value

Operator Aritmatika

^  pemangkatan

*  perkalian

/  pembagian

+  penjumlahan -  pengurangan

Operator Relasi

>  lebih dari

>=  lebih dari atau sama dengan

<  kurang dari

<=  kurang dari atau sama dengan

=  sama dengan

<>  tidak sama dengan

Operator Logika

AND  dan

OR  atau

Penggunaan WITH THISFORM pada saat pengetikan kata perintah, untuk mewakili seluruh thisform pada tiap kata perintah (lebih dari satu thisform), dan diakhiri dengan END WITH atau ENDW

Menampilkan garis bawah di Command Button:

1. Pilih Command Button

2. Pada Properties, pilih Caption

3. Ketik \< tepat sebelum huruf yang akan diberi garis bawah

(9)

Pemrograman Visual II Latihan Pengenalan Visual FoxPro

6 Ketentuan:

 Input Lama Menginap

 Input Harga Kamar

 Total Bayar adalah Lama Menginap dikalikan Harga Kamar

 Klik Process, tampil Total Bayar

 Klik Cancel, control tlama, tharga, dan ttotal kembali seperti tampilan awal (kursor standby di tlama)

 Klik Exit, program keluar

Tampilan Hasil Program:

(10)

Pemrograman Visual II Latihan Pengenalan Visual FoxPro

Jawaban Latihan:

(11)

Pemrograman Visual II If Else

8

I F E L S E

Format perintah untuk format tanggal pada Procedure Load dan Object Form:

set century on set date british

Set century on untuk input tahun pada kontrol tanggal bejumlah 4 digit Set date british untuk format tanggal: dd/mm/yyyy

Merapikan kata perintah:

1. BEAUTIFY pada menu TOOLS 2. Pilih continuation lines 3. Klik run

Format perintah if-else:

if ([kontrol]) [operator relasi] [nilai] then [perintah1]

else

[perintah2]

end if

Format perintah if-else-if:

if ([kontrol]) [operator relasi] [nilai] then [perintah1]

else

if ([kontrol]) [operator relasi] [nilai] then [perintah2]

….

end if

(12)

Pemrograman Visual II Latihan If Else

Ketentuan:

 Sub Total didapat dari Lama Menginap dikalikan dengan Harga Kamar

 Jika jumlah Sub Total lebih dari atau sama dengan Rp. 100.000,-, mendapat diskon 10%

 Total Bayar adalah jumlah Sub Total dikurangi jumlah Diskon

 Gunakan format tanggal pada Tanggal Check In

 Klik Process, tampil hasil Sub Total, Diskon, dan Total Bayar

 Klik Cancel, semua kontrol kembali ke tampilan awal dan kursor standby pada ttanggal

 Klik Exit, program keluar

(13)

10 Jawaban Latihan:

(14)

Ketentuan:

 Jika lama menginap 6 hari sampai 10 hari, maka mendapat diskon 10%

 Jika lama menginap 11 hari sampai 15 hari, maka mendapat diskon 15% dan complimentary ’Spa’

 Jika lama menginap 16 hari sampai 20 hari, maka mendapat diskon 20% dan complimentary ’Spa’

 Jika lama menginap 21 hari sampai 25 hari, maka mendapat diskon 25% dan complimentary ’Free Minibar’

 Jika lama menginap 26 hari sampai 30 hari, maka mendapat diskon 30% dan complimentary ’Free Minibar’

 Jika lama menginap lebih dari 30 hari, maka mendapat diskon 50% dan complimentary

’Ballroom’

(15)

lanjutkan ke balik halaman ini jika tidak cukup

(16)

Pemrograman Visual II Option Group

OPTION GROUP

Input kontrol berdasarkan Enter:

1. Klik VIEW pada MENU 2. Klik TAB ORDER

3. Klik kontrol sesuai dengan urutan yang diinginkan yang dimulai dari urutan pertama

Menambah kontrol option group pada form:

1. Pilih dan klik option group di Form Controls 2. Klik di form

3. Pada saat option group terpilih, pilih Button Count di Properties 4. Ketik jumlah pilihan option group

Nilai awal option group:

[option group].value = 1

Nilai 1 pada option group menandakan jika pilihan pertama pada kontrol tersebut terpilih, nilai 2 jika pilihan kedua terpilih, dan seterusnya.

Menampilkan isi tabel ke kontrol optiongroup:

[option group].value = [field]

(17)

Pemrograman Visual II Option Group

14 Format perintah eksekusi kontrol option group:

if [option group].value = 1 then [perintah]

. . . . . . . . else

if [option group].value = 2 then [perintah]

. . . . . . . . . . . .

. . . . end if end if

Memasukkan data kontrol option group ke tabel:

if [option group].value = 1 then

replace [field] with ‘[keterangan]’

else

if [option group].value = 2 then

replace [field] with ‘[keterangan]’

. . . . . . . .

end if

(18)

Pemrograman Visual II Latihan Option Group

Ketentuan:

 Setelah Harga Kamar diisi dan di enter, muncul output Total Bayar (sebelum mendapat diskon).

 Jika Cara Bayar Tunai, mendapat Diskon 10% dari perhitungan Lama Menginap dengan Harga Kamar, Total Bayar berubah sesuai jumlah diskon, serta Compliment ’Welcome Drink’.

 Jika Cara Bayar Kartu Kredit, mendapat Diskon 20% dari perhitungan Lama Menginap dengan Harga Kamar, Total Bayar berubah sesuai jumlah diskon, serta Compliment ’Spa’.

(19)

Pemrograman Visual II Latihan Option Group

(20)

Pemrograman Visual II Check Box

CHECK BOX

Nilai awal check box:

[check box].value = 0

Nilai 0 pada check box menandakan bahwa kontrol tersebut tidak terpilih, sedangkan nilai 1 pada check box menandakan kontrol terpilih.

Jika [check box].enabled = .f., berarti check box tersebut tidak aktif (tidak dapat dipilih).

Jika [check box].enabled = .t., berarti check box tersebut aktif (dapat dipilih).

Format perintah eksekusi kontrol check box:

if [check box].value = 1 then [perintah]

. . . . . . . . end if

Menampilkan isi tabel ke kontrol check box:

if [field] = ‘[keterangan]’

[check box].value = 1 end if

Memasukkan data kontrol check box ke tabel:

if [check box].value = 1

replace [field] with ‘[keterangan]’

end if

(21)

Pemrograman Visual II Latihan Check Box

18 Ketentuan:

 Jika Harga Kamar diisi, maka akan muncul output Total Pembayaran.

 Jika Cara Bayar Tunai, maka akan mendapat Diskon 10% dari perhitungan Lama Menginap dengan Harga Kamar, dan mendapat Compliment ’Welcome Drink’. Jika Cara Bayar Kartu Kredit, maka akan mendapat Diskon 20% dari perhitungan Lama Menginap dengan Harga Kamar, dan akan mendapat Compliment ’Spa’.

 Jika berasal dari Perusahaan, maka mendapat diskon 5% dan Pribadi tidak dapat dipilih.

Jika berasal Pribadi, maka tidak medapat diskon dan Perusahaan tidak dapat dipilih. Jika Anggota Adem Ayem, maka mendapat diskon 5%.

(22)

(23)

20 lanjutkan ke balik halaman ini jika tidak cukup

(24)

Pemrograman Visual II Combo Box

COMBO BOX

Pencabangan CASE

 digunakan sebagai pengganti IF ELSE IF

Format perintah CASE:

do case

case [syarat1]

[perintah1]

case [syarat2]

[perintah2]

….

otherwise

[perintah_lainnya]

end case

Properties pada combo box:

 Row Source Type, menentukan sumber data dari kontrol combobox (dengan memilih Value)

 Row Source, nilai yang akan dipilih untuk tampilan pilihan pada form (antar nilai dipisah dengan koma)

 Style, membuat kontrol combobox hanya dapat dipilih saja (dengan memilih dropdown list)

Nilai awal combo box:

[combobox].listindex = 0

Nilai 0 pada combo box menandakan bahwa kontrol tersebut dalam keadaan tidak terpilih jika aplikasi dijalankan, sedangkan nilai 1 pada combo box menandakan kontrol tersebut menampilkan pilihan pertama.

(25)

Pemrograman Visual II Combo Box

22 Format combo box pada saat eksekusi:

[combobox].displayvalue

Menampilkan isi tabel ke combobox:

[combobox].displayvalue = [field]

Memasukkan data combobox ke tabel:

if [combobox].displayvalue = ‘[keterangan]’

replace [field] with ‘[keterangan]’

else

. . . .

end if

(26)

Pemrograman Visual II Latihan Combo Box

Ketentuan:

 Input Nama Tamu, Alamat, Warga Negara, Tipe Kamar, Lama Menginap, dan Cara Bayar.

 Jika input Tipe Kamar, maka akan muncul output Harga Kamar, Diskon, dan Total Pembayaran.

 Jika input Lama Menginap, maka akan muncul output Diskon, dan Total Pembayaran.

 Jika input Cara Bayar, maka akan muncul output Compliment, Diskon, dan Total Pembayaran.

 Pilihan pada Tipe Kamar :

 Jika Tipe Kamar Standard, maka Harga Kamar Rp. 400.000,-

 Jika Tipe Kamar Superior, maka Harga Kamar Rp. 600.000,-

 Jika Tipe Kamar Deluxe, maka Harga Kamar Rp. 800.000,-

 Jika Tipe Kamar Suite, maka Harga Kamar Rp. 1.000.000,-

 Jika Cara Bayar Tunai, maka mendapat Compliment Welcome Drink dan Diskon 10%

 Jika Cara Bayar Kartu Kredit, maka mendapat Compliment Spa dan Diskon 20%

 Total Pembayaran = (Lama Menginap * Harga Kamar) – Diskon

 Gunakan DO CASE !

(27)

Pemrograman Visual II Latihan Combo Box

(28)

Pemrograman Visual II Tabel

T A B E L

Tipe Data Variabel dan Field

character  karakter

currency  bilangan uang

date  tanggal

date time  tanggal dan waktu

logical  logika, seperti True atau False numeric  bilangan numerik

Tipe Data Field

double  bilangan desimal ganda

float  bilangan desimal

general  objek OLE integer  bilangan bulat

memo  memo/keterangan

Langkah membuat tabel:

1. Dari Project Manager, pilih tab DATA 2. Pilih FREE TABLES, kemudian klik NEW 3. Pilih NEW TABLE

4. Simpan nama tabel

5. Ketik nama field, tipe, panjang karakter, Jika field tersebut merupakan primary key, beri index ascending

6. Jika ingin langsung mengisi record pada tabel, klik yes. Jika tidak, klik no

Input data pada tabel:

1. Pilih tabel pada Project Manager, kemudian klik BROWSE 2. Klik menu VIEW, kemudian pilih APPEND MODE

3. Isi tabel

Hapus data pada tabel:

1. Pilih tabel pada Project Manager, kemudian klik BROWSE 2. Pilih record yang akan dihapus

3. Klik menu TABLE, kemudian klik DELETE RECORDS 4. Ulangi langkah 2 dan langkah 3

(29)

26 5. Setelah semua record terpilih, klik menu TABLE

6. Pilih REMOVE DELETED RECORDS

Properties pada grid:

 Record Source, sumber data yang berasal dari tabel (path nama tabel)

 Read Only, kontrol grid hanya dapat dibaca (dengan memilih true)

Pengaturan Grid:

1. Klik kanan pada grid, pilih BUILDER

2. Pada tab GRID ITEM, pilih nama tabelnya

3. Kemudian pada Available Fields, pilih nama-nama field untuk ditampilkan pada grid dengan meng-klik icon panah kanan

4. Klik OK

Pengaturan grid untuk tampilan form:

1. Klik kanan pada grid, pilih EDIT 2. Pilih nama field

3. Pada Properties, pilih Caption

4. Ubah nama field sesuai yang diinginkan

Menampilkan data/record ke control GRID:

[grid].refresh

Menghubungkan Form dengan Tabel (pada Procedure LOAD):

close tables all

use ‘[path/letak tabel di komputer]’

set order to tag [primary key tabel]

Menampilkan Record Pertama/First pada Tabel:

go top

thisform.activate

(30)

Menampilkan Record Terakhir/Last pada Tabel:

go bottom

thisform.activate

Menampilkan Record Sebelumnya/Previous pada Tabel:

skip -1

if bof()

go top endi

thisform.activate

Menampilkan Record Setelahnya/Next pada Tabel:

skip 1

if eof()

go bottom endi

thisform.activate

Tombol pada Kotak Dialog Pesan/Message Box:

KODE KETERANGAN

0 1 2 3 4 5

Tombol OK

Tombol OK dan CANCEL

Tombol ABORT, RETRY, dan IGNORE Tombol YES, NO, dan CANCEL Tombol YES dan NO

Tombol RETRY dan CANCEL

(31)

28 Simbol pada Kotak Dialog Pesan:

KODE KETERANGAN

16 32 48 64

Tanda stop/berhenti (silang) Tanda tanya

Tanda seru (segitiga) Tanda informasi

Menampilkan kotak dialog dengan tombolnya:

[kode tombol]+[kode simbol]

Menampilkan pesan melalui kotak pesan:

messagebox(“[isi pesan]”, [tombol pesan], “[judul pesan]”)

Mencari record pada tabel berdasarkan form:

locate for left([field], [jum karakter field pd tabel]) = alltrim([text box].value)

Pengecekan data/record di form ada di tabel:

if found()

Menampilkan data/record dari tabel yang telah ditemukan:

set filter to left([field], [jum karakter field pd tabel]) = alltrim([text box].value)

(32)

Pemrograman Visual II Latihan Tabel

Buatlah tabel dengan nama tabel KAMAR pada Project Manager dengan ketentuan sebagai berikut:

Nama Field (Name) Panjang Field (Width) Index

no 4 Ascending

tipe 10

lantai 2

lokasi 30

status 10

harga 7

Tentukan sendiri tipe field nya !

Kemudian input tabel tersebut dengan ketentuan berikut:

DATA TABEL KAMAR

No Tipe Lantai Lokasi Status Harga

1111 Standard 2 Taman View Terisi 400000

2222 Standard 2 Mall View Kosong 400000

3333 Standard 3 Dinding View Kosong 400000

4444 Superior 1 Kolam Renang View Terisi 600000

5555 Superior 3 Fitness Center View Terisi 600000

6666 Deluxe 5 Mall View Kosong 800000

7777 Deluxe 7 Kolam Renang View Kosong 800000

8888 Suite 10 Ampera View Terisi 1000000

Ketentuan soal:

 Jika tombol FIRST dipilih, maka menampilkan record pertama dari tabel

 Jika tombol PREVIOUS dipilih, maka menampilkan record sebelumnya dari tabel

 Jika tombol NEXT dipilih, maka menampilkan record berikutnya dari tabel

 Jika tombol LAST dipilih, maka menampilkan record terakhir dari tabel

(33)

(34)

Buatlah program mencari Tipe Kamar pada text box tcaritipe. (Jangan lupa buat procedure load !)

(35)

(36)

Pemrograman Visual II Update pada Form

UPDATE PADA FORM

Menyiapkan record untuk di-input pada tabel:

append blank

VALIDASI

Pengecekan control kosong:

if empty ([control])

Mendeteksi seluruh isi control yang terisi:

seek alltrim ([control])

EDIT

Menampilkan isi tabel ke control:

[control] = [field]

DELETE

Menghapus record pada tabel ditulis di tiga PROCEDURE, yaitu:

1. LOAD, penyetelan hapus record pada saat program dijalankan.

set deleted on

(37)

Pemrograman Visual II Update pada Form

34 2. UNLOAD, membatalkan penyetelan hapus record, dan menghapus record yang dipilih di

tabel pada saat program selesai dijalankan.

set deleted off pack

3. CLICK pada command button, perintah untuk menghapus record.

delete

(38)

Pemrograman Visual II Latihan Update pada Form

Buatlah program meng-entry data kamar ke dalam tabel kamar dengan validasi terhadap Nomor Kamar. Jika Nomor Kamar telah ada di tabel, tampilkan pesan “Data Telah Ada”.

Jika No Kamar belum ada di tabel, tampil pesan ”Data Belum Ada. Ingin Input?”

Jika ingin entry, maka form siap untuk diisi. Form akan kembali ke tampilan awal setelah data kamar di-entry.

Jika tidak ingin entry, maka form akan kembali ke tampilan awal.

(39)

(40)

Pada program Edit Data di atas, jika diisi record baru, maka akan tampil pesan “Data Tidak Ada”. Pada saat No. Kamar diisi, maka akan tampil data dari No. Kamar tersebut. Data tersebut dapat di ubah, kemudian disimpan kembali.

(41)

(42)

Buatlah program menghapus data/record. Jika No. Kamar tidak ada, maka keluar pesan

“DATA TIDAK ADA”. Jika No. Kamar ada, maka akan tampil data pada Tipe Kamar, Lantai, Lokasi, Status Kamar, dan Harga Kamar. Jika data tombol Delete di klik, maka keluar pesan

“Benar Ingin Dihapus?”. Jika Yes, maka hapus data. Jika No, maka data tidak akan dihapus.

Tampilan Hasil Program:

(43)

(44)

Buatlah program entry, edit, dan delete data pada tabel. Jika No. Kamar ada, maka tampil data Tipe Kamar, Lantai, Lokasi, Status Kamar, dan Harga Kamar, dan form siap di-edit. Jika tidak ada No. Kamar, form siap di-entry. Jika tombol Delete di klik, maka tampil pesan “Benar Ingin Dihapus?”, jika Yes, maka hapus record. Pada Save, jika sama dengan isi tabel, maka simpan data, jika tidak, maka siapkan record baru untuk di-entry.

Tampilan Hasil Program:

(45)

(46)

Pemrograman Visual II Database

D A T A B A S E

Database/basisdata merupakan tempat menyimpan data suatu informasi. Dengan database, tabel dapat diorganisasikan dan digunakan secara bersamaan.

Membuat database:

1. Buka Project Manager 2. Pilih DATABASES pada DATA

3. Klik NEW, kemudian simpan database dan tutup database 4. Buka kembali Project Manager

5. Pilih database yang telah disimpan 6. Pilih TABLES, kemudian klik ADD

7. Pilih tabel yang akan dimasukkan di database pada kotak dialog Select table name 8. Buka kembali database yang telah disimpan dengan mengklik MODIFY

9. Pada Database Designer, klik kanan field di Indexes, kemudian pilih MODIFY 10. Klik tab INDEXES, ubah Type menjadi Primary

11. Selanjutnya klik dan drag field di indexes dari tabel tersebut ke field di indexes pada tabel yang akan dihubungkan

12. Jika sebuah garis penghubung muncul, maka field pada kedua tabel tersebut telah terhubung

13. Tutup jendela Database Designer

(47)

Pemrograman Visual II Database

44 Membuka beberapa tabel secara bersamaan pada Procedure LOAD:

close tables all

select 1

use “[path nama tabel]”

set order to tag [primary key tabel 1]

select 2

use “[path nama tabel]”

set order to tag [primary key tabel 1]

. . . . . . . .

Penambahan nomor otomatis di tabel pada form pada Procedure Activate:

select [nomor tabel]

reindex go bottom

with thisform

if empty (field) [kontrol] = 1 else

[kontrol] = [field] + 1 endif

endwith

(48)

Pemrograman Visual II Latihan Database

Buatlah tabel dengan nama tabel TAGIHAN pada Project Manager dengan ketentuan sebagai berikut (Setelah tabel dibuat, hubungkan tabel Kamar dan tabel Tagihan di database HOTEL) :

Nama Field (Name) Tipe Data (Type) Panjang Field (Width) Index

notag Numeric 5

tanggal Date 8

nama Character 25

jenkel Character 6

keperluan Character 18

no Character 4 Ascending

lama Numeric 3

deposit Numeric 9

total Numeric 9

Buatlah form program entry No. Tagihan, Tanggal Check In, Nama Tamu, Jenis Kelamin, Keperluan, No. Kamar, Lama Menginap, Deposit, dan Total Bayar yang disimpan di tabel Tagihan. Semua data yang di-input ke tabel akan tampil di grid.

 No. Tagihan akan melakukan validasi setiap di-input.

 Jika No. Kamar tidak dipilih, akan muncul pesan ‘No. Kamar Harus Dipilih’. Jika No. Kamar dipilih, maka tampil data Tipe Kamar dan Harga Kamar.

 Jika Status kamar ‘Terisi’, No. Kamar tidak dapat di-input dan akan muncul pesan ‘Kamar Telah Terisi’.

 Jika Status kamar ‘Kosong’, No. Kamar dapat di-input. Dan setelah data disimpan, Status kamar akan berubah menjadi ‘Terisi’.

(49)

(50)

(51)

48 lanjutkan ke balik halaman ini jika tidak cukup

(52)

Pemrograman Visual II Report

R E P O R T

Langkah membuat report:

1. Klik REPORT pada PROJECT MANAGER.

2. Klik NEW, kemudian NEW REPORT.

3. Klik VIEW pada toolbar, pilih DATA ENVIRONMENT.

4. Klik kanan di sembarang tempat pada kotak dialog data environment, kemudian pilih ADD.

5. Pililh nama tabel (atau beberapa tabel) yang akan dijadikan repori dengan klik ADD.

6. Tutup kotak dialog add table or view.

7. Drag field pada tabel yang akan dijadikan report ke bagian detail pada report designer.

8. Tutup kotak dialog data environment, kemudian atur posisi field yang telah ditambahkan di bagian detail tersebut.

9. Buat judul kolom beserta judul report dengan menggunakan report control pada bagian page header.

10. Simpan report.

11. Buat form untuk menjalankan report tersebut.

Menampilkan report di layar:

report form “[nama report]” preview

Mencetak report pada printer:

report form “[nama report]” to printer

(53)

Pemrograman Visual II Latihan Report

50 Buatlah report Data Kamar dari tabel Kamar seperti tampilan dibawah ini.

Tampilan form Report:

(54)

Pemrograman Visual II Latihan Report

(55)

Pemrograman Visual II Menu

52

M E N U

Langkah membuat menu:

1. Sebelumnya, buatlah terlebih dahulu bentuk tampilan menu.

2. Klik OTHER pada project manager.

3. Klik NEW, kemudian NEW MENU.

4. Pada menu level menu bar, ketik nama menu utama pada prompt.

5. Jika pada menu utama tersebut terdapat submenu, klik CREATE, kemudian ketik nama submenu pada prompt, dan seterusnya sampai submenu terakhir.

6. Pada submenu terakhir maupun menu yang tidak memiliki submenu, ganti submenu menjadi command pada kolom result.

7. Ketik kata perintah disebelah kanannya.

8. Setelah semua kata perintah diketik pada menu dan submenu terakhir, klik VIEW pada toolbar, kemudian pilih GENERAL OPTIONS.

9. Centang TOP-LEVEL FORM pada kotak dialog general options, setelah itu klik OK untuk menutup kotak dialog.

10. Klik MENU pada toolbar, kemudian pilih GENERATE.

11. Simpan menu yang telah dibuat tersebut.

12. Klik GENERATE untuk membuat ekstensi mpr menjadi mpx.

13. Tutup menu designer.

14. Buat form untuk menjalankan menu tersebut.

15. Setelah membuat form, klik sembarang tempat pada form tersebut, kemudian ganti showwindow pada properties menjadi 2 - as top-level form.

16. Ketik kata perintah pada object form dan procedure INIT.

17. Buka seluruh form yang digunakan pada menu.

18. Klik sembarang tempat pada form tersebut, kemudian ganti showwindow pada properties menjadi 1 - in top-level form.

19. Ganti windowtype pada properties menjadi 1 - modal.

20. Simpan form tersebut.

21. Lakukan langkah 18 sampai 20 pada form lain yang digunakan pada menu.

22. Pada Project Manager, pilih form menu, kemudian klik kanan, pilih SET MAIN.

SELALU LAKUKAN GENERATE MENU SETIAP TERJADI PERUBAHAN PADA MENU !

(56)

Pemrograman Visual II Menu

Menampilkan gambar pada form:

1. Klik IMAGE pada form control.

2. Klik pada form yang akan ditambahkan gambar.

3. Atur ukuran contol image.

4. Pada jendela properties, pilih PICTURE, klik kotak segi empat (…) yang berada di sebelah kanan kotak formula pada properties.

5. Pilih file gambar, kemudian klik OK.

6. Ganti 2 – strecth pada strecth di properties.

Menjalankan form pada menu:

do form “[nama form]”

Menjalankan report pada menu:

report form “[nama report]” preview

Mengakhiri menu:

application.activeform.release()

Menjalankan form menu:

do “[nama menu].mpr” with this, .t.

(57)

Pemrograman Visual II Latihan Menu

54 Buatlah tampilan form menu seperti di bawah ini:

Rancangan menu utama pada form menu:

MASTER TRANSAKSI LAPORAN KELUAR

Kamar Tagihan Kamar Laporan Kamar

Tagihan Makan Laporan Tagihan Kamar

(58)

Pemrograman Visual II Latihan Menu