3.2.4 Perancangan Antarmuka
Interface
Perancangan antarmuka interface menggambarkan bagaimana perangkat lunak berkomunikasi dengan dirinya sendiri, dengan sistem yang berinteroperasi
dengannya dan dengan manusia yang menggunakannya.
3.2.3.1 Perancangan Tampilan
1. Tampilan Login TOU
Gambar 3.23 Tampilan Login
2. Tampilan Menu Utama T01
Gambar 3.24 Tampilan Menu Utama
3. Tampilan Form Konfirmasi Tahun Ajaran T02
Gambar 3.25 Tampilan Konfirmasi Tahun Ajaran
TOU -
Klik tombol login maka akan menuju ke TO1
- Klik tombol batal maka
proses dihentikan keluar dari program
FORM LOGIN Id User
Password Login
Batal
TO2 -
Klik tombol konfirmasi maka akan menuju ke T05,
T06, T07, T08, T09, T10, T11, T12
KONFIRMASI TAHUN AJARAN Pilih Tahun Ajaran
Konfirmasi T01
Data Master Pengolahan
Tentang
Logo -
Klik keluar maka akan menutup program
- Klik konfirmasi maka akan menuju
ke T02 -
Klik Data Master maka akan menuju ke T03, T04, T05, T06, T07 dan T08
- Klik Pengolahan maka akan menuju
ke T07 -
Klik Tentang maka akan menuju ke T12
Keluar Konfirmasi
4. Tampilan Form Data User T03
Gambar 3.26 Tampilan Data User
5. Tampilan Form Data Siswa T04
Gambar 3.27 Tampilan Data Siswa
6. Tampilan Form Data Komponen Nilai T05
Gambar 3.28 Tampilan Data Komponen Nilai
T03 -
Klik tombol tambah untuk menambahkan data
- Klik tombol ubah untuk
mengubah data yang sudah ada -
Klik tombol smpan untuk menyimpan data
- Klik tombol batal untuk
membatalkan simpan dan ubah data
- Klik tombol keluar maka akan
menuju ke T01 FORM DATA USER
Tambah Tabel
Ubah Keluar
Id_user Nama
Password Status
Simpan Batal
T04 FORM DATA SISWA
Id_siswa Alamat
Nama_lengkap Tgl_lahir
Tahun Tempat_lahir
Jenis_kelamin Agama
No_tlp Simpan
Batal keahlian1
Keahlian2
Tabel
Tambah Ubah
Laporan -
Klik tambah untuk menambahkan
data -
Klik ubah untuk mengubah data
- Klik simpan untuk
menyimpan data -
Klik batal untuk menbatalkan
simpan dan ubah data
- Klik laporan untuk
melihat laporan data
Pencarian
T05 FORM KOMPONEN NILAI
Id Komponen Nilai Komponen Nilai
Nilai Tahun
- Klik simpan untuk
menyompan data -
Klik tombol batal untuk membatalkan simpan dan
ubah data -
Klik tombol tambah untuk menambah data
- Klik tombol ubah untuk
mengubah data -
Klik tombol keluar maka akan menuju ke T01
Simpan Batal
Tambah Ubah
Keluar Tabel
7. Tampilan Form Data Komponen Check Fisik T06
Gambar 3.29 Tampilan Data Komponen Check Fisik
8. Tampilan Form Data Jurusan T07
Gambar 3.30 Tampilan Data Jurusan
9. Tampilan Form Data Tahun Ajaran T08
Gambar 3.31 Tampilan Data Tahun Ajaran
T07 FORM DATA JURUSAN
Id Jurusan Nama Jurusan
Standar Nilai -
Klik simpan untuk menyompan data
- Klik tombol batal untuk
membatalkan simpan dan ubah data
- Klik tombol tambah untuk
menambah data -
Klik tombol ubah untuk mengubah data
- Klik tombol keluar maka
akan menuju ke T01 Simpan
Batal Tambah
Ubah Keluar
Tabel T06
FORM KOMPONEN CHECK FISIK Id Check
Nama Check Fisik Tahun
- Klik simpan untuk
menyompan data -
Klik tombol batal untuk membatalkan simpan dan
ubah data -
Klik tombol tambah untuk menambah data
- Klik tombol ubah untuk
mengubah data -
Klik tombol keluar maka akan menuju ke T01
Simpan Batal
Tambah Ubah
Keluar Tabel
T07 FORM DATA JURUSAN
Id Jurusan Nama Jurusan
Standar Nilai Tahun
- Klik simpan untuk
menyompan data -
Klik tombol batal untuk membatalkan simpan dan
ubah data -
Klik tombol tambah untuk menambah data
- Klik tombol ubah untuk
mengubah data -
Klik tombol keluar maka akan menuju ke T01
Simpan Batal
Tambah Ubah
Keluar Tabel
T08 FORM TAHUN AJARAN
Id Tahun Tahun Ajaran
- Klik simpan untuk
menyompan data -
Klik tombol batal untuk membatalkan simpan dan
ubah data -
Klik tombol tambah untuk menambah data
- Klik tombol ubah untuk
mengubah data -
Klik tombol keluar maka akan menuju ke T01
Simpan Batal
Tambah Ubah
Keluar Tabel
10. Tampilan Form Data Nilai T09
Gambar 3.32 Tampilan Data Nilai
11. Tampilan Form Pengolahan Data Ubah Password T10
Gambar 3.33 Tampilan Ubah Password
12. Tampilan Data Isi Penilaian T11
Gambar 3.34 Tampilan Data Penilaian
T10 FORM UBAH PASSWORD USER
Id User Password Lama
Password Baru Re Password Baru
- Klik simpan untuk
menyimpan data -
Klik batal untuk membatalkan perubahan
data
Simpan Batal
T11 FORM PENGOLAHAN DATA PENILAIAN
Id siswa Nama lengkap
Tgl lahir Tempat lahir
Jenis kelamin Agama
Alamat No tlp
Keahlian1 Keahlian2
Tahun
Tabel Data Komponen Nilai Tabel Data Komponen Check
Fisik Tambah Nilai
Tanbah Check Fisik Simpan
- Klik tombol cari untuk
mencari data siswa berdasarkan id siswa
- Klik tombol data siswa
untuk mencari data siswa -
Klik tombol tanbah nilai untuk mengisi nilai pada
komponen nilai -
Klik tombol tambah check fisik untuk
mengisi hasil check fisik -
Klik tombol simpan untuk maka akan menuju
ke T09 Pencarian
Id siswa Cari
T09 FORM DATA HASIL NILAI
Tabel Nilai Tabel Komponen Nilai
Table Komponen Check Fisik Pencarian
- Pencarian untuk
mencari data -
Pengurutan untuk mengurutkan data
- Klik tombol nilai
baru untuk menambah data
- Klik status dan
penjurusan maka akan menuju ke T14
- Klik tombol keluar
maka akan menuju ke T01
Nilai Baru Status Penjurusan
Keluar Tabel Tahun Ajaran
13. Tampilan Data Isi Komponen Nilai T12
Gambar 3.35 Tampilan Data Isi Komponen Nilai
14. Tampilan Data Isi Komponen Check Fisik T13
Gambar 3.36 Tampilan Data Isi Check
15. Tampilan Form Hasil Nilai T14
Gambar 3.37 Tampilan Data Hasil Nilai
16. Tampilan Form Tentang T15
Gambar 3.38 Tampilan Tentang
T12 FORM ISI NILAI
Nama komponen Nilai Nilai
- Klik tombol simpan untuk
menyimpan data -
Klik tombol batal untuk membatalkan pengisian
data Simpan
Batal
T13 FORM ISI CHECK FISIK
Nama Check Fisik Status
- Klik tombol simpan untuk
menyimpan data -
Klik tombol batal untuk membatalkan pengisian
data Simpan
Batal
T14 Sistem Pendukung Keputusan untuk Menyeleksi Calon Siswa
di SMK Teratai Putih Global 1 Bekasi Logo
T14
FORM SELEKSI STATUS DAN PENJURUSAN Tabel Hasil Nilai
- Klik hitung untuk
menghitung nilai calon siswa
- Klik laporan untuk
membuat laporan hasil nilai
- Klik keluar maka
menuju ke T01 Hitung
Laporan Keluar
3.2.4.2 Perancangan Pesan