MEMBUAT PRORAM KALENDER

( PART 1 )

Untuk mengenal program Microsoft Visual Foxpro lebih dalam, maka anda akan
belajar membuat sebuah program, yaitu program kalender. Harapannya, pada proses
pembuatan proram ini, siswa bisa belajar dan mengenal secara langsung program Visual
Foxpro, sesuai dengan slogan “learning by doing”.

Ketika anda membuka Program Visual Foxpro, maka anda akan dihadapkan pada
‘Task Pane Manager’.

Gambar 1
 Anda bisa mulai membuat project baru dengan mengklik tombol New Project. Bisa
juga dengan mengklik ‘New’ pada toolbar atau Ctrl+N. Maka anda akan melihat tampilan
seperti dalam gambar 2. Bisa juga dengan menuliskan “CREATE PROJECT” di ‘Command’
window, kemudian tekan enter.

Gambar 2

Ketiga cara tersebut akan menghasilkan langkah yang sama, yaitu menciptakan
sebuah proyek baru dengan diawali membuat nama projectnya. Selanjutnya tentukan
tempat penyimpanan project baru anda di sebuah folder, misalnya di
D:\latihan\program\prg calender\prgkalender.

Gambar 3

Ketik nama projectnya dengan ‘prgkalender’ dan klik ‘save’ untuk menyimpan.
Selanjutnya akan ada tampilan ‘Project Manager – Prgkalender’.
 Gambar 4

Berikutnya untuk membuat tampilan program kalender, anda buat form dengan
mengklik tab ‘Documents’, klik pilihan Form dan klik tombol ‘New’ disamping kanan dari
Project manager window. Akan muncul dialog box, pilihlah ‘New Form’.

Gambar 5

Setelah itu akan muncul form baru, dimana form ini akan menjadi lembar kerja
untuk membuat program kalender.
Beralih ke ‘Properties’ window, carilah ‘AutoCenter’ dan double klik nilainya menjadi
T. – True. Cara ini bisa juga dilakukan dengan memilih option dibagian atas menjadi T. –
True.

Gambar 6

Selanjutnya, beri nama form nya dengan mengetikkan “Program Kalender” pada
‘Caption’. Ubahlah nilai ‘Height’ menjadi “408” dan ubahlah nilai ‘Width’ menjadi “527”.
Pada ‘Form Control’ window, klik ikon ‘shape’, tempatkan di pojok kiri atas dari form.
Selanjutnya, berpindah ke Properties. Perhatikan jika anda akan memodifikasi shape,
maka pada title nya adalah ‘Shape1’. Berikutnya tentukan BackColor-nya dengan men-
double klik. Misalnya pilih warna coklat.
 Gambar 7

Tentukan juga BorderColor-nya, misalnya pilihlah warna putih. Ubahlah nilai ‘Height’
menjadi “71” dan ubahlah nilai ‘Width’ menjadi “527”.
Berikutnya, buatlah dua label dan diletakkan di kiri atas form yang nanti akan ditulis
judul programnya dan di sebelah kanan atas adalah tulisan mengenai tanggal, bulan,
dan tahun sekarang.
Beralih ke tampilan form dulu, akan lebih bagus jika form-nya diberi gambar
background. Carilah pilihan ‘Picture’ di properties, kemudian double-klik. Tentukan
sendiri gambar backgroundnya.

Gambar 8

Beralih kembali ke label. Klik dulu label mana yang akan dimodifikasi. Kemudian
gunakan properties untuk memodifikasi. Cari ‘AutoSize’ dan pilih nilai T. – True .
Background style nya diubah dengan nilai ‘0 – Transparent’ pada baris BackStyle.
Selanjutnya, beri nama pada ‘Caption’ dengan “CALENDER”. Karena tulisan terlihat kecil
dan tipis, maka ditentukan aturan font-nya. Double-klik ‘FontBold’ menjadi T. – True,
‘FontSize’-nya diubah menjadi 18 dan ‘ForeColor’ diubah menjadi putih.
Berpindah ke label2, klik dulu label yang akan diatur. Seperti label1, klik
‘AutoSize’nya menjadi T. – True, ‘BackStyle’nya menjadi 0 – Transparent, double-klik
‘FontBold’ menjadi T. – True, ‘FontSize’-nya diubah menjadi 16 dan ‘ForeColor’ diubah
menjadi putih.
Karena kita akan memasukkan kalender, kita tekan ikon OleControl di ‘Form Control’
untuk memasukkan kontrol kalender. Pilihlah ‘Insert Control’ , pilihlah type “Calender
Control 11.0” dan tekan ‘OK’.

Gambar 9
Untuk memperbesar tampilan kalendernya, tarik ke bawah dan ke samping supaya
memenuhi form. Hasilnya seperti pada gambar 11:

Gambar 10
 Gambar 11

Setelah pembuatan ‘Form’ selesai. Kita akan memberikan kode object. Sebelum
melakukannya, klik dulu ‘OleControl’ pada form untuk selanjutnya cari ‘Name’ di
‘Properties’ dan gantilah “OleControl1” dengan “Calender”.

Gambar 12

Berikutnya klik kanan pada obyek Calender di dalam form, pilihlah ‘Code’.

Gambar 13

Sebelum menuliskan kode, pastikan objek nya adalah “Calender” dan procedure-
nya adalah “Click”. Kemudian tulislah kode seperti berikut ini.
 Gambar 14

Selanjutnya, yang perlu ditulisi kode adalah ‘Object’ = “Form1” dengan ‘Procedure’
= “Activate”. Tuliskan kode seperti berikut ini.

Gambar 15

Setelah itu, kita tutup Coding window di atas. Masih tampak bentuk form yang
belum berubah, klik run atau Ctrl+E untuk menjalankannya.

Gambar 16

Anda akan menerima konfirmasi penyimpanan perubahan form yang sudah banyak
anda modifikasi. Simpan form tersebut dengan nama “formutama”.
 Gambar 17

Tampilannya akan seperti ini. Ternyata bagian belakang tanggal (tahun) tidak
tampak, alias hanya tanggal dan bulan saja. Maka ‘Close”lah form tersebut dan geser
label2 ke sebelah kiri. Coba run lagi, dan ulangi seterusnya sampai bagian tanggal
terlihat semua dan kelihatan bagus.
Karena kita menginginkan program ini menampilkan kalender sebagai program
utama yang harus tampak
Karena form ini akan ditampilkan ketika menjalankan program kalender ini, maka
kita harus merubah di bagian ‘ShowWindow’ dari ‘Properties’ menjadi “2 – As Top-Level
Form”.

Gambar 18

Simpan semua perubahan dan silahkan untuk mengotak-atik poin-poin dalam

‘Properties’ untuk memodifikasi form sesuai keinginan. Di bawah ini contoh Program
Kalender yang setengah jadi dan sudah memenuhi syarat sesuai dengan cara-cara yang
diajarkan dalam pelajaran bagian kesatu ini.