Perancangan Antar Muka Aplikasi Pengolahan Data Mahasiswa Dan Siswa Yang Kerja Praktek Dan Penelitian (studi kasus di balai pengembangan pembibitan ternak sapi perah (BPPT-SP) Cianjur)

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