Perancangan Tampilan Perancangan Antarmuka

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