ANDREAS TRI INDRATNO M.3109012

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

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

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.

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

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.

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.”

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

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

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

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. HalamanSemester ... 54

3.5.11. Halaman Nilai ... 54

BAB IV IMPLEMENTASI DANPENGUJIAN ... 60

4.1. Implementasi Antarmuka ... 60

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

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 SiswaForm ... 89

4.6. Evaluasi Update Siswa Form... 89

4.7. Evaluasi Tambah Pengajaran Form ... 89

4.8. Evaluasi Update Pengajaran Form ... 90

commit to user

xiii

4.10. Evaluasi Update Kelas Form ... 91

4.11. Evaluasi Update Tahun AjarForm ... 91

4.12. Evaluasi Update Semester Form ... 91

4.13. Evaluasi Tambah Nilai Form ... 92

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

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 TranskripNilai) ... 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 UpdateProfile ... 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

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 untukAdmin 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 untukAdmin 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

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

commit to user

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.

commit to user 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.

commit to user 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

Desain Model Aplikasi

TAHAP IMPLEMENTASI

Membuat Database Menulis Kode

Program

TAHAP EVALUASI

TAHAP PEMBUATAN LAPORAN Menbuat Usecase Diagram

commit to user 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.

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.

commit to user

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)

commit to user 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

commit to user

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

commit to user

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.

commit to user

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

commit to user 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

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

commit to user

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.

commit to user

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 :

commit to user

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)

commit to user

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 )

commit to user

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 :

commit to user

c. Class Entity

Diagram class entity dapat dilihat pada gambar 3.11 :

commit to user 3.3.3 Activity Diagram

a. Activity Admin

commit to user

b. Activity Guru

Gambar3.13. Activity Guru

c. Activity Siswa.

commit to user 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)

commit to user

commit to user

c. Sequence Diagram (Update Guru)

Diagram sequence update guru dapat dilihat pada gambar 3.17 :

commit to user

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)

commit to user

commit to user

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)

commit to user

Gambar 3.21. Sequence Diagram(View Pengajaran).

h. Sequence Diagram (Insert Pengajaran)

commit to user

Gambar 3.22. Sequence Diagram(Insert Pengajaran).

i. Sequence Diagram (Update Pengajaran)

Diagram sequence update pengajaran dapat dilihat pada gambar 3.23 :

commit to user

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:

commit to user

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

commit to user

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.

commit to user

p. Sequence Diagram (View Nilai)

Diagram sequencet view nilai dapat dilihat pada gambar 3.30.

commit to user

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.

commit to user

s. Sequence Diagram (View TranskripNilai)

Diagram sequencet view transkripnilai dapat dilihat pada gambar 3.33.

Gambar 3.33. Sequence Diagram(View TranskripNilai).

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.

commit to user

commit to user 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

commit to user

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

commit to user

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’,

commit to user

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)

commit to user

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)

commit to user

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)

commit to user

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.

commit to user

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

commit to user

Gambar 3.39. Gambar Tampilan Halaman Detail Profile

Gambar 3.40. Gambar Tampilan Halaman UpdateProfile

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

commit to user

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 :

commit to user

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 :

commit to user 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

commit to user

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

Username : Password :

NIS :

Nama :

Jenis Kelamin :

Agama :

Alamat :

Tempat Lahir : Tanggal Lahir :

commit to user 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

commit to user

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

commit to user

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

commit to user

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

commit to user

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

commit to user 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

commit to user

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 :

commit to user

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

commit to user .

.

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

commit to user

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.

commit to user

Gambar 3.68. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap untuk Siswa.

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 :

 WebServer 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:

commit to user

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

commit to user

Gambar 4.3. Gambar Tampilan Halaman Utama untuk Admin.

commit to user

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.

commit to user

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

commit to user

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.

commit to user

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.

commit to user

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.

commit to user

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.

commit to user 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

commit to user

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.

commit to user

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.

commit to user

Gambar 4.20. Gambar Tampilan Halaman Pengajaran.

Di halaman ini admin dapat melakukan proses tambah data dan update

pengajaran.

commit to user

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.

commit to user

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

commit to user

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.

commit to user

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.

commit to user 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.

commit to user

commit to user

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.

commit to user

.

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.

commit to user 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.

commit to user

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.

commit to user 4.2.5. Tambah Siswa Form

Tabel 4.5. Evaluasi Tambah SiswaForm

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 SiswaForm

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 PengajaranForm

Input Proses Output Keterangan

1. Mata Pelajaran 2. Nama Guru

3. Batas_tuntas

Menambah data pengajaran ke dalam database

[Benar]

- Pesan input sukses Sukses

commit to user

- Pesan error (input-an sudah ada).

- Pesan required (harus diisi).

4.2.8. Update Pengajaran Form

Tabel 4.8. Evaluasi Update PengajaranForm

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 KelasForm

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).

commit to user 4.2.10.Update Kelas Form

Tabel 4.10. Evaluasi Update KelasForm

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 AjarForm

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 SemesterForm

Input Proses Output Keterangan

1. Semester Memperbarui data semester di dalam database

[Benar]

commit to user 4.2.13.Tambah Nilai Form

Tabel 4.13. Evaluasi Tambah NilaiForm

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 NilaiForm

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).

commit to user

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

commit to user

94

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.