BAB IV DESKRIPSI PEKERJAAN. meninjau SMA Wahid Hasyim Krian, didapatkan informasi bahwa proses

Transkripsi

1 BAB IV DESKRIPSI PEKERJAAN Berdasarkan survey dan wawancara yang penulis lakukan saat pertama kali meninjau SMA Wahid Hasyim Krian, didapatkan infrmasi bahwa prses penerimaan siswa baru masih dilakukan secara manual yaitu pendaftar atau caln siswa baru datang langsung ke SMA Wahid Hasyim Krian untuk melakukan pendaftaran. Data dari caln siswa baru yang telah melakukan pendaftaran direkap dan diarsipkan leh panitia penerimaan siswa baru yang kemudian di inputkan ke dalam Micrsft Excel. Hal tersebut berakibat pada lamanya pengisian data diri caln siswa yang dilakukan secara manual yaitu dengan menginputkan satu persatu data diri caln siswa ke dalam Micrsft Excel dan sulitnya mengarsipkan data caln siswa baru yang secara sistematis dan terperinci. Kekurangan lain yang timbul adalah sering terjadi kesalahan penginputan data pada saat penginputan data diri caln siswa baru. Dalam prses kerja praktik, maka penulis berusaha untuk membantu pihak SMA Wahid Hasyim Krian dengan membantu memecahkan permasalahannya yang berkaitan dengan penerimaan siswa baru yang sesuai dengan kebutuhan dengan beberapa tahapan, yaitu: 1. Menganalisis Sistem 2. Merancang Sistem 3. Mengimplementasikan Sistem 4. Melakukan Pembahasan Terhadap Implementasi Sistem.

2 Menganalisis Sistem Sistem yang diperlukan leh SMA Wahid Hasyim Krian adalah sebuah sistem yang dapat menagani dan memenuhi semua prses yang berkaitan dengan penerimaan siswa baru secara terkmputerisasi. Sehingga dapat dilakukan dengan cepat, tepat, dan akurat. Dari analisa yang sudah dilakukan sebelumnya, maka dikembangkan menjadi data flw diagram yang sesuai, entity relatinship diagram, dan rangka desain input-utput. 4.2 Merancang Sistem Tahap selanjutnya setelah melakukan analisa sistem adalah mendesain sistem. Tahapan ini adalah tahap dimana penulis membentuk suatu sistem, dimana sistem tersebut dimaksudkan untuk membantu memecahkan masalah pada Sistem yang sedang berjalan dan merupakan suatu Sistem yang baik dan sesuai dengan kebutuhan semua pihak. Langkah langkah yang dilakukan dalam merancang sistem ini adalah Dcument Flw, System Flw, Cntext Diagram, HIPO, Data Flw Diagram (DFD), ERD, DBMS, Merancang Input Output Dcument Flw Dcument Flw ini menunjukkan jalannya Sistem yang ada di SMA Wahid Hasyim krian. Semua kegiatan dilakukan secara manual, seperti yang berjalan pada SMA Wahid Hasyim Krian. Adapun entity pada sistem flw antara lain. A. Dcument Flw Penerimaan Siswa Baru Dkumen flw memberikan gambaran alur prses penerimaan siswa baru. Pertama caln siswa baru melakukan pengisian frmulir pendafatarn yang diperleh dari panitia penerimaan siswa baru. Caln siswa kemudian mengisi

3 24 frmulir, setelah terisi frmulir akan diserahkan kepada panitia penerimaan siswa baru untuk direkap, diarsipkan dan diinputkan ke dalam Micrsft Excel. Adapun gambar dkumen flw penerimaan siswa baru dapat dilihat pada Gambar 4.1. Gambar 4.1 Dcument Flw Penerimaan Siswa Baru System Flw System Flw merupakan gambaran dari sistem yang akan dibangun, yaitu alur alur dari sistem yang akan dibangun.

4 25 A. System Flw Prses Lgin Deskripsi sistem flw prses lgin user di SMA Wahid Hasyim krian dimulai dari user memasukkan username dan passwrd dan sistem akan melakukan cek username dan passwrd yang diambil dari tabel user. Apabila username dan passwrd hak akses sebagai admin maka sistem akan memprses dan menampilkan halaman admin. Apabila username dan passwrd hak akses sebagai siswa maka sistem akan memprses dan menampilkan halaman siswa. Apabila username dan passwrd hak akses sebagai pegawai maka sistem akan memprses dan menampilkan halaman pegawai. Apabila username dan passwrd salah maupun tidak terdaftar sebagai user maka sistem akan memprses dan menampilkan pesan gagal lgin ke sistem. Hasil rancangan sistem flw prses lgin user di SMA Wahid Hasyim dapat dilihat pada Gambar 4.2 halaman 17.

