STEP 05. KODE KARTU NAMA

Kode Kartu Nama 1

Ketika form pertama kali dibuka ada procedure yang pertama kali dibaca yaitu procedure init... nah di procedure ini kita bisa isikan kondisi awal dari form Input Data Kartu Nama.

OK.. kita double klik pada form hingga keluar area pernulisan kode yaitu di objeck form1 dan pilih procedurenya adalah Init.

Keterangan

thisform.kde.Value=''         thisform.nma.Value='' thisform.alm.Value='' thisform.phn.Value='' thisform.ket.Value=''	Memberikan nilai spasi kosong ('') pada textbox karena nilai dari textbox adalah karakter
thisform.tga.Value=DATE()	Memberikan nilai tanggal hari ini pada textbox tga.
thisform.cpel.Value=0 thisform.ccab.Value=0 thisform.csup.Value=0 thisform.cpeg.Value=0 thisform.cdll.Value=0	memberikan nilai 0 pada check box. karena nilai 0 checkbox dalam kondisi tidak dipilih, kebalikanya jika dipilih bernilai 1
thisform.kde.SetFocus()	menempatkan pointer pada textbox KDE

Untuk tombol clear , karena baris kodenya sama dengan yang ada di form1 procedure init maka bisa kita copy paste ke objek cclear, procedure klik.

Nah sekarang form input kartu nama bisa dicoba dijalankan dengan Ctrl + E. Coba isikan dengan data sample kemudian klik tombol Clear... ok.. kayaknya tidak ada masalah yah .

Ups .. Jika seandainya kita sering membuat baris kode yang sama, kita sebenernya bisa membuat procedure sendiri untuk mempersingkat penulisan baris kode program. oK.. caranya :

1. Pada menubar Form , pilih New Method
2. Akan muncul jendela New Method - fkartu.scx
3. Tuliskan nama methodnya , misalnya pClear, kemudian klik tombol Add

4. klik pada form kemudian pilih procedure yang telah kita buat  pclear. (biasannya paling bawah sendiri)

5. Copy pastekan kode dari procedure form1 init , kemudian pada object form1 procedure init dan objeck cclear pada procedure click isikan baris perintah untuk memanggil procedure Pclear.

       

       thisform.pclear()

Ok.. gampang yah...  :) . Selanjutnya kita bisa buat desain Output dari Daftar kartu nama pada sub bab selanjutnya...

STEP 04. CONTOH DESAIN KARTU NAMA

CONTOH DESAIN KARTU NAMA

Gambar diatas adalah contoh desain input data kartu nama dan coba kita aplikasikan ke form desainer Visual Foxpro.

1. Buat Form baru seperti contoh sebeluMnya

Apabila tidak muncul jendela properties , klik kanan pada form pilih properties, Setting dari form properties :

• Caption                : Form input Data KArtu NAma (memberikan judul dari form)
• Control Box        : .f. - False (menghilangkan control box pada jendela pojok kanan atas, minimum, maksimum & close dihilangkan karena nanti kita akan membuat tombol close sendiri, nanti bisa di coba beda control box yang .t. dan yang .f. )
• Show Tips        : .T., Memunculkan Tool Tips Text
• Auto Center        : .T.

2. Masukan control label sesuai yang dibutuhkan pada desain manual input kartu nama. Jendela form control bisa kita tampilkan melalui menubar kemudian pilih view ->  form control toolbar. Setting properties dari control label :

• Autosize                : .T.
• Caption                : KODE, NAMA, ALAMAT, PHONE, KETERANGAN, TGL AKTIF, TYPE

3. Masukan text Box dengan setting properties sbb :

• Name = KDE, maxlength = 5, format = !, back color =255,128,64 (orange), font bold = t
• Name = NMA, maxlength = 20 , format = !
• Name = ALM, maxlength = 20 , format = !
• Name = PHN, maxlength = 20 , format = !
• Name = KET, maxlength = 20 , format = !
• Name = TGA, value = {}

