Catatanw

September 21, 2011

Belajar Bahasa Pemrograman Basic Menggunakan Gambas2-Membuat Form Login

Filed under: Belajar,coding,Kegiatan,Ngoprek,Open Source — catatanpinguin @ 20:08

Pada artikel sebelumnya telah saya bahas apa itu pemrograman Basic dan apa itu Gambas, saat ini saya sedang iseng-iseng mencoba mempelajari kembali bahasa pemrogram basic menggunakan aplikasi bantu Gambas2 yang diinstall di sistem operasi Linux, dulu saat masih kuliah di salah satu perguruan tinggi swasta Bandung saya sempat mendapat mata kuliah interfacing menggunakan aplikasi Visual Basic. Saat ini saya iseng ingin mempelajari kembali dengan menggunakan aplikasi yang berbeda dengan bahasa pemrograman yang sama. Untuk membuka kembali ingatan saya mempelajari bahasa pemrograman ini saya mencoba untuk membuat sebuah operasi logika dengan membuat sebuah form login.

Pertama, yang perlu dilakukan adalah memasang aplikasi gambas2, silakan bagi pengguna sistem operasi Linux debian based bisa memasangnya melalui synaptic package manager atau pengguna ubuntu bisa melalui Ubuntu Software Center, dalam tutorial ini saya menggunakan distribusi Linux BlankOn Pattimura. Bagi pengguna sistem operasi selain Linux silakan mencari referensi instalasinya di mesin pencari yaaakk…:D

Ok, setelah Anda memasang gambas2 buat project baru dalam gambas2 berikut langkah-langkahnya:

1. Jalankan aplikasi gambas2, melalui Menu Utama BlankOn > Aplikasi > Pemrograman > Gambas2.

2. Setelah Anda jalankan, Anda akan mendapat kotak dialog panduan, pilih opsi Proyek Baru.

3. Pada kotak dialog Project Type, pada Type pilih opsi Graphical Application, kemudian tekan tombol Next untuk melanjutkan.

4. Pada tahapan ini anda akan diberikan kotak dialog Project Directory, tentukan direktori tempat dimana project akan disimpan, kemudian klik Next.

5. Pada kotak dialog Project Information, isikan nama dan judul project Anda, klik OK untuk mengakhiri panduan.

Setelah Anda mempunyai sebuah Form lembar kerja dengan nama FMain.form, kini saatnya kita membuat sebuah form login, berikut caranya:

1. Buat sebuah 1 form kembali digunakan sebagai aksi dari program yang akan kita buat, klik kanan pada opsi Form yang terletak pada panel proyek sebelah kanan, pilih opsi Baru kemudian pilih Form, dan beri nama FIndex.form.

2. Kemudian pada form FMain.form buat 2 buah Label1 dan Label2, kemudian pada panel properti dan pilihan Text ubah masing-masing Label menjadi Username dan Password.

3. Buat 2 buah TextBox (TextBox1 dan TextBox2) disamping Label Username dan Password tadi, kemudian pada panel properti hapus text yang berada dalam pilihan Text. Pada TextBox2 ubah properti Password menjadi True (hal ini dilakukan untuk menyamarkan inputan karena pada TextBox2 akan digunakan sebagai inputan password).

4. Kemudian buat satu Button, kemudian pada panel properti dan pilihan Text ubah menjadi Login.

5. Lalu, klik ganda pada Button Login yang telah Anda buat tadi, sehingga akan muncul sebuah form kode yang bernama FMain.class.

6. Pada bagian PUBLIC SUB Button1_Click(), masukan kode berikut ini:

IF (TextBox1.Text = “sakra”) AND (TextBox2.Text = 123456) THEN    ‘ operasi logika

FIndex.Show                       ‘ menampilkan form FIndex.form

Else

PRINT Message.Warning(“Sorry mas bro, username ama password elo salah, jajalen maneh”)           ‘ Menampilkan pesan kesalahan

ENDIF

TextBox1.Clear()                                 ‘  membersihkan textbox username

TextBox2.Clear()                                 ‘ membersihkan textbox password

END

7. Langkah terakhir adalah jalankan program Anda, dengan mengklik menu Debug > Jalankan, atau dengan menekan tombol F5 pada papan ketik Anda.

Selamat mencoba, dan bereksplorasi lebih lanjut…!

2 Comments »

  1. Kursus online bikin Software Accounting, hanya di
    wongblajar.wordpress.com

    Comment by wongblajar — November 24, 2011 @ 15:06 | Reply

  2. Gambas2 Gambas3 di Markas Gambas ada gambas mampir ke sini ya!
    http://www.MarkasGambas.blogspot.com

    Comment by Markas Gambas — April 16, 2012 @ 20:28 | Reply


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: