Membuat Form Isian Gaji Karyawan Dengan Delphi 7

Dedy Izham
zona.dedy@yahoo.com http://blog.jasamultimedia.com

Lisensi Dokumen:
Copyright © 2003-2011 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.

pada artikel ke-2 saya kali ini, saya akan mengajak anda untuk belajar membuat sebuah form sederhana menggunakan Delphi 7. Pastikan dulu, aplikasi Delphi anda sudah terinstal. [^ ^]

Mengatur Form
okey…, tanpa perlu panjang lebar lagi. Setelah anda membuka aplikasi Delphi. Pertama kali yang anda lihat adalah tampilan seperti gambar berikut.

Komunitas eLearning IlmuKomputer.Com Copyright © 2003-2011 IlmuKomputer.Com

1

anda bisa merubah name yang berfungsi sebagai identifikasi nama dari form tersebut.Com Copyright © 2003-2011 IlmuKomputer. Gambar tersebut merupakan tampilan default dari object inspector form 1. dan juga caption yang berfungsi sebagai title dari form yang aplikasi yang anda buat. Langkah pertama untuk membuat form gaji karyawan ini. Height= 469. form_gaji. Anda lihat bagian sebelah kiri. Seperti yang anda lihat pada gambar disamping. Color= clbtnhighlight. anda bisa melihat langsung dan relative lebih cepat semua property dari obyek tersebut. Kemudian. Nah…. Pada bagian caption. Anda lihat disana terdapat beberapa option yang digunakan untuk melakukan editing pada form tersebut. Dengan menyeleksi obyek tertentu. anda akan disuguhkan dengan beberapa tampilan default dari Delphi itu sendiri. Anda bisa menyeleksi obyek dengan mengklik combo box yang dilingkari merah. Oh iya….Com 2 . width= 521. Biar anda tidak terlalu binggung. disana terdapat window object treeview dan object inspector. anda atur terlebih dahulu ukuran dan juga nama formnya. anda seleksi pada object inspector. Anda seleksi dulu pada window object treeview. silahkan anda ikuti langkah saya untuk membuat form tampak Manis. Biar anda lebih cepat memilih object yang ingin dilihat propertynya. kemudian anda seleksi form 1. sekarang saatnya memberi nama pada form kita. Name= Membuat GroupBox Komunitas eLearning IlmuKomputer.Pada awal membukanya. beri judul dengan nama “Gaji Karyawan” tanpa tanda petik yach… Anda ubah juga property-property berikut. Disana. untuk editing dari tiap-tiap object.

Aturlah posisinya sehingga tampil seperti gambar berikut.Com Copyright © 2003-2011 IlmuKomputer. klik pada form. Pada standard tab. Setelah kita membuat form tersebut. Lakukan langkah yang sama untuk membuat groupbox lagi dengan caption yang berbeda.Com 3 .Setelah anda merubah propertynya. Setelah anda seleksi. Anda ubah captioannya dengan nama “Input Data ”. maka tampilannya akan seperti gambar diatas. Yakni caption “TOTAL” dan “Output Proses ”. saatnya kita isi form tersebut dengan beberapa option yang telah disediakan. Ubah nama caption pada bagian object inspector di sebelah kiri anda. anda klik groupbox. belum lengkap rasanya bila belum di beri inputan Komunitas eLearning IlmuKomputer. Setelah anda klik pada area form.

dan juga button. yakni yang bertandakan dengan huruf A. Komunitas eLearning IlmuKomputer. Lakukan langkah yang sama untuk membuat beberapa label yang lainnya. Next…. Anda pilih label. kita buat beberapa option lainnya. Setelah anda seleksi. anda klik di bagian form. kemudian disebelah kanan font tersebut.Com 4 .Com Copyright © 2003-2011 IlmuKomputer. dan anda atur seperti gambar dibawah ini. Maka secara otomatis akan muncul window font . anda cukup merubahnya dibagian object inspector kemudian anda pilih property yang bagian font. Kemudian captionnya anda isi dengan “Nama ”. Let ’s check this out. Sehingga akan tampil seperti pada gambar berikut. Untuk membuat label berwarna merah seperti pada caption “Total Gaji + Tunjangan”. Masih dalam tab standard. anda klik tombol yang “…” dan bertuliskan (Tfont) setelah anda klik.

