Cara Membuat Form Sistem Informasi Menggunakan GUI Design Studio

A. Membuat Tampilan Halaman Utama Sistem Informasi

1.       Buka software GUI studio design

2.       Buka Lembar Kerja Baru

3.       Masukkan Form Kedalam Lembar kerja baru.

4.       Masukkan 7 Buah Frame kedalam lembar kerja , caranya klik di “elemen” pilih “frame and dividers” lalu klik “solid frame” kemudian drag frame tersebut kedalam form , Buat lah seperti contoh gambar di bawah ini .



5.       Masukkan Text ke tiap – tiap frame yang diatas , cara nya klik “text and edit box lalu drag ke dalam frame yang di dalam form lalu klik kiri mouse 2x ubah lah tulisan tersebut , buat lah seperti contoh gambar dibawah ini  .

B. Membuat Tampilan Data mahasiswa

1.       Membuat form baru , cara nya klik elemen , pilih windows and dialogs , lalu pilih window frame , kemudian drag ke dalam lembar kerja .

2.       Membuat frame , cara nya klik elemen , pilih frame and dividers , pilih solid frame , kemudian drag ke dalam form , buatlah seperti dibawah ini :

3.       Masukkan teks kedalam frame , caranya klik di text and edit box pilih left tex ,kemudian drag ke dalam frame yang di dalam form , lalu klik kanan mouse ubah lah tulisan tersebut, buatlah seperti dibawah ini :

4.       Masukkan Edit box , caranya klik element , pilih text and edit box lalu pilih edit box left align text ,kemudian drag ke dalam frame yang didalm form , untuk menghilangkan tulisan didalam edit box klik kiri mouse 2x , lalu hapuslah tulisannya , buatlah seperti dibawah ini :

5.       Masukkan tombol/buttons , caranya klik di elemen , pilih buttons ,klik button yang kosong , kemudian drag ke dalam form , kemudian klik kiri mouse 2x lalu isikan text untuk nama tombol tersebut , buatlah seperti dibawah ini :


6.       Buatlah bingkai foto , cara nya klik elemen pilih frame lalu klik solid frame , kemudian drag kedalam form , posisikan disebelah kiri , selanjutnya isikan text kedalam bingkai tersebut , untuk lebih jelasnya buatlah seperti dibawah ini :






C. Membuat Tampilan Data Prodi

1.       Membuat form baru , cara nya klik elemen , pilih windows and dialogs , lalu pilih window frame , kemudian drag ke dalam lembar kerja .

2.       Membuat frame , cara nya klik elemen , pilih frame and dividers , pilih solid frame , kemudian drag ke dalam form , buatlah seperti dibawah ini :

3.       Masukkan teks kedalam frame , caranya klik di text and edit box pilih left text ,kemudian drag ke dalam frame yang di dalam form , lalu klik kanan mouse ubah lah tulisan tersebut, buatlah seperti dibawah ini :

4.       Masukkan Edit box , caranya klik element , pilih text and edit box lalu pilih edit box left align text ,kemudian drag ke dalam frame yang didalm form , untuk menghilangkan tulisan didalam edit box klik kiri mouse 2x , lalu hapuslah tulisannya , buatlah seperti dibawah ini :

5.       Membuat Table , caranya klik elemen , pilih lists, trees and table , lalu klik table ,kemudian drag kedalam form , kemudian klik kiri 2x mouse selanjutnya ubahlah tulisan dari header table tersebut , untuk lebih jelasnya liat gambar dibawah ini :

6.       Memberi tombol/buttons , caranya klik di elemen , pilih buttons ,klik button yang kosong , kemudian drag ke dalam form , kemudian klik kiri mouse 2x lalu isikan text untuk nama tombol tersebut , buatlah seperti dibawah ini:

D. Membuat Tampilah Data Mata Kuliah

1.       Membuat form baru , cara nya klik elemen , pilih windows and dialogs , lalu pilih window frame , kemudian drag ke dalam lembar kerja .

2.       Membuat frame , cara nya klik elemen , pilih frame and dividers , pilih solid frame , kemudian drag ke dalam form , buatlah seperti dibawah ini :

3.       Masukkan teks kedalam frame , caranya klik di text and edit box pilih left text ,kemudian drag ke dalam frame yang di dalam form , lalu klik kanan mouse ubah lah tulisan tersebut, buatlah seperti dibawah ini :

4.       Masukkan Edit box , caranya klik element , pilih text and edit box lalu pilih edit box left align text ,kemudian drag ke dalam frame yang didalm form , untuk menghilangkan tulisan didalam edit box klik kiri mouse 2x , lalu hapuslah tulisannya , buatlah seperti dibawah ini :

5.       Membuat Table , caranya klik elemen , pilih lists, trees and table , lalu klik table ,kemudian drag kedalam form , kemudian klik kiri 2x mouse selanjutnya ubahlah tulisan dari header table tersebut , untuk lebih jelasnya liat gambar dibawah ini :

