APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi...

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

Transcript of APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi...

Page 1: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

APLIKASIDATABASEDENGAN

VISUAL FOXPRO 9.02nd Edition

Page 2: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

BAB IMENJALANKAN VISUAL FOXPRO

Untuk menjalankan Visual FoxPro adalah :1. Start →All Program→Microsoft Visual FoxPro. 9.02. Ketika program berjalan maka akan terlihat tampilan sebagai berikut :

Keterangan :a. Titlebar : Menyatakan judul dari suatu aplikasi yang sedang berjalan (Microsoft

Visual FoxPro)b. ControlBox : Pengaturan jendela program aplikasi VFPc. 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 diprosese. Status Bar : Untuk menampilkan keterangan dari suatu kondisi yang sedang

dilakukan saat iniSebelum melangkah lebih jauh, ada baiknya kita mempelajari langkah awal dalam pengerjaan projectdengan VFP 9.0.

Control BoxTitleBar Menu Bar

CommandWindows

Status Bar

PropertiesDesktop

Page 3: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

A. PENGATURAN DIRECTORYCara mengatur default directory adalah : Klik

Klik Modify , selanjutnya akan terlihat :

Pilih lokasi Default Directory sesuai dengan yang diinginkan, lalu ber tanda centang padaDefault Directory

B. PENGATURAN TANGGALRegional→Date and Time

C. PENGATURAN MATA UANGRegional→Currency and Number

kikiazka.wordpress.com

PENGATURAN DIRECTORYCara mengatur default directory adalah : Klik Tools→Options maka akan muncul :

, selanjutnya akan terlihat :

Pilih lokasi Default Directory sesuai dengan yang diinginkan, lalu ber tanda centang padalalu tekan OK

PENGATURAN TANGGAL, melakukan hal yang sama dengan point di atas, dipilih tab→Date and Time

PENGATURAN MATA UANG, , melakukan hal yang sama dengan point di atas, dipilih tab→Currency and Number

kikiazka.wordpress.com | t3di.blogspot.com

maka akan muncul :

Pilih lokasi Default Directory sesuai dengan yang diinginkan, lalu ber tanda centang pada Use

, melakukan hal yang sama dengan point di atas, dipilih tab

melakukan hal yang sama dengan point di atas, dipilih tab

Page 4: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

D.

E. PENGATURAN TOOLBAR : Klik menu View→Toolbar , maka akan tampak seperti , pada gambarhalaman berikut ini :

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

Page 5: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

BAB IIAWALI SUATU PROJECT !!

Dalam mengawali sebuah project pada VFP, biasanya selalu diawali dengan pembuatan Project Managedan 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 fileexecutable.

Adapun cara membuatnya adalah sebagai berikut :

1. Project ManagerKlik menu New atau Ctrl + N, lalu muncul

Klik Project→New File

Maka akan muncul :

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

Page 6: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Maka akan terlihat

2. Database, Tabel dan IndexPada Project Manager di bawah ini, tekan New

Maka akan muncul

Klik New Database

Page 7: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Buat nama file baru dengan data1kemudian Klik Save, maka akanmuncul project manager barudisertai dengan database designerberikut :

Tutup jendela database designer, dengan mengklik icon

Lanjut……

Pada jendela Project manager-Proj1 klik tanda (+) padaDatabase sehingga berubah menjadi (-) dan dibawahnya akanterlihat elemn-elemen pendukung Database tersebut.

Databasedesigner

Page 8: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Lalu klik Tables, lalu klik Newsehingga muncul

Lalu klik New Table dan beri namafile table tersebut dengan namatable1, sehingga Nampak sepertigambar berikut :

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

Page 9: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Page 10: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

BAB IIIAPLIKASIKAN …

Dalam bab ini, kita akan mencoba mengaplikasikan, teori-teori pembuatan Aplikasi Database denganmenggunakan VFP 9.0.

Tahapan-tahapan yang akan dilakukan adalah :1. Setting Awal2. Pembuatan Project Manager3. Pembuatan Database dan Index4. Local View & Query5. Pembuatan Form & Report6. Pembuatan File Setup

Okeh lah…sekarang kita MU…LAI……

1. SETTING AWALA. PENGATURAN DEFAULT DIRECTORY

- Aktifkan VFP versi 9.0- Klik menu Tools Options