Untuk membuatnya berbeda. Maka akan muncul window font. Anda pilih option edit. Oh iya…. Kemudian (Tfont). Kemudian anda klik pada form yang anda buat.Com Copyright © 2003-2011 IlmuKomputer. Kemudian. ada yang kelupaan. anda seleksi dulu edit10. Pada option edit10. Caranya hampir sama dengan mengedit label “Total Gaji + Tunjangan”. Disana anda pilih font. anda klik object inspector. Buatlah lebih dari 1 option edit. Setelah tampak seperti pada gambar diatas. Yakni. Disana tampilannya berbeda dari option edit yang lainnya.Insert Option Edit Setelah kita membuat labelnya. Hehehehe. setelah anda klik. saatnya kita membuat option isiannya. Aturlah posisinya sehingga tampak rapi dan layak untuk di jual. Masih dalam tab standard. Yakni option edit. silahkan anda buat seperti pada gambar berikut. kini saatnya untuk membuat buttonya. Komunitas eLearning IlmuKomputer.Com 5 . yang terletak disebalah kanan option label. Sebagai contohnya. Aturlah seperti berikut.

Kemudian anda klik pada groupbox yang baru anda buat tadi.Com Copyright © 2003-2011 IlmuKomputer. Okey. Tujuannya agar groupbox tampak seperti box biasa tanpa title.Com 6 .masing fungsi button. Di bagian kiri. Button proses ini akan memproses data yang diinputkan pada bagian input data. Button pertama yang anda buat adalah button proses. saatnya kita membuat button didalam groupbox tersebut. Sebelum membuat button.Menambahkan BUTTON Setelah kita membuat option edit. Untuk member nama “Proses ” pada button tersebut. Pastikan masih didalam tab standard. Button ini berfungsi untuk melakukan proses dari masing. dsb. Anda bisa melihat tampilannya seperti pada gambar berikut (lihat yang dilingkari warna merah). kita letakkan pada group box total. Tujuannya adalah. gaji pokok. Hanya yang membedakan pada groupbox baru ini. biar buttonnya nanti terlihat rapi. tepatnya object inspector. kita buat dulu groupbox baru didalam groupbox total. Anda pilih button. anda ubah captionnya menjadi “Proses ” (tanpa petik yach… ) Komunitas eLearning IlmuKomputer. Button tersebut. kita TIDAK perlu memberi nama caption (captionnya kosong). Yakni data nama. jabatan. saatnya kita membuat button.

saatnya anda membuat script pemroses dari tombol “Proses ”. jika tidak mirip. apabila anda sudah memahaminya. anda tampilkan dulu formnya. Sebab. Tapi tujuannya sih sama saja. anda klik ganda button “Proses ”. Hfu…. anda bisa memodifikasinya sendiri. Pada bagian type. anda sudah agak tenang. setelah anda mengetikkan variabelnya. setelah anda mengikuti saran saya diatas. Ingat. Saatnya anda lanjutkan praktiknya di bagian conding ini. Dijamin. Pengecualian. Kini saatnya melakukan tahap pemanasan sebagai seorang programmer. tahap yang melelah telah selesai. Program yang anda buat akan mengalami error. Kemudian anda klik ganda tombol “Proses ”. Anda ketikkan public variablenya seperti pada gambar berikut (yang dilingkari merah). Kemudian anda isikan script berikut antara begin dan end. cemilan dan juga lagu dari AirSuply yang “Goodbye ”. Window tersebut kalau di VB (Visual Basic) yakni window code. tepatnya dibawah public.Buatlah beberapa button yang lain untuk memproses datanya. Hanya saja di Delphi agak beda. Untuk coding.Com Copyright © 2003-2011 IlmuKomputer.Com 7 . Untuk mempermudahnya. Maka secara otomatis window unit1. Siapkan kopi panas. Komunitas eLearning IlmuKomputer. Tujuannya agar otak kita adem dulu. Okey. Untuk melakukan tahap awal. Hehehe. Kalau sudah agak tenang dan hilang capeknya. Aturlah sehingga Nampak seperti gambar berikut. penulisannya harus mirip seperti diatas. Hehehehe [^ ^] Tahap Coding Nah….pas tampil.

