52 Destination
tujuan Laporan SiswaKp
Logika Proses Begin
{ Administrator, Operator melihat informasi Laporan Print Cetak Laporan SiswaKp sesuai dengan Laporan
Peserta yang ada} End
3.5 Perancangan Antar Muka
Perancangan antarmuka yang telah dibuat meliputi beberapa perancangan diantaranya perancangan struktur menu, spesifikasi antarmuka, perancangan keluaran.
3.5.1 Perancangan Struktur Menu
Berikut adalah perancangan struktur menu aplikasi pengolahan data Mahasiswa dan Siswa yang Kerja Praktek dan penelitian di Balai Pengembangan Pembibitan Ternak
Sapi Perah BPP-TSP Cianjur:
Gambar 3.13 Struktur Menu Utama
53
3.5.2 Spesifikasi Antar Muka
Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user. Spesifikasi antarmuka terdiri dari
Perancangan tampilan menu, tampilan form, tampilan pesan, keluaran dan jaringan semantik. Berikut ini merupakan perancangan tampilan menu Sistem.
Gambar 3.14 Form Menu Utama sebelum Login
Gambar 3.15 Submenu File sebelum Login
54 Keterangan Gambar Form Menu Utama sebelum Login: Gambar ini menunjukan menu
data dalam keadaan tidak aktif
Tabel 3.6 Submenu File sebelum Login
No Komponen
Fungsi Keterangan
1 Menu
Editor 1 Menampilkan
pilihan Menu
Terdiri dari menu:
- File dengan Submenu Login, Logout
dan
Exit - Pengolahan Data
User - Pengolahan Data
Peserta - Laporan
- About
Gambar 3.16 Login
55
Tabel 3.7 Login
No Komponen
Fungsi Keterangan
1 Label3 Label User
Label caption: User name 2 Label4
Label Password
Label caption:
Password 3 TxtUserLogin
Input User Sebagai tempat input data
User Name untuk data Login
4 TxtPasswordLogin Input Password
Sebagai tempat input password untuk data
login 5
Text 3
txtLogin txtlogin
6 cmdlogin
Tombol aktivasi
Login Button
caption: Login
7 Command2 Tombol batal login
Button caption: Batal
8 Label14 Label
Label Caption : Selamat Datang Diaplikasi Ini
9 Picture1 plogin
plogin
56
Gambar 3.17 Form Menu Utama setelah Login
Gambar 3.18 Submenu File setelah Administator, dan Oprator Login
Gambar 3.19 Submenu Data User setelah Administator, dan Oprator Login
57
Gambar 3.20 Submenu Data Peserta setelah Administator, dan Oprator Login
Gambar 3.21 Submenu Laporan setelah Administrator dan Oprator Login
Tabel 3.8 Form Menu Utama setelah Login
No Komponen
Fungsi Keterangan
1 MenuEditor
Menampilkan pilihan
Menu Terdiri dari menu:
- File dengan Submenu New
User, Password,
Logout dan Exit
- Data User dengan Submenu Pengolahan
Data User - Data Peserta dengan sub
menu Pengolahan Data Peserta,
- Laporan dengan Sub menu Laporan Peserta,
dan Laporan Pertanggal - About
58
Form Pengolahan Data User X
Nama Lengkap User
Password UserAs
Status Tabel Data User
Logo
PENGOLAHAN DATA USER
Batal Simpan
Keluar tambah
Ubah Cari
User
Gambar 3.22 Form Pengolahan Data User
Tabel 3.9 Form Pengolahan Data User
No Komponen
Fungsi Keterangan
1 Label
1 Label Nama User
Label caption: Nama User 2
Label 2
Label User Label caption: User
3 Label
3 Label Password
Label caption: Password 4
Label 4
Label Ulangi Password Label caption: Ulangi
Password 5
Label 5
Label UserAs Label caption : UserAs
59 6
Label 6
Label Status User Label caption : Status User
7 Label
7 }Harus
Sama dengan
password Label
caption :
pesan
8 Label
11 Label Tambah User
Label caption : Tambah User
9 CmdTambah
Tombol Untuk
Tambah Data
CommadButton Name: Cmdtambah
10 CmdSimpan
Tombol Untuk
Simpan Data
CommadButton Name: CmdSimpan
11 CmdBatal Tombol Untuk Batal Data
CommadButton Name:cmd Batal
12 CmdKeluar
Tombol Untuk
Keluar Data
CommadButton Name CmdKeluar
13 Textname Textname :Untuk Mengetikan
Nama User Text Caption: Textname
14 Textuser Textuser : Untuk Mengetikan
User Text Caption: Textuser
15 Textpassword TextConfirm : Untuk
Mengetikan Password Text Caption: Textpassword
16 cbuserAs cbuserAs Untuk memilih hak
akses Combo caption : cbuserAs
17 Frame1 Frame1
Frame Name : Frame1 18 Frame2
Frame2 Frame Name : Frame2
19 Frame3 Frame3
Frame Name : Frame3
60 20 Frame4
Frame4 Frame Name : Frame4
21 DataGrid1 DataGrid : Data User Yang
Terdaftar DataGrid Name: DataGrid1
22 Image1 Image1
: Logo
Prusahaan Image Name :
Image1
Gambar 3.23 Form Pengolahan Data Peserta
Tabel 3.10 Form Pengolahan Data Peserta
No Komponen
Fungsi Keterangan
1 Label
1 Label No_Kp
Label caption: No_Kp
2 Label
2 Label Jenis No Induk
Label caption: Jenis No Induk
61 3
Label 3
Label No Induk Label caption: No Induk
4 Label
4 Label FakultasJurusan
Label caption: FakultasJurusan
5 Label
5 Label Tanggal
Label caption: Tanggal 6
Label6 Label Sekolah
Label caption : Sekolah 7
Label7 Label Tujuan
Label caption : Tujuan 8
Label8 Label Bagian
Label caption : Bagian
9 Label9
Label Tambah Data Peserta Label caption : Tambah
Data Peserta 10 Label10
Label Nama User Label
caption : Nama User
11 Label11 Label Nama
Label caption : Nama
12 CmdTambah CmdTambah : Tombol Untuk
Menambah Data CommadButton Name:
CmdTambah
13 CmdSimpan CmdSimpan : Tombol Untuk
Simpan Data CommadButton Name:
CmdSimpan
14 CmdBatal CmdBatal : Tombol Untuk
Batal Data CommadButton Name:
CmdBatal 15 CmdKeluar
CmdKeluar : Tombol Untuk Keluar
CommadButton Name: CmdKeluar
16 TextNo TextNo
Text Caption: TextNo
17 CbJenisNoInduk CbJenisNoInduk : Untuk
Memilih Nim atau Nis Text Caption:
CbJenisNoInduk 18 TextNoInduk
TextNoInduk :
Untuk Text
Caption: TextNoInduk
62 Mengetikan No Induk
19 TextNama TextNama : Untuk Mengetikan
Nama Text Caption: TextNama
20 TextJurusan TextJurusan : Untuk
Mengetikan Jurusanfakultas Text caption : TextJurusan
21 TextSekolah TextSekolah : Untuk
Mengetikan Sekolah Text caption : TextSekolah
22 CbTujuan CbTujuan : Untuk Mengetikan
Tujuan Text caption : CbTujuan
23 CbBagian CbBagian : Untuk Memilih
Bagian Text caption : CbBagian
24 TextNamaUser TextNamaUser
Text caption : TextNamaUser
28 DataGrid1
DataGrid1 :
Tabel Data
Peserta CommadButton Name:
cmdbatalnext
29 Image1 Image1 : Untuk Menampilkan
logo Image Name : Image1
30 ChackBox Untuk mengeksekusi
Caption Name : Ck1
63
Gambar 3.24 Cetak Laporan Tabel 3.11 Form Cetak Laporan
No Komponen
Fungsi Keterangan
1 Label
1 Label Tanggal Awal
Label Name: Label 1 2
Label 2
Label Tanggal Akhir Label Name: Label 2
3 Tetxt1 Untuk Mengetikan Nama
Pejabat Text caption : Tetxt1
4 Tetxt2 Untuk Mengetikan Nip
Text caption : Tetxt2 5 Combo
Untuk Memilih laporan yang mau di cetak
Combo Name: Combo1
6 Label3 Label User
Label Name: Label 3 7 Label4
Label Cetak Laporan Label Name: Label 4
8 Label5
Label mahasiswa
kerja praktek
Label Name:
Label5 9
Label6 Label
Mahasiswa Penelitian
Label Name:
Label6
64 10 Label7
Label Siswa
Kerja praktek
Label Name
: Label7
11 Label8 Label Mahasiswa siswa
Label : Label8
Gambar 3.25 Form About
Tabel 3.12 Form About
No Komponen
Fungsi Keterangan
1 Label
1 Label Nama Aplikasi
Pengolahan Label Name: Label 1
2 Label
2 Label Alamat Email
Label Name: Label 2 3
Label 3
Label Nama
Universitas Label
Name: Label3
4 Label4 Label Click
Label Name: Label4 5
Label5 Label
Nama Pembuat
Aplikasi Label
Name: Label5
65 6 Label6
Label Nim Label Name: Label6
7 Label7 Label By
Label7
8 Command1 CommadButtonOK
CommadButton Name : Command1
9 Label8 Label About
Label Name: Label8 10 Timer1
Timer1 Timer Name: Timer1
11 Image1 Image: Logo
Image Name : Image1
3.6 Perancangan Tampilan Pesan