File Locations DefaultDirectory Modify sampaimuncul gambar seperti tampakdibawah

, lalu browse dengan meng-klik

Page 11: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

- Muncul kotak dialog seperti tampak padagambar, kita klik, MAKE NEW FOLDER, Lalukita buat folder baru dengan nama :APLIKASI DATABASE . Sehingga telahterbentuk default directory untukpengerjaan project ini adalah terletak pada: c:\documents and settings\tedi\mydocuments\visual foxpro projects\aplikasidatabase.

- Peletakan default directory bolehdiletakkan dimana saja sesuai denganselera masing-masing. Selama masih beradadalam satu computer yang sama…….. ☺

- Dengan selesainya tahapan ini, berarti kitatelah selesai melakukan proses pembuatan default direcotiry. Inibetujuan untuk mengaturposisi peletakkan seluruh file project nantinya secara otomatis.

2. PROJECT MANAGERProject manager digunakan untuk mengelompokkan sautu file project/ data-data yang diperlukandalam membentuk suatu aplikasi database. Dan tahapn dalam pembuatan project manager iniadalah sebagai berikut :- Klik menu NewProjectNew File- Ketik nama project dengan nama Aplikasi PelajarSave. Dan urutan tersebut dapat dilihat pada

gambar berikut.

Page 12: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Setelah proses pembuatan nama fileselesai lalu tekan tombol Save, maka akanmuncul jendela Project Manager . Sampaitahapan ini, pembuatan Project Managertelah selesai dilakukan, selanjutnya kitaakan membuat suatu database dengantahapan yang akan diuraikan padahalaman berikut.

3. DATABASE DAN INDEX

A. DatabasePada tab DataDatabaseNewNew Databasebuat file baru dengan nama pelajar (huruf

besar atau kecil sama saja) Save.Sehingga padajendelamanajerterlihatseperti padagambar ke-4di bawah ini.

Page 13: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Pada, jendela project managerbaru ini, klik tanda + pada filepelajar New

TableDatapelajar.Gambar dan urutandari proses pengerjaantable ini sama persisdengan proses padapembuatan database.Hanya saja pada prosesakhir daripengerjaannya, akanmuncul jendela TableDesigner sepertiterlihat pada gambar .

