APLIKASIDATABASE

DENGAN
VISUAL FOXPRO 9.0
t3di.blogspot.com & kikiazka.wordpress.com
2nd Edition

kikiazka.wordpress.com

| t3di.blogspot.com

BAB I
MENJALANKAN VISUAL FOXPRO
Untuk menjalankan Visual FoxPro adalah :
1. Start All ProgramMicrosoft Visual FoxPro. 9.0
2. Ketika program berjalan maka akan terlihat tampilan sebagai berikut :
TitleBar

Control Box

Menu Bar

Properties
Desktop

Command
Windows

Status Bar

t3di.blogspot.com & kikiazka.wordpress.com

Keterangan :
a. Titlebar

: Menyatakan judul dari suatu aplikasi yang sedang berjalan (Microsoft

Visual FoxPro)
b. ControlBox
: Pengaturan jendela program aplikasi VFP
c. Toolbar
: Sekumpulan icon/ lambing untuk melakukan perintah dan pengaturan.
Biasanya Toolbar saat kita memulai VFP 9.0 adalah Toolbar standar.
d. Command Window : Untuk mengetikkan perintah-perintah untuk diproses
e. Status Bar
: Untuk menampilkan keterangan dari suatu kondisi yang sedang
dilakukan saat ini
Sebelum melangkah lebih jauh, ada baiknya kita mempelajari langkah awal dalam pengerjaan project
dengan VFP 9.0.

kikiazka.wordpress.com

| t3di.blogspot.com

A. PENGATURAN DIRECTORY
Cara mengatur default directory adalah : Klik ToolsOptions maka akan muncul :

Klik Modify , selanjutnya akan terlihat :

t3di.blogspot.com & kikiazka.wordpress.com

Pilih lokasi Default Directory sesuai dengan yang diinginkan, lalu ber tanda centang pada Use
Default Directory
lalu tekan OK
B. PENGATURAN TANGGAL,
TANGGAL, melakukan hal yang sama dengan point di atas, dipilih tab
RegionalDate
Date and Time
C. PENGATURAN MATA UANG,
UANG , melakukan hal yang sama dengan point di atas, dipilih tab
RegionalCurrency
Currency and Number

kikiazka.wordpress.com

| t3di.blogspot.com

D.
E. PENGATURAN TOOLBAR : Klik menu ViewToolbar , maka akan tampak seperti , pada gambar
halaman berikut ini :

Klik Kotak pilihan hingga muncul tanda centang (check box)untuk memumnculkan atau
menghilangkan toolbar yang diinginkan.

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com

| t3di.blogspot.com

BAB II
AWALI SUATU PROJECT !!
Dalam mengawali sebuah project pada VFP, biasanya selalu diawali dengan pembuatan Project Manage
dan Database. Dimana project manager ini dgunakan untuk mengelompokkan file-file berupa data,
dokumen dan objek VFP lainnya yang terkait yang kemudian dikompilasi untuk menghasilkan suatu file
executable.
Adapun cara membuatnya adalah sebagai berikut :
1. Project Manager
Klik menu New atau Ctrl + N, lalu muncul

Klik ProjectNew File

Maka akan muncul :

t3di.blogspot.com & kikiazka.wordpress.com

Buat Folder C: DATA FOXPRO lalu buat nama file proj1 kemudian tekan Save dan file akan
disimpan dengan nama proj1.pjx

kikiazka.wordpress.com

| t3di.blogspot.com

Maka akan terlihat

2. Database, Tabel dan Index

Pada Project Manager di bawah ini, tekan New

t3di.blogspot.com & kikiazka.wordpress.com

Maka akan muncul

Klik New Database

kikiazka.wordpress.com

| t3di.blogspot.com

Buat nama file baru dengan data1

kemudian Klik Save, maka akan
muncul project manager baru
disertai dengan database designer
berikut :

t3di.blogspot.com & kikiazka.wordpress.com

Database
designer

Tutup jendela database designer, dengan mengklik icon

Lanjut
Pada jendela Project manager-Proj1 klik tanda (+) pada
Database sehingga berubah menjadi (-) dan dibawahnya akan
terlihat elemn-elemen pendukung Database tersebut.

kikiazka.wordpress.com

| t3di.blogspot.com

Lalu klik Tables, lalu klik New

sehingga muncul

Lalu klik New Table dan beri nama

