Skip to main content

Membuat form login menggunakan delphi XE5 bagian kedua

delphiinsertimage3

Di bagian pertama kita sudah membuat form login seperti ini. Sekarang mari kita coba tambahkan komponen Tlabel, TEdit dan TButton ke dalam form1 agar benar-benar menjadi sebuah login form yang kita inginkan. Atur tata letaknya menjadi seperti ini.


delphi_login_form_full.png


Klik form1 dan ubah nilai properties KeyPreview menjadi True. Properties tersebut berguna agar form1 dapat menerima keystroke dari user. Apa maksud dari keystroke diatas ? Maksudnya adalah kita telah menambahkan button Close ke dalam form1 dan di caption button kita telah menuliskan "Esc - Close". Kita ingin ketika program tersebut dijalankan, nantinya user memiliki ability untuk menutup form1 tersebut dengan cara menekan tombol Esc di keyboard.


delphi_login_form_full2.png


Merubah character password untuk kotak isian password


Untuk merubah character password agar tidak bisa terbaca oleh orang lain sangatlah penting. Jika anda tidak memperdulikan hal ini, bisa jadi orang lain akan menganggap bahwa aplikasi yang anda buat tidak profesional. Lalu bagaimana cara merubahnya ? Caranya sangatlah sederhana. Klik komponen TEdit yang anda gunakan untuk kotak isian password diatas. Lalu ubahlah nilai properties PasswordChar dari komponen tersebut menjadi *. Jika anda ingin menggantinya dengan character lain boleh-boleh saja.


Merubah properties Name untuk setiap komponen atau object


Sebelum kita melangkah lebih jauh ke tahap pengkodean / coding, biasakanlah untuk memberikan nama pada properties Name dari masing-masing object yang anda gunakan. Mengapa demikian ? Karena hal ini akan sangat membantu anda nantinya dalam mengingat dan mengenali setiap object yang ada di dalam form, module, report, dll di aplikasi anda. Yuk langsung saja kita berikan nama yang unik ke setiap object.




Disini kita hanya akan berikan nama untuk object yang akan berhubungan langsung dengan coding kita nanti.


  • Name TForm1                  : Form1

  • Name TEdit user name : TxtUserName

  • Name TEdit password   : TxtPassword

  • Name TButton login      : BtnLogin

  • Name TButton                 : BtnCancel



Jika sudah selesai, kita akan coba melakukan coding yang sederhana. Namun sebelum itu, saya akan jelaskan sedikit mengenai Event. Di dalam bahasa pemrograman berorientasi object, setiap komponen tidak hanya memiliki atribut/properties. Namun juga memiliki event seperti Onclick, OnDblClick, OnMouseMove, OnCreate, dll. Event click dan double click biasanya digunakan pada komponen TButton.


Sekarang cobalah double click komponen TButton untuk BtnCancel. Jika sudah sisipkan coding "application.Terminate;" seperti gambar dibawah ini dan jalankan aplikasinya dengan cara menekan tombol F9. Jika form1 sudah tampil, cobalah untuk klik button close atau tekan tombol esc.


delphi_application_terminate.png


delphi_form_login_close_event.png


Wahh..form tersebut berhasil ditutup ketika anda menekan button close. Tapi tidak berhasil ketika anda menekan button esc. Sekarang, cobalah untuk menambahkan sedikit coding lagi.


delphi_form_login_form_close_event


Tips penting !


Anda tidak perlu mengetikkan semua coding yang ada diatas ya..karena sebenarnya yang mesti anda ketikkan hanyalah "if key = #27 then application.terminate;". Lalu bagian procedure eventnya bagaimana ? Caranya sangat mudah. Klik object form1. Di bagian Object Inspector di sebelah kiri layar IDE delphi xe anda terdapat 2 tab. Yaitu properties dan events.


Klik tab events, lalu pilih event FormKeyPress. Silahkan double click pada dropdown di sebelah area even tersebut. Hasilnya menjadi seperti ini.


delphi_form_login_form_close_event2.png


Nah...sisipkanlah coding tadi diantara tag begin dan end yang ada didalam procedure TForm1.FormKeyPress di atas. Hasil akhirnya coding anda akan menjadi seperti ini.


delphi_form_login_form_close_event_full_code.png


Jalankan kembali aplikasinya. Sekarang apabila anda klik button close atau tekan tombol esc aplikasinya sudah berhasil menutup bukan ?