(ket : format = ! , menampilkan input huruf capital/besar, tga value = {}, menampilkan format input tanggal)

4. Check Box dengan setting properties sbb

• Name = cpel , Autosize = t , caption = Pelanggan
• Name = ccab , Autosize = t , caption = CAbang
• Name = csup , Autosize = t , caption = Supplier
• Name = cpeg , Autosize = t , caption = Pegawai
• Name = cdll , Autosize = t , caption = DAn Lain lain

5. Container dengan setting properties sbb :

• Name = container1, Special Effect = 0-raised

6. Command Button dengan setting Property sbb :

• Name = cclose, Caption = \<Close, Tool Tips Text = 'Tutup Form / Alt + C', Font Bold = .T., MOuse Pointer = 15 - Hand
• Name = cclear, Caption = C\<lear, Tool Tips Text = 'Bersihkan Form', Font Bold = .T., MOuse Pointer = 15 - Hand
• Name = csave, Caption = \<save, Tool Tips Text = 'Simpan DAta', Font Bold = .T., MOuse Pointer = 15 - Hand

* Note : Penulisan \<Close = membuat hot key ALt + C

Hasil akhir form Input data kartu Nama

Coba jalankan form yang sdah kita buat dengan klik kanan pada form , kemudian pilih run form . Voila ..!!!!! form pertama sudah kita buat, dan mungkin jika ada yang proses input masih loncat - locat, pada menubar View, pilih Tab Order, pilih Assign Interactively, sehingga akan mucul urutan proses pointer, jika masih acak tinggal diklik dari kode, urut sampai pada tombol Close.

diurutkan menjadi

Nah agar tombol close berjalan dengan sebagaimana mestinya, Dobel klik pada tombol close sehingga akan muncul area untuk menuliskan baris kode seperti dibawah ini :

pada objeck Tombol Close , Procedure Click (kejadian saat tombol di klik) , tuliskan baris perintah

thisform.Release()

*Menonaktifkan form

*Awalan tanda '*' tidak dibaca oleh sistem

 

Setelah ditulis kode program , kemudian jalankan form dengan cara sebelumnya atau kalau pakai tombol pintas pakai Ctrl +E.

Kemudian coba isikan datanya. J..

Nah desain input data sudah kita buat, tinggal kita isikan kode untuk tombol clear dan savenya.

STEP 03. FORM & FORM CONTROL VISUAL FOXPRO

FORM & FORM CONTROL VISUAL FOX PRO

Ibarat melukis form dalam visual foxpro adalah kanvasnya dan form kontrol adalah kuas dan catnya.

Form merupakan tempat untuk berinteraksi antara user dengan informasi, baik itu untuk melihat informasi atau memasukan data/informasi (input data). Form juga menyediakan form control yang bisa merespon user melalui event-eventnya

Membuat form

Pada project manager tabs Documents, pilih icon  , kemudian klik tombol new. Kemudian akan muncul jendela New Form , pilih new Form

Kemudian akan keluar Form designer diikuti dengan form control....

(bahasanya agak aneh yah.. kayak sepak bola... ga papa yah  : )

Form Control

Seperti sebelumnya bahwa form control ibarat melukis adalah kuas dan catnya.

	Label control biasanya digunakan untuk penulisan label. Misalnya untuk menulis judul. Label text pada form.
	Text Box Untuk menampung text yang biasanya digunakan untuk input.
	Edit Box Untuk menampilkan fied memo
	Spinner membuat control yang berfungsi menaikan / menurunkan nilai objek secara otomatis
	Shape membuat objek , kotak lonjong dll
	Contaier objek untuk menampung beberapa objek lain didalamnnya
	Option Group Membuat kumpulan object yang berisi alternatif pilihan
	Check Box kotak pilihan
	Combo Box Membuat daftar pilihan yang dapat digulung / scroll
	List Box Membuat daftar pilihan
	Grid kontrl untuk menampilkan isi record secara spreadsheet
	Image menampilkan gambar / grafik dalam suatu form
	Command Button Untuk membuat tombol perintah
	membuat halaman dalam suatu form

