Membuat Program Biodata Karyawan Part 4

Sebelum anda mengikuti tutorial keempat ini, mungkin anda ingin melihat tutorial yang sebelumnya, silahkan klik Tutorial Membuat Program Biodata Karyawan Part 3.

Untuk bagian keempat dari tutorial Membuat Program Biodata Karyawan ini, kita akan membuat datawindow untuk w_user dan mengatur layout dalam w_user. Window w_user ini digunakan sebagai sarana bagi user dengan level Administrator untuk menambah user baru atau mengedit data user yang telah ada.

Flow dari window w_user adalah:

A. Input User Baru

• Untuk Kolom User ID akan diprotect, untuk nilainya akan kita berikan secara otomatis dengan bantuan Function (itulah sebabnya pada saat pembuatan tabel tbl_user saya minta kolom user_id jangan dibuat autonumber/counter).
• Semua data wajib diisi, untuk Nama User, Password dan Nama lengkap user ada jumlah minimal karakter yang wajib dipenuhi. Berikut adalah aturan penginputannya:

Kolom	Jumlah Karakter	Keterangan
Nama User	3 - 20	Hanya karakter AlfaNumerik dan tidak boleh ada spasi
Password	5 - 20	Hanya karakter AlfaNumerik dan tidak boleh ada spasi
Nama Lengkap User	4 - 50	Hanya karakter Huruf dan boleh ada spasi

• Untuk kolom Nama User, harus unik dan tidak boleh sama dengan Nama User yang telah diinput sebelumnya.

B. Edit data User yang telah ada

• Kolom ID User dan Nama User tidak dapat diubah, untuk keperluan ini nanti akan kita Protect kolom tersebut.
• Untuk flow lainnya sama dengan flow input data baru.

Untuk langkah-langkah pembuatan datawindownya adalah sebagai berikut:

Buat datawindow dari tabel tbl_user dengan jenis Tabular, langkah-langkahnya adalah sebagai berikut:

Klik File->New, lalu pilih tab datawindow dan pilih Tabular seperti gambar dibawah ini  lalu klik OK:

Setelah anda klik OK maka akan tampil jendela pemilihan sumber datanya, pilih yang Quick Select seperti gambar ini:

Klik Next, lalu disebelah kiri pilih tabel tbl_user (disaya namanya karyawan.tbl_user) lalu klik Add All, seperti gambat ini:

Klik OK, maka akan tampil jendela pengaturan warna, atur sesuai dengan yang anda mau, kalau saya, saya biarkan default terlebih dahulu seperti gambar ini:

Klik Next, dan akan tampil jendela terakhir dari wizard pembuatan datawindow seperti ini:

Klik Finish untuk membuat datawindownya.

Atur sedemikian rupa layoutnya, kalau saya menjadi seperti ini:

Detail Pengaturan datawindownya:

Jenis Font: Times New Roman, Size: 10 Bold

Border: Box(2), untuk kolom user_status bordernya: NoBorder(0)

Untuk Static Text yang berada pada header Backgroundnya: sky, untuk kolom pada detail backgroundnya: White

Untuk kolom user_level, ganti Style Type menjadi DropDownListBox dengan ketentuan:

• Sorted dan Always Show Arrow ditandai, dan pada code table, masukkan:

Display Value	Data Value
Administrator	1
User	0

Untuk kolom user_status, ganti Style Type menjadi CheckBox, dengan ketentuan:

• 3-D Look dan Scale ditandai, dan ketikkan "Aktif" (tanpa tanda kutip) di kotak Text
• Masukkan 1 pada kotak Data Value for On, dan 0 pada Data Value for Off.

Atur Alignmentnya, untuk user_id: Center, dan kolom yang lainnya: Left

Untuk kolom user_password, beri tanda pada kotak Password di tab Edit pada propertiesnya.

Simpan datawindow ini dengan nama d_user

Buka window w_user dan masukkan beberapa control dengan detail berikut ini:

• 1 datawindow dengan nama dw_user dan Data Objectnya: d_user
• 6 Command Button dengan detail:

Nama	Text	Enabled
cb_tambah	Tambah	Ya
cb_edit	Edit	Ya
cb_simpan	Simpan	Tidak
cb_batal	Batal	Tidak
cb_refresh	Refresh	Ya
cb_tutup	Tutup	Ya

Untuk window w_user yang saya buat akan seperti ini:

Simpan perubahan untuk window w_user, jika diperlukan silahkan dijalankan programnya dengan mngklik toolbar Run.

Biar anda tidak terlalu pusing, bagian keempat ini saya sudahi dulu sampai disini, kita akan lanjutkan dibagian kelima Tutorial Membuat Program Biodata Karyawan Part 5, dimana kita akan sempurnakan window w_user ini agar bisa digunakan untuk menginput atau mengedit data user.

Akhir kata, semoga sukses untuk semua yang sedang dan akan anda lakukan.

Download tutorial ini dalam format pdf: