Tutorial Membuat Kartu Perpustakaan Menggunakan GUI Design Studio

Assalamualaikum sahabat sharing , 

pasti anda yang membaca ini lagi butuh ilmu yang baru kan ,jujur saja ya enggak , oke ayo kita praktek

1.       Buka GUI Design Studio

• ·         Klik icon gui design studio yang ada di dektop
• ·         Tunggu sampai keluar tampilannya

2.       Buka halaman kerja baru

• ·         Klik file
• ·         Pilih new (Ctrl+N)

3.       Tambahkan form ke dalam lembar kerja

• ·         Klik element
• ·         Pilih windows and dialogs
• ·         Pilih form yang mana aja
• ·         Lalu drag ke laman kerja

4.       Tambahkan teks kedalam form

• ·         Klik text and edit boxes
• ·         Pilih centre aligned text
• ·         Lalu drag ke dalam form
• ·         Posisikan teks tersebut ditengah
• ·         Kemudian klik dua kali di teks tersebut , tunggu sampai keluar text properties .
• ·         Ubah lah teks yang tulisannya “centre aligned text” menjadi “LAPORAN PEMINJAMAN BUKU Perpustakaan PDD Aceh Utara”
• ·         Kemudian klik font , ubah lah size dengan ukuran “20” lalu tebalkan atau klik checkbox bold.
• ·         Selanjutnya klik ok
• ·         Atur agar supaya tampilannya seperti di bawah ini

5.       Tambahkan “Tanggal” dan “Periode”

• ·         Klik Text And Edit Boxes
• ·         Pilih “left Text”
• ·         Kemudian drag Left Text ke form
• ·         Klik dua kali di left text, tunggu sampai keluar text properties
• ·         Ubah lah teks yang tulisannya “Left text” menjadi “Tanggal  : ”, dengan size “12”
• ·         Lakukan lagi seperti yang diatas ,lalu ubah teks “left text”menjadi “Periode  :” , dengan size “12”.
• ·         Selanjutnya klik ok
• ·         Aturlah agar terlihat seperti gambar dibawah ini 

6.       Tambahkan tanggal Hari ini ,bulan dan tahun

• ·         Klik text and edit boxes
• ·         Pilih left text
• ·         Kemudian drag left text tersebut kedalam form ,posisikan left text tersebut disamping dengan tanggal .
• ·         Selanjutnya klik dua kali di left text , tunggu sampai keluar text properties , lalu ubah lah tulisan “left text” menjadi “Tanggal Hari Ini”, kemudian klik di font , ubah lah font dengan size “12” Lalu klik checkbox bold, kemudian klik ok.
• ·         Kemudian klik “list,trees and tables”,pilih combo box, drag combo box tersebut kesamping periode , lalu klik dua kali di combo box ,tunggu sampai keluar combo box properties , selanjutnya ubah lah tulisan “combo box” menjadi “Bulan”,lalu klik Ok.
• ·         Selanjutnya klik “list,trees and tables” lagi ,pilih combo box, drag combo box tersebut kesamping bulan , lalu klik dua kali di combo box ,tunggu sampai keluar combo box properties , selanjutnya ubah lah tulisan “combo box” menjadi “Tahun”,lalu klik Ok.
• ·         Atur seperti gambar di bawah ini

7.       Tambahkan Table

• ·         Klik list ,trees and tables
• ·         Pilih table
• ·         Lalu drag table ke dalam form ,posisikan table dibawa h periode.
• ·         Kemudian klik dua kali di table ,tunggu sampai table properties keluar , lalu klik di columns , ubahlah tulisan “table” menjadi “Nama Peminjam” , ubahlah columns width dengan ukuran “150” selanjutnya posisikan nama tersebut di tengah  dengan cara , klik alignment , pilih centre .
• ·         Lalu klik di grid , ubah lah tulisan “grid” menjadi “Judul Buku”,ubahlah columns width dengan ukuran “120” selanjutnya posisikan nama tersebut di tengah dengan cara , klik alignment , pilih centre.
• ·         Selanjutnya tambahkan, Tanggal Pinjam , Tanggal Kembali ,Denda dan Nama Karyawan. Dengan cara klik insert , lalu ikuti seperti langkah diatas . untuk ukuran sesuaikan dengan ukuran nama tersebut .
• ·         Aturlah seperti gambar dibawah ini

8.       Tambahkan tombol untuk simpan dan cetak

• ·         Klik Buttons
• ·         Pilih buttons /tombol yang kosong
• ·         Lalu drag ke dalam form  posisikan dibawah table tadi .
• ·         Kemudian klik dua kali di button , tunggu sampai keluar  teks button properties,lalu klik di Label tuliskan “SIMPAN” selanjutnya tekan Ok.
• ·         Selanjutnya lakukan lagi hal seperti diatas , lalu di label tuliskan “CETAK”posisikan dibawah button simpan .
• ·         Aturlah seperti gambar dibawah ini

9.       Tambahkan alamat ,tanggal hari ini dan nama kepala dari perpustakaan

• ·         Klik Text and Edit Boxes
• ·         Pilih centre aligned text
• ·         Posisikan di sudut bawah kanan di bawah table .
• ·         Klik dua kali di centre aligned text , tunggu sampai keluar text properties lalu ubah lah tulisan dari centre aligned text menjadi “Lhokseumawe,Tanggal Hari ini (tekan enter) Kepala Perpustakaan ), selanjutnya klik Ok.
• ·         Lalu tambahkan lagi text and edit boxes , pilih centre text, drag ke dalam form , posisikan di bawah kepala perpustakaan , buat lah spaci agar bisa dibubuhkan tanda tangan , klik dua kali di centre text , tunggu sampai keluar text properties ubahlah tulisan “centre teks” menjadi “Risma Maulida MT”, selanjutnya klik ok
• ·         Kemudian lalukan lagi hal seperti diatas , ubah lah tulisan “centre text” menjadi  “Nip.1234567890”, selanjutnya klik OK
• ·         Aturlah seperti gambar dibawah ini

sekian semoga ilmu yang share ini bermanfaat bagi anda
sebelum anda mencoba ucapkan lah dahulu "BISMILLAHIRRAHMANIRRAHIM"