5 26 Gambar 4.2 System Flw Lgin User B. System Flw Prses Pendaftaran Siswa Deskripsi sistem flw prses prses pendaftaran siswa baru di SMA Wahid Hasyim krian dimulai dari caln siswa masuk ke halaman penerimaan siswa. Caln siswa memilih menu pendaftaran dan memasukkan data diri. Caln siswa kemudian menyimpan data diri tersebut dan secara tmatis akan masuk ke dalam tabel siswa. Apabila berhasil disimpan akan muncul knfirmasi data berhasil disimpan. Setelah memasukkan data diri, caln siswa melakukan cetak pendaftaran. Sebelum melakukan cetak pendaftaran caln siswa harus lgin terlebih dahulu. Setelah melakukan lgin caln siswa akan masuk kehalaman cetak pendaftaran. Caln

6 27 siswa melakukan cetak pendaftaran dan akan muncul utput dkumen pendaftaran. Dan terkahir caln siswa harus lgut untuk keluar dari sistem. Hasil rancangan sistem flw prses pendaftaran siswa baru di SMA Wahid Hasyim dapat dilihat pada Gambar 4.3 pada halaman 19.

7 Gambar 4.3 System Flw Pendaftaran Siswa Baru 28

8 29 C. System Flw Prses Maintenance Data Caln Siswa Deskripsi sistem flw prses prses maintenance data caln siswa baru di SMA Wahid Hasyim krian dimulai dari pegawai melakukan lgin ke sistem dan akan diarahkan ke halaman pegawai. Disini pegawai memilih apakah akan melakukan maintenance data caln siswa apa tidak. Jika tidak maka akan langsung menuju ke prses lgut dan selesai. Jika iya maka pegawai memilih menu data siswa dan akan tampil data caln siswa. Pegawai melakukan update data caln siswa dan kemudian menyimpan data caln siswa tersebut. Setelah menyimpan data caln siswa sistem akan memberikan warning data berhasil disimpan. Terakhir pegawai melakukan lgut untuk keluar dari sistem. Hasil rancangan sistem flw prses maintenance data caln siswa baru di SMA Wahid Hasyim dapat dilihat pada Gambar 4.4 pada halaman 21.

9 30 Gambar 4.4 System Flw Maintenance Data Caln Siswa Baru D. System Flw Prses Maintenance Data User Deskripsi sistem flw prses prses maintenance user di SMA Wahid Hasyim krian dimulai dari admin melakukan lgin ke sistem dan akan diarahkan ke halaman admin. Disini admin memilih apakah akan melakukan maintenance data user apa tidak. Jika tidak maka akan langsung menuju ke prses lgut dan selesai. Jika iya maka admin memilih menu akun dan akan tampil data user. Admin melakukan update data user dan kemudian menyimpan data user tersebut. Setelah

10 31 menyimpan data user sistem akan memberikan warning data berhasil disimpan. Terakhir admin melakukan lgut untuk keluar dari sistem. Hasil rancangan sistem flw prses maintenance data user di SMA Wahid Hasyim dapat dilihat pada Gambar 4.5. Gambar 4.5 System Flw Maintenance User

11 HIPO (Hierarchical Input Prcess Output) HIPO adalah suatu rincian dari sistem infrmasi yang akan dibuat, didalam HIPO juga terdapat sub-sub prses. Dengan adanya HIPO, alur prses dari sistem akan lebih teratur dan jelas. HIPO dari sistem penerimaan siswa baru pada SMA Wahid hasyim Krian dapat dilihat pada gambar Aplikasi Penerimaan Siswa Baru Pada SMA Wahid Hasyim Krian 1 Maintenance User 2 Pendaftaran Siswa Baru 3 Maintenance Data Caln Siswa 1.1 Tambah Data User 2.1 Mengisi Data Caln Siswa 3.1 Input Data Caln Siswa 1.2 Update Data User 2.2 Cetak Pendaftaran 3.2 Update Data Caln Siswa Gambar 4.6 HIPO Aplikasi Penerimaan Siswa Baru Cntext Diagram Cntext diagram menggambarkan asal data, menunjukkan asal data, dan menunjukkan aliran data tersebut. Cntext diagram aplikasi penerimaan siswa baru pada SMA Wahid Hasyim Krian terdiri dari 3 external entity, yaitu caln siswa baru, admin dan pegawai atau panitia PSB.