file table tersebut dengan nama
table1, sehingga Nampak seperti
gambar berikut :

t3di.blogspot.com & kikiazka.wordpress.com

Lalu klik Save. Sehingga setelah itu akan muncul Table Designer seperti terlihat pada gambar
berikut :

kikiazka.wordpress.com

| t3di.blogspot.com

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com

| t3di.blogspot.com

BAB III
APLIKASIKAN
Dalam bab ini, kita akan mencoba mengaplikasikan, teori-teori pembuatan Aplikasi Database dengan
menggunakan VFP 9.0.
Tahapan-tahapan yang akan dilakukan adalah :
1. Setting Awal
2. Pembuatan Project Manager
3. Pembuatan Database dan Index
4. Local View & Query
5. Pembuatan Form & Report
6. Pembuatan File Setup
Okeh lahsekarang kita MULAI

1. SETTING AWAL
A. PENGATURAN DEFAULT DIRECTORY
- Aktifkan VFP versi 9.0
- Klik menu Tools Options
File Locations Default
Directory Modify sampai
muncul gambar seperti tampak
dibawah

t3di.blogspot.com & kikiazka.wordpress.com

, lalu browse dengan meng-klik

kikiazka.wordpress.com

| t3di.blogspot.com

- Muncul kotak dialog seperti tampak pada

gambar, kita klik, MAKE NEW FOLDER, Lalu
kita buat folder baru dengan nama :
APLIKASI DATABASE. Sehingga telah
terbentuk
default
directory
untuk
pengerjaan project ini adalah terletak pada
: c:\documents and settings\tedi\my
documents\visual foxpro projects\aplikasi
database.
- Peletakan
default
directory
boleh
diletakkan dimana saja sesuai dengan
selera masing-masing. Selama masih berada
dalam satu computer yang sama..
- Dengan selesainya tahapan ini, berarti kita
telah selesai melakukan proses pembuatan default direcotiry. Inibetujuan untuk mengatur
posisi peletakkan seluruh file project nantinya secara otomatis.

2. PROJECT MANAGER
Project manager digunakan untuk mengelompokkan sautu file project/ data-data yang diperlukan
dalam membentuk suatu aplikasi database. Dan tahapn dalam pembuatan project manager ini
adalah sebagai berikut :
Klik menu New Project New File
- Ketik nama project dengan nama Aplikasi PelajarSave. Dan urutan tersebut dapat dilihat pada
gambar berikut.

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com

| t3di.blogspot.com

Setelah proses pembuatan nama file

selesai lalu tekan tombol Save, maka akan
muncul jendela Project Manager . Sampai
tahapan ini, pembuatan Project Manager
telah selesai dilakukan, selanjutnya kita
akan membuat suatu database dengan
tahapan yang akan diuraikan pada
halaman berikut.

3. DATABASE DAN INDEX

A. Database
Pada tab Data Database NewNew Database buat file baru dengan nama pelajar (huruf
besar atau kecil sama saja) Save.
Sehingga pada
jendela
manajer
terlihat
seperti pada
gambar ke-4
di bawah ini.

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com

| t3di.blogspot.com

Pada, jendela project manager