6.       Memberi tombol/buttons , caranya klik di elemen , pilih buttons ,klik button yang kosong , kemudian drag ke dalam form , kemudian klik kiri mouse 2x lalu isikan text untuk nama tombol tersebut , buatlah seperti dibawah ini:

E. Membuat Tampilan Data Nilai

1.       Membuat form baru , cara nya klik elemen , pilih windows and dialogs , lalu pilih window frame , kemudian drag ke dalam lembar kerja .

2.       Membuat frame , cara nya klik elemen , pilih frame and dividers , pilih solid frame , kemudian drag ke dalam form , buatlah seperti dibawah ini :

3.       Masukkan teks kedalam frame , caranya klik di text and edit box pilih left text ,kemudian drag ke dalam frame yang di dalam form , lalu klik kanan mouse ubah lah tulisan tersebut, buatlah seperti dibawah ini :

4.       Masukkan Edit box , caranya klik element , pilih text and edit box lalu pilih edit box left align text ,kemudian drag ke dalam frame yang didalm form , untuk menghilangkan tulisan didalam edit box klik kiri mouse 2x , lalu hapuslah tulisannya , buatlah seperti dibawah ini :

5.       Membuat Table , caranya klik elemen , pilih lists, trees and table , lalu klik table ,kemudian drag kedalam form , kemudian klik kiri 2x mouse selanjutnya ubahlah tulisan dari header table tersebut , untuk lebih jelasnya liat gambar dibawah ini :

6.       Memberi tombol/buttons , caranya klik di elemen , pilih buttons ,klik button yang kosong , kemudian drag ke dalam form , kemudian klik kiri mouse 2x lalu isikan text untuk nama tombol tersebut , buatlah seperti dibawah ini :

F. Membuat Tampilan Cetak KTM

1.       Buatlah form baru , cara nya klik elemen , pilih windows and dialogs , lalu pilih window frame , kemudian drag ke dalam lembar kerja .

2.       Menambahkan frame , cara nya klik elemen , pilih frame and dividers , pilih solid frame , kemudian drag ke dalam form , buatlah seperti dibawah ini :

3.       Masukkan teks kedalam frame , caranya klik di text and edit box pilih left text ,kemudian drag ke dalam frame yang di dalam form , lalu klik kanan mouse ubah lah tulisan tersebut, buatlah seperti dibawah ini :

4.       Tambahkan Bingkai dan Foto , cara tambah bingkai yaitu klik di elemen , pilih frame and dividers , lalu klik Solid border , kemudian drag ke dalam form KTM .
untuk cara memasukkan foto , klik kanan mouse di bingkai , lalu pilih add bitmap , kemudian cari foto yang akan di masukkan lalu klik ok . Untuk lebih jelasnya , lihat gambar dibawah ini  :

G. Membuat Tampilan Cetak Absensi

1.       Buatlah form baru , cara nya klik elemen , pilih windows and dialogs , lalu pilih window frame , kemudian drag ke dalam lembar kerja .

2.       Menambahkan garis , cara nya klik elemen , pilih line segment ,lalu pilih lah garis harizontal dan garis vertical , buat lah seperti dibawah ini  :

3.       Menambahkan  teks  , caranya klik di text and edit box pilih left text ,kemudian drag ke dalam garis garis yang sudah menjadi kolom , lalu klik kanan mouse ubah lah tulisan tersebut, buatlah seperti dibawah ini :

H. Membuat Tampilan Cetak KHS

1.       Buatlah form baru , cara nya klik elemen , pilih windows and dialogs , lalu pilih window frame , kemudian drag ke dalam lembar kerja .

2.       Menambahkan garis , cara nya klik elemen , pilih line segment ,lalu pilih lah garis harizontal dan garis vertical , buat lah seperti dibawah ini  :

3.       Tambahkan teks , caranya klik elemen  , pilih text and edit box , lalu pilihlah salah satu teks , kemudian drag kedalam form cetak KHS ,untuk mengubah tulisan , klik kiri mouse 2 x lalu ubahlah , buatlah seperti dibawah ini :

Setelah semua tampilan selesai dibuat sekarang tinggal kita hubungkan
caranya :

1.       Hubungkan Data Mahasiswa yang didalam form Sistem Informasi  dengan form Data Mahasiswa .

2.       Hubungkan Data Nilai yang didalam form sistem informasi dengan form Data Nilai.

3.       Hubungkan Data Prodi yang didalam form sistem informasi dengan form Data Prodi.

4.       Hubungkan Data Mata Kuliah yang didalam form sistem informasi dengan form Data Mata Kuliah .

5.       Hubungkan Cetak KTM yang didalam form sistem informasi dengan form KTM

6.       Hubungkan Cetak Absensi yang didalam form sistem informasi dengan form Absensi .

7.       Hubungkan Cetak KHS yang didalam form sistem informasi dengan form KHS .