12 33 Data User Admin 0 Data Caln Siswa Dkumen Pendaftaran Siswa Aplikasi Penerimaan Siswa Baru Berbasis Web Pada SMA Wahid Hasyim Krian + Caln Siswa Data Siswa Pegawai Data Caln Siswa Gambar 4.7 Cntext Diagram Aplikasi Penerimaan Siswa Baru Aliran data yang keluar dari masing-masing external entity menunjukkan data tersebut merupakan inputan, sedangkan aliran data yang masuk menunjukkan utput dari aplikasi penerimaan siswa baru DFD Level 0 Aplikasi Penerimaan Siswa Baru Setelah membuat cntext diagram dari aplikasi penerimaan siswa baru pada SMA Wahid Hasyim Krian, untuk selanjutnya cntext diagram tersebut akan dibagi menjadi sub-sub prses yang lebih kecil. Cntext diagram dapat dilihat pada gambar 4.8, dan hasil decmpse itu sendiri disebut DFD Level 0. DFD Level 0 itu sendiri terdiri dari tiga prses utama, tiga external entity dan dua data stre yang semuanya itu saling berkaitan. Tiga prses utama itu juga dapat dibagi menjadi subsub prses yang lebih kecil, dan sub-sub yang lebih kecil itu sendiri masih saling berkaitan antara yang satu dengan yang lain.

13 User Data User Maintenance User Data User Admin 2 Data Caln Siswa Pendaftaran Siswa Baru Dkumen Pendaftaran Siswa Caln Siswa Data Siswa 2 Siswa Data Siswa 3 Data User Maintenance Data Caln Siswa Data Caln Siswa Data Caln Siswa Pegawai Gambar 4.8 DFD Level 0 Aplikasi Penerimaan Siswa Baru DFD Level 1 Maintenance Data User Data flw diagram level 1 maintenance user merupakan prses pengellaan hak akses pengguna atau user. Terdapat beberapa sub prses yang ada di sub sistem maintenance user, antara lain sub prses tambah data user dan sub prses update data user. Data flw diagram level 1 mengella user ditunjukkan leh gambar 4.9 halaman 26.

14 Tambah Data user [Data User] [Data User] 1 User Admin Data user Data User 1.2 Update Data User Data User Gambar 4.9 DFD Level 1 Maintenance Data User DFD Level 1 Pendaftaran Siswa Baru Data flw diagram level 1 pendaftaran siswa baru merupakan prses pengisian data caln siswa sampai cetak pendaftaran. Terdapat beberapa sub prses yang ada di sub sistem pendaftaran siswa baru, antara lain sub prses mengisi data caln siswa dan sub prses cetak pendaftaran. Data flw diagram level 1 pendaftaran siswa baru ditunjukkan leh gambar [Data Caln Siswa] [Data Siswa] Mengisi Data Caln Siswa 2.2 Caln Siswa [Dkumen Pendaftaran Siswa] Cetak Pendaftaran Data Siswa 2 Siswa Gambar 4.10 DFD Level 1 Pendaftaran Siswa Baru

15 DFD Level 1 Maintenance Data Siswa Data flw diagram level 1 maintenance data siswa merupakan prses pengisian dan update data caln siswa. Terdapat beberapa sub prses yang ada di sub sistem maintenance data siswa, antara lain sub prses input data caln siswa dan sub prses update data caln siswa. Data flw diagram level 1 maintenance data siswa baru ditunjukkan leh gambar [Data Caln Siswa] 3.1 Data Caln Siswa Pegawai Input Data Caln Siswa Data User 1 User 2 Siswa [Data User] Data Caln Siswa 3.2 Pegawai [Data Caln Siswa] Update Data Caln Siswa Data Caln Siswa [Data Siswa] Gambar 4.11 DFD Level 1 Maintenance Data Siswa Entity Relatinship Diagram Pada Entity Relatinship Diagram (ERD) akan dijelaskan relasi-relasi atau hubungan antar tabel dalam perancangan sistem penerimaan siswa baru dalam bentuk cnceptual data mdel dan physical data mdel 1. Cnceptual Data Mdel Cnceptual Data Mdel (CDM) menggambarkan secara keseluruhan struktur basis data yang dirancang untuk suatu aplikasi seperti terlihat pada Gambar 4.12.

