4.2.5 Perancangan Antar Muka
4.2.5.2 Perancangan input
Perancangan input merupakan design yang dirancang untuk menerima masukkan dari penggunan sistem. Rancangan masukan ini harus dapat pen- jelasan bagi pemakainya, baik dari bentuk maupun dari masukan-masukan yang diisi.
1. Tampilan Login
User Name :
Password :
Login -- Pilih Status -- V SISTEM AKADEMIK SMA NEGERI 1 BANDUNG
Status :
Gambar 4.28 Tampilan halaman utama
2. Form input pendaftaran siswa baru
Sma 1 Bandung
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
Master
· Pendaftaran
Form Tambah Pendaftaran
Nama calon siswa :
Asal sekolah :
Nilai matematika : Nilai bahasa indonesia : Nilai bahasa inggris : Nilai ipa : Tahun ajaran :
Simpan Batal
Sma 1 Bandung
V
+ Selamat datang --- | + Ganti password | + logout
Gambar 4.29 Form input pendaftaran siswa baru
3. Form Seleksi calon siswa
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
Master
· Pendaftaran
Data pendaftaran
No Thn ajaran Nama sekolah B.ind B.ing NilaiMtk Ipa Grade status daftar perintah + Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Tampilkan entriV Pencarian :
+ tambah | - cetak
Gambar 4.30 form seleksi calon siswa
4. Form Input data siswa
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
· Pendaftaran
Nis siswa :
Nama siswa :
Jenis kelamin :
Tempat lahir :
Tanggal lahir :
Berat badan :
Tinggi badan :
Golongan darah :
Jumlah saudara :
Anak keberapa :
Agama :
Kewarganegaraan :
Nama ayah :
Pekerjaan ayah :
Pendidikan ayah :
Nama ibu :
Pekerjan ibu :
Pendidikan ibu :
Pendapatan orang tua :
Alamat orang tua :
Nama orangtua wali :
Alamat orangtua wali :
No. sttb :
Tgl Registrasi :
kg
Form Tambah Siswa Master
+ Selamat datang --- | + Ganti password | + logout
Gambar 4.31 Form input data siswa
5. Form Data siswa baru
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
no Nis siswa Nama Siswa Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Master Data siswa baru + pembagian kelas
Tampilkan entriV Pencarian :
· Data siswa baru
· Data siswa
Gambar 4.32 Form data siswa baru
6. Form Data siswa
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Nama kelas Jumlah siswa Perintah
Cetak | lihat + Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Master Data siswa
Tampilkan entriV Pencarian :
· Data siswa baru
· Data siswa
Gambar 4.33 Form data siswa
7. Form input data mata pelajaran
XII ips
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
Nama mata pelajaran :
Tingkatan :
Tambah Batal
X Master
· Pelajaran
· Jadwal pelajaran
Form Tambah Pelajaran
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Gambar 4.34 Form Input mata pelajaran
8. Form data mata pelajaran
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
+ Tambah Mapel
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Master
· Pelajaran
· Jadwal pelajaran No. Nama Pelajaran Tingkatan Perintah
Edit
Data pelajaran
Tampilkan entriV Pencarian :
+ tambah
Gambar 4.35 Form data mata pelajaran
11. Form input jadwal pelajaran
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
Jam pelajaran : Pelajaran
Tambah Batal
V V
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Master
· Pelajaran
· Jadwal pelajaran
Form tambah jadwal pelajaran
Gambar 4.36 Form input jadwal pelajaran
12. Form Data jadwal pelajaran
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
+ Tambah Mapel
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Master
· Pelajaran
· Jadwal pelajaran No. Nama kelas Jam Perintah
Hapus
Data Jadwal Pelajaran
Tampilkan entriV Pencarian :
+ tambah
Gambar 4.37 Form data jadwal pelajaran
13. Form Persentase nilai
Sma 1 Bandung
Copyright (c) 2012 SMAN1BANDUNG.
Nama Nilai (%) perintah
Edit No.
Master
· Data persentase
· Data nilai
Data persentase
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Gambar 4.38 Form persentase nilai
14. Form Input nilai
Sma 1 Bandung
Copyright (c) 2012 SMAN1BANDUNG.
Nis siswa Nama siawa TugasNilai No.
Master
· Data persentase
· Data nilai
Data siswa kelas
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Nilai
ulangan Nilai uts Nilai uas
Simpan Batal
Gambar 4.39 Form Input nilai
15. Form Input Tahun ajaran
Sma 1 Bandung
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Tahun ajaran :
Passing Grade :
Tambah Batal
Sma 1 Bandung
+ Selamat datang --- | + Ganti password | + logout
Master Form tambah tahun ajaran
Data User
Gambar 4.40 Form Input tahun ajaran
16. Form data tahun ajaran
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Nama tahun ajaran status Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Data tahun ajaran
Tampilkan entriV Pencarian :
Grade
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Gambar 4.41 Form data tahun ajaran
17. Form Input tingkatan kelas
Sma 1 Bandung
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Nama tingkatan kelas :
Tambah Batal
Sma 1 Bandung
+ Selamat datang --- | + Ganti password | + logout
Master Form tambah tingkatan kelas
Data User
Gambar 4.42 Form input tingkatan kelas
18. Form data tingkatan kelas
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Nama Tingkatan Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Data tingkatan kelas
Tampilkan entriV Pencarian :
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Gambar 4.43 Form data tingkatan kelas
19. Form input kelas
Sma 1 Bandung
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
Tingkatan kelas :
Nama kelas :
Tambah Batal
Sma 1 Bandung
+ Selamat datang --- | + Ganti password | + logout
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
-- pilih Tingkatan -- V
Gambar 4.44 Form input kelas
20. Form data kelas
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Nama Tingkatan Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Data kelas
Tampilkan entriV Pencarian :
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Gambar 4.45 Form data kelas
21. Form input rapot
Sma 1 Bandung
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
Tahun ajaran :
Semester : Pilih Semester
--Tambah Batal
Sma 1 Bandung
+ Selamat datang --- | + Ganti password | + logout
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Form tambah Rapot
V -- pilih T A -- V
TIngkatan : -- Pilih TIngkatan -- V
Gambar 4.46 Form Input rapot
22. Form data rapot
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Tahun ajaran Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Data Rapot
Tampilkan entriV Pencarian :
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Tingkatan
Semester Aktif
Gambar 4.47 Form data rapot
23. Form input petugas
Sma 1 Bandung
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
Nama Petugas :
username :
password :
Konfirmasi password :
Status :
Tambah Batal
Sma 1 Bandung
V
+ Selamat datang --- | + Ganti password | + logout
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Form tambah petugas
Gambar 4.48 Form input petugas
24. Form data petugas
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Nama Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Data Rapot
Tampilkan entriV Pencarian :
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Gambar 4.49 Form data petugas
25. Form input guru
Sma 1 Bandung
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
NIp :
password :
Konfirmasi password :
Jenis kelamin :
Nama :
Sma 1 Bandung
+ Selamat datang --- | + Ganti password | + logout
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Gambar 4.50 Form input guru
26. Form data guru
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Nip Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Data Guru
Tampilkan entriV Pencarian :
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Password Gol pelajaran Kelas
Gambar 4.51 Form data guru
27. Form input wali kelas
Sma 1 Bandung
Copyright (c) 2011, SMA NEGERI 1 BANDUNG
Kelas :
Guru : Pilih Guru
--Tambah Batal
Sma 1 Bandung
+ Selamat datang --- | + Ganti password | + logout
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Gambar 4.52 Form input wali kelas
28. Form data wali kelas
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Nama guru Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Data Wali Kelas
Tampilkan entriV Pencarian :
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot
Nama kelas
Gambar 4.53 Form data wali kelas
29. Form data list rapot
Sma 1 Bandung
Copyright (c) 2011 SMAN1BANDUNG.
No. Tahun ajaran Perintah
+ Selamat datang --- | + Ganti password | + logout
Sma 1 Bandung
Data List Rapot
Tampilkan entriV Pencarian :
· Tahun ajaran
· Tingkatan kelas
· Kelas
· Pelajaran
· Jadwal pelajaran
· Pendaftaran
· Rapot Master
Data User
· Data petugas
· Data siswa baru
· Data siswa
· Data guru
· Data wali kelas Laporan
· Rapot
+ tambah
Tingkatan
Semester Aktif
Gambar 4.54 Form data list rapot