Halaman Home Halaman Input Siswa Halaman View Siswa Halaman Input Nilai Halaman View Nilai

commit to user

BAB IV IMPLEMENTASI DAN ANALISIS

A. IMPLEMENTASI

Sistem Informasi Pengelolaan Data Nilai Siswa SD PIUS Cilacap ini memiliki implementasi user interface dan implementasi database.

1. Implementasi User Interface

Sistem Informasi Pengelolaan Data Nilai Siswa SD PIUS Cilacap ini memiliki tampilan user interface sebagai berikut:

a. Halaman Home

Gambar 4.1 Halaman Home Halaman Home ditunjukkan pada gambar 4.1. Halaman ini menunjukkan gambaran keadaan SD PIUS Cilacap. Halaman Home merupakan halaman utama. Terdapat bagian login untuk masuk ke dalam sistem. commit to user

b. Halaman Input Siswa

Gambar 4.2 Halaman Input Siswa Halaman Input Siswa ditunjukkan pada gambar 4.2. Halaman ini digunakan untuk memasukkan data siswa ke dalam database. Data siswa ini disimpan ke dalam tabel siswa di dalam database sistem. Pada halaman input siswa terdapat dua button, yaitu button Tambah dan button Hapus. Button Tambah digunakan untuk memproses data siswa dimasukkan ke dalam tabel siswa yang selanjutnya ditampilkan di halaman Lihat Siswa. Button Hapus digunakan untuk menghapus isi field yang sudah diisi.

c. Halaman View Siswa

Gambar 4.3 Halaman View Siswa commit to user Halaman View Siswa ditunjukkan pada gambar 4.3. Halaman ini digunakan untuk melihat data siswa yang sudah tersimpan di database. Data siswa disimpan ke tabel siswa. Pada halaman View Siswa terdapat link Edit untuk mengedit data siswa yang dipilih, link Hapus menghapus data siswa yang dipilih, dan link halaman untuk berpindah ke halaman View Siswa berikutnya.

d. Halaman Input Nilai

Gambar 4.4 Halaman Input Nilai Halaman Input Nilai ditunjukkan pada gambar 4.4. Halaman ini digunakan untuk memasukkan data nilai dan menyimpannya ke dalam database. Data nilai disimpan ke dalam tabel nilai. Pada halaman input nilai terdapat dua button, yaitu button Tambah dan button Hapus. Button Tambah digunakan untuk memproses data nilai dimasukkan ke dalam tabel nilai yang selanjutnya ditampilkan di halaman View Nilai. Button Hapus digunakan untuk menghapus isi field yang sudah diisi. commit to user

e. Halaman View Nilai

Gambar 4.5 Halaman View Nilai Halaman View Nilai ditunjukkan pada gambar 4.5. Halaman ini digunakan untuk melihat data nilai yang sudah tersimpan di database. Data nilai disimpan ke dalam tabel nilai. Pada halaman View Nilai ini terdapat link Edit untuk mengedit data nilai yang dipilih, link Hapus untuk menghapus data nilai yang diinginkan, dan link halaman untuk berpindah ke halaman View Nilai berikutnya.

f. Halaman Ranking