16 37 # id_user username passwrd namauser level user Integer Variable characters (20) Variable characters (20) Variable characters (50) Variable characters (10) Relatinship_1 # id_siswa nisn nama alamat tgl_lahir tmp_lahir agama ank_ke jml_saudara sts_siswa seklah almt_seklah nm_ayah nm_ibu alamat_rtu kerja_ayah kerja_ibu n_reg ft usrname paswrd tlp jk siswa Integer Variable characters (10) Variable characters (100) Variable characters (200) Date Variable characters (20) Variable characters (20) Variable characters (10) Variable characters (20) Variable characters (15) Variable characters (50) Variable characters (200) Variable characters (50) Variable characters (50) Variable characters (200) Variable characters (50) Variable characters (50) Variable characters (20) Image Variable characters (10) Variable characters (10) Variable characters (15) Variable characters (10) Gambar 4.12 CDM Aplikasi Penerimaan Siswa Baru 2. Physical Data Mdel Physical Data Mdel (PDM) menggambarkan secara detil knsep rancangan struktur basis data yang dirancang untuk suatu prgram aplikasi. PDM merupakan hasil generate dari CDM yang terlihat pada Gambar user id_user username passwrd namauser level int varchar(20) varchar(20) varchar(50) varchar(10) <pk> siswa id_siswa int id_user int nisn nama alamat tgl_lahir tmp_lahir agama ank_ke jml_saudara sts_siswa seklah almt_seklah nm_ayah nm_ibu alamat_rtu kerja_ayah kerja_ibu n_reg ft usrname paswrd tlp jk varchar(10) varchar(100) varchar(200) date varchar(20) varchar(20) varchar(10) varchar(20) varchar(15) varchar(50) varchar(200) varchar(50) varchar(50) varchar(200) varchar(50) varchar(50) varchar(20) lngblb varchar(10) varchar(10) varchar(15) varchar(10) <pk> <fk> Gambar 4.13 PDM Aplikasi Penerimaan Siswa baru Struktur Tabel Sub bab struktur tabel menunjukkan daftar kebutuhan tabel yang digunakan untuk menyimpan data yang diperlukan dari sistem yang telah dibuat. Struktur tabel yang ada merupakan hasil analisis sistem.

17 38 1. Nama Tabel : Siswa Primary Key Freign Key Fungsi : id_siswa : IdUser : Untuk menyimpan data siswa Tabel 4.1 Siswa N. Name Type Size Keterangan 1. Id_siswa Int - Primary Key 2. Id_user int - Freign Key 3. Nisn Varchar Nama Varchar Alamat Varchar Tgl_lahir date Tmp_lahir Varchar Agama Varchar Ank_ke Varchar Varchar Sts_siswa Varchar Seklah Varchar Almt_seklah Varchar Nm_ayah Varchar Nm_ibu Varchar Alamat_rtu Varchar Kerja_ayah Varchar Kerja_ibu Varchar N_reg Varchar Ft Image Usrname Varchar Paswrd Varchar tlp Varchar jk Varchar 10 -

18 39 2. Nama Tabel : user Primary Key : id_user Freign Key : - Fungsi : Untuk menyimpan data user Tabel 4.2 User N. Name Type Size Keterangan 1. Id_user int - Primary Key 2. Username Varchar Passwrd Varchar NamaUser Varchar level Varchar Desain Input Output Desain I/O merupakan perencanaan dari desain interface yang akan dibuat pada prgram 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 Frm Lgin Frm ini digunakan untuk mengatur siapa saja user yang akan masuk ke sistem. Apakah admin atau pegawai atau siswa. Terdapat satu buttn dan dua textbx yang berguna untuk input username dan input passwrd. Buttn berfungsi sebagai prses untuk masuk ke dalam sistem. Desain frm lginsistem dapat dilihat pada gambar 4.14.