Tips bagaimana cara berpindah ke area kode delphi dan area design delphi 




[caption id="attachment_445" align="alignnone" width="831"]area_code.png Klik tab Code untuk menampilkan area kode[/caption]

 

[caption id="attachment_447" align="aligncenter" width="480"]area_desain.png Klik tab Design untuk menampilkan area desain[/caption]

Happy coding :)


https://www.youtube.com/watch?v=dAn4uUo5IDI

https://www.youtube.com/watch?v=-pcu0lPkkL4

https://www.youtube.com/watch?v=Q6UVd7ZV_OA

https://www.youtube.com/watch?v=TLD5BJCKnSI

 

 

Comments

Popular posts from this blog

Tips Jitu Cara Mengatasi Error Pada Saat Compile Aplikasi Menggunakan Visual Basic 6

Sebenarnya ada banyak sekali nih project yang harus saya kerjakan dikantor. Namun terkadang apa yang kita rencanakan sering kali berbeda dengan kenyataan. Maksud hati ingin focus dulu ke satu project, tapi karena adanya satu dan lain hal, akhirnya terpaksa deh harus melakukan modifikasi dan membuka project lama yang sebenarnya saya sudah malas untuk berhubungan lagi dengannya :) Project ini sudah dibangun dari awal tahun 2000-an, jauh sebelum saya join. Ya intinya saya dapat warisannya lah seperti itu. Di bangun masih dengan menggunakan vb5-vb6 waktu itu. Sekarang sudah tahun 2016. Jadi sudah lama ya sob. Sudah ketinggalan jaman lah kurang lebih. Meskipun sudah tua, tapi menurut saya visual basic tetap menjadi bahasa pemrograman yang masih powerful. Masalah Kompatibilitas Nah masalah terbesar dalam menggunakan program-program lawas seperti itu biasanya ada pada kompatibilitas component-componentnya. Karena hardware dan os yang kita gunakan biasanya akan berubah seiring waktu. Jika soba...

Cara mudah membuat gambar animasi bergerak

Inspirasi itu memang kadang bisa datang tiba-tiba tanpa mengenal waktu, tempat dan dari mana kamu mendapatkannya, bener ngga sob ? Contohnya tadi siang pas kebetulan lagi makan tiba-tiba sahabat nelpon dan menanyakan bagaimana caranya bikin banner. Mau ngejelasin caranya lewat telpon sepertinya terlalu panjang deh jelasinnya. Yang ada nanti malah ngga jadi makan. Yo wis diposting aja ke blog. Biar ilmunya bisa dinikmati oleh banyak orang dan pahala saya bertambah. Aamiin. Sebelumnya saya sudah pernah sharing mengenai cara mudah membuat logo . Kali ini saya juga akan sharing bagaimana caranya membuat sebuah gambar animasi bergerak yang bisa kamu jadikan sebagai banner atau iklan di website kamu. Buat kamu yang hobby gonta-ganti dp bbm, cara ini juga bisa kamu gunakan untuk membuat gambar animasi yang lucu dan menarik. Tipe file gambar yang biasanya digunakan untuk membuat gambar animasi bergerak adalah Graphics Interchange Format ( GIF ) yang merupakan format grafis yang paling sering ...

Cara Mengedit Gambar Dengan Aplikasi Paint

Buat kamu para pengguna windows pasti tahu atau minimal pernah melihat bahwa di komputer kamu terdapat aplikasi yang bernama Paint. Aplikasi paint ini biasanya akan kamu temukan dibagian accessories. Namun pernahkah kamu menggunakan aplikasi tersebut ? Tahukah kamu bahwa aplikasi editing gambar yang sederhana tersebut sebenarnya cukup handal, ringan dan praktis untuk digunakan? https://www.youtube.com/watch?v=jUzR-EiLrJM Meskipun tingkat kehandalannya tentu tidak dapat dibandingkan dengan aplikasi editing gambar yang lebih canggih seperti Adobe Photoshop, Lightroom, Corel Draw, Picasa dan lain-lain, namun dengan menggunakan aplikasi paint ini rasanya sudah cukup apabila anda hanya ingin sekedar melakukan proses editing gambar yang sederhana. Tertarik untuk mencoba dan mengetahui hal-hal apa saja yang dapat anda lakukan dengan aplikasi paint ? Silahkan buka aplikasi paint anda kemudian simak saja caranya... Cropping Teknik cropping biasanya digunakan apabila anda ingin mengambil bagian-...