BAB III. ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM 3.1 Alat dan Bahan 3.1.1 Alat 3.1.1.1 Kebutuhan Hardware Hardware adalah perangkat keras untuk membuat sistem informasi dan laporan tugas akhir ini. Adapun hardware yang digunakan adalah Laptop dengan spesifikasi utama berikut : a. Processor : Intel Core(TM) i3 M370 @ 2.40GHz b. Memory : 3,00GB RAM c. Hardisk : 500 GB SATA 3.1.1.2 Kebutuhan Software Software adalah perangkat lunak yang digunakan untuk membuat sistem informasi dan laporan tugas akhir ini. Adapun software yang digunakan antara lain : a. Sistem Operasi : Windows 7 Ultimate b. Bahasa Pemrograman : PHP (Hypertext Preprocessor) c. Pembuatan Script : Sublime Text 2 d. Database : MySQL e. Web Server : Apache Web Server f. Database Manager : PhpMyAdmin 3.1.2 Bahan Data yang dibutuhkan untuk membuat sistem informasi yaitu data terkait dengan administrasi LPK Prima Utama, yaitu data siswa, data tentor, data kelas, data tahun ajaran, data mata pelajaran dan data absensi. 12
13 3.2 Jadwal Pembuatan Berikut jadwal pembuatan Sistem Informasi Absensi dan Penggajian Kursus LPK Prima Utama Berbasis Web adalah sebagai berikut: Tabel 3.1. Tabel Jadwal Penelitian Bulan No 1 Kegiatan Januari Februari Tahap awal a. Pengumpulan data b. Konseptualisasi c. Analisa data 2 Tahap pembuatan sistem informasi a. Perancangan pembuatan sistem informasi b. Pembuatan desain tampilan c. Pembuatan sistem informasi 3 Tahap uji coba 4 Tahap memperbaiki bug 5 Tahap evaluasi dan pembuatan laporan Maret April Mei
14 3.3 Perancangan Sistem Informasi 3.3.1 Proses Bisnis Proses bisnis secara umum yang ada pada LPK Prima Utama terdapat pada Gambar 3.1 adalah sebagai berikut: Gambar 3.1. Proses Bisnis LPK Prima Utama Pada sistem informasi pelayanan kursus CS atau admin dapat mendaftarkan siswa baru yang akan masuk ke lembaga dengan menginputkan data diri siswa begitu pula dengan tentor, kemudian tentor akan membuatkan jadwal les untuk tentor dan siswa, dari data jadwal tersebut didapatkan data absensi untuk tentor dan siswa dengan demikian data gaji tentor akan secara otomatis terisi sesuai dengan
15 keputusan biaya dari LPK Prima Utama sendiri. Berikut proses bisnis sistem pada Gambar 3.2. dibawah ini. Gambar 3.2. Proses Bisnis Sistem
3.3.2 16 Fungsional Sistem Kebutuhan fungsional yang ada pada Sistem Informasi Absensi dan Penggajian Kursus LPK Prima Utama Berbasis Web dapat dilihat pada Tabel 3.2. sebagai berikut : Tabel 3.2. Kebututuhan Fungsional Sistem Kode Deskripsi Depedensi Aktor, Siswa, Tentor S01 Login S02 Menampilkan data siswa S03 Menambah data siswa S04 Mengubah data siswa S02 S05 Menampilkan detail data per siswa S02 S06 Pencarian data siswa S02 S07 Menambah data orangtua siswa S03 S08 Mengubah data orangtua siswa S05 S09 Menampilkan data kelas S10 Menambah data kelas S11 Mengubah data kelas S12 Menampilkan tahun ajaran S13 Menambah data tahun ajaran S14 Mengubah data tahun ajaran S12 S15 Pencarian data tahun ajaran S12 S16 Menampilkan siswa les pada tiap tahun ajaran S12 S10
17 Kode Deskripsi Depedensi Aktor S17 Menampilkan data siswa yang les pada kelas tertentu S09 S18 Mencetak data siswa yang les pada kelas tertentu S09 S19 Menampilkan data tentor S20 Menambah data tentor S19 S21 Mengubah data tentor S19 S22 Menampilkan detail data tentor S19 S23 Pencarian data tentor S19 S24 Menampilkan data pengampu S22 S25 Menambah data pengampu S22 S26 Mengubah data pengampu S22 S27 Menampilkan data mata pelajaran S28 Menambah data mata pelajaran S27 S29 Mengubah data mata pelajaran S27 S30 Mencari data mata pelajaran S27 S31 Menambah data jadwal S32 Menampilkan data jadwal S33 Menambah siswa les ke dalam jadwal S31 S34 Mengubah data jadwal S31 S35 Melihat detail jadwal S31 S36 Pencarian jadwal les S37 Melihat jadwal les berdasarkan siswa S36 S38 Melihat jadwal les berdasarkan tentor S36
18 Kode Deskripsi Depedensi Aktor S39 Melihat jadwal les berdasarkan mata pelajaran dan hari S36 S40 Melihat jadwal les berdasarkan jenis kursus S36 S41 Melihat jadwal les berdasarkan tahun ajaran S36 S42 Menampilkan detail per jadwal S32 S43 Menampilkan data pelaksanaan S42 S44 Menambah data pelaksanaan S32 S45 Melihat detail absensi S43 S46 Mengubah absensi / mengubah status absensi S43 S47 Menambah kehadiran siswa S46 S48 Menampilkan data kehadiran siswa S43 S49 Melihat detail data gaji per tentor dan bulan gajian S22 S50 Mencetak data gaji tentor S22 S51 Mengubah data pelaksanaan S43 S52 Menambah jadwal pengganti S43 S53 Mencetak detail siswa S05 S54 Mengubah username & password S55 Melihat detail data diri Siswa, Tentor S56 Melihat jadwal les Siswa, Tentor S57 Melihat data pelaksanaan S56 Siswa, Tentor S58 Menampilkan data siswa kursus yang kelompok atau semi privat S56 Siswa,Tentor, S59 Melihat data kehadiran siswa S57 Siswa, Tentor, Siswa, Tentor
19 Kode Deskripsi Depedensi S60 Menampilkan data diri dan bulan gajian S61 Melihat data gaji tentor perbulan S62 Menambah data absensi Aktor Tentor S60 Tentor Tentor 3.3.3 Non Fungsional Sistem a. Persyaratan Kinerja Tindakan perawatan terhadap sistem, seperti back-up data pun akan mempengaruhi kecepatan akses data oleh sistem. Sistem ini akan mudah dijalankan jika karyawan, tentor dan siswa mengetahui tentang proses berjalannya sistem. b. Persyaratan Keselamatan Sangat disarankan untuk melakukan back-up data secara berkala untuk menghindari kemungkinan kegagalan server yang mungkin akan mengakibatkan hilangnya sebagian atau keseluruhan data yang tersimpan di server. c. Persyaratan Keamanan Untuk pengamanan sistem maka digunakan login admin, tentor dan siswa yang memiliki hak akses yang berbeda dengan username dan password.
3.3.4 ERD ERD dari Pembuatan Sistem Informasi Absensi dan Penggajian dapat dilihat pada Gambar 3.2. dibawah ini. Gambar 3.3. ERD Sistem Informasi Absensi dan Penggajian Kursus 20
21 3.3.5 Relasi Antar Tabel Relasi antar tabel dari Pembuatan Sistem Informasi Absensi dan Penggajian dapat dilihat pada Gambar 3.3. dibawah ini. Gambar 3.4. Relasi Antar Tabel Sistem Informasi Absensi dan Penggajian
22 3.3.6 Tabel Fisik Tabel yang digunakan untuk istem Informasi Pelayanan Kursus adalah sebagai berikut: a Tabel Absensi Tabel 3.3. Tabel Absensi Field Type Length Key id_absensi 20 Primary Key id_pelaksanaan 20 Foreign Key id_siswa 8 Foreign Key b Ket Auto Increment Tabel Admin Tabel 3.4. Tabel Admin Field Type Length id_admin 11 username varchar 20 password 8 nama_lengkap varchar 50 c Key Primary Key Ket Auto Increment Tabel Detail Kursus Tabel 3.5. Tabel Detail Kursus Field Type Length Key id_detail 20 Primary Key id_siswa 8 Foreign Key id_kursus 11 Foreign Key Ket Auto Increment
23 d Tabel Gaji Tentor Tabel 3.6. Tabel Gaji Tentor Field Type Length id_gaji 20 jml_pertemuan 20 honor 30 tgl_gajian date total_gaji 30 id_kursus 20 e Key Primary Key Ket Auto Increment Foreign Key Tabel Jenis Kursus Tabel 3.7. Tabel Jenis Kursus Field Type Length id_jnskursus 3 nama_kursus varchar 20 biaya_transpot 30 biaya_jnskursus 30 ket text Key Primary Key Ket Auto Increment
24 f Tabel Kelas Tabel 3.8. Tabel Kelas Field Type Length id_kelas 8 nama_kelas 10 golongan varchar 10 g Key Primary Key Ket Auto Increment Tabel Kursus Tabel 3.9. Tabel Kursus Field Type Length Key id_kursus 20 Primary Key hari varchar 10 tgl_mulai date jam_mulai varchar 10 jam_selesai varchar 10 honor 30 catatan text id_kelas 8 Foreign Key id_tahunajaran 10 Foreign Key id_pengampu 8 Foreign Key id_jnskursus 3 Foreign Key Ket Auto Increment
25 h Tabel Mapel Tabel 3.10. Tabel Mapel Field Type Length id_mapel 3 nama_mapel varchar 30 biaya_mapel 30 i Key Primary Key Ket Auto Increment Tabel Ortu Tabel 3.11. Tabel Ortu Field Type Length id_ortu 20 nohp_ayah varchar 20 nohp_ibu varchar 20 nohp_rumah varchar 20 nohp_anak varchar 20 nama_ayah varchar 50 nama_ibu varchar 50 nama_wali varchar 50 Key Primary Key Ket Auto Increment
26 j Tabel Pelaksanaan Tabel 3.12.Tabel Pelaksanaan Field Type id_pelaksanaan tgl_pelaksanaan date Length 20 Key Primary Key Ket Auto Increment jam_pelaksanaan time status varchar 20 pertemuan 11 id_kursus 20 k Foreign Key Tabel Pengampu Tabel 3.13. Tabel Pengampu Field Type Length Key id_pengampu 8 Primary Key id_tentor varchar 4 Foreign Key id_mapel 8 Foreign Key l Ket Auto Increment Tabel Siswa Tabel 4.14 Tabel Siswa Field Type Length id_siswa 8 nama_siswa varchar 50 alamat_siswa text Key Primary Key Ket Auto Increment
27 Field Type Length sekolah varchar 30 username varchar 20 password varchar 20 id_ortu 8 Qr_code varchar 50 Key Ket m Tabel Tahun Ajaran Tabel 3.15. Tabel Tahun Ajaran Field Type Length id_tahunajaran 20 tahun_ajaran varchar 30 n Key Primary Key Ket Auto Increment Tabel Tentor Tabel 3.16. Tabel Tentor Field Type Length id_tentor varchar 4 nama_tentor varchar 50 username varchar 20 password varchar 20 alamat text jekel enum L, P no_hp varchar 50 tgl_lahir date no_ktp varchar 16 status varchar 10 Key Primary Key Ket Auto Increment
28 3.3.7 Use Case Diagram Use Case yang ada pada Sistem Informasi Absensi dan Penggajian Kursus LPK Prima Utama Berbasis Web dapat dilihat pada Tabel 3.4.
29 Gambar 3.5. Use Case Sistem Informasi Absensi dan Penggajian Kursus
30 3.3.8 Activity Diagram a. Menambah Data Jadwal Gambar 3.6. Activity Diagram Menambah Data Jadwal
31 b. Menambah Data Kehadiran Gambar 3.7. Activity Diagram Menambah Kehadiran c. Menambah Data Master Tabel 3.17. Tabel Activity Diagram Data Master NO Nama Tabel 1. Menambah data kelas 2. Menambah data mata pelajaran
32 NO Nama Tabel 3. Menambah data orangtua siswa 4. Menambah data pengampu 5. Menambah data siswa 6. Menambah data tahun ajaran 7. Menambah data tentor 8. Menambah data jenis kursus Gambar 3.8. Activity Diagram Menambah Data Kelas
33 d. Menambah data pelaksanaan Gambar 3.9. Activity Diagram Menambah Data Pelaksanaan e. Menambah Jadwal Pengganti Gambar 3.10. Activity Diagram Menambah Jadwal Pengganti
34 f. Mengubah Username & Password Gambar 3.11. Activity Diagram Mengubah Username & Password g. Melihat Data Diri Dan Bulan Gajian Gambar 3.12. Activity Diagram Melihat Data Diri dan Bulan Gajian
35 h. Melihat Data Gaji Tentor Perbulan Gambar 3.13. Activity Diagram Melihat Data Gaji Tentor Perbulan i. Melihat Data Kehadiran Siswa (Siswa, Tentor) Gambar 3.14. Activity Diagram Melihat Data Kehadiran Siswa (Siswa dan Tentor)
36 j. Melihat Data Kehadiran Siswa () Gambar 3.15. Activity Diagram Melihat Data Kehadiran Siswa () k. Melihat Data Master Tabel 3.18. Tabel Activity Diagram Melihat Data Master NO Nama Tabel 1. Melihat data kelas 2. Melihat data mata pelajaran 3. Melihat data jadwal 4. Melihat data jenis kursus 5. Melihat data siswa 6. Melihat data tahun ajaran 7. Melihat data tentor 8. Melihat data pencarian jadwal les
37 Gambar 3.16. Activity Diagram Melihat Data Master l. Melihat Data Pelaksanaan (Siswa dan Tentor) Gambar 3.17. Activity Diagram Melihat Data Pelaksanaan (Siswa dan Tentor)
38 m. Melihat Data Pelaksanaan () Gambar 3.18. Activity Diagram Melihat Data Pelaksanaan () n. Melihat Data Pengampu Gambar 3.19. Activity Diagram Melihat Data Pengampu
39 o. Melihat Data Siswa Kursus Yang Kelompok Atau Semi Privat Gambar 3.20. Activity Diagram Melihat Data Siswa Kursus Yang Kelompok Atau Semi Privat p. Melihat Data Siswa Yang Les Pada Kelas Tertentu Gambar 3.21. Activity Diagram Melihat Data Siswa Pada Kelas Tertentu
40 q. Melihat Detail Absensi Gambar 3.22. Activity Diagram Melihat Detail Absensi r. Melihat Detail Data Diri Gambar 3.23. Activity Diagram Melihat Detail Data Diri
41 s. Melihat Detail Data Gaji Per Tentor Dan Bulan Gajian Gambar 3.24. Activity Diagram Melihat Detail Data Gaji Per Tentor Dan Bulan Gajian t. Melihat Detail Data Master Tabel 3.19. Tabel Activity Diagram Melihat Detail Data Master NO Nama Tabel 1. Melihat Detail Data Tentor 2. Melihat Detail Data Jadwal 3. Melihat Detail Data Siswa
42 Gambar 3.25. Activity Diagram Melihat Detail Data Master u. Melihat Jadwal Les Gambar 3.26. Activity Diagram Melihat Jadwal Les v. Melihat Jadwal Les Berdasarkan Data Master Tabel 3.20. Tabel Activity Diagram Jadwal Berdasarkan Data Master NO Nama Tabel 1. Melihat Jadwal Les Berdasarkan Siswa 2. Melihat Jadwal Les Berdasarkan Tentor
43 NO Nama Tabel 3. Melihat Jadwal Les Berdasarkan Jenis Kursus 4. Melihat Jadwal Les Berdasarkan Tahun Ajaran 5. Melihat Jadwal Les Berdasarkan Mapel dan Hari Gambar 3.27. Activity Diagram Melihat Jadwal Les Berdasarkan Data Master w. Mencari Data Master Tabel 3.21. Tabel Activity Diagram Mencari Data Master NO Nama Tabel 1. Mencari Data Siswa 2. Mencari Data Tentor 3. Mencari Data Jenis Kursus 4. Mencari Data Tahun Ajaran 5. Mencari Data Mapel 6. Mencari Data Kelas
44 Gambar 3.28. Activity Diagram Mencari Data Master x. Mencetak Data Gaji Tentor Gambar 3.29. Activity Diagram Mencetak Data Gaji Tentor
45 y. Mencetak Data Master Tabel 3.22. Tabel Activity Diagram Mencetak Data Master NO Nama Tabel 1. Mencetak Detail Data Siswa 2. Mencetak Data Siswa Yang Les Pada Kelas Tertentu Gambar 3.30. Activity Diagram Mencetak Data Master
46 z. Mengubah Absensi / Mengubah Status Absensi Gambar 3.31. Activity Diagram Mengubah Absensi aa. Mengubah Data Master Tabel 3.23. Tabel Activity Diagram Mengubah Data Master NO Nama Tabel 1. Mengubah Data Jadwal 2. Mengubah Data Kelas 3. Mengubah Data Matapelajaran 4. Mengubah Data Siswa 5. Mengubah Data Tahun Ajaran
47 NO Nama Tabel 6. Mengubah Data Tentor 7. Mengubah Data Pengampu 8. Mengubah Data Orang Tua Siswa Gambar 3.32. Activity Diagram Mengubah Data Master
3.3.9 Class Diagram Class Diagram pada Sistem Informasi Absensi dan Penggajian Kursus LPK Prima Utama Berbasis Web dapat dilihat pada Tabel 3.32. sebagai berikut : Gambar 3.34. Class Diagram Sistem Informasi Absensi dan Penggajian Kursu 48 Gambar 3.33. Class Diagram Sistem Informasi Absensi dan Penggajian Kursus
49 3.3.10 Sequence Diagram a. Menambah Data Jadwal Gambar 3.35. Sequence Diagram Menambah Data Jadwal b. Menambah Data Kehadiran Gambar 3.36. Suquence Diagram Menambah Data Kehadiran
50 c. Menambah Data Siswa Gambar 3.37. Sequence Diagram Menambah Data Siswa d. Menambah Data Master Tabel 3.24. Tabel Sequence Diagram Data Master NO Nama Tabel 1. Menambah data kelas 2. Menambah data mata pelajaran 3. Menambah data orangtua siswa 4. Menambah data pengampu 5. Menambah data tahun ajaran
51 NO Nama Tabel 6. Menambah data tentor 7. Menambah data jenis kursus Gambar 3.38. Sequence Diagram Menambah Data Kelas e. Menambah Data Pelaksanaan Gambar 3.39. Sequence Diagram Menambah Data Pelaksanaan
52 f. Menambah Jadwal Pengganti Gambar 3.40. Sequence Diagram Menambah Jadwal Pengganti g. Melihat Data Diri Dan Gaji per Bulan (Tentor) Gambar 3.41. Sequence Diagram Melihat Data Diri Dan Gaji per Bulan
53 h. Melihat Data Gaji Tentor Perbulan Tabel 3.25. Tabel Sequence Diagram Melihat Gaji Tentor Perbulan NO Nama Tabel 1. Melihat Gaji Tentor Perbulan (Tentor) 2. Melihat Gaji Tentor Perbulan () Gambar 3.42. Sequence Diagram Melihat Data Gaji Tentor Perbulan i. Melihat Data Kehadiran Siswa Tabel 3.26. Tabel Sequence Diagram Melihat Data Kehadiran Siswa NO Nama Tabel 1. Melihat Data Kehadiran Siswa (Tentor, Siswa) 2. Melihat Data Kehadiran Siswa ()
54 Gambar 3.43. Sequence Diagram Melihat Data Kehadiran Siswa (Siswa dan Tentor) j. Melihat Data Master Tabel Sequence Melihat Data Master NO Nama Tabel 1. Melihat data kelas 2. Melihat data mata pelajaran 3. Melihat data jadwal 4. Melihat data jenis kursus 5. Melihat data siswa 6. Melihat data tahun ajaran 7. Melihat data tentor 8. Melihat data pencarian jadwal les
55 Gambar 3.44. Sequence Diagram Melihat Data Siswa k. Melihat Data Pelaksanaan (Siswa dan Tentor) Tabel 3.27. Tabel Sequence Diagram Melihat Data Pelaksanaan NO Nama Tabel 1. Melihat Data Pelaksanaan (Tentor, Siswa) 2. Melihat Data Pelaksanaan ()
56 Gambar 3.45. Sequence Diagram Melihat Data Pelaksanaan l. Melihat Data Siswa Kursus Yang Kelompok Atau Semi Privat Tabel 3.28. Tabel Sequence Diagram Melihat Siswa Kursus Semi-Privat atau Kelompok NO Nama Tabel 1. Melihat Data Siswa Kursus Yang Atau Semi Privat (Tentor) Kelompok 2. Melihat Data Siswa Kursus Yang Atau Semi Privat (Siswa) Kelompok 3. Melihat Data Siswa Kursus Yang Atau Semi Privat () Kelompok
57 Gambar 3.46. Sequence Diagram Melihat Data Siswa Kursus Semi Privat atau Kelompok m. Melihat Detail Data Master Tabel 3.29. Tabel Sequence Diagram Melihat Detail Data Master NO Nama Tabel 1. Melihat Detail Data Tentor 2. Melihat Detail Data Jadwal 3. Melihat Detail Data Siswa
58 Gambar 3.47. Sequence Diagram Melihat Detail Data Master n. Melihat Jadwal Les Tabel 3.30. Tabel Sequence Diagram Melihat Jadwal Les NO Nama Tabel 1. Melihat Jadwal Les Tentor 2. Melihat Jadwal Les Siswa
59 Gambar 3.48. Sequence Diagram Melihat Jadwal Les o. Melihat Jadwal Les Berdasarkan Data Master Tabel 3.31. Tabel Sequence Diagram Melihat Jadwal Les Berdasarkan Data Master NO Nama Tabel 1. Melihat Jadwal Les Berdasarkan Siswa 2. Melihat Jadwal Les Berdasarkan Tentor 3. Melihat Jadwal Les Berdasarkan Jenis Kursus 4. Melihat Jadwal Les Berdasarkan Tahun Ajaran 5. Melihat Jadwal Les Berdasarkan Mapel dan Hari
60 Gambar 3.49. Sequence Diagram Melihat Jadwal Les Berdasarkan Data Master p. Mencari Data Master Tabel 3.32. Tabel Sequence Diagram Mencari Data Master NO Nama Tabel 1. Mencari Data Siswa 2. Mencari Data Tentor 3. Mencari Data Jenis Kursus 4. Mencari Data Tahun Ajaran 5. Mencari Data Mapel 6. Mencari Data Kelas
61 Gambar 3.50. Sequence Diagram Mencari Data Master q. Mencetak Data Master Tabel 3.33. Tabel Sequence Diagram Mencetak Data Master NO Nama Tabel 1. Mencetak Detail Data Siswa 2. Mencetak Data Siswa Yang Les Pada Kelas Tertentu 3. Mencetak Data Gaji Tentor
62 Gambar 3.51. Sequence Diagram Mencetak Data Master r. Mengubah Absensi / Mengubah Status Absensi Gambar 3.52. Sequence Diagram Mengubah Absensi
63 s. Mengubah Username & Password Tabel 3.34. Tabel Sequence Diagram Mengubah Username dan Password NO Nama Tabel 1. Mengubah Akun Admin 2. Mengubah Akun Siswa 3. Mengubah Akun Tentor Gambar 3.53. Sequence Diagram Mengubah Username dan Password t. Mengubah Data Master Tabel 3.35. Tabel Sequence Diagram Mengubah Data Master NO Nama Tabel 1. Mengubah Data Jadwal 2. Mengubah Data Kelas
64 NO Nama Tabel 3. Mengubah Data Matapelajaran 4. Mengubah Data Siswa 5. Mengubah Data Tahun Ajaran 6. Mengubah Data Tentor 7. Mengubah Data Pengampu 8. Mengubah Data Orang Tua Siswa Gambar 3.54. Sequence Diagram Mengubah Data Siswa
65 3.4 Perancangan User Interface 3.4.1 Login Rancangan halaman login pada Gambar 3.55 ini ditemui pada awal sistem, berisi tentang form login dengan mengisi username dan password serta memilih level user login seperti Siswa, Tentor dan Admin. Dihalaman tersebut juga terdapat tombol Masuk untuk masuk ke halaman beranda masing-masing level user. Gambar 3.55. Rancangan Halaman Login 3.4.2 Dashboard Rancangan halaman dashboard pada Gambar 3.56 ini merupakan halaman awal dari level user Admin. Berisikan daftar menu-menu dari level user Admin. Gambar 3.56. Rancangan Halaman Dashboard Admin
3.4.3 66 Data Siswa Rancangan halaman data siswa pada Gambar 3.57 ini berisi seluruh data siswa yang kursus pada LPK Prima Utama dari siswa baru maupun siswa lama. Dari halaman tersebut terdapat menu Ubah, Detail, dan Pencarian Siswa berdasarkan nama siswa. Gambar 3.57. Rancangan Halaman Data Siswa 3.4.4 Detail Data Siswa Rancangan halaman Detail Data Siswa pada Gambar 3.58 menampilkan detail data siswa. Pada halaman tersebut terdiri dari data-data siswa, tombol Kembali, Ubah dan Cetak. Gambar 3.58. Rancangan Halaman Detail Data Siswa
3.4.5 67 Cetak Detail Data Siswa Rancangan halaman cetak data siswa pada Gambar 3.59 ini menampilkan dokumen yang siap dicetak. Dokumen tersebut berisi beberapa data penting siswa dan barcode data siswa. Gambar 3.59. Rancangan Halaman Cetak Detail Data Siswa 3.4.6 Data Tentor Rancangan halaman Data Tentor pada Gambar 3.60 ini merupakan tampilan seluruh data tentor yang aktif maupun pasif di LPK Prima Utama. Halaman ini terdiri dari tombol Tambah Tentor, Data Tentor, form Cari Tentor, tombol Ubah dan tombol Detail. Gambar 3.60. Rancangan Halaman Data Tentor
3.4.7 68 Detail Data Tentor Rancangan halaman Detail Data Tentor pada Gambar 3.61 merupakan halaman yang menampilkan detail data tentor beserta matapelajaran apa saja yang diampunya. Halaman ini terdiri dari Gambar 3.61. Rancangan Halaman Detail Data Tentor 3.4.8 Data Gaji Per-Tentor Rancangan halaman Data Gaji Per-Tentor pada Gambar 3.62 ini merupakan kerangka gaji tiap pertemuan dan total gaji pada bulan tersebut. Halaman ini berisi tentang tabel data gaji tentor, tombol kembali atau Detail Tentor dan tombol Cetak Gaji Tentor. Gambar 3.62. Rancangan Halaman Data Gaji Per-Tentor
69 3.4.9 Cetak Gaji Tentor Rancangan halaman cetak gaji tentor pada Gambar 3.63 ini menampilkan dokumen yang siap dicetak. Dokumen tersebut berisi data gaji tentor per pertemuan dan total gaji tentor pada bulan tersebut. Gambar 3.63. Rancangan Halaman Cetak Gaji Tentor 3.4.10 Data Jadwal Rancangan halaman data jadwal pada Gambar 3.64 akan menampilkan data jadwal kursus pada LPK Prima Utama. Halaman ini terdiri dari tabel data jadwal, tombol tambah siswa, tombol detail jadwal, dan tombol ubah jadwal. Gambar 3.64. Rancangan Halaman Data Jadwal
70 3.4.11 Detail Data Jadwal Rancangan halaman detail data jadwal pada Gambar 3.65 menampilkan detail jadwal kursus yang terdiri dari detail kursus, tabel siswa yang mengikuti kursus tersebut, dan tombol kembali. Gambar 3.65. Rancangan Detail Data Jadwal 3.4.12 Data Pelaksanaan Rancangan halaman detail data jadwal pada Gambar 3.66 menampilkan data tanggl pelaksanan, status kehadiran, tombol Cek Kehadiran, tombol Ubah Status, tombol Tambah Jadwal Pengganti dan tombol Kembali. Gambar 3.66. Rancangan Halaman Data Pelaksanaan
71 3.4.13 Ubah Data Pelaksanaan Rancangan halaman ubah data pelaksanaan pada Gambar 3.67 menampilkan form ubah data pelaksanaan, tombol Simpan dan tombol Batal. Gambar 3.67. Rancangan Halaman Ubah Data Pelaksanaan 3.4.14 Tambah Data Kehadiran Siswa Rancangan halaman Data Kehadiran Siswa pada Gambar 3.68 menampilkan form ubah tambah siswa hadir kursus, tombol Simpan, tabel data kehadiran siswa dan tombol Kembali. Gambar 3.68. Rancangan Halaman Data Kehadiran Siswa
72 3.4.15 Cek Kehadiran Siswa Rancangan halaman Cek Kehadiran Siswa pada Gambar 3.69 menampilkan tabel data kehadiran siswa yang mengikuti kursus dan tombol Kembali. Gambar 3.69. Rancangan Halaman Cek Kehadiran Siswa 3.4.16 Data Pencarian Jadwal Rancangan halaman Data Pencarian Jadwal pada Gambar 3.70 menampilkan form pencarian jadwal berdasarkan siswa, tentor, matapelajaran dan hari, jenis kursus, dan tahun ajaran. Gambar 3.70. Rancangan Halaman Data Pencarian Jadwal
73 3.4.17 Menampilkan Data Diri (Tentor dan Siswa) Rancangan halaman Data Diri pada Gambar 3.71 menampilkan detail data diri. Halaman ini memiliki tampilan yang sama pada level user sebagai Tentor dan Siswa. Gambar 3.71. Rancangan Halaman Data Diri 3.4.18 Data Jadwal (Tentor dan Siswa) Rancangan halaman Data Jadwal pada Gambar 3.72 menampilkan data jadwal dari masing-masing user. Halaman ini memiliki tampilan yang sama pada level user sebagai Tentor dan Siswa. Gambar 3.72. Rancangan Halaman Data Jadwal (Tentor dan Siswa)