19 40 Username Passwrd Username Passwrd Masuk Hapus Gambar 4.14 Desain Frm Lgin 2. Desain Frm Pendaftaran Siswa Baru Frm ini digunakan untuk memasukkan data diri caln siswa. Caln siswa mengisi semua field yang telah disediakan. Setelah mengisi semua frm caln siswa memilih tmbl simpan untuk menyimpan data diri ke dalam database. Apabila ingin menghapus semua isi field maka caln siswa memilih tmbl hapus untuk menghapus seluruh field yang sudah terisi. Desain frm verifikasi user sistem dapat dilihat pada gambar 4.14 halaman 32.

20 41 Pendaftaran Peserta 1. DATA PRIBADI SISWA Nama Lengkap NISN Alamat Nama NISN Alamat Tempat Lahir Tanggal Lahir Jenis Kelamin Agama Anak Ke Status Anak Tempat Lahir Tanggal lahir Jenis kelamin Agama Anak Ke Status Anak Ft Pilih File 2. KETERANGAN PENDIDIKAN SEBELUMNYA Kta Asal Seklah Alamat Seklah Alamat 3. KETERANGAN ORANG TUA SISWA Nama Ayah Nama Ibu Alamat Orang Tua Nama Ayah Nama Ibu Alamat Pekerjaan Ayah Pekerjaan Ibu N. Telepn 4. AUTENTIFIKASI SISWA Username Passwrd Pekerjaan Ayah Pekerjaan Ibu N.Telepn Username Passwrd Daftar Hapus Gambar 4.15 Desain Frm Pendaftaran Siswa Baru 3. Desain Frm Daftar Data Pengguna Frm ini digunakan untuk menampilkan semua data user yang mengperasikan sistem. Terdapat buttn edit, buttn hapus, dan buttn tambah data

21 42 pegawai. Buttn edit berfungsi untuk mengedit data user, buttn hapus berfungsi untuk menghapus data user, dan buttn tambah data user untuk menambah user. Desain frm data user dapat dilihat pada gambar 4.16 dibawah ini. Data User N Nama Username Passwrd Level Aksi Edit Hapus Edit Hapus Edit Hapus Edit Hapus Edit Hapus Tambah Data User Gambar 4.16 Desain Frm Daftar Data Pengguna 4. Desain Frm Tambah Data Pengguna Frm ini digunakan untuk menambah user atau pengguna sistem. Di frm tambah data user terdapat empat textbx dan satu drpdwn list. Textbxt berfungsi untuk memasukkan nama user, username dan passwrd, sedangkan drpdwn list berfungsi untuk memasukkan level. Terdapat dua buttn, buttn simpan dan buttn kembali. Buttn simpan berfungsi untuk menyimpan data user. Buttn kembali untuk kembali ke halaman data user. Desain frm tambah data user dapat dilihat pada gambar Tambah Data User Nama User Username Passwrd Level Nama Username Passwrd Level Simpan Kembali Gambar 4.17 Desain Frm Tambah Data Pengguna

22 43 5. Desain Frm Daftar Data Siswa Frm ini digunakan untuk menampilkan semua data caln siswa yang telah mendaftar. Terdapat buttn edit, buttn hapus, buttn cetak dan buttn tambah data siswa. Buttn edit berfungsi untuk mengedit data caln siswa, buttn hapus berfungsi untuk menghapus data caln siswa, buttn cetak untuk mencetak data caln siswa dan buttn tambah data siswa untuk menambah data caln siswa. Desain frm daftar data siswa dapat dilihat pada gambar 4.18 dibawah ini. Data Siswa Masukkan Nama Siswa Cari Tambah Data Siswa Ft N Registrasi Nama Alamat Seklah Jenis Kelamin Edit Edit Edit Edit Edit Aksi Cetak Cetak Cetak Cetak Cetak Hapus Hapus Hapus Hapus Hapus Gambar 4.18 Desain Frm Daftar Data Siswa 6. Desain Frm Tambah Data Pengguna Frm ini digunakan untuk menambah data diri caln siswa. Pegawai mengisi semua field yang telah disediakan. Setelah mengisi semua frm pegawai memilih tmbl simpan untuk menyimpan data diri ke dalam database. Apabila ingin menghapus semua isi field maka pegawai memilih tmbl hapus untuk menghapus seluruh field yang sudah terisi. Desain frm tambah data penggunadapat dilihat pada gambar 4.19 halaman 35.

