perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
SISTEM PENGOLAHAN NILAI BERBASIS WEBSITE DI PONDOK
PESANTREN NURUL HUDA GONDANG SRAGEN
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret
Disusun Oleh :
ANDREAS TRI INDRATNO
NIM. M3109012
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2013
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ii
HALAMAN PERSETUJUAN
SISTEM PENGOLAHAN NILAI BERBASIS WEBSITE DI PONDOK
PESANTREN NURUL HUDA GONDANG SRAGEN
Disusun Oleh
ANDREAS TRI INDRATNO
NIM. M3109012
Tugas Akhir ini disetujui dan dipresentasikan
pada Ujian TA
pada tanggal 14 Januari 2013
Pembimbing,
Sakroni, S.Kom
NIP. 1970063 200112 1 001
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iii
HALAMAN PENGESAHAN
SISTEM PENGOLAHAN NILAI BERBASIS WEBSITE DI PONDOK
PESANTREN NURUL HUDA GONDANG SRAGEN
Disusun oleh :
Andreas Tri Indratno
NIM. M3109012
Dibimbing oleh :
Pembimbing Utama
Sakroni, S.Kom
NIP. 1970063 200112 1 001
Tugas akhir ini telah diterima dan disahkan oleh dewan penguji tugas akhir
Program Diploma III Teknik Informatika pada hari Senin tanggal 14 Januari 2013
Dewan Penguji :
1. Sakroni, S.Kom ( )
NIP. 1970063 200112 1 001
2. Rudi Hartono, S.Si ( )
NIDN. 0626128402
3. Hartatik, S.Si, M.Si ( )
NIDN. 0703057802
Disahkan Oleh
Dekan Fakultas MIPA
Universitas Sebelas Maret
Ketua Program
Diploma III Teknik Informatika
Prof. Ir. Ari Handono Ramelan, M.Sc. (Hons), Ph.D.
NIP. 19610223 198601 1 001
Drs. Y.S Palgunadi, M.Sc.
NIP.19560407 198303 1 004
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iv
ABSTRACT
ANDREAS TRI INDRATNO, 2013. GRADES PROCESSING SYSTEM
BASED WEBSITE IN PONDOK PESANTREN NURUL HUDA GONDANG
SRAGEN. Diploma Degree Computer Science, Mathematics and Natural
Sciences Faculty, Sebelas Maret University of Surakarta.
Development of information technology has been growth well, in some state
public and private institutions, information technology needed in the optimization
of all processes related to the manufacture and repair of the system. One form of
optimization is application grades processing system at Nurul Huda Sragen. The
purpose of this application is made to assist teachers in managing the grades of
subjects and meet the information needs of students for transparen\cy grades.
In completing this application, there are several steps that must be done. The steps
are preparation, analysis and design phase, implementation phase, evaluation
phase and the phase of a reporting issuer. The program is developed using PHP
and MySQL based Object Orientation with Codeigniter.
The results of this final project is a grades processing system using CodeIgniter
as a framework. Grades processing system is designed to assist teachers in
managing the grades of subjects and meet the information needs of students for
transparency grades.
Key words: grade processing system, madrasah aliyah, codeIgniter
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
v
ABSTRAK
ANDREAS TRI INDRATNO, 2013. SISTEM PENGOLAHAN NILAI
BERBASIS WEBSITE DI PONDOK PESANTREN NURUL HUDA
GONDANG SRAGEN. Diploma III Ilmu Komputer, Fakultas Matematika
dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.
Perkembangan Teknologi Informasi adalah semakin hari semakin maju. Dalam
instansi negeri maupun swasta, teknologi informasi sangat dibutuhkan dalam
optimalisasi segala proses yang berkaitan dengan pembuatan dan perbaikan
sistem. Salah satu bentuk pengoptimalan tersebut adalah penerapan sistem
pengolahan nilai di Pondok Pesantren Nurul Huda Sragen. Tujuan dari dibuatnya
aplikasi ini adalah untuk membantu guru dalam mengolah nilai mata pelajaran
dan memenuhi kebutuhan informasi siswa akan transparansi nilai.
Dalam menyelesaikan aplikasi ini terdapat beberapa tahap yang harus dilakukan,
yaitu tahap persiapan, tahap analisa dan desain, tahap implementasi, tahap
evaluasi dan tahap pembuat laporan. Program ini dikembangkan dengan
menggunakan PHP berbasis Orientasi Objek dan MySQL dengan Codeigniter.
Hasil dari Tugas Akhir ini adalah sebuah sistem pengolahan nilai yang
menggunakan CodeIgniter Framework sebagai kerangka kerjanya. Sistem
pengolahan nilai ini dibuat untuk membantu guru dalam mengolah nilai mata
pelajaran dan memenuhi kebutuhan informasi siswa akan transparansi nilai.
Kata kunci : sistem pengolahan nilai, madrasah aliyah, codeigniter
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vi
HALAMAN MOTTO
“Hidup jangan seperti air mengalir, memang enak jika dibawa arus, tapi Kita tahu bahwa
arus tercipta karena ada jurang didepannya.”
“Berbeda Tidak Terlalu Buruk.”
.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vii
HALAMAN PERSEMBAHAN
Tugas akhir ini ku persembahkan kepada :
Tuhan Yesus Kristus yang telah telah memberi kesempatan hidup yang kedua. Aku janji, hari
– hari ku akan mencerminkan Kash-MU
Bapak Jentot yang serng membandingkan ku dengan orang lain sehingga bisa memotivasi ku.
Para penghuni Kos Klampis Ireng, yang senang disaat aku susah dan susah disaat aku
senang.
Teman-temanku, terutama TIA ‟09 yang tak bisa ku sebutkan namanya satu persatu yang
memberikan semangat dan kecerian di tiap hari masa kuliahku
Almameter DIII Teknik Informatika „09
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
viii
KATA PENGANTAR
Segala puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Kuasa
atas limpahan berkatnya-Nya sehingga penulis dapat menyelesaikan tugas akhir
dengan judul “Sistem Pengolahan Nilai Berbasis Website Di Pondok Pesantren
Nurul Huda gondang sragen ”,
Tugas akhir ini merupakan syarat mencapai Gelar Ahli Madya Program
Diploma III Teknik Informatika Universitas Sebelas Maret.
Selama menyelesaikan laporan ini, penulis telah menerima banyak
bantuan, bimbingan, pengarahan, petunjuk dan saran, serta fasilitas yang
membantu hingga akhir dari penulisan laporan ini. Untuk itu penulis
menyampaikan ucapan terima kasih kepada :
1. Prof. Ir. Ari Handono Ramelan, M.Sc. (Hons), Ph.D. selaku Dekan Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
2. Drs. Y.S Palgunadi, M.Sc selaku Kepala Prodi DIII Teknik Informatika
FMIPA Universitas Sebelas Maret Surakarta.
3. Sakroni, S.Kom selaku Dosen Pembimbing yang telah memberikan
bimbingan, arahan, dan motivasi sehingga penulis mampu menyelesaikan
tugas akhir ini.
4. Kedua Orang Tuaku yang selalu menjadi panutan dan inspirator dalam
mengaruhi kehidupan.
5. Kakak-kakakku yang telah memberikan dorongan semangat, motivasi dan
dukungan, serta solusi dalam memecahkan masalah.
6. Teman-teman kost Klampis Ireng yang menemani dan memberikan keceriaan.
7. Teman-teman tercinta, terutama teman-teman TIA ’09 yang memberikan
semangat dan dorongan dalam penyelesaian tugas akhir.
Demikian laporan Tugas Akhir ini dibuat. Penulis berharap semoga
laporan ini bermanfaat bagi semua pihak demi kemajuan bersama.
Surakarta, 14 Januari 2012
Penulis
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ix
DAFTAR ISI
Halaman
JUDUL ................................................................................................... i
HALAMAN PERSETUJUAN ................................................................. ii
HALAMAN PENGESAHAN .................................................................. iii
ABSTRACT ............................................................................................. iv
ABSTRAK ............................................................................................... v
HALAMAN MOTTO .............................................................................. vi
HALAMAN PERSEMBAHAN .............................................................. vii
KATA PENGANTAR ............................................................................. viii
DAFTAR ISI ............................................................................................ ix
DAFTAR TABEL .................................................................................... xii
DAFTAR GAMBAR ............................................................................... xiv
BAB I PENDAHULUAN ........................................................................ 1
1.1. Latar Belakang Masalah .......................................................... 1
1.2. Perumusan Masalah ................................................................. 2
1.3. Batasan Masalah ...................................................................... 2
1.4. Tujuan dan Manfaat ................................................................. 2
1.4.1. Tujuan .......................................................................... 2
1.4.2. Manfaat ........................................................................ 2
1.5. Metode Penelitian .................................................................... 3
1.6. Sistematika Penulisan .............................................................. 4
BAB II LANDASAN TEORI ................................................................... 5
2.1. Pengertian Sistem Informasi ..................................................... 5
2.2. Codeigniter .............................................................................. 5
2.3. Database dan MySQL ............................................................. 6
2.4. Unified Modeling Language (UML) ......................................... 7
2.4.1. Diagram Usecase .......................................................... 7
2.4.2. Diagram Kelas .............................................................. 8
2.4.3. Diagram Activity ........................................................... 9
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
x
2.4.4. Diagram Sequence ........................................................ 10
2.5. Entity Relationship Diagram .................................................... 11
BAB III DESAIN DAN PERANCANGAN ............................................ 12
3.1. Perancangan .............................................................................. 12
3.2. System Requirement Spesification (SRS) ................................. 12
3.2.1. SRS Fungsional ........................................................... 12
3.2.2. SRS Non-Fungsional.................................................... 13
3.3. Unified Modeling Language (UML) ......................................... 13
3.3.1. Use Case Diagram........................................................ 13
3.3.2. Class Diagram ............................................................. 17
3.3.3. Activity Diagram........................................................... 19
3.3.4. Sequence Diagram ........................................................ 21
3.4. Analisa dan Perancangan Database ......................................... 34
3.4.1. Entitity Relationship Diagram (ERD) .......................... 34
3.4.2. Skema Diagram ........................................................... 36
3.4.3. Rancangan Database ................................................... 36
3.5. Desain Tampilan ...................................................................... 42
3.5.1. Halaman Login ......................................................... 42
3.5.2. Halaman Utama ......................................................... 42
3.5.3. Halaman Pofile ........................................................... 43
3.5.4. Halaman Guru .......................................................... 44
3.5.5. Halaman Siswa ......................................................... 47
3.5.6. Halaman Pengajaran .................................................. 49
3.5.7. Halaman Mata Pelajaran ........................................... 50
3.5.8. Halaman Kelas .......................................................... 51
3.5.9. Halaman Tahun Ajar ................................................. 53
3.5.10. Halaman Semester ...................................................... 54
3.5.11. Halaman Nilai ............................................................. 54
BAB IV IMPLEMENTASI DANPENGUJIAN ....................................... 60
4.1. Implementasi Antarmuka ........................................................ 60
4.1.1. Halaman Login ......................................................... 60
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xi
4.1.2. Halaman Utama ........................................................ 61
4.1.3. Halaman Profile ........................................................ 63
4.1.4. Halaman Guru ........................................................... 65
4.1.5. Halaman Siswa ......................................................... 69
4.1.6. Halaman Pengajaran ................................................. 71
4.1.7. Halaman Main Pelajaran .......................................... 73
4.1.8. Halaman Kelas .......................................................... 75
4.1.9. Halaman Tahun Ajar ................................................. 76
4.1.10. Halaman Semester .................................................... 77
4.1.11. Halaman Nilai ........................................................... 77
4.1.12. Halaman Transkrip Nilai ........................................... 81
4.2. Evaluasi Sistem ........................................................................ 87
4.2.1. Login Form ................................................................ 87
4.2.2. Update Profile Form ................................................ 87
4.2.3. Tambah Guru Form ................................................... 88
4.2.4. Update Guru Form .................................................... 88
4.2.5. Tambah Siswa Form .................................................. 89
4.2.6. Update Siswa Form ................................................... 89
4.2.7. Tambah Pengajaran Form ......................................... 89
4.2.8. Update Pengajaran Form .......................................... 90
4.2.9. Tambah Kelas Form ................................................. 90
4.2.10. Update Kelas Form ................................................... 91
4.2.11. Update Tahun Ajar Form ......................................... 91
4.2.12. Update Semester Form .............................................. 91
4.2.13. Tambah Nilai Form ................................................... 92
4.2.14. Update Nilai Form .................................................... 92
BAB IV PENUTUP ................................................................................. 94
5.2. Kesimpulan ............................................................................... 94
5.3. Saran ........................................................................................ 94
DAFTAR PUSTAKA .............................................................................. 95
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xii
DAFTAR TABEL
Nomor Halaman
2.1. Simbol Use case Diagram .......................................................... 7
2.2. Simbol Class Diagram ................................................................ 8
2.3 Simbol Activity diagram ............................................................. 9
2.4. Simbol Sequence Diagram ......................................................... 10
2.5. Simbol Komponen ERD ............................................................. 11
3.1. SRS Fungsional .......................................................................... 12
3.2. SRS Non-Fungsional ................................................................ 13
3.3. Tabel Users ................................................................................ 36
3.4. Tabel Admin ................................................................................ 37
3.5. Tabel Guru .................................................................................. 38
3.6. Tabel Siswa ................................................................................. 38
3.7. Tabel Angkatan ........................................................................... 39
3.8. Tabel Mengajar .......................................................................... 39
3.9. Tabel Mapel ............................................................................... 40
3.10. Tabel Tahun_Ajar ....................................................................... 40
3.11. Tabel Semester ............................................................................ 40
3.12. Tabel Kelas ................................................................................ 41
3.13. Tabel Test ................................................................................... 41
3.14 Tabel Nilai .................................................................................. 41
4.1. Evaluasi Login Form................................................................... 87
4.2. Evaluasi Update Form ................................................................ 87
4.3. Evaluasi Tambah Guru Form...................................................... 88
4.4. Evaluasi Update Guru Form ...................................................... 88
4.5. Evaluasi Tambah Siswa Form .................................................... 89
4.6. Evaluasi Update Siswa Form...................................................... 89
4.7. Evaluasi Tambah Pengajaran Form ............................................ 89
4.8. Evaluasi Update Pengajaran Form ............................................. 90
4.9. Evaluasi Tambah Kelas Form ..................................................... 90
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiii
4.10. Evaluasi Update Kelas Form ..................................................... 91
4.11. Evaluasi Update Tahun Ajar Form ............................................. 91
4.12. Evaluasi Update Semester Form ................................................ 91
4.13. Evaluasi Tambah Nilai Form ..................................................... 92
4.14. Evaluasi Update Nilai Form ....................................................... 92
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiv
DAFTAR GAMBAR
Nomor Halaman
1.1. Metode Penelitian ...................................................................... 3
3.1. Use Case Diagram (Data Profile) ............................................. 14
3.2. Use Case Diagram (Data Guru) ................................................. 14
3.3. Use Case Diagram (Data Siswa) ................................................ 14
3.4. Use Case Diagram (Data Pengajaran) ........................................ 15
3.5. Use Case Diagram (Data Mata Pelajaran).................................. 15
3.6. Use Case Diagram (Data Kelas)................................................. 16
3.7. Use Case Diagram (Data Tahun Ajar) ....................................... 16
3.8. Use Case Diagram (Data Nilai) .................................................. 17
3.9. Class Boundary .......................................................................... 17
3.10. Class Control .............................................................................. 17
3.11. Class Entity ................................................................................. 18
3.12. Activity Admin ............................................................................ 19
3.13. Activity Guru .............................................................................. 20
3.14. Activity Siswa ............................................................................. 20
3.15. Sequence Diagram (Login) ........................................................ 21
3.16. Sequence Diagram (Insert Guru) ............................................... 22
3.17. Sequence Diagram (Update Guru) ............................................ 23
3.18. Sequence Diagram (View Siswa) ............................................... 24
3.19. Sequence Diagram (Insert Siswa) ............................................. 25
3.20. Sequence Diagram (Update Siswa) ........................................... 26
3.21. Sequence Diagram (View Pengajaran) ....................................... 27
3.22. Sequence Diagram (Insert Pengajaran) ..................................... 28
3.23. Sequence Diagram (Update Pengajaran) .................................... 28
3.24. Sequence Diagram (Insert Mata Pelajaran) ................................ 29
3.25. Sequence Diagram (Update Mata Pelajaran) ............................. 29
3.26. Sequence Diagram (Insert Kelas) ............................................. 30
3.27. Sequence Diagram (Update Kelas) .......................................... 30
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xv
3.28. Sequence Diagram (Update Tahun Ajar) ................................. 31
3.29. Sequence Diagram (Update Semester) ..................................... 31
3.30. Sequence Diagram (View Nilai) ................................................ 32
3.31. Sequence Diagram (Insert Nilai) .............................................. 32
3.32. Sequence Diagram (Update Nilai) ............................................ 33
3.33. Sequence Diagram (View Transkrip Nilai) ................................ 34
3.34. Entity Relation Digram .............................................................. 35
3.35. Skema Diagram ......................................................................... 36
3.36. Gambar Tampilan Halaman Login.............................................. 42
3.37. Gambar Tampilan Halaman Utama untuk Admin ....................... 43
3.38. Gambar Tampilan Halaman Utama untuk Guru dan Siswa........ 43
3.39. Gambar Tampilan Halaman Detail Profile ................................. 44
3.40. Gambar Tampilan Halaman Update Profile .............................. 44
3.41. Gambar Tampilan Halaman Guru ............................................... 45
3.42. Gambar Tampilan Halaman Detail Guru .................................... 45
3.43. Gambar Tampilan Halaman Tambah Guru................................. 46
3.44. Gambar Tampilan Halaman Update Guru .................................. 46
3.45. Gambar Tampilan Halaman Siswa ............................................ 47
3.46. Gambar Tampilan Halaman Detail Siswa................................... 47
3.47. Gambar Tampilan Halaman Tambah Siswa ............................... 48
3.48. Gambar Tampilan Halaman Update Siswa................................. 48
3.49. Gambar Tampilan Halaman Pengajaran ..................................... 49
3.50. Gambar Tampilan Halaman Tambah Pengajaran ....................... 49
3.51. Gambar Tampilan Halaman Update Pengajaran ........................ 50
3.52. Gambar Tampilan Halaman Mata Pelajaran ............................... 50
3.53. Gambar Tampilan Halaman Tambah Mata Pelajaran ................. 51
3.54. Gambar Tampilan Halaman Update Mata Pelajaran .................. 51
3.55. Gambar Tampilan Halaman Kelas .............................................. 52
3.56. Gambar Tampilan Halaman Tambah Kelas ................................ 52
3.57. Gambar Tampilan Halaman Update Kelas ................................ 53
3.58. Gambar Tampilan Halaman Tahun Ajar..................................... 53
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xvi
3.59. Gambar Tampilan Halaman Semester ........................................ 54
3.60. Gambar Tampilan Halaman Nilai untuk Admin ........................ 55
3.61. Gambar Tampilan Halaman Nilai untuk Guru........................... 55
3.62. Gambar Tampilan Halaman Nilai untuk Siswa ......................... 56
3.63. Gambar Tampilan Halaman Tambah Nilai ................................. 56
3.64. Gambar Tampilan Halaman Update Nilai .................................. 57
3.65. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Gasal untuk Admin dan Guru ...................................... 57
3.66. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Gasal untuk Siswa ....................................................... 58
3.67. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Genap untuk Admin dan Guru .................................... 58
3.68. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Genap untuk Siswa ..................................................... 59
4.1 Gambar Tampilan Halaman Login.............................................. 61
4.2. Gambar Tampilan Halaman Pesan Error Halaman Login .......... 61
4.3. Gambar Tampilan Halaman Utama untuk Admin ....................... 62
4.4. Gambar Tampilan Halaman Utama untuk Guru ......................... 62
4.5. Gambar Tampilan Halaman Utama untuk Siswa........................ 63
4.6. Gambar Tampilan Halaman Update Profile ............................... 63
4.7.. Gambar Tampilan Halaman Pesan Error .................................. 64
4.8. Gambar Tampilan Halaman Berhasil Update Profile ................. 65
4.9. Gambar Tampilan Halaman Guru untuk Admin ........................ 65
4.10. Gambar Tampilan Halaman Guru untuk Guru dan Siswa ......... 66
4.11. Gambar Tampilan Halaman Detail Guru ................................... 66
4.12. Gambar Tampilan Halaman Tambah Guru ............................... 67
4.13. Gambar Tampilan Halaman Update Guru ............................... 67
4.14. Gambar Tampilan Halaman Pesan Error ................................. 68
4.15. Gambar Tampilan Berhasil Tambah Guru ................................ 68
4.16. Gambar Tampilan Halaman Siswa ........................................... 69
4.17. Gambar Tampilan Halaman Tambah Siswa ............................. 70
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xvii
4.18. Gambar Tampilan Halaman Update Siswa ............................... 70
4.19. Gambar Tampilan Halaman Pesan Error ................................. 71
4.20. Gambar Tampilan Halaman Pengajaran ................................... 72
4.21. Gambar Tampilan Halaman Tambah Pengajaran .................... 72
4.22. Gambar Tampilan Halaman Update Pengajaran ...................... 73
4.23. Gambar Tampilan Halaman Mata Pelajaran ............................. 73
4.24. Gambar Tampilan Halaman Tambah Mata Pelajaran .............. 74
4.25. Gambar Tampilan Halaman Update Mata Pelajaran ................ 74
4.26. Gambar Tampilan Halaman Kelas ............................................ 75
4.27. Gambar Tampilan Halaman Tambah Kelas ............................. 75
4.28. Gambar Tampilan Halaman Update Kelas ............................... 76
4.29. Gambar Tampilan Halaman Tahun Ajar .................................. 76
4.30. Gambar Tampilan Halaman Semester ........................................ 77
4.31. Gambar Tampilan Halaman Nilai untuk Admin dan Guru ...... 78
4.32. Gambar Tampilan Halaman Nilai untuk Siswa ....................... 79
4.33. Gambar Tampilan Halaman Tambah Nilai ................................. 79
4.34. Gambar Tampilan Halaman Update Nilai .................................. 80
4.35. Gambar Tampilan Halaman Pesan Error ................................. 80
4.36. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Gasal untuk Admin dan Guru ...................................... 81
4.37. Gambar Tampilan Transkrip Nilai Teori
Semester Gasal untuk Siswa ....................................................... 82
4.38. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Genap untuk Admin dan Guru .................................... 83
4.39. Gambar Tampilan Transkrip Nilai Teori
Semester Genap untuk Siswa ..................................................... 84
4.40. Gambar Tampilan Transkrip Nilai Praktek
untuk Admin dan Guru ................................................................ 85
4.41. Gambar Tampilan Transkrip Nilai Praktek untuk Siswa ............ 86
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xviii
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Perkembangan Teknologi Informasi semakin hari semakin maju.
Dalam instansi negeri maupun swasta, teknologi informasi sangat dibutuhkan dalam
optimalisasi segala proses yang berkaitan dengan pembangunan dan perbaikan
sistem. Salah satu bentuk pengoptimalan tersebut adalah penerapan sistem
informasi.
Pondok Pesantren Nurul Huda adalah salah satu instansi yang bergerak
dibidang pendidikan. Pondok pesantren ini mempunyai siswa dari SD sampai
SMA. Proses pengumpulan dan pengolahan data nilai di Pondok ini masih
dilakukan secara manual. Sebelum mengumpulkan berkas nilai, proses yang
dihadapi guru adalah proses pengolahan nilai mata pelajaran. Proses untuk
mendapatkan nilai akhir, diperoleh dari akumulasi nilai tugas, nilai ulangan
harian, nilai mid semester dan nilai UAS. Setelah menjadi nilai akhir, guru
menyerahkannya ke wali kelas. Jika proses ini dilakukan berulang–ulang
maka banyak waktu dan tenaga yang terbuang.
Untuk mengatasi permasalahan tersebut, diperlukan adanya sebuah
sistem yang mempermudah pengumpulan, pengolahan sekaligus pengaksesan
informasi nilai. Sebuah sistem informasi pengolahan nilai merupakan solusi
dari permasalahan tersebut. Dengan adanya informasi pengolahan nilai,
diharapkan dapat meringankan pekerjaan guru mata pelajaran.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
2
1.2 Perumusan Masalah
Berdasarkan latar belakang di atas, maka dapat dibuat rumusan masalah
yaitu bagaimana membuat sistem pengolahan nilai di Pondok Pesantren Nurul
Huda yang berbasis website.
1.3 Batasan Masalah
Masalah dibatasi hanya pada pembuatan sistem informasi pengolahan
nilai menggunakan framework codeighter dan sistem ini hanya untuk Madrasah
Aliyah saja yang menggunakan kurikulum tingkat satuan pendidikan (KTSP).
1.4 Tujuan dan Manfaat
1.4.1. Tujuan
Adapun tujuan yang ingin dicapai dalam penulisan tugas akhir ini adalah
merancang dan membangun sistem informasi pengolahan nilai berbasis
website di Pondok Pesantren Nurul Huda Gondang Sragen.
1.4.2. Manfaat
Penyusunan tugas akhir ini diharapkan dapat memberikan manfaat sebagai
berikut :
a. Bagi Akademik
1) Membantu guru dalam pengolahan nilai mata pelajaran.
2) Memenuhi kebutuhan informasi siswa akan transparansi nilai.
3) Membantu siswa untuk mendapatkan transkrip nilai secara mudah.
b. Bagi Penulis
1) Mengembangkan dan menerapkan teori dan praktikum yang telah
didapat selama mengikuti pendidikan di program studi D3 Teknik
Informatika Fakultas MIPA UNS.
2) Meningkatkan pengetahuan dan pengalaman tentang teknik
perancangan dan pembuatan sistem informasi.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
1.5 Metode Penelitian
Dalam mengumpulkan data, terdapat beberapa tahap antara lain:
Gambar 1.1 Metode Penelitian
STUDY PUSTAKA WAWANCARA
TAHAP PERSIAPAN
Desain Model Aplikasi
TAHAP ANALISA DAN DESAIN
DESAIN
Membuat Activity
Diagram
Membuat Sequence
Diagram
Membuat Class Diagram
Merancang layout Aplikasi
Membuat interface Aplikasi
Menentukan SRS
Analisa
Desain Interface
Merancanga Interface
Aplikasi
Desain Model Aplikasi
TAHAP IMPLEMENTASI
Membuat Database Menulis Kode
Program
TAHAP EVALUASI
TAHAP PEMBUATAN LAPORAN
Menbuat Usecase
Diagram
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
4
1.6 Sistematika Penulisan
Untuk memberikan gambaran tentang pembahasan tugas akhir ini, maka
secara garis besar pembahasan studi akhir ini adalah sebagai berikut:
BAB I : Pendahuluan meliputi latar belakang masalah, rumusan
masalah, batasan masalah, tujuan dan manfaat, metode
penelitian, dan sistematika penulisan.
BAB II : Landasan teori, meliputi dasar-dasar teoritis yang menjadi
landasan pemecahan masalah yang meliputi sistem
informasi, basis data, pengertian-pengertian perancangan
sistem, dan pengertian SQL.
BAB III : Analisis dan Perancangan, menguraikan tentang data yang
diperlukan untuk membangun Sistem Informasi Pengolahan
Nilai. Bab ini berisi deskripsi kebutuhan program, UML
diagram yang terdiri dari Diagram Use Case, Class
Diagram, Activity Diagram dan Squence Diagram.
BAB IV : Implementasi dan Hasil Pengujian, menguraikan hasil akhir
dari pembangunan Sistem Informasi Pengolahan Nilai
berikut cara penggunaan Sistem Informasi Pengolahan Nilai
agar pengguna lebih mudah memahami alur dari program
yang digunakan.
BAB V : Kesimpulan dan Saran, memuat kesimpulan yang berisi
tentang pernyataan singkat, tepat yang dijabarkan dari hasil
penelitian dan pembahasan serta penutup memuat saran
yang berisi tentang sumbang saran pemikiran yang
didasarkan pada kesimpulan yang diperoleh untuk
penyempurnaan dan pengembangan di masa mendatang.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
5
BAB II
LANDASAN TEORI
2.1 Pengertian Sistem Informasi
Sistem informasi didefinisikan oleh Robert A. Leitch dan K. Roscoe Davis
sebagai berikut: Sistem informasi adalah suatu sistem di dalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung
operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan
menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.(New
Jersey:Prentice-Hall,1983)
2.2 Codeigniter
Codeigniter adalah sebuah framework PHP yang dapat membantu
mempercepat developer dalam pengembangan aplikasi berbasis web PHP
dibandingkan jika menulis semua kode program dari awal. Codeigniter pertama
kali dibuat oleh Rick Ellis, CEO Ellislab, Inc. (http://ellislab.com), sebuah
perusahaan yang memproduksi CMS (Content Management System) yang cukup
handal, yaitu: Expression Engine (http://expressionengine.com). Beberapa
keunggulan menggunakan Codeigniter :
1. Gratis
Codeigniter berlisensi di bawah Apache/BSD opensource, jadi kita bisa
menggunakannya secara bebas.
2. Berukuran Kecil
Ukuran Codeigniter yang kecil merupakan keunggulan tersendiri.
Dibanding framework lain yang berukuran besar, serta membutuhkan
resource yang besar pula untuk berjalan. Pada Codeigniter, bisa diatur
agar sistem meload library yang dibutuhkan saja, sehingga sistem dapat
berjalan ringan dan cepat.
3. Menggunakan konsep M-V-C.
Codeigniter menggunakan konsep M-V-C (Model-View-Controller) yang
memungkinkan pemisahan antara layer application, login dan presentasi.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
6
4. URL yang sederhana
Secara default, URL yang dihasilkan Codeigniter sangat bersih (clean) dan
Search Engine Frien. Friendly (SEF).
5. Memilki Paket Library yang Lengkap
Codeigniter memiliki library yang lengkap untuk mengerjakan operasi-
operasi yang umum dibutuhkan oleh sebuah aplikasi berbasis web,
misalnya mengakses database, mengirim email, mem-validasi form,
menangani session dan sebagainya.
6. Extensible
Sistem dapat dikembangkan dengan mudah menggunakan plugin dan
helper atau dengan menggunakan hooks.
7. Tidak Memerlukan Template Engine
Meskipun Codeigniter dilengkapi dengan template parser sederhana yang
dapat kita pergunakan, tetapi hal ini tetapi tidak mengharuskan kita untuk
menggunakannya. Penggunaan template engine dapat mengurangi
performance dari sistem.(Awan Pribadi Basuki, 2010).
2.3. MySQL / Database
Database adalah sekumpulan data yang disusun dalam bentuk (beberapa)
tabel yang saling berkaitan maupun berdiri sendiri.
MySQL adalah sebuahg system manajemen database relasi (relational
database management system) yang bersifat “terbuka” (open source). Terbuka
maksudnya adalah MySQL dapat boleh diunduh oleh siapa saja, baik versi biner-
nya (executable program) dan bisa digunakan secara (relatif) gratis baik untuk
dimodifikasi sesuai dengan kebutuhan seseorang maupun sebagai program
aplikasi komputer. (Arbie, 2004)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
7
2.4. Unified Modeling Language (UML)
UML singkatan dari Unified Modeling Language yang berarti bahasa
pemodelan standart. (Conoles, 2003: bab 1) mengatakan sebagai bahasa, berarti
UML memiliki sintaks dan semantik. Ketika kita membuat model menggunakan
konsep UML ada aturan-aturan yang harus diikuti. Bagaimana elemen pada
model-model yang kita buat berhubungan satu dengan lainnya harus mengikuti
standart yang ada. (Prabowo Pudjo dan Herlawati, 2011)
2.4.1. Diagram Usecase
Menurut (Philone, 2005: bab 7.1) usecase menggambarkan fungsi tertentu
dalam suatu sistem berupa komponen, kejadian atau kelas. Sedangkan (Whitten,
2004: 258) mengartikan usecase sebagai urutan langkah langkah yang secara
tindakan saling terkait (skenario), baik terotomatisasi maupun secara manual,
untuk tujuan melengkapi satu tugas bisnis tunggal.
Tabel 2.1 Simbol Use case Diagram
No Gambar Nam Keterangan
1 Actor
Menspesifikasikan himpunan peran
yang pengguna mainkan ketika
berinteraksi dengan usecase.
2 Dependency
Hubungan dimana perubahan yang
terjadi pada suatu elemen mandiri
(independent) akan mempengaruhi
elemen yang bergantung padanya
elemen yang tidak mandiri
(independent).
3 Generalization
Hubu
ngan dimana objek anak
(descendent) berbagi perilaku dan
struktur data dari objek yang ada di
atasnya objek induk (ancestor).
4 Include Menspesifikasikan bahwa usecase
sumber secara eksplisit.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
8
5 Extend
Menspesifikasikan bahwa usecase
target memperluas perilaku dari
usecase sumber pada suatu titik
yang diberikan.
6 Association Apa yang menghubungkan antara
objek satu dengan objek lainnya.
7 System
Menspesifikasikan paket yang
menampilkan sistem secara
terbatas.
2.4.2. Diagram Kelas
Diagram kelas adalah inti dari proses pemodelan objek. Baik forward
engineering maupun reverse engineering memanfaatkan diagram ini. Forward
engineering adalah proses perubahan model menjadi kode program sedangkan
reverse engineering sebaliknya merubah kode program menjadi model. Diagram
kelas merupakan kumpulan kelas-kelas objek. (Whitten, 2004: 410) mengartikan
kelas sebagai satu set objek yang memiliki atribut dan perilaku yang sama. Kelas
kadang-kadang disebut kelas objek (object class).
Tabel 2.2 Simbol Class Diagram
No Gambar Nam Keterangan
1 Generalization
Hubungan dimana objek anak
(descendent) berbagi perilaku dan
struktur data dari objek yang ada di
atasnya objek induk (ancestor).
2 Nary
Association
Upaya untuk menghindari asosiasi
dengan lebih dari 2 objek.
3
Class
Himpunan dari objek-objek yang
berbagi atribut serta operasi yang
sama.
4 Collaboration Deskripsi dari urutan aksi-aksi yang
ditampilkan sistem yang
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
menghasilkan suatu hasil yang
terukur bagi suatu actor.
5 Realization Operasi yang benar-benar dilakukan
oleh suatu objek.
2.4.3. Diagram Activity
Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem yang
sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin
terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat
menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Activity diagram merupakan state diagram khusus, di mana sebagian besar state
adalah action dan sebagian besar transisi di-trigger oleh selesainya state
sebelumnya (internal processing). Oleh karena itu activity diagram tidak
menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem)
secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas
dari level atas secara umum. Sebuah aktivitas dapat direalisasikan oleh satu use
case atau lebih. Aktivitas menggambarkan proses yang berjalan, sementara use
case menggambarkan bagaimana aktor menggunakan sistem untuk melakukan
aktivitas.
Tabel 2.3 Simbol Activity diagram
No Gambar Nam Keterangan
1 Activity
Memperlihatkan bagaimana masing-
masing kelas antar muka saling
berinteraksi satu sama lain.
2 Action State dari sistem yang mencermin-
kan eksekusi dari suatu aksi.
3 Initial Node Bagaimana objek dibentuk atau
diawali.
4 Activity
Final Node
Bagaimana objek dibentuk dan
dihancurkan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
10
5 Fork Node Satu aliran yang pada tahap tertentu
berubah menjadi beberapa aliran.
2.4.4. Diagram Sequence
Sequence diagram menggambarkan interaksi antar objek di dalam dan di
sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message
yang digambarkan terhadap waktu. Sequence diagram terdiri atas dimensi vertikal
(waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram
biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah
yang dilakukan sebagai respons dari sebuah event untuk menghasilkan output
tertentu. Diawali dari apa yang men-trigger aktivitas tersebut, proses dan
perubahan apa saja yang terjadi secara internal dan output apa yang dihasilkan.
Masing-masing objek, termasuk aktor, memiliki lifeline vertikal. Message
digambarkan sebagai garis berpanah dari satu objek ke objek lainnya. Pada fase
desain berikutnya, message akan dipetakan menjadi operasi/metoda dari class.
Activation bar menunjukkan lamanya eksekusi sebuah proses, biasanya diawali
dengan diterimanya sebuah message.
Tabel 2.4 Simbol Sequence Diagram
NO GAMBAR NAMA KETERANGAN
1
LifeLine
Objek entity, antarmuka yang saling
berinteraksi.
2
Message
Spesifikasi dari komunikasi antar
objek yang memuat informasi-
informasi tentang aktifitas yang
terjadi
3
Message
Spesifikasi dari komunikasi antar
objek yang memuat informasi-
informasi tentang aktifitas yang
terjadi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
2.5. Entity Relationship Diagram
Pada Entity Diagram (ER), gambaran dunia nyata diistilahkan dalam objek
dan relasinya. ER biasanya digunakan untuk mengembangkan inisial dari desain
basis data. Dan menyediakan suatu konsep yang bermanfaat yang dapat mengubah
deskripsi informal dari apa yang diinginkan oleh user menjadi hal yang lebih
detail, presisi, dan deskripsi detail tersebut dapat diimplementasikan kedalam
Database Relationship Model (Kristanto, 2003). Simbol yang digunakan dalam
ERD Diagram ditunjukkan pada Tabel 2.5.
Tabel 2.5 Simbol Komponen ERD
Bentuk Komponen Keterangan
Entitas
Menunjukkan suatu objek yang dapat di identifikasi dalam
lingkungan pemakai
Atribut
Properti atau rincian dari entitas
Relasi
penghubung entitas satu dengan entitas yang lainnya.
Link
Penghubung antara himpunan entitas dengan atributnya
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
BAB III
DESAIN DAN PERANCANGAN
3.1. Perancangan
Perancangan sistem informasi ini digambarkan dengan SRS dan diagram-
diagram UML yang dibuat dengan menggunakan software Rational Rose. UML
terdiri atas 8 diagram, tetapi penulis hanya melibatkan 4 diagram, antara lain, Use
Case Diagram, Class Diagram, Activity Diagram dan Sequence Diagram.
Kemudian database yang dibutuhkan dalam perancangan sistem informasi ini,
dan digambarkan dengan Entity Relational Diagram.
3.2 System Requirement Specification (SRS)
Tabel SRS adalah tabel yang berisi aktifitas yang dapat dilakukan oleh user
terhadap sistem.
3.2.1 SRS Fungsional
Tabel 3.1 SRS Fungsional
Kode Deskripsi
SRS-TF01 Admin dapat mengubah data profile.
SRS-TF02. Admin dapat mengelola data guru.
SRS-TF03. Admin dapat mengelola data siswa.
SRS-TF04. Admin dapat mengelola data pengajaran
SRS-TF05. Admin dapat mengelola data mata pelajaran.
SRS-TF06. Admin dapat mengelola data kelas.
SRS-TF07. Admin dapat mengelola data tahun ajar.
SRS-TF08. Admin dapat melihat data nilai.
SRS-TF09. Admin dapat melihat transkip nilai.
SRS-TF10 Admin dapat mencetak transkip nilai
SRS-TF11. Guru dapat mengelola data profile.
SRS-TF12. Guru dapat melihat data guru.
SRS-TF13. Guru dapat melihat data siswa.
SRS-TF14. Guru dapat mengelola data nilai.
SRS-TF15. Guru dapat melihat transkip nilai.
SRS-TF16 Guru dapat mencetak transkip nilai
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
SRS-TF17. Siswa dapat mengelola data profile.
SRS-TF18. Siswa dapat melihat data guru.
SRS-TF19. Siswa dapat melihat data siswa.
SRS-TF20 Siswa dapat mengelola data nilai.
SRS-TF21 Siswa dapat melihat transkip nilai.
SRS-TF22 Siswa dapat mencetak transkip nilai
3.2.2 SRS Non-Fungsional
Tabel 3.2 Tabel SRS Non-Fungsional
Kode Deskripsi
SRS-TNF01 Admin, guru dan siswa dapat melakukan login
SRS-TNF02 Admin, guru dan siswa dapat melakukan logout
3.3. Diagram Unified Modeling Language (UML)
Diagram UML yang digunakan dalam pembuatan sistem informasi ini
adalah Use Case Diagram, Class Diagram, Activity Diagram dan Sequence
Diagram.
3.3.1. Use Case Diagram
Use Case Diagram merupakan gambaran dari tabel SRS dalam bentuk
diagram. Use Case Diagram juga memperlihatkan interaksi antara Use Case
Actor dan mewakili fungsionalitas sistem, kebutuhan sistem dari sudut pandang
user, serta menjelaskan aktivitas yang bisa dilakukan oleh user terhadap sistem,
dan digambarkan sebagai berikut :
a. Data Profile.
Diagram use case data Profile dapat dilihat pada gambar 3.1 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
14
Gambar 3.1. Use Case Diagram (Data Profile)
b. Data Guru
Diagram use case data guru dapat dilihat pada gambar 3.2 :
Gambar 3.2. Use Case Diagram (Data Guru)
c. Use Case (Data Siswa)
Diagram use case siswa dapat dilihat pada gambar 3.3 :
Gambar 3.3. Use Case Diagram (Data Siswa)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15
d. Use Case Diagram (Data Pengajaran)
Diagram use case data pengajaran dapat dilihat pada gambar 3.4 :
Gambar 3.4. Use Case Diagram (Data Pengajaran)
e. Use Case Diagram (Data Mata Pelajaran)
Diagram use case data mata pelajaran dapat dilihat pada gambar 3.5 :
Gambar 3.5. Use Case Diagram (Data Mata Pelajaran)
f. Use Case Diagram (Data Kelas)
Diagram use case data kelas dapat dilihat pada gambar 3.6 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
16
Gambar 3.6. Use Case Diagram (Data Kelas)
g. Use Case Diagram (Data Tahun Ajar )
Diagram use case data tahun ajar dapat dilihat pada gambar 3.7 :
Gambar 3.7. Use Case Diagram (Data Tahun Ajar).
h. Use Case Diagram (Data Nilai )
Diagram use case data nilai dapat dilihat pada gambar 3.8 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
Gambar 3.8. Use Case Diagram (Data Nilai).
3.3.2 Class Diagram
Class diagram dapat digunakan untuk memberikan pandangan global atas
sebuah sistem, yang dapat dilihat dari class-class yang ada dan relasinya satu
dengan yang lainnya. Class diagram yang digunakan dapat digambarkan sebagai
berikut :
a. Class Boundary
Diagram class boundary dapat dilihat pada gambar 3.9 :
Gambar 3.9. Class Boundary
b. Class Control
Diagram class control dapat dilihat pada gambar 3.10 :
Gambar 3.10. Class Control
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
18
c. Class Entity
Diagram class entity dapat dilihat pada gambar 3.11 :
Gambar 3.11. Class Entity
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
19
3.3.3 Activity Diagram
a. Activity Admin
Gambar 3.12. Activity Admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
20
b. Activity Guru
Gambar 3.13. Activity Guru
c. Activity Siswa.
Gambar 3.14. Activity Siswa
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
21
3.3.4. Sequence Diagram
Sequence Diagram digunakan untuk menggambarkan perilaku pada
sebuah proses. Kegunaannya untuk menunjukkan rangkaian pesan yang
dikirim antar objek, Sequence diagram dapat digambarkan sebagai berikut :
a. Sequence Diagram (Login)
Diagram sequence login dapat dilihat pada gambar 3.15 :
Gambar 3.15 Sequence Diagram (Login)
b. Sequence Diagram (Insert Guru)
Diagram sequence insert guru dapat dilihat pada gambar 3.16 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
22
Gambar 3.16. Sequence Diagram (Insert Guru)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
c. Sequence Diagram (Update Guru)
Diagram sequence update guru dapat dilihat pada gambar 3.17 :
Gambar 3.17. Sequence Diagram (Update Guru)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
24
d. Sequence Diagram (View Siswa)
Diagram sequence view siswa dapat dilihat pada gambar 3.18 :
Gambar 3.18. Sequence Diagram (View Siswa)
e. Sequence Diagram (insert Siswa)
Diagram sequence insert siswa dapat dilihat pada gambar 3.19:
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
Gambar 3.19. Sequence Diagram (Insert Siswa)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
26
f. Sequence Diagram (Update Siswa)
Diagram sequence update siswa dapat dilihat pada gambar 3.20 :
Gambar 3.20. Sequence Diagram (Update Siswa).
g. Sequence Diagram (View Pengajaran)
Diagram sequence view pengajaran dapat dilihat pada gambar 3.21 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
Gambar 3.21. Sequence Diagram (View Pengajaran).
h. Sequence Diagram (Insert Pengajaran)
Diagram sequence insert pengajaran dapat dilihat pada gambar 3.22 :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
Gambar 3.22. Sequence Diagram (Insert Pengajaran).
i. Sequence Diagram (Update Pengajaran)
Diagram sequence update pengajaran dapat dilihat pada gambar 3.23 :
Gambar 3.23. Sequence Diagram (Update Pengajaran)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
j. Sequence Diagram (Insert Mata Pelajaran)
Diagram sequence insert mata pelajaran dapat dilihat pada gambar
3.24.
Gambar 3.24. Sequence Diagram (Insert Mata Pelajaran).
k. Sequence Diagram (Update Mata Pelajaran)
Diagram sequence Update mata pelajaran dapat dilihat pada gambar:
Gambar 3.25. Sequence Diagram (Update Mata Pelajaran).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
l. Sequence Diagram (Insert Kelas)
Diagram sequence insert kelas dapat dilihat pada gambar 3.26.
Gambar 3.26. Sequence Diagram (Insert Kelas)
m. Sequence Diagram (Update Kelas)
Diagram sequence update kelas dapat dilihat pada gambar 3.27
Gambar 3.27. Sequence Diagram (Update Kelas).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
n. Sequence Diagram (Update Tahun Ajar)
Diagram sequence update tahun ajar dapat dilihat pada gambar 3.28.
Gambar 3.28. Sequence Diagram (Update Tahun Ajar).
o. Sequence Diagram (Update Semester)
Diagram sequence update semester dapat dilihat pada gambar 3.29.
Gambar 3.29. Sequence Diagram(Update Semester).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
p. Sequence Diagram (View Nilai)
Diagram sequencet view nilai dapat dilihat pada gambar 3.30.
Gambar 3.30. Sequence Diagram(View Nilai).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
q. Sequence Diagram (Insert Nilai)
Diagram sequencet insert nilai dapat dilihat pada gambar 3.31.
Gambar 3.31. Sequence Diagram(Insert Nilai).
r. Sequence Diagram (Update Nilai)
Diagram sequencet update nilai dapat dilihat pada gambar 3.32.
Gambar 3.32. Sequence Diagram(Update Nilai).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
s. Sequence Diagram (View Transkrip Nilai)
Diagram sequencet view transkrip nilai dapat dilihat pada gambar 3.33.
Gambar 3.33. Sequence Diagram(View Transkrip Nilai).
3.4. Analisa dan Perancangan Database
3.4.1 Entity Relationship Diagram (ERD)
Entity Relationship Diagram menggambarkan hubungan antar entitas yang
ada pada sistem ini. Entity Relationship Diagram dapat dilihat pada gambar 3.38.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
Gambar 3.34 Entity Relationship Diagram
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
3.4.2 Skema Diagram
Gambar 3.35 Skema Diagram
3.4.3 Rancangan Database
Dalam pembuatan system ini diperlukan adanya suatu basis data yang
digunakan untuk menyimpan seluruh informasi dan data. Perancangan basis data
untuk sistem penilaian adalah sebagai berikut:
1. Tabel Users
Key : id_user
Tabel 3.3 Tabel Anggota
Field Type
Id_user* TinyInt(4)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
Username varchar (32)
Password varchar (32)
Ni Varchar(20)
Level enum (‘1’, ‘2’,’3’)
2. Tabel Admin
Primary Key : nip
Tabel 3.4 Tabel Admin
Field Type
Nip* varchar (20)
Nama_lengkap varchar (50)
Jenis_kelamin enum (‘Laki-Laki’,
‘Perempuan’)
Agama enum (‘Islam, ‘Kristen’,
‘Khatolik’,’Hindu,’Budha’)
Alamat Text
Tempat_lahir Text
Tanggal_lahir varchar (10)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
3. Tabel Guru
Primary Key : nip
Tabel 3.5 Tabel Guru
Field Type
Nip* varchar (20)
Nama_lengkap varchar (50)
Jenis_kelamin enum (‘Laki-Laki’, ‘Perempuan’)
Agama enum (‘Islam, ‘Kristen’,
‘Khatolik’,’Hindu,’Budha’)
Alamat Text
Tempat_lahir Text
Tanggal_lahir varchar (10)
4. Tabel Siswa
Primary Key : nis
Tabel 3.6 Tabel Siswa
Field Type
Nis* varchar (20)
Nama_lengkap varchar (50)
Jenis_kelamin enum (‘Laki-Laki’,
‘Perempuan’)
Agama enum (‘Islam, ‘Kristen’,
‘Khatolik’,’Hindu,’Budha’)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
Alamat Text
Tempat_lahir Text
Tanggal_lahir varchar (10)
Id_kelas TinyInt(4)
Id_angkatan TinyInt(4)
5. Tabel Angkatan
Primary Key : id_angkatan
Tabel 3.7 Tabel Angkatan
Field Type
Id_angkatan* TinyInt(4)
Angkatan varchar (9)
6. Tabel Mengajar
Primary Key : id_mengajar
Tabel 3.8 Tabel Mengajar
Field Type
id_mengajar* int(11)
Id_mapel TinyInt(4)
Nip varchar (20)
Id_kelas TinyInt(4)
Id_tahun_ajar TinyInt(4)
Batas_tuntas Float(100,2)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
40
7. Tabel Mapel
Primary Key : id_mapel
Tabel 3.9 Tabel Mapel
Field Type
Id_mapel* TinyInt(4)
Nama_mapel Varchar(20)
8. Tabel Tahun_Ajar
Primary Key : id_tahun_ajar
Tabel 3.10 Tabel Tahun_Ajar
Field Type
id_tahun_ajar* TinyInt(4)
tahun_ajar varchar (10)
9. Tabel Semester
Primary Key : id_semester
Tabel 3.11 Tabel Semester
Field Type
id_semester* TinyInt(1)
Status varchar (1)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
10. Tabel Kelas
Primary Key : id_kelas
Tabel 3.12 Tabel Kelas
Field Type
Id_kelas* TinyInt(3)
Kelas Varchar (20)
Nip Varchar (20)
11. Tabel Test
Primary Key : id_test
Tabel 3.13 Tabel Test
Field Type
id_test* TinyInt(4)
nama_test varchar (10)
12. Tabel Nilai
Primary Key : id_nilai
Tabel 3.14 Tabel Nilai
Field Type
id_nilai* Int(11)
Nis varchar (20)
jenis_test TinyInt(4)
id_test TinyInt(4)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
42
Nilai float(100,2)
id_mapel TinyInt(4)
Id_semester TinyInt(1)
id_tahun_ajar TinyInt(4)
Id_kelas TinyInt(2)
3.5. Desain Tampilan
3.5.1. Tampilan Halaman Login
Untuk masuk ke sistem informasi Penilaian user harus login terlebih dahulu
dengan username dan password yang sesuai dengan hak akses dari masing-
masing User. Terdapat tiga hak akses user yang dapat login ke sistem informasi,
yaitu admin, guru, dan siswa. Gambar 3.40 berikut ini adalah gambar tampilan
halaman login
.
Gambar 3.36. Gambar Tampilan Halaman Login
3.5.2. Tampilan Halaman Utama
Halaman utama adalah halaman yang dapat diakses setelah user melakukan
aktivitas login. Halaman ini berisi sambutan kepada user. Gambar berikut ini
adalah tampilan halaman utamanya.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
Gambar 3.36 Gambar Tampilan Halaman Utama
Gambar 3.37. Gambar Tampilan Halaman Utama untuk Admin
Gambar 3.38. Gambar Tampilan Halaman Utama untuk Guru dan Siswa.
3.5.3. Halaman Profile
Halaman ini menampilkan data diri dari user. Di halaman ini terdapat
tombol ubah untuk merubah data profile. Gambar berikut ini adalah tampilan
halaman profile.
Logout
Semester
Logout
Kelas
Pengajaran
Guru
Sistem Pengolahan Nilai Pondok Pesantren Nurul Huda
Profile
Siswa
Mata Pelajaran
Tahun Ajar
Nilai
KONTENT
Guru
Sistem Pengolahan Nilai Pondok Pesantren Nurul Huda
Profile
Siswa
Nilai
KONTENT
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
44
Gambar 3.39. Gambar Tampilan Halaman Detail Profile
Gambar 3.40. Gambar Tampilan Halaman Update Profile
3.5.4. Halaman Guru
Halaman ini menampilkan data Guru yang terdapat di Podok Pesantre Nurul
Huda. Di halaman ini terdapat tombol view untuk melihat detail data guru dan
tombol tambah data yang hanya dapat digunakan admin untuk menambah data
Guru. Gambar berikut ini adalah tampilan halaman guru.
Profile
Username : Password : NI : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tanggal Lahir : Jabatan :
Profile > Update
Username : Password : NI : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tanggal Lahir : Jabatan :
update
batal
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
Gambar 3.41. Gambar Tampilan Halaman Guru.
Gambar 3.42 Gambar Tampilan Halaman Detail Guru.
Guru
NO NIP NAMA JENIS KELAMIN ALAMAT ACTION
Tambah data
Guru > View
Batal Update
Username : Password : NIP : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tanggal Lahir : Jabatan :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
46
Gambar 3.43. Gambar Tampilan Halaman Tambah Guru.
Gambar 3.44. Gambar Tampilan Halaman Update Guru.
Guru > Tambah Data
batal
NIP : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tanggal Lahir : Jabatan :
Simpan
Guru > Update
batal
Username : Password : NIP : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tanggal Lahir : Jabatan : Simpan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
3.5.5. Halaman Siswa.
Halaman ini menampilkan data siswa yang terdapat di Pondok Pesantren
Nurul Huda. Untuk melihat data siswa, kita harus memilih kelas dan angkatan
terlebih dahulu. Di halaman ini terdapat tombol view untuk melihat detail data
pengajaran dan tombol tambah data yang hanya dapat digunakan admin untuk
menambah data siswa. Gambar berikut ini adalah tampilan halaman siswa.
Gambar 3.45. Gambar Tampilan Halaman Siswa.
Gambar 3.45 Gambar Tampilan Halaman Siswa.
Gambar 3.46. Gambar Tampilan Halaman Detail Siswa.
Siswa > View
Batal Update
Username : Password : NIS : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tanggal Lahir : Jabatan :
Kelas :
Tahun Ajar :
Siswa
NO NIS NAMA JENIS KELAMIN
ALAMAT KELAS ACTION
Tambah data
lihat
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
48
Gambar 3.47. Gambar Tampilan Halaman Tambah Siswa.
Gambar 3.48. Gambar Tampilan Halaman Update Siswa.
Siswa > Tambah Data
batal
NIP : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tanggal Lahir : Jabatan :
Simpan
Siswa > Update
Batal
l
Username : Password : NIS : Nama : Jenis Kelamin : Agama : Alamat : Tempat Lahir : Tanggal Lahir : Jabatan :
Simpan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
3.5.6. Halaman Pengajaran
Halaman ini berfungsi untuk memberi jadwal kepada guru untuk mengajar
mata pelajaran yang ditentukan. Untuk melihat data pengajaran admin harus
memilih kelas dan angkatan terlebih dahulu. Di halaman ini terdapat tombol view
untuk melihat detail data pengajaran dan tombol tambah data yang hanya dapat
digunakan admin untuk menambah data pengajaran. Gambar berikut ini adalah
tampilan halaman pengajaran.
Gambar 3.49. Gambar Tampilan Halaman Pengajaran.
.
Gambar 3.50. Gambar Tampilan Halaman Tambah Pengajaran
Pengajaran
NO KODE MAPEL MAPEL NIP GURU ACTION
Tambah data
Kelas :
Tahun Ajar :
lihat
Mata Pelajaran :
:
Guru Mapel :
Pengajaran > Tambah Data
Kembali
Simpan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
50
Gambar 3.51. Gambar Tampilan Halaman Update Pengajaran.
3.5.7. Halaman Mata Pelajaran
Halaman ini menampilkan data mata pelajaran yang diajarkan. Di
halaman ini terdapat tombol tambah data yang hanya dapat digunakan
admin untuk menambah data mata pelajaran, tombol update untuk dan
tombol update untuk mengubah data mata pelajaran. Gambar berikut ini
adalah tampilan halaman mata pelajaran.
Gambar 3.52. Gambar Tampilan Halaman Mata Pelajaran.
Mata Pelajaran :
:
Guru Mapel :
Pengajaran > Update
Kembali
Simpan
Mata Pelajaran
NO KODE MAPEL MAPEL ACTION
Tambah data
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
51
Gambar 3.53. Gambar Tampilan Halaman Tambah Mata Pelajaran.
Gambar 3.54. Gambar Tampilan Halaman Update Mata Pelajaran.
3.5.8. Halaman Kelas
Halaman ini menampilkan data kelas yang diajarkan terdapat di PonPres
Nurul Huda. Di halaman ini terdapat tombol tambah data yang hanya dapat
digunakan admin untuk menambah data kelas, tombol update untuk dan tombol
update untuk mengubah data kelas. Gambar berikut ini adalah tampilan halaman
kelas.
Mata Pelajaran :
:
Kode Mapel :
Mata Pelajaran > Tambah Data
Kembali
Simpan
Mata Pelajaran :
:
Kode Mapel :
Mata Pelajaran > Update
Kembali
Simpan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
52
Gambar 3.55. Gambar Tampilan Kelas.
Gambar 3.48 Gambar Tampilan Halaman Kelas.
Gambar 3.56. Gambar Tampilan Halaman Tambah Kelas.
Kelas
NO KODE KELAS KELAS ACTION
Tambah data
Kelas :
Kode Kelas :
Kelas > Tambah Data
Kembali
Simpan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53
Gambar 3.57. Gambar Tampilan Halaman Update Kelas.
3.5.9. Halaman Tahun Ajar
Halaman ini berfungsi untuk mengatur tahun ajar yang aktif. Gambar
berikut ini adalah tampilan halaman tahun ajar.
Gambar 3.58. Gambar Tampilan Halaman Tahun ajar.
Mata Pelajaran :
:
Kode Mapel :
Mata Pelajaran > Update
Kembali
Simpan
TAHUN AJAR ACTION
Tahun Ajar
Kembali
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
54
3.5.10. Halaman Semester
Halaman ini berfungsi untuk mengatur semester yang aktif. Gambar
3.37. berikut ini adalah tampilan halamam semester.
Gambar 3.59. Gambar Tampilan Halaman Semester.
3.51 Halaman Nilai
Halaman nilai berfungsi untuk memberi nilai kepada siswa bagi admin dan
guru dan menampillkan data nilai yang telah diproses system bagi siswa. Untuk
melihat data pengajaran admin harus memilih kelas, mata pelajaran, jenis ujian
danm ujian terlebih dahulu. Di halaman ini terdapat tombol tambah data yang
hanya dapat digunakan admin dan guru mata pelajaran untuk menambah data
nilai, tombol update data yang hanya dapat digunakan admin dan guru mata
pelajaran untuk mengubah data nilai dan tombol hapus yang digunakan untuk
menghapus data nilai, . Gambar berikut ini adalah tampilan halaman nilai.
SEMESTER STATUS ACTION
1 Tidak aktif aktifkan
2 Aktif Non aktifkan
Semester
Kembali
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
55
Gambar 3.60. Gambar Tampilan Halaman Nilai untuk Admin.
Gambar 3.61. Gambar Tampilan Halaman Nilai untuk Guru.
Mata Pelajaran : :
NO NIS NAMA NILAI UJIAN ACTION
Kelas :
Mata Pelajaran : :
lihat
Nilai
Jenis Ujian :
Ujan :
Mata Pelajaran : :
NO NIS NAMA NILAI UJIAN ACTION
Tambah data
Kelas :
Mata Pelajaran : :
lihat
Nilai
Jenis Ujian :
Ujan :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
56
Gambar 3.62. Gambar Tampilan Halaman Nilai untuk Siswa.
Gambar 3.63. Gambar Tampilan Halaman Tambah Nilai
Nilai :
Nama :
Nilai > Tambah Data
Kembali
Simpan
NO Mata Pelajaran UJIAN NILAI
Mata Pelajaran : :
lihat
Nilai
Jenis Ujian :
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
57
.
.
Gambar 3.64. Gambar Tampilan Halaman Update Nilai
Gambar 3.65. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal
untuk Admin dan Guru.
Nilai :
Nama :
Nilai > Update
Kembali
Simpan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
58
Gambar 3.66. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal
untuk Siswa.
Gambar 3.67. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap
untuk Admin dan Guru.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
59
Gambar 3.68. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap
untuk Siswa.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
60
BAB IV
IMPLEMENTASI DAN HASIL PENGUJIAN
4.1 Implementasi Antarmuka
Sistem pengolahan nilai merupakan sebuah sistem yang bertujuan untuk
meringankan pekerjaan guru mata pelajaran dalam mengolah nilai. Untuk dapat
berfungsi secara normal, sistem memiliki kebutuhan dari sisi server dan sisi client.
a. Kebutuhan sistem dari sisi server
Kebutuhan sistem untuk membangun sistem pengolahan nilai dengan
karakteristik yang diinginkan dibutuhkan komputer dengan beberapa software,
antara lain :
Web Server XAMPP
Framework CodeIgniter
Mozilla Firefox untuk browser
b. Kebutuhan sistem dari sisi client
Kebutuhan sistem dari sisi client agar sistem pengolahan nilai dapat
berfungsi secara normal adalah komputer yang memiliki konektivitas internet.
Di dalam sistem pengolahan nilai ini terdapat tiga entitas yaitu admin,
guru dan siswa. Masing-masing entitas memiliki menu yang berbeda-beda.
Berikut ini adalah tampilan dari sistem pengolahan nilai.
4.1.1. Halaman Login
Halaman login digunakan user untuk masuk ke dalam sistem. Implementasi
halaman login dapat dilihat pada Gambar 4.1:
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
61
Gambar 4.1 Gambar Tampilan Halaman Login
Jika user melakukan login tetapi tidak terdaftar maka akan muncul
pesan error seperti gambar 4.2.
Gambar 4.2 Gambar Tampilan Pesan Error Halaman Login
4.1.2. Halaman Utama
Halaman Utama adalah halaman pertama yang akan user lihat setelah berhasil
login. Disebelah kanan halaman ini terdapat tombol navigasi. Setiap user mendapat
tombol navigasi yang berbeda tergantung dari level user nya saat melakukan proses
login.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
62
Gambar 4.3. Gambar Tampilan Halaman Utama untuk Admin.
Gambar 4.4. Gambar Tampilan Halaman Utama untuk Guru.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
63
Gambar 4.5. Gambar Tampilan Halaman Utama untuk Siswa.
4.1.3. Halaman Profile
Pada halaman ini admin, guru serta siswa dapat mengubah profile mereka.
Gambar berikut ini adalah tampilan halamam profile.
Gambar 4.6. Gambar Tampilan Halaman Update Profile.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
64
Jika terjadi kesalahan terhadap input-an, maka akan ditampilkan pesan error.
Berikut contoh tampilan pesan error untuk kesalahan input username. Username
akan menampilkan pesan error apabila username tidak di isi.
Gambar 4.7. Gambar Tampilan Pesan Error.
Jika input-an seluruhnya valid (benar), maka data akan disimpan di database
dan muncul pesan bahwa siswa telah tersimpan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
65
Gambar 4.8. Gambar Tampilan Berhasil Update Profile.
4.1.4. Halaman Guru
Pada halaman ini, user akan diberi informasi tentang daftar guru yang terdapat
di Pondok Pesantren Nurul Huda. Hanya admin saja yang bisa melaklukan proses
tambah guru dan update Guru sedangkan user yang lain hanya bsa melakukan proses
view.
Gambar 4.9. Gambar Tampilan Halaman untuk Admin.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
66
Halaman guru untuk admin terdapat tombol tambah data yang dapat digunakan
admin untuk menambah data guru. Sedangkan untuk user yang lain tidak ada.
Gambar 4.10. Gambar Tampilan Halaman Guru untuk Guru dan Siswa.
Guru dan Siswa tidak dapat melakukan proses tambah data guru dan hanya bisa
melakukan proses view untuk melhat data guru secara detal.
Gambar 4.11. Gambar Tampilan Halaman Detail Guru.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
67
Admin mempunyai hak untuk melakukan proses tambah data dan update data
guru. Tampilan form tambah data dan update data guru dapat dilihat di gambar
dibawah ini:
Gambar 4.12. Gambar Tampilan Halaman Tambah Data Guru.
Gambar 4.13. Gambar Tampilan Halaman Update Guru.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
68
Apabila NIP yang dimasukan sudah ada pada database, maka akan ditampilkan
pesan error.
Gambar 4.14. Gambar Tampilan Pesan Error.
Sedangkan jika semua inputan benar, data akan disimpan dan ditampilkan
pesan bahwa data guru telah berhasil disimpan.
Gambar 4.15. Gambar Tampilan Berhasil Tambah Data Guru.,
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
69
4.1.5. Halaman Siswa
Di halaman siswa, user akan diberi informasi tentang daftar siswa yang terdapat
di Pondok Pesantren Nurul Huda. Sama halnya pada halaman guru hanya admin saja
yang bisa melakukan proses tambah data dan update siswa sedangkan user yang lain
hanya bisa melakukan proses view.
Gambar 4.16. Gambar Tampilan Halaman Siswa
Agar dapat melihat daftar siswa, user harus memilih kelas dan angkatan siswa
yang ingin dilihat. Selain view proses yang disediakan untuk admin adalah proses
tambah data dan update siswa. Di halaman ini admin juga bisa meng-import data dari
excel.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
70
Gambar 4.17. Gambar Tampilan Halaman Tambah Data Guru.
Gambar 4.18. Gambar Tampilan Halaman Update Guru.
Apabila NIS yang dimasukan sudah ada pada database, maka akan
ditampilkan pesan error.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
71
Gambar 4.19. Gambar Tampilan Pesan Error.
Pesan error juga akan muncul pada proses update sama seperti pada pesan
error pada proses tambah data guru.
4.1.6. Halaman Pengajaran
Halaman Pengajaran berfungsi untuk memberi jadwal kepada guru untuk
mengajar mata pelajaran yang ditentukan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
72
Gambar 4.20. Gambar Tampilan Halaman Pengajaran.
Di halaman ini admin dapat melakukan proses tambah data dan update
pengajaran.
Gambar 4.21. Gambar Tampilan Halaman Tambah Pengajaran.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
73
Gambar 4.22. Gambar Tampilan Halaman Update Pengajaran.
4.1.7. Halaman Mata Pelajaran
Halaman ini menampilkan data mata pelajaran yang diajarkan. Di halaman ini
terdapat tombol tambah data yang hanya dapat digunakan admin untuk menambah
data mata pelajaran, tombol update untuk dan tombol update untuk mengubah data
mata pelajaran. Gambar berikut ini adalah tampilan halaman mata pelajaran.
Gambar 4.23. Gambar Tampilan Halaman Mata Pelajaran.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
74
Di halaman ini admin bisa melakukan proses tambah dan update mata
pelajaran. Berikut ini adalah gambar form tambah dan update mata pelajaran.
Gambar 4.24. Gambar Tampilan Halaman Tambah Data Mata Pelajaran.
Gambar 4.25. Gambar Tampilan Halaman Update Mata Pelajaran.
4.1.8. Halaman Kelas
Halaman ini menampilkan data kelas yang diajarkan terdapat di PonPres Nurul
Huda dan hanya admin yang bisa mengakses halaman ini. Di halaman ini terdapat
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
75
tombol tambah data yang hanya dapat digunakan admin untuk menambah data
kelas, tombol update untuk dan tombol update untuk mengubah data kelas.
Gambar 4.26. Gambar Tampilan Halaman Kelas.
Gambar 4.27. Gambar Tampilan Halaman Tambah Data Kelas.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
76
Gambar 4.28. Gambar Tampilan Halaman Update Kelas.
4.1.9. Halaman Tahun Ajar.
Halaman tahun ajar hanya dapat diakses oleh admin saja. Fungsi halaman ini
untuk mengatur tahun ajar yang aktif. Gambar berikut ini adalah tampilan halaman
tahun ajar.
Gambar 4.29. Gambar Tampilan Halaman Tahun Ajar.
Untuk mengaktifkan tahun ajar admin tinggal menekan tombol aktifkan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
77
4.1.10. Halaman Semester.
Seperti halaman tahun ajar, halaman ini juga hanya dapat diakses oleh admin
saja. Fungsi halaman ini untuk mengatur semester yang aktif. Gambar berikut ini
adalah tampilan halaman semester.
Gambar 4.30. Gambar Tampilan Halaman Semester.
Untuk mengaktifkan semester, admin tinggal menekan tombol aktifkan.
4.1.11. Halaman Nilai.
Halaman nilai berfungsi untuk memberi nilai kepada dan menampillkan data
nilai yang telah diproses sistem bagi siswa. Untuk melihat data pengajaran admin
harus memilih kelas, mata pelajaran, jenis ujian danm ujian terlebih dahulu. Di
halaman ini terdapat tombol tambah data yang hanya dapat digunakan admin dan
guru mata pelajaran untuk menambah data nilai, tombol update data yang hanya
dapat digunakan admin dan guru mata pelajaran untuk mengubah data nilai dan
tombol hapus yang digunakan untuk menghapus data nilai. Gambar berikut ini adalah
tampilan halaman nilai.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
78
Gambar 4.31. Gambar Tampilan Halaman Nilai untuk Admin dan Guru.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
79
Gambar 4.32. Gambar Tampilan Halaman Nilai Untuk Siswa.
Untuk melihat data nilai, admin dan guru harus memilih kelas, mata pelajaran,
jenis ujian dan ujian terlebih dahulu.
Gambar 4.33. Gambar Tampilan Halaman Tambah Nilai.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
80
.
Gambar 4.34. Gambar Tampilan Halaman Update Nilai.
Jika siswa yang sudah diberi nilai akan diberi nilai lagi dan nilai inputan lebih
dari 100 maka akan muncul pesan error.
Gambar 4.35. Gambar Tampilan Halaman Pesan Error.
Sama seperti pada proses tambah data. Jika Siswa yang sudah diberi nilai akan
diberi nilai inputan lebih dari 100 maka akan muncul pesan error.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
81
4.1.12. Halaman Transkrip Nilai.
Untuk Melihat Transkrip nilai user harus masuk dihalaman memilih
tombol transkrip nilai. Berikut ini adalah tampilan halaman transkrip nilai.
Gambar 4.36. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal
untuk Admin dan Guru.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
82
Gambar 4.37. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Gasal untuk Siswa.
Untuk mendapatkan nilai rata-rata, sistem akan menjumlahkan nilai akhir KD1,
KD2 dan KD 3 kemudian dibagi 3.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
83
Gambar 4.38. Gambar Tampilan Halaman Transkrip Nilai Teori
Semester Genap untuk Admin dan Guru.
Nilai rata rata diperoleh dari jumlah nilai akhir KD 4 sampai KD 6 kemudian
dibagi 3. Sedangkan nilai raport diperoleh dari :
𝐧𝐢𝐥𝐚𝐢 𝐫𝐚𝐭𝐚 − 𝐫𝐚𝐭𝐚 𝐊𝐃 + 𝐧𝐢𝐥𝐚𝐢 𝐫𝐚𝐭𝐚 − 𝐫𝐚𝐭𝐚 𝐭𝐮𝐠𝐚𝐬 + 𝐧𝐢𝐥𝐚𝐢 𝐛𝐥𝐨𝐤 𝟏 + 𝐧𝐢𝐥𝐚𝐢 𝐛𝐥𝐨𝐤 𝟐
𝟒
Keterangan :
Nilai rata-rata KD didapat dari jumlah nilai akhir KD 1 sampai
nilai akhir KD 6 kemudian dibagi 6 .
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
84
Nilai rata – rata tugas didapat dari total nilai tugas yang dibagi 4.
Nilai blok 1 adalah nilai akhir ujian blok 1 di semeste ganjil.
Nilai blok 2 adalah nilai akhir ujian blok 2 di semester genap.
Gambar 4.39. Gambar Tampilan Halaman Transkrip Nilai
Semester Genap untuk Siswa.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
85
Gambar 4.40. Gambar Tampilan Halaman Transkrip Nilai Praktek untuk Admin dan
Guru.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
86
Gambar 4.41. Gambar Tampilan Halaman Transkrip Nilai Praktek
untuk Siswa.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
87
4.2. Evaluasi Sistem
4.2.1. Login Form
Tabel 4.1. Evaluasi Login Form
Input Proses Output Keterangan
1. Username
2. Password
Masuk sistem
dengan validasi
inputan username
dan password
dengan database.
[Benar]
- Redirecting ke
halaman sistem
sesuai level user.
Sukses
[Salah]
- Pesan required
(harus diisi).
- Pesan error (input
salah).
Sukses
4.2.2. Update Profile Form
Tabel 4.2. Evaluasi update form
Input Proses Output Keterangan
1. Username
2. Password
3. NI
4. Nama
5. Jenis Kelamin
6. Agama
7. Alamat
8. Tempat Lahir
9. Tanggal Lahir
10. Jabatan
Memperbarui
data profile ke
dalam database
[Benar]
- Pesan update sukses. Sukses
[Salah]
- Pesan required
(harus diisi).
- Pesan error (input
salah). Sukses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
88
4.2.3. Tambah Guru Form
Tabel 4.3. Evaluasi Tambah Guru Form
Input Proses Output Keterangan
1. NIP
2. Nama
3. Jenis Kelamiin
4. Agama
5. Alamat
6. Tempat Lahir
7. Tanggal Lahir
Memasukkan data
guru ke dalam
database.
[Benar]
- Pesan input sukses. Sukses
[Salah]
- Pesan required
(harus diisi).
- Pesan error (input
salah).
Sukses
4.2.4. Update Guru Form
Tabel 4.4. Evaluasi Update Guru Form
Input Proses Output Keterangan
1. Username
2. Password
3. NIP
4. Nama
5. Jenis Kelamin
6. Agama
7. Alamat
8. Tempat Lahir
9. Tanggal Lahir
Memperbarui
data guru di
dalam database
[Benar]
- Pesan update sukses Sukses
[Salah]
- Pesan required
(harus diisi).
- Pesan error (input
salah).
Sukses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
89
4.2.5. Tambah Siswa Form
Tabel 4.5. Evaluasi Tambah Siswa Form
Input Proses Output Keterangan
1. NIS
2. Nama
3. Jenis Kelamin
4. Agama
5. Alamat
6. Tanggal Lahir
7. Tempat Lahir
Menambah data
siswa ke dalam
database
[Benar]
- Pesan input sukses Sukses
[Salah]
- Pesan error (inputan
salah).
- Pesan required
(harus diisi).
Sukses
4.2.6. Update Siswa Form
Tabel 4.6. Evaluasi Update Siswa Form
Input Proses Output Keterangan
1. NIS
2. Nama
3. Jenis Kelamin
4. Agama
5. Alamat
6. Tanggal Lahir
7. Tempat Lahir
Memperbarui
data siswa di
dalam database
[Benar]
- Pesan update sukses Sukses
[Salah]
- Pesan error (input
salah).
- Pesan required
(harus diisi).
Sukses
4.2.7. Tambah Pengajaran Form
Tabel 4.7. Evaluasi Tambah Pengajaran Form
Input Proses Output Keterangan
1. Mata Pelajaran
2. Nama Guru
3. Batas_tuntas
Menambah data
pengajaran ke
dalam database
[Benar]
- Pesan input sukses Sukses
[Salah] Sukses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
90
- Pesan error (input-an
sudah ada).
- Pesan required
(harus diisi).
4.2.8. Update Pengajaran Form
Tabel 4.8. Evaluasi Update Pengajaran Form
Input Proses Output Keterangan
1. Mata pelajaran
2. Nama guru
Memperbarui
data pengajaran di
dalam database
[Benar]
- Pesan update sukses Sukses
[Salah]
- Pesan error (input
sudah ada).
Pesan required
(harus diisi).
Sukses
4.2.9. Tambah Kelas Form
Tabel 4.9. Evaluasi Tambah Kelas Form
Input Proses Output Keterangan
1. Kode kelas
2. Kelas
3. Nip
Menambah data
kelas ke dalam
database
[Benar]
- Pesan input sukses Sukses
[Salah]
- Pesan error (input-an
sudah ada).
- Pesan required
(harus diisi).
Sukses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
91
4.2.10. Update Kelas Form
Tabel 4.10. Evaluasi Update Kelas Form
Input Proses Output Keterangan
1. Kelas
Memperbarui
data mata
pelajaran ke
dalam database
[Benar]
- Pesan input sukses Sukses
[Salah]
- Pesan required
(harus diisi).
4.2.11. Update Tahun Ajar Form
Tabel 4.11. Evaluasi Update Tahun Ajar Form
Input Proses Output Keterangan
1. Tahun ajar
Memperbarui
data tahun ajar di
dalam database
[Benar]
- Pesan update sukses
Sukses
4.2.12. Update Semester Form
Tabel 4.12. Evaluasi Update Semester Form
Input Proses Output Keterangan
1. Semester
Memperbarui
data semester di
dalam database
[Benar]
- Pesan update sukses
Sukses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
92
4.2.13. Tambah Nilai Form
Tabel 4.13. Evaluasi Tambah Nilai Form
Input Proses Output Keterangan
1. Nama siswa
2. Nilai
Menambah data
nilai ke dalam
database
[Benar]
- Pesan input sukses Sukses
[Salah]
- Pesan error (input-an
sudah ada).
- Pesan required
(harus diisi).
Sukses
4.2.14. Update Nilai Form
Tabel 4.14. Evaluasi Update Nilai Form
Input Proses Output Keterangan
1. Nilai
Memperbarui
data nilai di
dalam database
[Benar]
- Pesan input sukses Sukses
[Salah]
- Pesan error (input-an
sudah ada).
- Pesan required
(harus diisi).
Sukses
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
93
Deskripsi dari hasil pengujian di atas adalah form yang digunakan untuk input
dan update data ke dalam database sebagian besar telah berhasil sesuai dengan
requirement yang diminta yang ditandai dengan munculnya pesan input sukses pada
masing-masing form dan data yang masuk ke dalam database.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
94
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan hasil pembahasan dari pembuatan Sistem Pengolahan Nilai
Berbasis Website di Pondok Pesantren Nurul Huda Sragen dapat diambil
beberapa kesimpulan yaitu :
a. Sudah dibuatnya sebuah sistem pengolahan nilai.
b. Sistem ini dapat membantu pekerjaan guru mata pelajaran dalam mengolah
nilai dan membantu siswa untuk mendapatkan nilai secara mudah.
5.2 Saran
Sistem ini masih jauh dari sempurna, sehingga untuk memaksimalkan
kinerja dari sistem ini perlu dilakukan pengembangan lebih lanjut diantaranya
adalah dengan menyambungkan database nya dengan sistem yang lain misalnya
sistem penerimaan siswa baru.