• Tidak ada hasil yang ditemukan

Implementasi

Dalam dokumen VIVI SELVIANA M3109081 (Halaman 43-54)

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.

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

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.

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

Gambar 4.6 Halaman Ranking

Halaman Ranking ditunjukkan pada gambar 4.6. Halaman ini digunakan untuk memasukkan kata kunci berupa kelas, tahun ajaran, dan semester yang digunakan untuk proses perankingan siswa per kelas.

g. Halaman Proses Ranking

Gambar 4.7 Halaman Proses Ranking

Halaman Proses Ranking ditunjukkan pada gambar 4.7. Halaman ini berfungsi untuk menampilkan perankingan siswa per kelas sesuai dengan kata kunci yang sudah dimasukkan pada halaman Ranking.

h. Halaman Laporan per Siswa

Gambar 4.8 Halaman Laporan per Siswa

Halaman Laporan per Siswa ditunjukkan pada gambar 4.8. Halaman ini digunakan untuk memasukkan kata kunci berupa nisn, kelas, tahun ajaran, dan semester yang digunakan untuk proses laporan nilai per siswa.

Gambar 4.9 Halaman Proses Laporan per Siswa

Halaman Proses Laporan per Siswa ditunjukkan pada gambar 4.9. Halaman ini digunakan untuk menampilkan data nilai per siswa. Terdapat sebuah button print yang dapat digunakan untuk mencetak laporan tersebut.

Gambar 4.10 Halaman Cetak Laporan per Siswa

Halaman Cetak Laporan per Siswa ditunjukkan pada gambar 4.10. Halaman ini merupakan tampilan ketika laporan dicetak. Terdapat button Print di bagian bawah yang digunakan untuk mencetak laporan tersebut jika PC sudah terhubung ke printer.

2. Implementasi Database

Implementasi database sistem informasi pengelolaan data nilai siswa di atas menggunakan database PHPMyAdmin. Terdapat delapan tabel yaitu tabel siswa, tabel guru, tabel kelas, tabel mapel, tabel nilai, tabel user, tabel akses, dan tabel ggaleri. Berikut tabel-tabel yang digunakan dalam database sistem informasi pengelolaan data nilai siswa SD PIUS Cilacap:

a. Tabel siswa

Gambar 4.11 Tabel Siswa

Tabel siswa ditunjukkan pada gambar 4.11. Tabel siswa memiliki delapan field, yaitu nisn (sebagai primary key) dengan tipe data varchar, namasiswa dengan tipe data varchar, jksiswa dengan tipe data varchar, tempatlahirsiswa dengan tipe data varchar, tanggallahirsiswa dengan tipe data date, alamatsiswa dengan tipe data varchar, tahunmasuk dengan tipe data varchar, dan userfile dengan tipe data varchar.

b. Tabel guru

Gambar 4.12 Tabel Guru

Tabel guru ditunjukkan pada gambar 4.12. Tabel guru memiliki enam field, yaitu idguru (sebagai primary key) dengan tipe data varchar,

namaguru dengan tipe data varchar, tempatlahirguru dengan tipe data varchar, tanggallahirguru dengan tipe data date, alamatguru dengan tipe data varchar, dan userfile dengan tipe data varchar.

c. Tabel kelas

Gambar 4.13 Tabel Kelas

Tabel kelas ditunjukkan pada gambar 4.13. Tabel kelas memiliki tiga field, yaitu idkelas (sebagai primary key) dengan tipe data varchar, namakelas dengan tipe data varchar, dan idguru (foreign key dari tabel Guru) dengan tipe data varchar.

d. Tabel mapel

Gambar 4.14 Tabel Mapel

Tabel mapel ditunjukkan pada gambar 4.14. Tabel mapel memiliki dua field, yaitu idmapel (sebagai primary key) dengan tipe data varchar, idkelas (sebagai foreign key dari tabel Kelas) dengan tipe data varchar, dan namamapel dengan tipe data varchar.

e. Tabel semester

Tabel semester ditunjukkan pada gambar 4.15. Tabel semester memiliki dua field, yaitu semester (sebagai primary key) dengan tipe data varchar dan ketsemester dengan tipe data varchar.

f. Tabel jenis_kelamin

Gambar 4.16 Tabel Jenis_Kelamin

Tabel jenis_kelamin ditunjukkan pada gambar 4.16. Tabel jenis_kelamin memiliki dua field, yaitu jksiswa (sebagai primary key) dengan tipe data varchar dan ketjksiswa dengan tipe data varchar. g. Tabel siswa_kelas

Gambar 4.17 Tabel Siswa_Kelas

Tabel siswa_kelas ditunjukkan pada gambar 4.17. Tabel siswa_kelas memiliki empat field, yaitu nisn (foreign key dari tabel siswa) dengan tipe data varchar, idkelas (foreign key dari tabel kelas) dengan tipe data varchar, dan tahunajaran (foreign key dari tabel tahunajaran) dengan tipe data varchar.

h. Tabel nilai

Gambar 4.18 Tabel Nilai

Tabel nilai ditunjukkan pada gambar 4.18. Tabel nilai memiliki tiga belas field, yaitu idnilai (sebagai primary key) dengan tipe data integer, nisn (sebagai primary key sekaligus foreign key dari tabel siswa) dengan tipe data varchar, idmapel (sebagai primary key sekaligus foreign key dari tabel mapel) dengan tipe data varchar, semester (sebagai foreign key dari tabel semester) dengan tipe data varchar, tahunajaran (sebagai foreign key dari tabel tahunajaran) dengan tipe data varchar, ratatugas dengan tipe data double, ratauh dengan tipe data double, ratauts dengan tipe data double, ratauas dengan tipe data double, jmlnilai dengan tipe data double, dan rata dengan tipe data double.

i. Tabel akses

Gambar 4.19 Tabel Akses

Tabel akses ditunjukkan pada gambar 4.19. Tabel akses memiliki dua field, yaitu hakakses (sebagai primary key) dengan tipe data varchar dan keterangan dengan tipe data varchar.

j. Tabel user

Gambar 4.20 Tabel User

Tabel user ditunjukkan pada gambar 4.20. Tabel user memiliki tiga field, yaitu username (sebagai primary key) dengan tipe data varchar, password dengan tipe data varchar, dan hakakses (sebagai foreign key dari tabel akses) dengan tipe data varchar.

k. Tabel tahunajaran

Gambar 4.21 Tabel TahunAjaran

Tabel tahunajaran ditunjukkan pada gambar 4.21. Tabel tahunajaran memiliki dua field, yaitu tahunajaran (sebagai primary key) dengan tipe data varchar dan kettahunajaran dengan tipe data varchar.

Dalam dokumen VIVI SELVIANA M3109081 (Halaman 43-54)

Dokumen terkait