setelah button “Proses ” anda beri script. nama := edit1. bonus := strtofloat (edit5. gaji_pokok := strtofloat (edit3.gaji_pokok := strtofloat (edit3.1*gaji_pokok. Nah…. uang_makan := strtofloat (edit4. uang_makan := strtofloat (edit4. Hanya yang membedakan isi dari scriptnya.Text := floattostr (tunjangan). anda isikan coding berikut. saatnya tombol “Output ” juga anda isikan script. Penempatannya sama dengan yang script “Proses ”. t_gaji := gaji_pokok+uang_makan+bonus.Text.Text). jabatan := edit2.Text).Com 8 . Biar anda tidak binggung penempatan scriptnya. Yakni antara begin dan end.Text).Com Copyright © 2003-2011 IlmuKomputer. bonus := strtofloat (edit5. //script pemrosesnya tunjangan := 0. edit7. Untuk script “Output ”.Text.Text).Text).Text).Text := floattostr (t_gaji). lihat gambar berikut. Komunitas eLearning IlmuKomputer. //Output otomatis pada proses edit6.1*gaji_pokok. //script pemrosesnya tunjangan := 0. Caranya sama dengan proses diatas tadi.

bila belum jelas. Misalnya judul dari perusahaan anda.Com 9 . Script tombol exit sangat sederhana. edit9. edit6. edit10. //ketika tombol output ditekan edit8. setalah tombol reset terisi script. edit3.Text := ' '. Sebagai contoh saja. lanjutkan prosesi coding anda dengan memberi script pada button “Reset ”.Text := jabatan. Anda cukup mengisikan dengan script close. coba anda running dengan menekan tombo F9.Com Copyright © 2003-2011 IlmuKomputer. edit2. edit8.Text := ' '.Text := ' '. Klik dobel tombol reset. edit7. edit1. saya mengisi space kosong dengan beberapa kata dan juga image sehingga tampil Komunitas eLearning IlmuKomputer.Text := ' '.t_gaji := gaji_pokok+uang_makan+bonus.Text := ' '.Text := ' '. Apabila semua tahap anda lakukan dengan benar. edit4. output_gaji := tunjangan + t_gaji. Kemudian anda isikan coding berikut.Text := nama. edit5.Text := ' '.Text := floattostr (output_gaji). maka aplikasi akan berjalan dengan lancar.Text := ' '. isikan space yang kosong dengan beberapa kata-kata.Text := ' '. Untuk memperindah tampilan aplikasi yang anda buat. anda lihat gambar berikut untuk penulisan script tombol exit. edit9. Posisi penulisannya sama seperti pada langkah sebelumnya. Atau anda klik tombol play berwarna hijau. Setelah semua proses selesai. edit10. Isikan coding berikut pada tombol reset.Text := ' '. Tinggal satu button yang belum diisi dengan script. Yakni tombol “Exit ”.

Saat ini.seperti screenshoot berikut. capek juga kan duduk didepan computer terus. Dan memiliki prestasi yang cukup baik di bidang computer. silahkan menghubungi saya melalui alamat email saya atau blog saya.Com 10 . Ia memilih ke Perguruan Tinggi Swasta bukan berarti tidak di terima di Perguruan Tinggi Negeri. Apabila anda pertanyaan. cukup sekian dulu tutorial kali ini yang bisa saya share untuk anda. Mengenal computer saat duduk di bangku SMK. ia sudah keluar dari Home Studio Web Desain di Surabaya. Lulus SMK Multimedia pada tahun 2010. Okey…. akan tetapi tujuannya adalah sambil bekerja untuk tambahan biaya kuliah. setelah lulus sempat bekerja pada salah satu Home Studio Web Desain di Surabaya. Bekerja di home studio bukanlah pilihannya. Prestasi ini dibuktikan dengan hasil yang memuaskan dalam suatu kompetisi baik LOKAL maupun NASIONAL tingkat SMA/SMK/umum. ia melanjutkan studi-nya di salah satu UNIVERSITAS SWASTA di Malang. Semoga bermanfaat ya…… Biografi Penulis Dedy Izham. Saya pasti dengan senang hati membantu anda. Dan saat ini. Bermodalkan pengalaman yang lebih dari cukup didunia computer. ia memilih bekerja untuk memperoleh tambahan biaya KULIAH.Com Copyright © 2003-2011 IlmuKomputer. Hem….com ) sebagai dana tambahan studi di Perguruan Tinggi.jasamultimedia. Komunitas eLearning IlmuKomputer. saat ini mengelola salah satu website ( www. Bermodalkan niat dan kemauan yang keras.. akhirnya mampu memahami sedikit seputar ilmu computer.

Sign up to vote on this title
UsefulNot useful