Skip to main content

Membuat form login menggunakan delphi XE5

Assalamualaikum wr. wb. Di artikel sebelumnya, kita telah belajar dasar-dasar cara membuat form yang sangat sederhana sekali. Jika anda sudah mengikuti tutorial yang saya berikan sebelumnya, maka pasti anda masih menyimpan project tersebut dikomputer anda. Jika demikian, bukalah project tersebut dan ikuti panduan yang akan saya berikan berikut ini. Ubah nilai properties caption dari form1 menjadi Login Form.


delphi_login_form_caption.png


Ubah nilai properties color dari form1 menjadi clWhite. Tentu saja anda boleh menggantinya sesuai dengan warna kesukaan anda. Arahkan mouse ke sebelah kanan IDE delphi XE anda.


delphi_login_form_tool_pallete.png


Disana terdapat Tool Palette yang berisi komponen-komponen yang dapat anda gunakan untuk membuat sebuah aplikasi. Komponen-komponen tersebut disimpan dalam sebuah group box yang telah dikelompokkan berdasarkan fungsi dan kategorinya masing-masing oleh pengembang rad studio delphi.


Sekarang cobalah anda temukan komponen TPanel didalam group box standard. Jika sudah, klik dan pindahkan komponen tersebut ke dalam form1. Ubahlah ukuran dan posisi dari komponen tersebut menjadi seperti gambar berikut ini.


delphi_login_form_panel.png


Untuk merubah ukuran dan posisi dari setiap object yang ada didalam form1, selain bisa dilakukan dengan mouse, anda juga bisa merubahnya dengan mengganti properties dari masing-masing object yang ingin anda ubah.


Berikut daftar properties atau atribut untuk merubah ukuran dan posisi suatu object :




Height : digunakan untuk merubah tinggi suatu object

Width  : digunakan untuk merubah lebar suatu object

Left      : digunakan untuk merubah posisi horizontal suatu object

Top       : digunakan untuk merubah posisi vertical suatu object


Cara merubah ukuran dan posisi object di atas pada prinsipnya hampir sama dengan cara yang digunakan oleh hampir semua bahasa pemrograman visual lainnya seperti visual basic 6, C++, .Net, java dll.

Sekarang mari kita coba untuk menambahkan komponen TImage ke dalam form1. Ubah posisi dan ukurannya. Klik komponen TPanel, ubah properties caption menjadi kosong. Klik komponen TImage kembali dan ubah properties picture dengan cara klik button kecil yang ada disebelah kanan. Klik button Load... pilih logo atau gambar kesukaan anda. Jika sudah klik Ok.


delphiinsertimage.png


delphiinsertimage2.png


Jika sudah maka hasilnya akan nampak seperti gambar dibawah ini.


delphiinsertimage3.png


Gimana...mudah bukan ? Anda bisa mendesain form tersebut sesuai dengan kreatifitas dan ide anda sendiri tentunya. Saya hanya ingin membantu dan menuntun anda. Yuk kita lanjutkan tutorial membuat form login ini di bagian yang kedua.


Selamat mencoba dan tetap semangat belajarnya ya..

Comments

Popular posts from this blog

Mengirim Email dengan Delphi XE Menggunakan Account Google

Kemarin kita sudah membahas mengenai bagaimana caranya mengirim email melalui aplikasi yang dibuat dengan menggunakan VB.NET . Nah sekarang bagaimana caranya mengirim email tapi melalui aplikasi Delphi XE? Untuk mengirim email melalui Delphi XE sebenarnya mudah sekali. Caranya juga hampir mirip dengan VB.NET kok. Component yang dibutuhkan antara lain adalah TIdSMTP, TIdMessage dan TIdSSLIOHandlerSocketOpenSSL. Tanpa component-component tersebut kamu tidak akan dapat mengirimkan email. Selain component yang saya sebutkan diatas, tentu kamu akan membutuhkan koneksi internet. Tanpa itu mustahil email dapat dikirim ke alamat tujuan. Sebenarnya kamu juga dapat menambahkan class dari masing-masing component diatas ke dalam uses tanpa harus menggunakan component. Hal lain yang sangat penting yang mesti kamu pahami adalah untuk mengirimkan sebuah email dibutuhkan yang namanya email sender (email si pengirim), email recipient (email si penerima), email cc (optional), email bcc (optional) dan SM

Penjumlahan Inputbox Secara Otomatis Di HTML, Php, Dan JQuery

Hai sobat yadishare apa kabar? Sudah hari sabtu lagi nih. Iseng-iseng ah pengen nulis mengenai html dan jquery. Ketika kita membangun sebuah aplikasi menggunakan php, seringkali kita harus membuat sebuah penjumlahan antar textbox secara otomatis agar memudahkan user. Misalnya kita memiliki 3 buah inputbox yang kita buat dengan menggunakan HTML yang terdiri dari sub total, ppn, dan grand total. Kemudian setiap kali kita menginputkan angka ke dalam textbox sub total dan textbox ppn tersebut, kita ingin textbox grand total jumlahnya terhitung secara otomatis agar dapat memudahkan user. Lalu bagaimana caranya? Nah untuk dapat melakukannya, kita pasti butuh cara yang mudah dan cepat bukan? Ada banyak cara yang dapat kita lakukan untuk mewujudkan hal tersebut. Salah satunya adalah dengan menggunakan bantuan JQuery. Pertama kalian bisa download file jquery.js disini . Masukkan ke dalam folder assets/js. Kalian juga dapat menambahkan script berikut ini tanpa harus mendownload f

Aplikasi Database CRUD (VB6 + Ms. Access + Crystal Report 8)

Assalamualaikum wr. wb. sobat yadishare, apa kabar ? Di artikel kali ini saya akan membagikan tutorial tentang bagaimana cara membuat aplikasi CRUD (create, read, update, dan delete) menggunakan aplikasi atau bahasa pemrograman visual basic 6.0 dan database yang akan saya gunakan adalah database microsoft access. Untuk pembuatan laporannya nanti saya akan menggunakan aplikasi crystal report versi 8. Oke topiknya kali ini adalah membuat aplikasi crud sederhana tentang data pegawai. Namun di dalam aplikasi ini nanti teman-teman akan mempunyai opsi yang cukup lengkap. Selain ada fitur crud dan filtering data, teman-teman bisa langsung mencetak laporannya ke dalam printer. Keren kan ??? Ok langsung saja kita mulai tutorialnya. Untuk membuat aplikasi crud ini, dibutuhkan sebuah database microsoft access. Nah untuk mempersingkat waktu, berhubung saya sudah membuatkan tutorialnya di artikel dan video saya sebelumnya, jadi saya tidak akan bahas lagi disini. Teman-teman bisa langsung b