23 44 Tambah Data Siswa 1. DATA PRIBADI SISWA Nama Lengkap NISN Alamat Nama NISN Alamat Tempat Lahir Tanggal Lahir Jenis Kelamin Agama Anak Ke Status Anak Tempat Lahir Tanggal lahir Jenis kelamin Agama Anak Ke Status Anak Ft Pilih File 2. KETERANGAN PENDIDIKAN SEBELUMNYA Kta Asal Seklah Alamat Seklah Alamat 3. KETERANGAN ORANG TUA SISWA Nama Ayah Nama Ibu Alamat Orang Tua Nama Ayah Nama Ibu Alamat Pekerjaan Ayah Pekerjaan Ibu N. Telepn 4. AUTENTIFIKASI SISWA Username Passwrd Pekerjaan Ayah Pekerjaan Ibu N.Telepn Username Passwrd Daftar Hapus Gambar 4.19 Desain Frm Tambah Data Caln 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

24 45 fungsi - fungsi yang ada pada aplikasi beserta hasil capture dari aplikasi yang telah dibuat Penjelasan Penggunaan Aplikasi Penjelasan penggunaan aplikasi adalah bertujuan untuk menggambarkan jalannya sistem yang sudah dibuat yang juga disertai dengan fungsinya. Berikut adalah tampilan user interface dari sistem. 1. Halaman Utama Penerimaan Siswa Baru Pada halaman ini digunakan sebagai tampilan awal saat aplikasi pertama kali dijalankan. Pada halalam ini terdapat sekilas inf mengenai sejarah SMA Wahid Hasyim Krian. Gambar 4.20 Halaman Awal Aplikasi Penerimaan Siswa

25 46 2. Halaman Prfil Halaman berisi infrmasi mengenani visi dan misi yang ada pada SMA Wahid Hasyim Krian. Tampilan halam pendaftaran ini dapat dilihat pada gambar 4.21 diawah ini. Gambar 4.20 Halaman Prfil Aplikasi Penerimaan Siswa 3. Halaman Pendaftaran Pada halaman ini terdapat frm pendaftaran peserta yang harus diisi leh caln siswa yang akan mendaftar di SMA Wahid Hasyim Krian. Tampilan halam pendaftaran ini dapat dilihat pada gambar 4.21 halaman 38.

26 Gambar 4.21 Halaman Pendaftaran Aplikasi Penerimaan Siswa 47

27 48 4. Halaman Lihat Pendaftar Pada halaman ini terdapat infrmasi mengenai siapa saja yang sudah melakukan pendaftaran di SMA Wahid Krian. Infrmasi tersebut berupa daftar caln siswa yang telah melakukan pendaftaran di SMA Wahid Hasyim Krian. Tampilan halaman lihat pendaftar ini dapat dilihat pada gambar Gambar 4.22 Halaman Lihat Pendaftar Aplikasi Penerimaan Siswa 5. Halaman Cetak Pendaftaran Pada halaman ini caln siswa harus lgin terlebih dahulu apabila ingin mencetak data pendaftaran yang telah dilakukan sebelumnya. Caln siswa mengisi username dan passwrd sesuai dengan useername dan passwrd mereka saat pendaftaran. Tampilan halaman cetak pendaftran ini dapat dilihat pada gambar 4.23.

28 49 Gambar 4.23 Halaman Cetak Pendaftaran Aplikasi Penerimaan Siswa 6. Halaman Dashbard Siswa Pada halaman dashbard siswa ini adalah caln siswa yang sudah lgin untuk mecetak data pendaftaran. Tampilan halaman dashbard siswa ini dapat dilihat pada gambar Gambar 4.24 Halaman Dashbard Siswa Aplikasi Penerimaan Siswa

29 50 7. Halaman Cetak Frmulir Pada halaman cetak frmulir ini adalah halaman caln siswa yang sudah lgin untuk mecetak data pendaftaran. Apabila caln siswa ingin mencetak data pendaftaran tinggal memilih dan menekan buttn dwnlad pdf. Tampilan halaman cetak frmulir ini dapat dilihat pada gambar Gambar 4.25 Halaman Cetak Frmulir Aplikasi Penerimaan Siswa 8. Halaman Dashbard Pegawai Pada halaman Dashbard pegawai ini adalah halaman awal saat pegawai telah melakukan lgin. Pegawai disini berhak untuk edit maupun menambahkan data caln siswa baru. Tampilan halaman dashbard pegawai ini dapat dilihat pada gambar 4.26.