Object Properties

Object properties merupakan jendela untuk mengatur profil dari objek / kontrol yang kita buat. Sebuah form/objeck memiliki properties standar dan bisa kita rubah sesuai dengan yang kita inginkan. Misalnya form bisa kita ganti caption untuk judul form, width untuk lebar, height untuk tinggi, control box yang bisa kita atur false/true dll.

Jendela properties bisa dimunculkan dengan klik kanan pada object kemudian klik properties

STEP 02. PROJECT MANAGER VISUAL FOX PRO

PROJECT MANAGER VISUAL FOXPRO

Project manager berfungsi sebagai tempat untuk mengelola file-file project yang akan kita buat.

Di dalam sebuah project bisa berisi berbagai macam file, berupa data/document , visual foxpro object. Disimpan dalam sebuah file berekstensi (.pjx)

Misalkan kita akan membuat Program Kartu Nama, pertama kali yang akan kita siapkan adalah project manager dengan nama Kartu kemudian kita simpan dalam drive E: folder kartu nama

Membuat Project Manager KArtu :

1. Pada menubar File, klik New. Setelah muncul jendela New, pilih file type Project kemudian klik New File

2. Akan muncul jendela Create, pada save in disimpan pada folder kartu nama, dan pada Enter Project File beri nama kartu kemudian klik save.

3. Jendela Project Manager Kartu

Di dalam project manager terdapat beberapa tab :

1. All -> mengelola semua jenis file yang terdapat di dalam project
2. DAta -> Untuk mengelola komponen aplikasi berupa database dan file file yang terkait (untuk kedepan tidak dibahas, database langsung pakai Mysql)
3. Documents -> mengelola komponen file berupa form, report dan label
4. Classes -> mengelola file clas
5. COde -> mengelola file kode
6. Other -> Mengelola file-file lain berupa menu, teks , gambar dll

Tombol dalam Project Manager

1. New        -> membuat file baru
2. Add        -> menambahkan file
3. Modify        -> mengedit/memodifikasi file
4. RUn        -> menjalankan file
5. Remove        -> menghapus file
6. Build        -> membuat file aplikasi
7. Open        -> membuka databse
8. Preview        -> menampilkan report /label dalam lembar print preview

TIPS !

Double klik pada title bar untuk menyisipkan project MAnager pada area toolbar.

STEP 01 . AREA KERJA VISUAL FOX PRO

Sama seperti program aplikasi lainya, di area kerja Visual foxpro terdapat menu bar, tool box untuk short cut. Sooooo SIMPLE YAH... :)

Pengantar Visual Fox Pro

Assalam.

Selamat datang di Microsoft Visual FoxPro. Visual Foxpro adalah pemrograman berbasis visual yang 'enak' dipakai untuk pengolahan database. Penulis sendiri kenal dengan terpaksa... yah dulu gambaran tentang pemrograman sangat begitu menakutkan, kebanyakan untuk pembuatan tugas akhir (skripsi) banyak rekan yang programnya di orderkan ke orang lain. Tapi karena budget untuk itu tidak ada, akhirnya dengan sangat terpaksa penulis belajar tentang visual foxpro.

Tidak semua bahasan dari visual foxpro dapat penulis kuasai, tetapi alhamdulillah dari sedikit pengetahuan tentang visual foxpro yang penulis kuasai bisa memberikan pemasukan secara terus menerus untuk penulis, karena memang program yang penulis buat tidak untuk dijual tetapi 'disewakan'. Itu dari segi bisnis aga dapur bisa selalu ngepul.. hihihih J

Ok..semoga tulisan ini bermanfaat buat pembaca sekalian.