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

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-...