30 51 Gambar 4.26 Halaman Dashbar Pegawai Aplikasi Penerimaan Siswa 9. Halaman Akun Pegawai Pada halaman akun pegawai ini adalah halaman menampilkan infrmasi data pengguna aplikasi penerimaan siswa ini. Di halaman ini pegawai juga dapat melakukan edit data akun dari pegawai tersebut. Tampilan halaman akun pegawai ini dapat dilihat pada gambar Gambar 4.27 Halaman Akun Pegawai Aplikasi Penerimaan Siswa 10. Halaman Update Akun Pegawai Pada halaman update akun pegawai ini adalah halaman untuk update data pengguna. Di halaman inin pegawai juga dapat melakukan edit data akun dari

31 52 pegawai tersebut. Tampilan halaman update akun pegawai ini dapat dilihat pada gambar Gambar 4.28 Halaman Update Akun Pegawai Aplikasi Penerimaan Siswa 11. Halaman Data Siswa Pegawai Pada halaman data siswa pegawai ini adalah halaman yang menampilkan daftar seluruh caln siswa yang telah mendaftar di SMA Whid Hasyim Krian. Tampilan halaman data siswa pegawai ini dapat dilihat pada gambar Gambar 4.29 Halaman Data Siswa Pegawai Aplikasi Penerimaan Siswa

32 Halaman Tambah Data Siswa Pegawai Pada halaman tambah data siswa pegawai ini adalah halaman untuk menambahkan data caln siswa baru yang kan dilakukan leh pegawai. Tampilan halaman tambah data siswa pegawai ini dapat dilihat pada gambar Gambar 4.30 Halaman Tambah Data Siswa Pegawai Aplikasi Penerimaan Siswa 13. Halaman Edit Data Siswa Pegawai Pada halaman edit data siswa pegawai ini adalah halaman untuk mengedit data caln siswa baru yang kan dilakukan leh pegawai. Tampilan halaman edit akun pegawai ini dapat dilihat pada gambar 4.31.

33 Gambar 4.31 Halaman Edit Data Siswa Pegawai Aplikasi Penerimaan Siswa 54

34 Halaman Dashbard Admin Pada halaman dashbard aadmin ini adalah halaman awal saat admin telah melakukan lgin. Admin disini berhak untuk edit maupun menambahkan data caln siswa baru. Admin berhak menambahkan data pengguna yang mengperasikan aplikasi penerimaan siswa baru ini. Tampilan halaman dashbard admin ini dapat dilihat pada gambar Gambar 4.32 Halaman Dashbar Admin Aplikasi Penerimaan Siswa 15. Halaman Akun Admin Pada halaman akun admin ini adalah halaman menampilkan infrmasi data pengguna aplikasi penerimaan siswa ini. Di halaman ini pegawai juga dapat melakukan edit data dan tambah data akun pengguna. Tampilan halaman akun admin ini dapat dilihat pada gambar Gambar 4.33 Halaman Akun Amin Aplikasi Penerimaan Siswa

35 Halaman Update Akun Admin Pada halaman update akun admin ini adalah halaman untuk update data pengguna. Di halaman ini admin juga dapat melakukan edit data akun pengguna. Tampilan halaman update akun admin ini dapat dilihat pada gambar Gambar 4.34 Halaman Update Akun Admin Aplikasi Penerimaan Siswa 17. Halaman Data Siswa Admin Pada halaman data siswa Admin ini adalah halaman yang menampilkan daftar seluruh caln siswa yang telah mendaftar di SMA Whid Hasyim Krian. Tampilan halaman data siswa Admin ini dapat dilihat pada gambar Gambar 4.35 Halaman Data Siswa Admin Aplikasi Penerimaan Siswa

36 Halaman Tambah Data Siswa Admin Pada halaman tambah data siswa admin ini adalah halaman untuk menambahkan data caln siswa baru yang kan dilakukan leh admin. Tampilan halaman tambah data siswa admin ini dapat dilihat pada gambar Gambar 4.36 Halaman Tambah Data Siswa Admin Aplikasi Penerimaan Siswa 19. Halaman Edit Data Siswa Admin Pada halaman edit data siswa admin ini adalah halaman untuk mengedit data caln siswa baru yang kan dilakukan leh admi. Tampilan halaman edit akun admin ini dapat dilihat pada gambar 4.37.

37 Gambar 4.37 Halaman Edit Data Siswa Admin Aplikasi Penerimaan Siswa 58