♥ Desain Form Sederhana pada VB 6
Mei 31, 2015Menjadi seorang
programmer nggak hanya dituntut jago coding, tapi juga mesti jago desain
tampilan. Itulah kenapa gue nggak mau jadi
seorang programmer. Iyah! Karena gue nggak seberapa okeh dengan coding dan
nggak seberapa okeh ngatur desain tampilan aplikasi yang dibuat.
Sebenarnya sejak SMA gue
itu pengen masuk jurusan bahasa dan sastra, tapi entah dari SMA sampai kuliah
gue malah kesesesat di akuntansi dan komputer. Iyah! Gue kesesat! *emotmataberkacakaca*
Waktu
jaman gue SMA dulu di SMA Negeri 1 Tarakan ada jurusan bahasa dan sastra. Gue pengen
banget masuk disitu, tapi nyokap malah nyuruh gue sekolah di SMK Negeri 1
Tarakan dengan alasan kalau gue lulus sekolah di SMK, biar gue gampang cari
kerja karena di SMK itu yang di asah nggak hanya otak, tapi juga skill siswa
*katanyagitu*. Dan keinginan nyokap terwujud. Lepas gue lulus SMK, gue bisa
kerja sesuai jurusan gue waktu sekolah, jurusan akuntansi. Gue jadi kasir, tapi
kadang ikut bantuin kerjaan accounting di perusahaan tempat gue berkerja. Itu dulu.
*edisicurhat*
Cerita gue diatas ngelantur!!!
Iyah gue jadi ngelantur. Sowrie, kebawa emosi….. baiklah! kita kembali ke soal
desain tampilan dan coding pada saat mrogram sebuah aplikasi.
Ada hal paling sederhana
yang sering dilupakan pada saat kita melakukan desain sebuah aplikasi pada
program visual. Yaitu desain tombol keluar/close dan desain background form. Kenapa
gue bahas soal ini? karena gue lagi sibuk-sibuknya membimbing mahasiswa skripsi
dan tugas pemrograman di kampus gue. Dan masalah desain yang banyak gue temuin
adalah masalah tombol close/keluar/exit dan penggunaan warna background yang
menyolok.
Karena gue nggak jago di
program yang keren, seperti Java, Delphi, Eclips, JSP, de el el, maka gue pakai
program visual yang paling basic. So.. visual basic 6.0 #pasang #ekspresi
#purapura #bego. Padahal Beneran Bego *telankeyboard
Hmm.. Enggak! Gue kan paling
sering ngeliat aplikasi di super/hyper/mini market yang aplikasinya menggunakan
bahasa pemrograman visual basic. Jadi gue anggap bahasa pemrograman yang satu
itu adalah bahasa pemrograman sejagat raya yang gampang dan merakyat (banget).
Nah, oleh sabab itu gue
bakal bahas tentang Desain form sederhana pada Visual Basic 6.0.. #CIKEDOT!!!
* seperti biasa, buat project baru di visual basic 6.0, macam ni
New Project VB 6.0 |
![]() |
contoh label pada form VB 6.0 |
![]() |
autosize label - True |
![]() |
borderstyle label = transparent |
* Setelah itu, buat desain gini : 2 command button, 2 label, 1 line.. kalau udah running atau tekan F5 aja, entar tampil aplikasinya seperti gini:
![]() |
tekan F5 buat running aplikasinya |
![]() |
screenposition form |
* coba deh running lagi, udah di satu tempat kan. nggak pindah-pindah lagi. Nah sekarang coba liat gambar dibawah. Hal yang sering dilupakan programmer (awam kayak gue) saat desain form aplikasi adalah suka buat tombol keluar/close/exit lebih dari satu. Liat gambar, ada dua tombol keluar/close/exit. Yang pertama yang otomatis disediakan oleh programnya (tanda silang, pojok kanan atas) yang kedua, gue yang buat sendiri pakai button (tombol keluar). Mubazir kan?
![]() |
tombol keluar lebih dari satu - peraruturan pasal 245 tentang kode etik desain form #alah!!! |
* Kebanyakan programmer suka buat tombol keluar/close/exit pakai button. BOLEHHH!!! gak ada larangan buat tombol keluar/close/exit pakai button. Tapi liat sikon. Kalau emang tetap ngotot pengen buat sendiri tombol keluar/close/exit nya, yaudah kita akalin aja deh.. Caranya Kita hide aja tombol keluar yang disediakan oleh visual basic 6.0... nih tempatnya.. klik form dulu, lalu pilih controlbox pada propertis. ganti jadi false. Liat gambar di bawah aja deh kalau bingung.
![]() |
controlbox - false - pada form |
* coba running lagi!!! gimana? benerkan? tombol keluarnya udah nggak banyak kayak tadi.
* Sekarang, kita lanjut buat backgorund form pakai gambar. Di tools box chum pilih image, lalu masukan pada form. seperti gambar berikut:
![]() |
Tools Image |
* Kalau udah, sebelum browse gambar untuk background, atur dulu STRECH ke TRUE pada propertis image. Fungsinya untuk mengatur besar gambar yang kita inginkan sebagai background.
![]() |
Properties strech - true pada vb 6.0 |
* Browse gambar melalui propertis picture di image. Setelah itu, klik kanan pada image di form, pilih send to back. liat gambar ini:
![]() |
send to back (untuk jadi backgorund) |
* OKEH!!! coba running lagi deh (atau F5)
![]() |
Hasil desain sederhana |
![]() |
yang mau muntah, nggak usah lebay deh!!! |
Catatan nda' penting's kali ini gue cukupkan sampai disini, semoga bermanfaat. Mudahan gue diberi kesempatan dan diberi jaringan yang baik lagi untuk bisa berbagi catatan yang lebih nda' penting's dari ini.
Seperti biasa, gue mau ucapkam MACIEW banget buat yang udah sia-siain waktunya buat scroll disetiap iNote yang gue tulis. Gue do'ain moga cepat dapat jodoh dan masuk surga bareng gue. AAMIIN!!!
^_^
0 Comments