Lalu lengkapi nama yang akan dipakai pada kotak/ kolom - kolom yang tersedia, dengan data-datayang diuraikan pada table dibawah ini. (Name, Type, Width dan Caption, akan diuraikan pada table dibawah ini…kalo disini khan gak muat hehehe..garing ya ?!

Name Type Width Captionnama Character 25 Nama Pelajarnoinduk Numeric 6 Nomor Induktmptlahir Character 20 Tempat Lahirtgllahir Date 8 Tanggal Lahirnamaortu Character 20 Nama Orang Tuapekerjaan Character 10 Perkejraan Orang Tuaalamat Character 30 Alamat Lengkaptelp Character 12 Nomor Telpkota Character 20 Kota

Untuk penulisan namajangan menggunakanspasi. Sehingga hasilnyaakan Nampak seperti :Klik OKmaka jendelaproject manager akanberubah seperti berikut .

Page 14: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

B. IndexIndex bertujuan untuk mengurutkan record,pencarian data berdasarkan field indeksyang tersimpan. Selain itu, index iniberfungsi untuk menentukan relasi antaransatu table dengan yang lainnya. Dalamproject kita kali ini, kita akan membuatindex pada database pelajar.dbf dengancara : Klik Database Tables

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

Page 15: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Latihan . Buat Tabel baru lalu simpandengan nama matapelajaran. Langka-langkahnya sama dengan pembuatan tablesebelumnya… hanya saja untuk untuk typediganti menjadi numeric semua. Kecualinoinduk. Kalo ada masalah….tinggalinpesen aja di kotak komentar ya….

Klik Menu Table

Page 16: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

4. LOCAL VIEW & QUERYLocal View & Query merupaan salah satu faslitas dalam VFP untuk mengolah dan membuat relasiantar table. View dibuat dengan cara mengambil data-data dari table yang sudah ada.

A. ViewKlik tab Data pada jendela Project Manager Local Viewtable pelajarAddNew View

Setelah itu akan muncul jendela AddTable or View seperti berikut : Lalu klikAdd untuk datapelajar danmatapelajaran. Maka akan munculjendela Join Condition dan ViewDesigner seperti pada gambar padahalaman berikut :

Page 17: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Setelah terlihat jendela KoinCondition, lalu kita Klik Type ofJoin Inner Join Ok, makaselanjutnya akan keluar jendelaView Designer.

Pada tab Fields, pilih feldnoinduk. Klik tombol Addnoindukpilih criteriasebagai berikut :

1. Datapelajar.noinduk2. Datapelajar.nama3. Datapelajar.tmptlahir4. Datapelajar.tgllahir

Klik . Maka akan muncul jendela Save lalu kita masukkan nama filenyaDaftarpelajarLatihan : Buat gabungan table antara Datapelajar dengan matapelajaran. Pada SelectedFields di View Designer, masukkan persis semua datapelajar pada contoh di atas ditambahsemua fields selruh mata pelajaran lalu close dan save dengan nama gabungpelajar.Selamat Mencoba.

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

gambar berikut :

Page 18: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

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

Lalu klik tablematapelajaran.Pilih fielddatapelajar.noinduk denganmatapelajaran.noinduk, pilih jenisRight Join lalu OKdan Close. Makahasil akhir daritahapanpekerjaan ini akantampak seperti :

Page 19: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

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, danseluruh fields matapelajaran, pastikan bahwa hasil pekerjaan tersebut akan tampak samaseperti pada gambar berikut :

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

C. RELASI DATABertujuan untuk membuat index untuk table yang lebih dari satu.Klik tab Data pada jendela Project manager Database pelajarModify, maka di layar akanterlihat semua table pada jendela database designer dengan nama indeks berada di bawahnama 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 sepertigambar berikut :

Tutup / Close

Page 20: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

5. PEMBUATAN FORM DAN REPORTA. Form

Form merupakan objek yang berfungsi sebagai tempat untuk menampilkan field yangbersumber dari objek table atau local view yang bentuknya menyerupai formulir.

Dengan tampilan form pada formulir, maka user tidak akan merasa bosan di dalam mengeloladata. Disamping itu Anda dapat membatasi field yang akan ditampilkan, menentukan urutandan letak yang menarik serta pada form tersebut dapat menerima event. Adapun carapembuatan form tersebut adalah :

Klik tab Document pada Jendela Project Manager Form NewNew Form. Maka akanterlihat jendela formdesigner sepertiberikut :

Klik kanan pada areaform designeruntuk memunculkan

Data Environment databasepelajar Add simpandengan nama formpelajar.scx

Setelah disimpan, lalu sisipkan fielddatabase pada form yang telahdibuat tadi, dengan cara :

Klik tab Document Form formpelajar Modify, danterlihat jendela form designer laluklik kanan Data Environment.Setelah data environment tersebutmuncul, lalu klik dan jangan dilepasfield noinduk kemudian seret padaare form yang kosong pada posisisesuai 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 labeltersebut bersamaan dengan tombol SHIFT. Klik ikon Align Left Sides agar kontrol-kontrol labeltersebut menjadi rata kiri, lihat gambar pada halaman berikut :

Page 21: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Sehingga hasilnya akan tampak seperti berikut :

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

Align Left

Page 22: APLIKASIDATABASE DENGAN VISUAL FOXPRO 9 · PDF filedocuments\visual foxpro projects\aplikasi database. - Peletakan default directory boleh diletakkan dimana saja sesuai dengan selera

t3di.blogspot.com & kikiazka.wordpress.com

kikiazka.wordpress.com | t3di.blogspot.com

Keterangan Ikon :Label Text Box Edit Box

CommandButton

CommandGroup

OptionGroup

Check Box Combo Box List Box Spinner

Grid Image Timer Page FrameActiveX Control ActiveX Bound Control LineShape Container SeparatorHyperlink Builder Lock Button LockCat : Untuk Istilah lainnya, silahkan anda klik masing-masing ikon yang ada di VFP. Ya..itung-

itung latihan ya…hehehehe…

Kita lanjutkan bahasan kita…….

Pembuatan kontrol label :

Klik ikon LabelDrag pada posisi tertentu Klik Label tersebutGanti Caption (Terdapatpada jendela properties) dengan nama Entry Data. Modifikasi tampilan form sesuai denganselera masing-masing dan hasilnya akan terlihat seperti pada gambar berikut :

JENDELAPROPERTIES