baru ini, klik tanda + pada file
pelajar New
TableDatapelajar.
Gambar dan urutan
dari proses pengerjaan
table ini sama persis
dengan proses pada
pembuatan database.
Hanya saja pada proses
akhir dari
pengerjaannya, akan
muncul jendela Table
Designer seperti
terlihat pada gambar .
Lalu lengkapi nama yang akan dipakai pada kotak/ kolom - kolom yang tersedia, dengan data-data
yang diuraikan pada table dibawah ini. (Name, Type, Width dan Caption, akan diuraikan pada table di
bawah inikalo disini khan gak muat hehehe..garing ya ?!
Name

Type

nama
noinduk

Character
Numeric

Width
25
6

Caption
Nama Pelajar
Nomor Induk

tmptlahir
tgllahir
namaortu
pekerjaan
alamat
telp
kota

Character
Date
Character
Character
Character
Character
Character

20
8
20
10
30
12
20

Tempat Lahir
Tanggal Lahir
Nama Orang Tua
Perkejraan Orang Tua
Alamat Lengkap
Nomor Telp
Kota

t3di.blogspot.com & kikiazka.wordpress.com

Untuk penulisan nama
jangan menggunakan
spasi. Sehingga hasilnya
akan Nampak seperti :
Klik OK maka jendela
project manager akan
berubah seperti berikut .

kikiazka.wordpress.com

| t3di.blogspot.com

B. Index
Index bertujuan untuk mengurutkan record,
pencarian data berdasarkan field indeks
yang tersimpan. Selain itu, index ini
berfungsi untuk menentukan relasi antaran
satu table dengan yang lainnya. Dalam
project kita kali ini, kita akan membuat
index pada database pelajar.dbf dengan
cara : Klik Database
Tables

datapelajar Modify klik tabs Indexes,

lalu klik di bawah Name, kemudian ketik xnoinduk (pengurutan berdasarkan field noinduk).
TypePrimaryEspression ketikkan noinduk OK. Adapun bentuk dari jendela index tersebut
seperti terlihat pada gambar.
Dan setelah dibuat perubahan index, dan setelah kita menekan tombol OK maka akan muncul
kotak konfirmasi seperti terlihat pada gambar, lalu kita tekan Yes , sebagai bentuk persetujuan
atas perubahan stuktur yang trelah kita buat sebelumnya.
Kemudian, dari field index tersebut, maka dapat kita lakukan pengurutan data dengan cara
sebagai berikut : Klik tabel datapelajarBrowseTableProperties. Maka akan terlihat jendela
Work Area Properties. Pada bagian Index Order, klik pilihan datapelajar.XnoindukOK.
Perhatikan gambar pada halaman berikut ini :

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com

| t3di.blogspot.com

Klik Menu Table

t3di.blogspot.com & kikiazka.wordpress.com

Latihan . Buat Tabel baru lalu simpan
dengan nama matapelajaran. Langkalangkahnya sama dengan pembuatan table
sebelumnya hanya saja untuk untuk type
diganti menjadi numeric semua. Kecuali
noinduk. Kalo ada masalah.tinggalin
pesen aja di kotak komentar ya.

kikiazka.wordpress.com

| t3di.blogspot.com

4.

LOCAL VIEW & QUERY

Local View & Query merupaan salah satu faslitas dalam VFP untuk mengolah dan membuat relasi
antar table. View dibuat dengan cara mengambil data-data dari table yang sudah ada.

A. View
Klik tab Data pada jendela Project Manager Local View table pelajar AddNew View

t3di.blogspot.com & kikiazka.wordpress.com

Setelah itu akan muncul jendela Add
Table or View seperti berikut : Lalu klik
Add
untuk
datapelajar
dan
matapelajaran. Maka akan muncul
jendela Join Condition dan View
Designer seperti pada gambar pada
halaman berikut :

kikiazka.wordpress.com

| t3di.blogspot.com

Setelah terlihat jendela Koin

Condition, lalu kita Klik Type of
Join Inner Join Ok, maka
selanjutnya akan keluar jendela
View Designer.

Pada tab Fields, pilih feld

noinduk. Klik tombol Add
noindukpilih criteria
sebagai berikut :

1.
2.
3.
4.

Datapelajar.noinduk
Datapelajar.nama
Datapelajar.tmptlahir
Datapelajar.tgllahir
Klik
. Maka akan muncul jendela Save lalu kita masukkan nama filenya
Daftarpelajar
Latihan : Buat gabungan table antara Datapelajar dengan matapelajaran. Pada Selected
Fields di View Designer, masukkan persis semua datapelajar pada contoh di atas ditambah
semua fields selruh mata pelajaran lalu close dan save dengan nama gabungpelajar.
Selamat Mencoba.

t3di.blogspot.com & kikiazka.wordpress.com

B. Query
Query hamper sama dengan view, sehingga langkahnyapun hamper sama dengan langkah yang
terdapat pada pembuatan Local View.
Berikut ini, kita akan membuat query dengan nama Querypelajar yang merupakan gabungan
antara table datapelajar.dbf dengan matapelajaran.dbf, dengan langkah-langkah sebagai
berikut:
1. Klik tab Data pada jendela Project Manager QueriesNewNew Query. Perhatikan
gambar berikut :

kikiazka.wordpress.com

| t3di.blogspot.com

2. Lalu di layar akan terlihat kota dialog Add Table or View datapelajarAdd. Perhatikan
gambar berikut :

t3di.blogspot.com & kikiazka.wordpress.com

Lalu klik table
matapelajaran.
Pilih
field
datapelajar.noind
uk
dengan
matapelajaran.no
induk, pilih jenis
Right Join lalu OK
dan Close. Maka
hasil akhir dari
tahapan
pekerjaan ini akan
tampak seperti :

kikiazka.wordpress.com

| t3di.blogspot.com

Klik fields ikon Add>datapelajar.noinduk akan terlihat pada bagian Selected fields.
Lakukan hal yang sama untuk memilih field-field lain yaitu field datapelajar.nama, dan
seluruh fields matapelajaran, pastikan bahwa hasil pekerjaan tersebut akan tampak sama
seperti pada gambar berikut :

Lalu simpan dengan nama file querypelajar. Coba Run dengan menekan tombol ctrl E atau
ikon

C. RELASI DATA
t3di.blogspot.com
& kikiazka.wordpress.com
Bertujuan untuk membuat index untuk table yang lebih dari satu.
Klik tab Data pada jendela Project manager Database pelajarModify, maka di layar akan
terlihat semua table pada jendela database designer dengan nama indeks berada di bawah
nama fields tersebut. Lalu klik indeks noinduk dari table pelajar, klik dan jangan ditahan.
Emudian geser ke indeks noinduk pada table matapelajaran, dan hasilnya akan nampak seperti
gambar berikut :
Tutup / Close

kikiazka.wordpress.com

| t3di.blogspot.com

5.

PEMBUATAN FORM DAN REPORT

A. Form
Form merupakan objek yang berfungsi sebagai tempat untuk menampilkan field yang
bersumber dari objek table atau local view yang bentuknya menyerupai formulir.
Dengan tampilan form pada formulir, maka user tidak akan merasa bosan di dalam mengelola
data. Disamping itu Anda dapat membatasi field yang akan ditampilkan, menentukan urutan
dan letak yang menarik serta pada form tersebut dapat menerima event. Adapun cara
pembuatan form tersebut adalah :
Klik tab Document pada Jendela Project Manager Form New New Form. Maka akan
terlihat
jendela form
designer
seperti
berikut :

Klik kanan
form
untuk

pada

area
designer
memunculkan
Data
Environment

databasepelajar Add simpan

dengan nama formpelajar.scx

t3di.blogspot.com & kikiazka.wordpress.com

Setelah disimpan, lalu sisipkan field
database pada form yang telah
dibuat tadi, dengan cara :
Klik tab Document Form
formpelajar Modify,
dan
terlihat jendela form designer lalu
klik kanan Data Environment.
Setelah data environment tersebut
muncul, lalu klik dan jangan dilepas
field noinduk kemudian seret pada
are form yang kosong pada posisi
sesuai dengan yang diinginkan, lalu
seret field lainnya, dengan urutan sebagai berikut : noinduk, namapelajar, tmptlahir, tgllahir,
namaortu, pekerjaan, alamat dan kota. Lakukan pengaturan labael dengan cara klik pada label
tersebut bersamaan dengan tombol SHIFT. Klik ikon Align Left Sides agar kontrol-kontrol label
tersebut menjadi rata kiri, lihat gambar pada halaman berikut :

kikiazka.wordpress.com

| t3di.blogspot.com

Align Left
Sehingga hasilnya akan tampak seperti berikut :

t3di.blogspot.com & kikiazka.wordpress.com

Langkah selanjutnya adalah membuat kontrol label pada form. Cari ikon-ikon yang akan
dipergunakan seperti berikut :

kikiazka.wordpress.com

| t3di.blogspot.com

Keterangan Ikon :
Label

Text Box

Command
Button
Check Box

Command
Group
Combo Box List

Edit Box
Option
Group
Box Spinner

Grid Image
Timer
Page Frame
ActiveX Control
ActiveX Bound Control Line
Shape
Container
Separator
Hyperlink
Builder Lock
Button Lock
Cat : Untuk Istilah lainnya, silahkan anda klik masing-masing ikon yang ada di VFP. Ya..itungitung latihan yahehehehe
Kita lanjutkan bahasan kita.
Pembuatan kontrol label :
Klik ikon Label Drag pada posisi tertentu Klik Label tersebut Ganti Caption (Terdapat
pada jendela properties) dengan nama Entry Data. Modifikasi tampilan form sesuai dengan
selera masing-masing dan hasilnya akan terlihat seperti pada gambar berikut :

JENDELA
PROPERTIES

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com

| t3di.blogspot.com