Desain Input Output Merancang Sistem

2. Nama Tabel : user Primary Key : id_user Foreign Key : - Fungsi : Untuk menyimpan data user Tabel 4.2 User No. Name Type Size Keterangan 1. Id_user int - Primary Key 2. Username Varchar 20 - 3. Password Varchar 20 - 4. NamaUser Varchar 50 -

5. level

Varchar 10 -

4.2.11 Desain Input Output

Desain IO merupakan perencanaan dari desain interface yang akan dibuat pada program agar pengguna dapat membayangkan apakah Sistem yang akan dibuat sesuai dengan kebutuhan pengguna. Hal ini dimaksudkan agar terjalin kerja sama antara pengguna Sistem dengan pemakai Sistem sehingga Sistem baru yang dibuat ini dapat memenuhi kebutuhan kedua belah pihak. 1. Desain Form Login Form ini digunakan untuk mengatur siapa saja user yang akan masuk ke sistem. Apakah admin atau pegawai atau siswa. Terdapat satu button dan dua textbox yang berguna untuk input username dan input password. Button berfungsi sebagai proses untuk masuk ke dalam sistem. Desain form loginsistem dapat dilihat pada gambar 4.14. Username Password Masuk Username Password Hapus Gambar 4.14 Desain Form Login 2. Desain Form Pendaftaran Siswa Baru Form ini digunakan untuk memasukkan data diri calon siswa. Calon siswa mengisi semua field yang telah disediakan. Setelah mengisi semua form calon siswa memilih tombol simpan untuk menyimpan data diri ke dalam database. Apabila ingin menghapus semua isi field maka calon siswa memilih tombol hapus untuk menghapus seluruh field yang sudah terisi. Desain form verifikasi user sistem dapat dilihat pada gambar 4.14 halaman 32. Nama NISN Alamat No.Telepon Anak Ke Agama Tempat Lahir Username Alamat Asal Sekolah Alamat Nama Ibu Nama Ayah Pekerjaan Ayah Pekerjaan Ibu Password Pendaftaran Peserta NISN Jenis Kelamin Nama Lengkap Alamat Alamat Sekolah Agama Status Anak Kota Tempat Lahir Tanggal Lahir Hapus Daftar Foto Status Anak Pilih File Anak Ke 1. DATA PRIBADI SISWA Tanggal lahir Jenis kelamin 2. KETERANGAN PENDIDIKAN SEBELUMNYA 3. KETERANGAN ORANG TUA SISWA 4. AUTENTIFIKASI SISWA Alamat Orang Tua Pekerjaan Ayah No. Telepon Nama Ayah Nama Ibu Pekerjaan Ibu Username Password Gambar 4.15 Desain Form Pendaftaran Siswa Baru 3. Desain Form Daftar Data Pengguna Form ini digunakan untuk menampilkan semua data user yang mengoperasikan sistem. Terdapat button edit, button hapus, dan button tambah data pegawai. Button edit berfungsi untuk mengedit data user, button hapus berfungsi untuk menghapus data user, dan button tambah data user untuk menambah user. Desain form data user dapat dilihat pada gambar 4.16 dibawah ini. Aksi No Nama Username Password Level Data User Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Tambah Data User Gambar 4.16 Desain Form Daftar Data Pengguna 4. Desain Form Tambah Data Pengguna Form ini digunakan untuk menambah user atau pengguna sistem. Di form tambah data user terdapat empat textbox dan satu dropdown list. Textboxt berfungsi untuk memasukkan nama user, username dan password, sedangkan dropdown list berfungsi untuk memasukkan level. Terdapat dua button, button simpan dan button kembali. Button simpan berfungsi untuk menyimpan data user. Button kembali untuk kembali ke halaman data user. Desain form tambah data user dapat dilihat pada gambar 4.17. Nama Password Username Tambah Data User Password Nama User Username Level Level Kembali Simpan Gambar 4.17 Desain Form Tambah Data Pengguna 5. Desain Form Daftar Data Siswa Form ini digunakan untuk menampilkan semua data calon siswa yang telah mendaftar. Terdapat button edit, button hapus, button cetak dan button tambah data siswa. Button edit berfungsi untuk mengedit data calon siswa, button hapus berfungsi untuk menghapus data calon siswa, button cetak untuk mencetak data calon siswa dan button tambah data siswa untuk menambah data calon siswa. Desain form daftar data siswa dapat dilihat pada gambar 4.18 dibawah ini. Aksi Foto No Registrasi Nama Alamat Sekolah Jenis Kelamin Masukkan Nama Siswa 1 2 3 Data Siswa Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Tambah Data Siswa Cetak Cetak Cetak Cetak Cetak Cari Gambar 4.18 Desain Form Daftar Data Siswa 6. Desain Form Tambah Data Pengguna Form ini digunakan untuk menambah data diri calon siswa. Pegawai mengisi semua field yang telah disediakan. Setelah mengisi semua form pegawai memilih tombol simpan untuk menyimpan data diri ke dalam database. Apabila ingin menghapus semua isi field maka pegawai memilih tombol hapus untuk menghapus seluruh field yang sudah terisi. Desain form tambah data penggunadapat dilihat pada gambar 4.19 halaman 35. Nama NISN Alamat No.Telepon Anak Ke Agama Tempat Lahir Username Alamat Asal Sekolah Alamat Nama Ibu Nama Ayah Pekerjaan Ayah Pekerjaan Ibu Password Tambah Data Siswa NISN Jenis Kelamin Nama Lengkap Alamat Alamat Sekolah Agama Status Anak Kota Tempat Lahir Tanggal Lahir Hapus Daftar Foto Status Anak Pilih File Anak Ke 1. DATA PRIBADI SISWA Tanggal lahir Jenis kelamin 2. KETERANGAN PENDIDIKAN SEBELUMNYA 3. KETERANGAN ORANG TUA SISWA 4. AUTENTIFIKASI SISWA Alamat Orang Tua Pekerjaan Ayah No. Telepon Nama Ayah Nama Ibu Pekerjaan Ibu Username Password Gambar 4.19 Desain Form Tambah Data Calon Siswa

4.3 Implementasi Sistem

Implementasi sistem ini akan menjelaskan tentang aplikasi penerimaan siswa baru pada SMA Wahid Hasyim Krian. Disini akan dijelaskan juga apa saja