Matino

Ok deh, mari kita mulai...

Silahkan Rekan-rekan sekalian buka Delphi-nya. Btw, ini diasumsikan Rekan-rekan sekalian sudah nginstall ini software. Gak perlu lah dibuat tutorial "Instalasi Delphi 7".

Nah, disitu sudah ada form baru yang namanya Form1. Caption-nya juga Form1. Kita ganti aja y biar bagusan dikit. Silahkan arahkan mouse Rekan-rekan sekalian ke Object Inspector. Biasanya di pojok kanan bawah. Nah, di tab Properties-nya cari yang namanya Caption. Trus ganti "Form1" jadi caption yang Rekan-rekan sekalian sukai. Contoh: "Silahkan Login". Nah, caption itu akan muncul di bagian atas border window (form). Coba deh...

Kemudian silahkan Rekan-rekan sekalian ganti nama formnya yang kira-kira mudah diingat oleh Rekan-rekan sekalian. misalnya "FormLogIn". Jangan pake spasi ya. Penting gitu ngganti nama formnya? Kenapa gak dibiarin aja "Form1"? Ow, penting Rekan-rekan sekalian. Soalnya kalau kita sudah ngoding banyak dengan melibatkan banyak Form, nanti kita kerepotan. jadi untuk mencegah hal yang kayak gini: "Waduh, yang itu form berapa ya? Form12 atau Form13?" Nah loe...! So, silahkan lagi lihat Object Inspector-nya. Pada tab Properties cari Name. Nah, silahkan ganti "Form1" menjadi "FormLogin". Atau terserah Rekan-rekan sekalian. Biar gak terlalu besar, Rekan-rekan sekalian bisa me-resize ukuran Form. Caranya, ya seperti Rekan-rekan sekalian me-rezise jendela pada Windows. Klik ujung border, drag deh...

Yosh, berhubung Form-nya masih kosong, mari kita tambahkan beberapa komponen. Yaitu sebuah button (untuk tombol Login/OK), 2 Label (Label ID dan password), dan 2 Edit (Edit ID dan Password). Sok atuh, arahkan mouse Rekan-rekan sekalian ke menu bar pada tab Standar. Klik Label (simbolnya huruf kapital A), terus klik Form. Labelnya akan muncul di Form. Lakukan dua kali. Klik Edit (simbolnya "ab" dan ada kursornya). Klik pada Form. Lakukan 2 kali. klik "Button" (simbolnya tombol OK), lalu klik pada Form.

Lakukan perubahan properties (lihat Objek Inspector) pada tiap-tiap komponen yang baru saja kita tambahkan:

Label1
name : LabelID
caption : ID

Label2
name : LabelPassword
caption : Password

Edit1
Name : EditNama
Text : kosongkan

Edit2
Name : EditPassword
Text : kosongkan

Nah, biar aman, kita Save dulu....

File --> Save All
Save Unit1 as --> ketikkan nama Unitnya, misal "UnitLogin.pas"
Save Project1 as --> ketikkan nama projectnya, misal "BelajarLogin.dpr"

Trus coba Rekan-rekan sekalian Run project yg telah kita buat... pencet F9 atau bisa lewat menu bar yang simbolnya mirip simbol play, tapi warnanya ijo. Hasilnya seperti ini...

Coba isikan dan klik tombilnya... Apa yang terjadi? Ya gk terjadi apa-apa lah... kita kan belum ngisi algoritma didalamnya...

trus close deh, soalnya kita mo ngelanjutin lagi...

Nah sekarang, klik File --> New --> Form

Resize ukuran form biar terlalu besar. ganti properties-nya.

Name : FormSukses
Caption : Welcome

Tambahkan komponen Label. Ganti Properties-nya

Name : LabelSukse
Caption : Welcome
pada Font klik ganda pada tulisan (TFont), akan muncul sebuah dialog box. Silahkan Utak-atik. Misal size diganti jadi 24.

Save all, namanya "UnitSukses"

Sekarang waktunya koding. Klik ganda pada ButtonLogin (nama button yang baru saja kita buat pada FormLogin). Muncul UnitLogin. Klik ganda pada ButtonLogin merupakan instruksi untuk Delphi untuk membuat sebuah prosedur click. OK, mari kita isikan perintahnya.

procedure TFormLogin.ButtonLoginClick(Sender: TObject);
begin
if (EditID.Text <> 'ID-mu') or (EditPassword.Text <> 'Password-mu') then
begin
MessageDlg('ID atau password salah', MTWarning, [MBOK], 0);
Exit;
end;
FormSukses.Show
end;

Yang ditulis yang merah saja.
tips: gunakan Ctrl+Space untuk mempercepat pengetikan.

Setelah selesai kita compile terlabih dahulu. tekan Ctrl+F9.

Lho koq muncul pesan berikut?

Klik "Yes" saja. pesan itu muncul karena kita memanggil suatu prosedur (method) yang dimiliki UnitSukses (pada objek TFormSukses). Setelah kita klik "Yes" command "uses UnitSukses" secara otomatis ditambahkan.

Coba compile sekali lagi. Kalau sukses silahkan klik "Run"

Begini jadinya:
Tambahan: bila Rekan-rekan sekalian ingin saat user menginputkan password kemudian yang muncul adalah karakter asterisk (*), Rekan-rekan sekalian bisa mengganti properties-nya
EditPassword, yaitu pada PasswordChar, #0 diganti dengan *.

Semoga perkenalan Delphi 7 ini bisa memberikan manfaat.

====
update 8 May 2009,

Berhubung ada yang tanya bagaimana supaya saat FormSukses muncul namun FormLogin hilang...

Ada berberapa cara untuk bisa melakukan hal itu. Kita bahas 2 cara saja ya...

Cara 1:

1. Double click ButtonLogin. Dan muncul procedure TFormLogin.ButtonLoginClick beserta kode-kode yang sudah rekan-rekan tulis sebelumnya.
2. Sebelum end; dari procedure tersebut tambahkan syntax berikut:
   
   FormLogin.Visible := False;
   
   
3. Coba jalankan
4. Cara ini hanya menyembunyikan FormLogin, tidak mengakhirinya. Jadi ketika rekan-rekan mengklik tombol silang "X" di pojok kanan atas jendela pada FormSukses, program tidaklah berkhir...

Cara 2:

1. Lakukan langkah satu pada Cara 1.
2. Sebelum kata end; dari TFormLogin.ButtonLoginClick, tambahkan syntax berikut:
   
   FormLogin.Hide;
   
   
3. Klik pada FormSukses. (Ingat pada formnya...)
4. Arahkan mouse rekan-rekan sekalian ke Object Inspector dan klik pada tab Events.
5. Klik pada properties OnClose. Pada bagian isiannya, klik ganda.
6. Kemudian muncul procedure TFormSukses.FormClose. Isikan procedure tersebut dengan syntax:
   
   Application.Terminate;
   
   
7. Silahkan di Run.
8. Dengan cara ini, ketikan FormSukses ditutup (dengan logo X pada pojok kana atas jendela), aplikasi ikut tertutup.

Demikian saja... semoga bisa memberikan manfaat...