KRS Online STMIK Palangkaraya With CI versi 3.0

RANCANG BANGUN KRS ONLINE PADA STMIK PALANGKA RAYA

MENGGUNAKAN FRAMEWORK CODEIGNITER

SKRIPSI

Disusun untuk Memenuhi Syarat Penulisan Skripsi pada

Sekolah Tinggi Manajemen Informatika dan Komputer

(STMIK) Palangka Raya

OLEH

YUDHA ABDI NUGROHO

NIM C1055201079

JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

(STMIK) PALANGKA RAYA

2014

i



SKRIPSI

Disusun untuk Memenuhi Syarat Penulisan Skripsi pada


(STMIK) Palangka Raya

OLEH

YUDHA ABDI NUGROHO

NIM C1055201079

JURUSAN TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

(STMIK) PALANGKA RAYA

2014

ii

SURAT PERNYATAAN KEASLIAN SKRIPSI

Yang bertanda tangan di bawah ini :

Nama : YUDHA ABDI NUGROHO

NIM : C1055201079

Menyatakan bahwa skripsi dengan judul :



Adalah hasil karya saya dan bukan merupakan duplikasi sebagian atau seluruhnya

dari karya orang lain, kecuali bagian yang sumber informasi dicantumkan.

Pernyataan ini dibuat dengan sebenar-benarnya secara sadar dan bertanggungjawab

dan saya bersedia menerima sanksi pembatalan skripsi apabila terbukti melakukan

dupliaksi terhadap skripsi atau karya ilmiah lain yang sudah ada.

Palangka Raya, .2015 Yang Membuat Pernyataan,

YUDHA ABDI NUGROHO

Materai

Rp.6000

ii

PERSETUJUAN



Skripsi ini telah disetujui untuk diujikan

pada Tanggal 17 September 2014

Pembimbing I, Pembimbing II

Herkules, S.Kom., M.Cs. Jonh Fredrik Ulysses, MT

NIK. 198510042010106 NIK. 198601152010108

Mengetahui

Ketua STMIK Palangka Raya,

Drs. Sartana, M.Si.

NIK. 195906071995102

iii

PENGESAHAN



Skripsi ini telah Diuji, Dinilai dan Disahkan

Oleh Tim Penguji pada 17 Januari 2015

Tim Seminar Proposal :

1. ............................. Ketua/Anggota

2. ............................. Sekretaris/Anggota

3. Drs. Sartana, M.Si. Anggota

4. Herkules, S.Kom., M.Cs. Anggota

5. Jonh Fredrik Ulysses, MT Anggota

iv

MOTTO DAN PERSEMBAHAN

v

ABSTRAK

vi

ABSTRACT

vii

KATA PENGANTAR

Alhamdulillahirabbilalamin penulis ucapkan kehadirat Allah SWT yang

telah melimpahkan karunia-Nya kepada penulis sehingga penulis dapat

menyelesaikan skripsi ini sesuai dengan waktu yang telah ditentukan dengan judul

Rancang Bagun KRS Online Pada STMIK Palangka Raya Menggunakan

Framework CodeIgniter yang merupakan salah satu syarat kelulusan pada

Sekolah Tinggi Manajemen Informatika dan Komputer (STMIK) Palangka Raya.

Pada kesempatan ini penulis juga menyampaikan banyak terimakasih yang

sebesar-besarnya kepada semua pihak yang telah memberikan bimbingan,

motivasi dan dorongan dalam penyelesaian penulisan skripsi ini, yaitu kepada :

1. Drs. Sartana. M.Si, selaku Ketua Sekolah Tinggi Manajemen Informatika

dan Komputer (STMIK) Palangkaraya.

2. Herkules, S.Kom., M.Cs. selaku Dosen Pembimbing I dalam penulisan

skripsi ini, yang banyak memberikan saran dan masukan dalam penulisan

skripsi ini.

3. Jonh Fredrik Ulysses, MT. selaku Dosen Pembimbing II dalam penulisan

skripsi ini, yang juga banyak memberikan saran dan masukan dalam

penulisan skripsi ini.

4. Kedua Orang tua dan semua saudara - saudara saya serta teman - teman

yang selalu mendukung, mendoakan dan menjadi motivasi bagi saya.

viii

Penulis menyadari bahwa penulisan skripsi ini masih sangat jauh dari kata

sempurna, karena itu penulis mengharapkan kritik dan saran dari semua pihak

yang bersifat membangun, penulis juga berharap skripsi ini dapat dijadikan

sebagai bahan referensi untuk rekan - rekan mahasiswa yang lainnya.

Akhir kata, penulis mengucapkan terima kasih yang sebesar - besarnya

kepada semua pihak yang terlibat dalam penulisan skripsi ini.

Palangkaraya, Maret 2015

Penulis,

ix

DAFTAR ISI

SURAT PERNYATAAN KEASLIAN SKRIPSI ................................................... ii

PERSETUJUAN ..................................................................................................... ii

PENGESAHAN ..................................................................................................... iii

MOTTO DAN PERSEMBAHAN ......................................................................... iv

ABSTRAK .............................................................................................................. v

ABSTRACT ........................................................................................................... vi

KATA PENGANTAR .......................................................................................... vii

DAFTAR ISI .......................................................................................................... ix

DAFTAR TABEL ................................................................................................... x

DAFTAR GAMBAR ............................................................................................. xi

DAFTAR LAMPIRAN ......................................................................................... xv

BAB I PENDAHULUAN ....................................................................................... 1

A. Latar Belakang Masalah.................................................................................... 1

B. Rumusan Masalah ............................................................................................. 2

C. Batasan Masalah ............................................................................................... 2

D. Tujuan dan Manfaat Penelitian ......................................................................... 3

E. Metode Penelitian ............................................................................................. 5

F. Sistematika Penulisan ....................................................................................... 6

BAB II LANDASAN TEORI ................................................................................. 8

A. Landasan Teori .................................................................................................. 8

B. Kajian Teori .................................................................................................... 13

C. Perangkat Lunak yang digunakan ................................................................... 30

BAB III ANALISIS DAN DESAIN SISTEM ...................................................... 31

A. Tinjauan Umum .............................................................................................. 31

B. Analisis ........................................................................................................... 32

1. Analisis Kelemahan Sistem ..................................................................... 32

2. Analisis Kebutuhan .................................................................................. 34

3. Analisis Kelayakan Sistem ...................................................................... 35

C. Desain Sistem .................................................................................................. 36

1. Desain Proses ........................................................................................... 36

2. Desain Basis Data .................................................................................. 101

3. Desain Interface ..................................................................................... 113

BAB IV IMPLEMENTASI DAN PEMBAHASAN .......................................... 134

A. Implementasi ................................................................................................. 134

1. Uji Coba Sistem dan Program................................................................ 134

DAFTAR PUSTAKA ......................................................................................... 196

x

DAFTAR TABEL

Tabel 2.1.Notasi pada Class Diagram. .................................................................. 22

Tabel 2.2. Notasi pada Object Diagram ................................................................ 24

Tabel 2.3. Notasi pada Component Diagram. ........................................................ 25

Tabel 2.4. Notasi pada Deployment Diagram. ....................................................... 25

Tabel 2.5. Notasi pada Use Case Diagram ............................................................ 26

Tabel 2.6. Notasi pada Sequence Diagram ........................................................... 27

Table 2.7. Notasi pada Collaboration Diagram..................................................... 28

Table 2.8. Notasi pada Statchart Diagram............................................................. 28

Tabel 2.9. Notasi pada Activity diagram ................................................................ 29

Tabel 3.1. Analisis PIECES. .................................................................................. 33

Tabel 3.1. Struktur Tabel Admins ........................................................................ 106

Tabel 3.2. Struktur Tabel Ruang Kuliah .............................................................. 106

Tabel 3.3. Struktur Tabel Dosen .......................................................................... 107

Tabel 3.4. Struktur Tabel settings ........................................................................ 107

Tabel 3.5. Struktur Tabel Jadwal ......................................................................... 108

Tabel 3.6. Struktur Tabel Mata Kuliah ................................................................ 108

Tabel 3.7. Struktur Tabel KRS ............................................................................. 109

Tabel 3.8. Struktur Tabel KRS Header ................................................................ 110

Tabel 3.9. Struktur Tabel Pesan ........................................................................... 110

Tabel 3.10. Struktur Tabel Prodi .......................................................................... 111

Tabel 3.11. Struktur Tabel Semester ...................... Error! Bookmark not defined.

Tabel 3.12. Struktur Mahasiswa .......................................................................... 112

Tabel 3.13. Struktur Mahasiswa .......................................................................... 111

xi

DAFTAR GAMBAR

Gambar 2.1. Cara Kerja MVC ............................................................................... 15

Gambar 2.2. Gambar web 1.0................................................................................. 17

Gambar 2.3. Gambar Web 2.0 ................................................................................ 17

Gambar 2.4. Gambar web 3.0................................................................................. 18

Gambar 2.5. Skema PHP. ...................................................................................... 18

Gambar 2.6. Skema HTML. ................................................................................... 19

Gambar 2.7. Sintaks HTML5. ................................................................................ 19

Gambar 2.8. Siklus Hidup Perangkat Lunak. ......................................................... 21

Gambar 3.1 Diagram use case interaksi sistem KRS ............................................ 37

Gambar 3.2. Activity Diagram Login Admin ...................................................... 39 Gambar 3.3. Activity Diagram Tambah Data Program Studi ............................. 40 Gambar 3.4. Activity Diagram Edit Data Program Studi .................................... 40 Gambar 3.5. Activity Diagram Hapus Data Program Studi ................................ 41 Gambar 3.6. Activity Diagram Tambah Data Matakuliah .................................. 41 Gambar 3.7. Activity Diagram Edit Data Matakuliah ......................................... 42 Gambar 3.8. Activity Diagram Hapus Data Matakuliah ..................................... 43 Gambar 3.9. Activity Diagram Tambah Data Usermanager .............................. 43 Gambar 3.10. Activity Diagram Edit Data Usermanager ................................... 44 Gambar 3.11. Activity Diagram Hapus Data Usermanager ............................... 44 Gambar 3.12. Activity Diagram Tambah Data Ruang Kuliah ............................ 45 Gambar 3.13. Activity Diagram Edit Data Ruang Kuliah ................................... 45 Gambar 3.14. Activity Diagram Hapus Data Ruang Kuliah ............................... 46 Gambar 3.15. Activity Diagram Tambah Data Dosen ........................................ 46 Gambar 3.16. Activity Diagram Edit Data Dosen ............................................... 47 Gambar 3.17. Activity Diagram Hapus Data Dosen ........................................... 47 Gambar 3.18. Activity Diagram Tambah Data Mahasiswa ................................ 48 Gambar 3.19. Activity Diagram Edit Data Mahasiswa ....................................... 49 Gambar 3.20. Activity Diagram Hapus Data Mahasiswa ................................... 50 Gambar 3.21. Activity Diagram Tambah Jadwal Kuliah .................................... 50 Gambar 3.22. Activity Diagram Hapus Jadwal Kuliah ....................................... 51 Gambar 3.23. Activity Diagram View KRS Mahasiswa ..................................... 51 Gambar 3.24. Activity Diagram Tambah KRS Mahasiswa ................................ 52 Gambar 3.25. Activity Diagram Hapus KRS Mahasiswa ................................... 53 Gambar 3.26. Activity Diagram Tambah Nilai ................................................... 54 Gambar 3.27. Activity Diagram Tambah Mutasi Mahasiswa ............................. 55 Gambar 3.28. Activity Diagram Edit Mutasi Mahasiswa ................................... 56 Gambar 3.29. Activity Diagram Hapus Mutasi Mahasiswa ................................ 57 Gambar 3.30. Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik ..... 57 Gambar 3.31. Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik

dan Program Studi ........................................................................... 58

Gambar 3.32. Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik, Program Studi dan Status ................................................................ 59

Gambar 3.33. Activity Diagram Laporan Dosen ................................................. 60 Gambar 3.34. Activity Diagram Laporan Matakuliah ......................................... 60 Gambar 3.35. Activity Diagram Laporan KRS Mahasiswa ................................ 61 Gambar 3.36. Activity Diagram Laporan Nilai Mahasiswa ................................ 62

xii

Gambar 3.37. Activity Diagram Grafik Pie Mahasiswa ..................................... 62 Gambar 3.38. Activity Diagram Grafik Pie Dosen ............................................. 63 Gambar 3.39. Activity Diagram Grafik Batang Mahasiswa Aktif ..................... 63 Gambar 3.40. Activity Diagram Grafik KRS Mahasiswa ................................... 64 Gambar 3.41. Activity Diagram Edit Profile ...................................................... 64 Gambar 3.42. Activity Diagram Logout .............................................................. 65 Gambar 3.43. Activity Diagram Jadwal .............................................................. 65 Gambar 3.44. Activity Diagram Persetujuan KRS .............................................. 66 Gambar 3.45. Activity Diagram Pembatalan KRS .............................................. 66 Gambar 3.46. Activity Diagram Isi Nilai Mahasiswa ......................................... 67 Gambar 3.47. Activity Diagram Data Matakuliah .............................................. 67 Gambar 3.48. Activity Diagram Profil dan KHS Mahasiswa ............................. 68 Gambar 3.49. Activity Diagram Jadwal Mahasiswa ........................................... 68 Gambar 3.50. Activity Diagram Profile .............................................................. 69 Gambar 3.51. Activity Diagram Logout .............................................................. 69 Gambar 3.52. Activity Diagram Matakuliah Mahasiswa .................................... 70 Gambar 3.53. Activity Diagram Jadwal Mahasiswa ........................................... 70 Gambar 3.54. Activity Diagram Pengisian KRS ................................................. 71 Gambar 3.55. Activity Diagram Pengisian KPRS ............................................... 71 Gambar 3.56. Activity Diagram Transkrip Nilai ................................................. 72 Gambar 3.57. Activity Diagram Grafik IP .......................................................... 72 Gambar 3.58. Activity Diagram Edit Profile ...................................................... 73 Gambar 3.59. Activity Diagram Logout .............................................................. 73 Gambar 3.61. Sequence Diagram - Login System (admin) ................................... 74

Gambar 3.62. Sequence Diagram - Tambah Program Studi .................................. 75

Gambar 3.63. Sequence Diagram - Edit Program Studi ........................................ 75

Gambar 3.64. Sequence Diagram - Delete Program Studi .................................... 75

Gambar 3.65. Sequence Diagram - Tambah Mata Kuliah ..................................... 76

Gambar 3.66. Sequence Diagram - Edit Mata Kuliah ........................................... 76

Gambar 3.67. Sequence Diagram - Delete Mata Kuliah ....................................... 76

Gambar 3.68. Sequence Diagram - Tambah User ................................................. 77

Gambar 3.69. Sequence Diagram - Edit User ........................................................ 77

Gambar 3.70. Sequence Diagram - Delete User ................................................... 77

Gambar 3.71. Sequence Diagram - Tambah Ruang Kuliah................................... 78

Gambar 3.72. Sequence Diagram - Edit Ruang Kuliah (admin) ........................... 78

Gambar 3.73. Sequence Diagram - Delete Ruang Kuliah ..................................... 78

Gambar 3.74. Sequence Diagram - Tambah Data Dosen ...................................... 79

Gambar 3.74. Sequence Diagram - Edit Data Dosen (admin) ............................... 79

Gambar 3.75. Sequence Diagram - Delete Data Dosen ......................................... 79

Gambar 3.76. Sequence Diagram - Tambah Data Mahasiswa .............................. 80

Gambar 3.77. Sequence Diagram - Edit Data Mahasiswa ..................................... 80

Gambar 3.78. Sequence Diagram - Delete Data Mahasiswa ................................. 80

Gambar 3.79. Sequence Diagram - Tambah Jadwal Kuliah .................................. 81

Gambar 3.80. Sequence Diagram - Delete Jadwal Kuliah..................................... 81

Gambar 3.81. Sequence Diagram - Tambah KRS Mahasiswa .............................. 81

Gambar 3.82. Sequence Diagram - Update KRS Mahasiswa ............................... 82

Gambar 3.83. Sequence Diagram - Delete KRS Mahasiswa ................................ 82

xiii

Gambar 3.84. Sequence Diagram - Isi Nilai Mahasiswa ....................................... 82

Gambar 3.85. Sequence Diagram - Tambah Mutasi Mahasiswa ........................... 83

Gambar 3.86. Sequence Diagram - Edit Mutasi Mahasiswa ................................. 83

Gambar 3.87. Sequence Diagram - Delete Mutasi Mahasiswa ............................. 83

Gambar 3.88. Sequence Diagram - Laporan Mahasiswa ....................................... 84

Gambar 3.89. Sequence Diagram - Lap. Download Mahasiswa .......................... 84

Gambar 3.90. Sequence Diagram - Laporan Dosen .............................................. 84

Gambar 3.91. Sequence Diagram - Download Lap. Dosen ................................... 85

Gambar 3.92. Sequence Diagram - Laporan Matakuliah ...................................... 85

Gambar 3.93. Sequence Diagram - Lap. Download Mata Kuliah ........................ 85

Gambar 3.94. Sequence Diagram - Laporan KRS Mahasiswa .............................. 86

Gambar 3.95. Sequence Diagram - Laporan Nilai Mahasiswa .............................. 86

Gambar 3.96. Sequence Diagram - Lap. Cetak Nilai Mahasiswa ........................ 86

Gambar 3.97. Sequence Diagram - Lihat Grafik Mahasiswa ................................ 87

Gambar 3.98. Sequence Diagram - Lihat Grafik Dosen ........................................ 87

Gambar 3.99. Sequence Diagram - Lihat Grafik Mhs Aktif ................................. 87

Gambar 3.100. Sequence Diagram - Lihat Grafik KRS ........................................ 88

Gambar 3.101. Sequence Diagram - Simpan Profil ............................................... 88

Gambar 3.102. Sequence Diagram - Simpan Foto ................................................ 88

Gambar 3.103. Sequence Diagram - SImpan Password ........................................ 89

Gambar 3.104. Sequence Diagram - Login System ............................................... 89

Gambar 3.105. Sequence Diagram - Lihat Data Matakuliah ................................. 89

Gambar 3.106. Sequence Diagram - Lihat Profil Mahasiswa ............................... 90

Gambar 3.107. Sequence Diagram - Lihat KHS Mahasiswa ................................ 90

Gambar 3.108. Sequence Diagram - Setujui KRS Mahasiswa .............................. 90

Gambar 3.109. Sequence Diagram - Batalkan KRS Mahasiswa ........................... 91

Gambar 3.110. Sequence Diagram - Hapus KRS Mahasiswa ............................... 91

Gambar 3.111. Sequence Diagram - Isi Nilai Mahasiswa ..................................... 91

Gambar 3.112. Sequence Diagram - Jadwal Mengajar.......................................... 92

Gambar 3.113. Sequence Diagram - Jadwal Kuliah Mahasiswa ........................... 92


Gambar 3.115. Sequence Diagram - Simpan Password ........................................ 93

Gambar 3.116. Sequence Diagram - Simpan Foto Profil ...................................... 93

Gambar 3.117. Sequence Diagram - Login System ............................................... 93

Gambar 3.118. Sequence Diagram - Lihat Mata Kuliah ....................................... 94

Gambar 3.119. Sequence Diagram - Lihat Jadwal ................................................ 94

Gambar 3.120. Sequence Diagram - Lihat Grafik ................................................. 94

Gambar 3.121. Sequence Diagram - Isi KRS ........................................................ 95

Gambar 3.122. Sequence Diagram - Download KRS............................................ 95

Gambar 3.123. Sequence Diagram - Isi KPRS ...................................................... 95

Gambar 3.124. Sequence Diagram - Download KPRS ......................................... 96

Gambar 3.125. Sequence Diagram - Hapus KRS .................................................. 96

Gambar 3.126. Sequence Diagram - Hapus KPRS ................................................ 96

Gambar 3.127. Sequence Diagram - Download KHS ........................................... 97

Gambar 3.128. Sequence Diagram - Download Transkrip .................................... 97


Gambar 3.130. Sequence Diagram - Simpan Foto Profil ...................................... 98

Gambar 3.131. Sequence Diagram - Simpan Data Ortu ........................................ 98

xiv

Gambar 3.132. Sequence Diagram - Simpan Password ........................................ 98

Gambar 3.133. Class Diagram admin.................................................................. 100

Gambar 3.134. Statechart Diagram Sistem ......................................................... 101

Gambar 3.135. Struktur Basis Data ..................................................................... 102

Gambar 3.136. Halaman Login ............................................................................ 113

Gambar 3.137. Halaman Utama Mahasiswa ........................................................ 113

Gambar 3.138. Halaman Mata Kuliah Mahasiswa .............................................. 114

Gambar 3.139. Halaman Jadwal Mahasiswa ....................................................... 114

Gambar 3.140. Halaman Isi KRS Mahasiswa ...................................................... 115

Gambar 3.141. Halaman Isi KPRS Mahasiswa ................................................... 115

Gambar 3.142. Halaman Lihat KRS Mahasiswa ................................................. 116

Gambar 3.143. Halaman Lihat KHS Mahasiswa ................................................. 116

Gambar 3.144. Halaman Transkrip Nilai Mahasiswa .......................................... 117

Gambar 3.145. Halaman Grafik IP Mahasiswa ................................................... 117

Gambar 3.146. Halaman Beranda Dosen ............................................................. 118

Gambar 3.147. Halaman Jadwal Mengajar Dosen ............................................... 118

Gambar 3.148. Halaman Persetujuan KRS Mahasiswa ....................................... 119

Gambar 3.149. Halaman Isi Nilai Mahasiswa ..................................................... 119

Gambar 3.150. Halaman Beranda Admin ............................................................ 120

Gambar 3.153. Halaman Program Studi Admin .................................................. 120

Gambar 3.154. Halaman User Manager Admin................................................... 121

Gambar 3.156. Halaman View Mata Kuliah Admin ............................................ 122

Gambar 3.157. Halaman Ruang Perkuliahan (Admin) ........................................ 122

Gambar 3.159. Halaman Admin Mengelola Data Dosen .................................... 123

Gambar 3.162. Halaman Admin Mengelola Data Mahasiswa ............................. 125

Gambar 3.164. Halaman Admin Mengelola Jadwal Perkuliahan ........................ 126

Gambar 3.165. Halaman Admin Mengelola KRS Mahasiswa ............................ 126

Gambar 3.166. Halaman Admin Mengelola KRS Mahasiswa ............................ 127

Gambar 3.167. Halaman Admin Menampilkan Nilai Mahasiswa ....................... 127

Gambar 3.168. Halaman Admin Mengelola Nilai Mahasiswa ............................ 128

Gambar 3.169. Halaman Admin Menampilkan Mutasi Mahasiswa .................... 128

Gambar 3.170. Halaman Admin Mengelola Mutasi Mahasiswa ......................... 129

Gambar 3.171. Halaman Laporan Data Mahasiswa (admin) ............................... 129

Gambar 3.172. Halaman Laporan Data Dosen (admin) ....................................... 130

Gambar 3.173. Halaman Laporan Data Mata Kuliah (admin) ............................. 130

Gambar 3.174. Halaman Laporan Data KRS Mahasiswa (admin) ...................... 131

Gambar 3.175. Halaman Laporan Nilai Mahasiswa (admin) .............................. 131

Gambar 3.176. Halaman Grafik Mahasiswa Seluruhnya (admin) ....................... 132

Gambar 3.177. Halaman Grafik Dosen Aktif (admin) ......................................... 132

Gambar 3.178. Halaman Grafik Mahasiswa Aktif (admin) ................................. 133

Gambar 3.179. Halaman Grafik Pengisian KRS Mahasiswa (admin) ................. 133

xv

DAFTAR LAMPIRAN

Lampiran 1. Kartu Kegiatan Konsultasi Proposal Skripsi

Lampiran 2. Kartu Kegiatan Seminar Proposal Skripsi

Lampiran 3. Daftar Hadir Peserta Seminar Proposal Skripsi

1

BAB I

PENDAHULUAN

A. Latar Belakang Masalah

Perkembangan teknologi informasi berjalan dengan pesat. Salah satu

teknologi informasi yang sering dibicarakan akhir-akhir ini adalah jaringan

komunikasi global yang dikenal dengan sebutan Internet. Internet

merupakan sarana yang mampu menghubungkan pengguna (user) di

berbagai tempat di dunia sehingga seakan-akan tidak ada jarak antara para

pengguna tersebut.

Dengan semakin berkembangnya teknologi dunia maya terutama

aplikasi web yang semakin berkembang pada saat ini menjadikan aplikasi

web sebagai suatu wadah yang digunakan oleh orang banyak untuk

memudahkan masyarakat dalam mengakses informasi yang diinginkan

Dalam dunia pemrograman website ada banyak framework yang dapat

digunakan, salah satu framework yang sering digunakan oleh para developer

untuk membuat website adalah Framework CodeIgniter. CodeIgniter adalah

aplikasi open source yang berupa framework dengan model MVC (Model,

View, Controller) untuk membangun website dinamis dengan menggunakan

PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web

dengan cepat dan mudah dibandingkan dengan membuat dari awal.

STMIK Palangka Raya dulunya bernama AMIK Palangka Raya,

merupakan Perguruan Tinggi Informatika dan Komputer yang pertama di

Kalimantan Tengah khususnya di Kota Cantik Palangka Raya. Pada setiap

awal semester STMIK Palangka Raya selalu dipadati oleh mahasiswa yang

2

sibuk mengurus perkuliahannya, salah satunya adalah pengisian Kartu

Rencana Studi atau lebih dikenal dengan KRS.

Pengisian KRS dilakukan oleh setiap mahasiswa secara langsung di

STMIK Palangka Raya. Walaupun telah ditentukan waktu pengisian KRS

pada setiap jurusannya, tetap saja antrian yang panjang terjadi akibat

banyaknya mahasiswa yang akan melakukan pengentrian KRS.

Berdasarkan latar belakang di atas, penulis berinisiatif mengusulkan

skripsi dengan judul Rancang Bangun KRS Online Pada STMIK

Palangka Raya Menggunakan Framework CodeIgniter Yang dapat

dijalankan disemua platform smartphone. Melalui masing-masing browser

yang ada di smartphone.

B. Rumusan Masalah

Dari uraian latar belakang masalah diatas, maka perumusan

masalahnya adalah bagaimana merancang dan membangun aplikasi KRS

Online Pada STMIK Palangka Raya menggunakan Framework

CodeIgniter?

C. Batasan Masalah

Agar sistem dan penelitian yang dikerjakan sesuai dengan tujuan yang

ingin dicapai maka diperlukan batasan masalah agar langkah pengerjaan

menjadi sistematis. Adapun batasan masalah yang digunakan dalam

penelitian ini adalah :

1. Mendukung Responsive Web Design dengan menggunakan Twitter

Bootstrap.

3

2. Menampilkan hasil penginputan KRS dan menampilkan KHS pada

setiap semester, serta dapat menampilkan transkrip nilai sementara

setiap mahasiswa.

3. Sistem terdiri dari 3 (tiga) user yaitu Mahasiswa, Dosen Pembimbing

Akademik, dan Akma.

4. Dosen Pembimbing Akademik dapat melihat data KRS yang telah di

input setiap mahasiswa bimbingannya untuk dapat menyetujui atau

tidak setiap KRS yang diajukan.

5. Batasan waktu dalam pengisian KRS Online telah ditentukan oleh

sistem.

6. KRS hanya dapat diakses dalam jaringan intranet.

7. Menggunakan CodeIgniter versi terbaru yaitu 3.0.0.

8. Input data mahasiswa real 1 (satu) angkatan tahun 2014.

9. Tidak membahas pembuatan jadwal perkuliahan yang sedang berjalan,

jadwal perkulihan hanya dapat dilihat diaplikasi.

10. Output transkrip nilai, KHS, dan KRS dalam bentuk file pdf.

D. Tujuan dan Manfaat Penelitian

Tujuan dan manfaat dari penelitian ini antara lain :

1. Tujuan Penulisan

Tujuan penelitian yang ingin dicapai, sesuai dengan rumusan

masalah di atas adalah membangung sebuah sistem KRS Online Pada

STMIK Palangka Raya Menggunakan Framework CodeIgniter.

2. Manfaat Penelitian

4

Manfaat yang ingin didapat dari tujuan penelitian ini, antara lain

sebagai berikut:

5

a. Bagi Penulis

Adapun manfaat penulisan ini adalah untuk

mengimplementasikan ilmu yang didapat pada bangku kuliah dan

mengembangkan ilmu dibidang teknologi Pemrograman Web.

b. Bagi Mahasiswa STMIK

Dengan adanya penelitian ini diharapkan seorang mahasiswa

dapat terbantu dalam melakukan pengisian KRS tanpa harus

melakukan antrian yang panjang serta tidak dibatasi oleh waktu dan

tempat.

c. Bagi STMIK Palangka Raya

Manfaat yang diberikan kepada kampus adalah sebagai

referensi pada perpustakaan kampus dan dapat menjadi dokumen

akademik yang berguna untuk dijadikan acuan bagi civitas akademik

di STMIK Palangka Raya.

Selain itu manfaat yang diberikan adalah dapat membantu

mahasiswa dalam proses pengisian KRS yang mengurangi antrian saat

pengisian, serta lebih efisien dan tidak tergantung pada waktu atau

tempat.

E. Metode Penelitian

Dalam penyusunan skripsi ini, penulis menerapkan beberapa metode

untuk memperoleh data yang diperlukan, sebagai berikut :

1. Metode Pengumpulan Data

Teknik yang digunakan oleh penulis dalam tahapan pengumpulan

data adalah :

6

a. Studi Observasi, yaitu peninjauan secara langsung di lapangan atau

lokasi penelitian yaitu STMIK Palangka Raya mengenai proses-

proses yang sedang berjalan.

b. Studi pustaka, yaitu dengan mempelajari buku-buku atau referensi-

referensi yang ada sangkut pautnya dengan pembuatan skripsi ini.

c. Tahap dokumentasi, yaitu proses pengumpulan data yang

digunakan untuk mendapatkan informasi yang berkaitan dengan

objek penelitian.

2. Metode Pengembangan Sistem

Motode pengembangan sistem yang digunakan penulis adalah

waterfall (Air Terjun) dimana tahap-tahap utama dari model ini

memetakan kegiatan-kegiatan pengembangan dasar. Seperti: analisis

dan definisi persyaratan, perancangan sistem dan perangkat lunak,

implementasi dan pengujian unit, integrasi dan pengujian sistem,

operasi dan pemeliharaan.

F. Sistematika Penulisan

Dalam penulisan ini memuat uraian secara garis besar isi skripsi untuk

tiap-tiap bab yaitu sebagai berikut:

BAB I PENDAHULUAN

Pada bab ini akan terdiri dari Latar Belakang Masalah, Perumusan

Masalah, Batasan Masalah, Tujuan Dan Manfaat, Metode Penelitian dan

Sistematika Penulisan.

7

BAB II LANDASAN TEORI

Pada bab ini akan terdiri dari Tinjauan Pustaka, Kajian Teori dan

Perangkat Lunak Yang Digunakan.

BAB III ANALISA DAN DESAIN SISTEM

Pada bab ini akan terdiri dari Tinjauan Umum, Analisis dan Desain

Sistem.

BAB IV IMPLEMENTASI DAN PEMBAHASAN

Pada bab ini akan terdiri dari Implementasi, Hasil Penelitian dan

Pembahasan.

BAB V KESIMPULAN DAN SARAN

Pada bab ini akan terdiri dari Kesimpulan dan Saran.

8

BAB II

LANDASAN TEORI

A. Landasan Teori

Untuk menghindari duplikasi dari pihak lain, penulis melakukan

penelusuran terhadap penelitian-penelitian terdahulu. Dari hasil penelusuran

penelitian terdahulu, diperoleh beberapa masalah yang berkaitan dengan

masalah yang akan diteliti, yaitu:

Penelitian sejenis pernah dilakukan oleh Jupriyanto, dan Ramadian

Agus Triyono 2013 dalam Jurnalnya yang berjudul Pembangunan Sistem

Informasi Kartu Rencana Studi (KRS) Dan Kartu Hasil Studi (KHS) online

Pada Sekolah Tinggi Ilmu Tarbiyah Nahdlatul Ulama (STITNU) Pacitan.

STITNU Pacitan dalam pengisian KRS masih bersifat konvensional,

pengelolaan data KRS dan KHS pada saat ini masih mengunakan aplikasi

Microsoft Office Excel. Dengan demikian dari hasil pembahasan dapat

disimpulkan dengan sistem dan aplikasi yang baru bahwa:

a) Dengan dibangunnya sistem informasi ini, STITNU Pacitan saat ini

sudah mempunyai sistem informasi Akademik online, guna

mempermudah dalam pengelolaan data KRS, KHS dan Transkrip Nilai,

serta meningkatkan pelayanan Akademik STITNU Pacitan.

b) Dengan sistem informasi Akademik ini, mahasiswa akan mendapatkan

kemudahan dalam mengakses KRS, KHS dan Transkrip secara online.

c) Wali murid sewaktu-waktu dapat mengakses pembayaran SPP, KRS,

KHS dan Transkrip nilai putra putri mereka secara online.

9

Penelitian yang dilakukan oleh Jupriyanto, dan Ramadian Agus Triyono

2013 yang dibuat menggunakan bahasa pemprograman PHP dan MYSQL

memiliki keunggulan yaitu, wali murid dapat memantau pembayaran SPP,

KRS dan KHS putra putri mereka secara online.

Penelitian sejenis pernah dilakukan oleh Sri Ayu Wandira Masi, Arie

Lumenta, Arthur Rumagit, Aneke Wowor 2012 dalam Jurnal yang berjudul

KRS Online Berbasis Layanan SMS Gateway Di Fakultas Teknik

Universitas Sam Ratulangi. Dari hasil pembahasan dapat disimpulkan bahwa

konsep auto refresh digunakan pada web browser yang berfungsi untuk

melakukan input ke database ketika SMS masuk ke modem. Pengiriman

SMS dilakukan oleh mahasiswa dengan cara mengirimkan SMS layanan

yang diinginkan sesuai format masing-masing layanan yang telah ditentukan

untuk di kirimkan ke nomor mobile modem yang telah terhubung pada

server.

Penelitian yang dilakukan oleh Sri Ayu Wandira Masi, Arie Lumenta,

Arthur Rumagit, Aneke Wowor 2012 memiliki keunggulan diantaranya,

pengisian KRS dapat digunakan dengan mudah, pengisian KRS menjadi

fleksibel dengan adanya system baru ini.

Penelitian sejenis pernah dilakukan oleh Suprihadi, Rini Kartika

Hudiono, dan Lina Sinatra Wijaya 2013 dalam Jurnal yang berjudul

Rancang Bangung Sistem Jejaring Klaster Berbasis Web Menggunakan

Metode Model View Controller. Berdasarkan hasil perancangan dan

implementasi Sistem Jejaring Klaster berbasis Web menggunakan metode

10

Model View Controller, maka dapat diperoleh kesimpulan bahwa desain

multi website dengan memanfaatkan satu domain dengan cara setiap page

didalam website memiliki kerangka tampilan yang sama sangat tepat guna

memfasilitasi berbagai kelompok klaster, menggunakan Framework

CodeIgniter yang memudahkan dalam implementasi aplikasi dan

mendukung arsitektur Model View Controller (MVC).

Penelitian yang dilakukan oleh Suprihadi, Rini Kartika Hudiono, dan

Lina Sinatra Wijaya 2013 memiliki kenggungulan yaitu setiap website

kalster memiliki situs dengan format URL :

iklaster.com/klaster/nama_website berdasarkan nama_website yang

dimasukkan pada saat proses registrasi klaster dan memiliki tampilan yang

sama.

Penelitian sejenis pernah dilakukan oleh Guridno Adi Saputro, Amir

Hamzah, Joko Triyono 2013 dalam Jurnal yang berjudul Sistem Informasi

Pengolahan Data Rumah Kos Menggunakan Framework CodeIgniter Di

Kelurahan Demangan Kecamatan Gondokusuman Yogyakarta. Setelah

sistem berhasil disusun maka dapat mulai diterapkan sebagai sebuah layanan

baru. Implementasi sistem informasi pengolahan data rumah kos di

Kelurahan Demangan menggunakan Framework CodeIgniter, dengan

penujuk lokasi menggunakan Google Maps, dan SMS Gateway sebagai

media notifikasi. Sistem dapat diakses dari berbagai media seperti notebook,

mobile dan tablet. Disamping itu sistem memiliki fitur pencarian yang

mudah dan proses pemesanan yang cepat.

11

Penelitian yang dilakukan oleh Guridno Adi Saputro, Amir Hamzah,

Joko Triyono 2013 memiliki keunggulan yaitu, dapat diterapkan sebagai

layanan baru yang masih belum banyak digunakan di berbagai daerah di

Kota Yogyakarta. Sistem dapat diakses dengan baik di berbagai media

seperti notebook, mobile dan tablet. Pemili kos dapat dengan mudah

mengetahui siapa yang telah memesan kamar kos karena pemberitahuan

telah dikirim melalui SMS yang bertindak sebagai media notifikasi.

Penelitian sejenis pernah dilakukan oleh Ahmad Buhari, Muhammad

Sholeh, Amir Hamzah 2013 dalam Jurnal yang berjudul Aplikasi

Manajemen Pengolahan Data Pada Pengurus Cabang PSSI Provinsi D.I.

Yogyakarta Menggunakan Framework CodeIgniter Berbasis Web. Dengan

menyediakan informasi berbasis web pada kompetisi sepak bola regulary di

Provinsi D.I. Yogyakarta , pengguna hanya perlu online dan mengakses

informasi mengenai penulis web. Dengan mengakses berbasis web ini

informasi pengguna dapat mengetahui jadwal semua pertandingan yang ada

dalam kompetisi sepak bola yang sedang digulung, dan untuk mengetahui

statistik atau peringkat sementara. Tidak hanya informasi tentang kompetisi

bergulir saja tetapi dalam hal ini pengguna web dapat menemukan cara

untuk bergabung dengan tim sepak bola atau mendaftar untuk kompetisi

yang akan dimainkan.

Penelitian yang dilakukan oleh Ahmad Buhari, Muhammad Sholeh,

Amir Hamzah 2013 memiliki keunggulan yaitu, penyampaian informasi

mengenai kompetisi sepak bola di provinsi D.I. Yogyakarta akan lebi cepat,

12

efektif dan efisien. Pengguna dapat dengan mudah menemukan cara untuk

bergabung dengan tim sepak bola.

Penelitian sejenis pernah dilakukan oleh Dini Hari Pertiwi 2011 dalam

Jurnal yang berjudul Desain Dan Implementasi Sistem Informasi

Perpustakaan Berbasis Web Dengan MVC (Model View Controler). Dengan

demikian dari hasil pembahasan dapat disimpulkan dengan sistem yang baru

bahwa Sistem Informasi Perpustakaan dapat memberikan kemudahan bagi

pihak dalam lingkungan kerja dalam melaksanakan aktivitas dalam

perpustakaan. Sistem yang terdiri dari file pokok anggota, file buku, file

transaksi, file stok serta peminjaman dan pengembalian buku.

Penelitian yang dilakukan oleh Dini Hari Pertiwi 2011 memiliki

keunggulan diantaranya, sistem baru ini dapat menghasilkan rekap data

anggota, rekap data buku, pembuatan kartu anggota, rekap buku dipinjam

atau dikembalikan dengan waktu yang relatif singkat. Sistem dapat langsung

mencetak kartu anggota ketika anggota melakukan konfirmasi setelah

mendaftar.

Berdasarkan penelitian di atas, penulis ingin menghasilkan sebuah

system informasi baru, KRS dan KHS on line yang dapat berjalan pada

perangkat apapun seperti notebook, mobile, dan tablet. Yang memberi

kemudahan kepada mahasiswa dalam mengisi KRS dari perangkat apapun

dan dimanapun, serta dapat melihat rekapitulasi KRS dan KHS secara on

line.

13

B. Kajian Teori

1. Definisi

a. Profil STMIK Palangka Raya


(STMIK) Palangka Raya yang dulunya bernama AMIK Palangka

Raya, merupakan Perguruan Tinggi Informatika dan Komputer yang

pertama di Kalimantan Tengah khususnya di Kota Cantik Palangka

Raya.

Berdiri sesuai dengan ijin yang dikeluarkan oleh Dirjen Dikti

Depdikbud Nomor 078/D/O/1995, tanggal 28 September 1995 dan

ijin perubahan status menjadi STMIK Palangka Raya dari Menteri

Pendidikan Nasional Republik Indonesia Nomor 71/D/O/2007

tanggal 24 Mei 2007.

b. Kartu Rencana Studi (KRS)

KRS adalah kartu yang berisi daftar mata kuliah yang akan

diikuti oleh setiap mahasiswa dalam satu semester. Didalam sebuah

KRS tercantum data mahasiswa (NIM, Nama, Kelas, Jurusan,

Jumlah Semester dan Tahun Akademik yang diikuti), Kode Mata

Kuliah, Nama Mata Kuliah, SKS dan Kelas yang diikuti. Selain itu

KRS merupakan bukti seorang mahasiswa aktif pada semester yang

bersangkutan.

c. Kartu Hasil Studi (KHS)

KHS adalah data seluruh nilai yang diperoleh mahasiswa dari

mata kuliah yang dicantumkan dalam kartu rencana studi setiap

semester.

14

d. Mengenal CodeIgniter

CodeIgniter adalah sebuah framework yang digunakan untuk

membuat sebuah aplikasi berbasis web yang disusun dengan

menggunakan bahasa PHP. Di dalam CI ini terdapat beberapa

macam kelas yang berbentuk library dan helper yang berfungsi

untuk membantu pemrogram dalam mengembangkan aplikasinya.

Model View Controller merupakan suatu konsep yang cukup

populer dalam pembangunan aplikasi web. Berawal dari bahasa

pemrograman Small Talk, MVC memisahkan pengembangan

aplikasi berdasarkan komponen utama yang membangun sebuah

aplikasi seperti manipulasi data, user interface, dan bagian yang

menjadi kontrol aplikasi. Terdapat 3 jenis komponen yang

membangun suatu MVC pattern dalam suatu aplikasi sebagai

berikut.

1) View, merupakan bagian yang menangani presentation logic.

Pada suatu aplikasi web bagian ini biasanya berupa file template

HTML yang diatur oleh controller. View berfungsi untuk

menerima dan merepresentasikan data kepada user. Bagian ini

tidak memiliki akses langsung terhadap bagian model.

2) Model, biasanya berhubungan langsung dengan database untuk

memanipulasi data (insert, update, delete, search), menangani

validasi dari bagian controller, namun tidak dapat berhubungan

langsung dengan bagian view.

15

3) Controller, merupakan bagian yang mengatur hubungan antara

bagian view, controller berfungsi untuk meneriman request dan

data dari user kemudian menentukan apa yang akan diproses oleh

aplikasi.

Gambar 2.1. Cara Kerja MVC

Dengan menggunakan prinsip MVC suatu aplikasi dapat

dikembangkan sesuai dengan kemampuan developer, yaitu

programmer yang menangani bagian model dan controller.

Sedangkan, designer menangani bagian view sehingga

penggunaan arsitektur MVC dapat meningkatkan maintanability

dan organisasi kode. Walaupun demikian, dibutuhkan

komunikasi yang baik antara programmer dan designer dalam

menangani variabel-variabel yang akan ditampilkan.

Ada beberapa kelebihan CodeIgniter (CI) dibandingkan

dengan Framework PHP lain, sebagai berikut.

a) Performa Sangat Cepat

Salah satu alasan tidak menggunakan framework

adalah karena eksekusinya yang lebih lambat daripada PHP

16

form the scratch. Akan tetapi, CodeIgniter sangat cepat

bahkan mungkin bisa dibilang CodeIgniter merupakan

framework yang paling cepat dibandingkan framework

yang lain.

b) Konfigurasi Yang Sangat Minim (Nearly Zero

Configuration)

Tentu saja untuk menyesuaikan dengan database dan

keleluasaan routing tetap diizinkan melakukan konfigurasi

dengan mengubah beberapa file konfigurasi seperti

database.php atau autoload.php. Namun, untuk

menggunakan CodeIgniter dengan settingan standard, kita

hanya perlu merubah sedikit saja file pada folder config.

c) Banyak Komunitas

Dengan banyaknya komunitas CodeIgniter ini,

memudahkan kita untuk berinteraksi dengan yang lain, baik

untuk bertanya atau mengetahui perkembangan terbaru.

d) Dokumentasi Yang Sangat Lengkap

Setiap paket instalasi CodeIgniter sudah disertai user

guide yang sangat bagus dan lengkap untuk dijadikan

permulaan. Bahasa yang digunakan pun mudah dipahami.

e. Pengertian Aplikasi web dan Perkembangan web

Menurut Priyo (2013:1) Web merupakan representasi sebuah

halaman di internet yang menyajikan berbagai macam informasi.

Halaman-halaman tersebut merupakan dokumen yang tersebar di

beberapa komputer di seluruh dunia yang terhubung satu sama lain.

17

File dokumen tersebut dapat beriksi bahasa pemrograman (HTML,

PHP, CSS, JavaScript), File gambar, suara, dan sebagainya,

tersimpan pada server online (hosting) dan mempunyai alamat yang

spesifik (domain) yang dapat diakses melalui sebuah web browser.

Perkembangan web sampai saat ini dapat dikelompokkan menjadi

tiga, yaitu:

a) Web 1.0

Versi yang pertama dari web menyajikan informasi

secara statis atau dikenal sebagai read-only web sehingga seorang pembaca dimungkinkan mencari informasi yang

mereka inginkan. Interaksi dengan pembaca masihsangat

sedikit sekali, kalaupun ada maka pihak pembuat/programmer

akan sering dicari untuk mengubah keseluruhan atau sebagian

konten web.

Gambar 2.2. Gambar web 1.0

b) Web 2.0

Versi yang kedua ini menandakan adanya hubungan

interaksif antara pembaca dan pembuat web sehingga pengguna

dapat memberikan kontribusi terhadap tampilan/konten

website. Istilah web 2.0 ini pertama kali diperkenalkan oleh

OReilly Media pada tahun 2004. Didukung dengan kemajuan inovasi antarmuka (interface) yang menggabungkan antara

teknologi HTML, JavaScript, CSS, dan XML. Contoh web 2.0

ini antara lain web jejaring sosial seperti facebook, twitter,

youtube, wikipedia, dan flickr yang menekankan kolaborasi

online dan berbagai antar pengguna.

Gambar 2.3. Gambar Web 2.0

18

c) Web 3.0

Versi yang ketiga ini dikenal sebagai semantic-web yang

mempunyai beberapa ciri/karakteristik, antara lain:

(1) Kecerdasan buatan (Artificial Intelligence) yang lebih maju

sehingga web akan dapat memahami kata per kata yang

diketikkan oleh pengguna.

(2) Abiquitous connectivity yang memungkinkan website dapat

diakses pada perangkat, bahkan di prediksi tidak hanya

perangkat ponsel saja melainkan dapat diakses melalui jam

tangan, televisi, dan lain-lain.

(3) Revolusi tampilan dari dua dimensi ketiga dimensi.

Gambar 2.4. Gambar web 3.0

f. PHP (Hypertext Preprocessor)

Menurut Kadir (2008:2) PHP merupakan singkatan dari PHP

Hypertext Preprocessor. Ia merupakan bahasa berbentuk skrip yang

di tempatkan dalam server dan diproses di server. Hasilnya yang

dikirim ke klien, tempat pemakai menggunakan browser.

Secara khusus, PHP dirancang untuk membentuk aplikasi web

dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan

permintaan terkini. Misalnya, anda bisa menampilkan isi database ke

halaman web. Pada prinsipnya PHP mempunyai fungsi yang sama

dengan skrip-skrip seperti ASP (Active Server Page), cold fusion,

ataupun perl. Namun, perlu diketahui PHP sebenarnya bisa dipakai

secara command line artinya, skrip PHPdapat dijalankan tanpa

melibatkan web server maupun browser.

Gambar 2.5. Skema PHP.

19

g. HTML (Hyper Text Markup Language)

Menurut Arief (2011:23) HTML atau Hyper Text Markup

Language merupakan salah satu format yang digunakan dalam

pembuatan dokumen dan aplikasi yang berjalan di halaman web.

Dokumen ini dikenal sebai web page. Dokumen HTML merupakan

dokumen yang disajikan pada web brower.

Gambar 2.6. Skema HTML.

Menurut Utomo ( 2013:34) HTML 5 merupakan standar baru

untuk HTML, XHTML, dan DOM HTML. HTML 5 ini merupakan

proyek kerja sama antara W3C (Word Wide Web Consortium) dan

WHATG (Web Hypertext Application Technology Working Group).

Gambar 2.7. Sintaks HTML5.

h. Web Server

Menurut Arief (2011:19) Web Server adalah program aplikasi

yang memiliki fungsi sebagai tempat penyimpan kokumen-dokumen

web. Jadi semua dokumen Web baik yang ditulis menggunakan client

side scripting maupun server side scripting tersimpan di dalam

direktori utama web server (document root).

Web server merupakan software yang memberikan layanan

data yang berfungsi menerima permintaan HTTP atau HTTPS dari

klien yang dikenal dengan browser web dan mengirimkan kembali

20

hasilnya dalam bentuk halaman-halaman web yang umumnya

berbentuk dokumen HTML.

Macam - macam Web Server diantaranya:

a) Apache Web Server - The HTTP Web Server

b) Apache Tomcat

c) Microsoft windows Server 2003 Internet Information Services

(IIS)

d) Lighttpd

e) Sun Java System Web Server

f) Xitami Web Server

g) Zeus Web Server

i. MySQL

Menurut Arief (2011:151) MySQL dikembangkan oleh sebuah

perusahaan Swedia bernama MySQL AB yang pada saat itu bernama

TcX Data Konsult AB sekitar tahun 1994-1995, namun cikal bakal

kodenya sudah ada sejak 1979. Awalnya TcX membuat MySWL

dengan tujuan pengembangan aplikasi web untuk klien. TcX

merupakan perusahaan pengembang software dan konsultan

database. Saat ini MySQL sudah diakuisisi oleh Oracle Corp.

MySQL salah satu jenis database server yang sangat terkenal

dan banyak digunakan untuk membangun aplikasi web yang

menggunakan database sebagai sumber dan pengelolaan datanya.

Kepoluleran MySQL antara lain karena MySQL menggunakan SQL

sebagai bahasa dasar untuk mengakses database-nya sehingga

mudah untuk digunakan, kinerja query cepat, dan mencakupi untuk

kebutuhan database perusahaan-perusahaan skala menengah-kecil.

MySQL juga bersifat open source dan free (anda tidak perlu

membayar untuk menggunakannya).

j. Model Air Terjun (Waterfall)

Menurut Sommerville (2003:42) Model ini mengambil

kegiatan proses dasar seperti spesifikasi, pengembangan, validasi,

dan evolusi, dan merepresentasikannya sebagai fase-fase proses yang

berbeda seperti spesifikasi persyaratan, perancangan perangkat

lunak, implementasi, pengujian, dan seterusnya.

Menurut Sommerville (2003:43) model pertama yang

diterbitkan untuk proses pengembangan perangkat lunak diambil dari

proses rekayasa lain (Royce, 1970). Model ini diilustrasikan pada

gambar 11. Berkat penurunan dari satu fase ke fase yang lainnya.

Model ini dikenal sebagai model air terjun atau siklus hidup

21

perangkat lunak. Tahap-tahap utama dari model ini memetakan

kegiatan-kegiatan pengembangan dasar yaitu:

1) Analisis dan definisi persyaratan. Pelayanan, batasan, dan tujuan sistem ditentukan melalui konsultasi dengan user. Persyaratan

ini kemudian didefinisikan secara rinci dan berfungsi sebagai

spesifikasi sistem.

2) Perancangan sistem dan perangkat lunak. Proses perancangan sistem membagi persyaratan dalam sistem perangkat keras atau

perangkat lunak. Kegiatan ini menentukan arsitektur sistem

secara keseluruhan. Perancangan perangkat lunak melibatkan

identifikasi dan deskripsi abstraksi sistem perangkat lunak yang

mendasar dan hubungan-hubungannya.

3) Implementasi dan pengujian unit. Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai serangkaian program

atau unit program. Perngujian unit melibatkan verifikasi bahwa

setiap unit telah memenuhi spesifikasinya.

4) Integrasi dan pengujian sistem. Unit program atau program individual diintegrasikan dan diuji sebagai sistem yang lengkap

untuk menjamin bahwa persyaratan sistem telah terpenuhi.

Setelah pengujian sistem, perangkat lunak dikirim kepada

pelanggan.

5) Operasi dan pemeliharaan. Biasanya (walaupun tidak seharusnya), ini merupakan fase siklus hidup yang paling lama.

Sistem diinstal dan dipakai. Pemeliharaan mencakup koreksi

dari berbagai error yang tidak ditemukan pada tahap-tahap

terdahulu, perbaikan atas implementasi unit sistem dan

pengembangan pelayanan sistem, sementara persyaratan-

persyaratan baru ditambahkan.

Gambar 2.8. Siklus Hidup Perangkat Lunak.

k. Unified Modelling Language (UML)

Menurut S. Pressman (2010:987) Unified Modeling Language

(UML) adalah bahasa standar untuk penulisan cetak biru perangkat lunak. UML dapat digunakan untuk memvisualisasikan, menentukan,

22

mengonstruksi, dan mendokumentasikan artifak-artifak suatu sistem

software-intensive.

UML terdiri dari dua jenis yaitu Structural Diagram dan

Behavioral Diagram:

a) Structural Diagram:

(1) Class Diagram

Class adalah sebuah spesifikasi yang jika diinstansiasi

akan menghasilkan sebuah objek dan merupakan inti dari

pengembangan dan desain berorientasi objek.

Tabel 2.1.Notasi pada Class Diagram.

Relasi Fungsi Notasi

Class Class adalah blok-blok

pembangunan pada

pemrograman berorientasi

obyek. Sebuah

classdigambarkan sebagai

sebuah kotak yang terbagi

atas 3 bagian. Bagian atas

adalah bagian nama dari

class. Bagian tengah

mendefinisikan

property/atribut class. Bagian

akhir mendefinisikan method-

method dari sebuah class.

Site Config

+sqlDNS:string

+adminemail:str

ing

Association Sebuah asosiasi merupakan

sebuah relationship paling

umum antara 2 class,

dilambangkan oleh sebuah

garis yang menghibungkan

antara 2 class. Garis ini bisa

melambangkan tipe-tipe

relasionship dan juga dapat

menampilkan okum-hukum

multiplisitas pada sebuah

relationship.

1..n Owned by 1

23


Composition Jika sebuah class tidak bisa

berdiri sendiri dan harus

merupakan bagian dari class

yang lain, maka class tersebut

memiliki relasi composition

terhadapclass tempat dia

bergantung tersebut. Sebuah

relationship composition

digambarkan sebagai garis

dengan ujung berbentuk

jajaran genjang berisi/solid.

Dependency Kadangkala sebuah class

menggunakan class yang lain

hal ini disebut dependency.

Umumnya penggunaan

dependency digunakan untuk

menunjukan operasi pada

suatu class yang

menggunakan class yang lain.

Sebuah dependency

dilambangkan sebagai sebuah

panah bertitik-titik.

Aggregation Aggregation mengindikasikan

keseluruhan bagian

relationship dan biasanya

disebut sebagai relasi

mempunyai sebuah atau bagian dari. Sebuah aggregation digambarkan

sebagai sebuah garis dengan

sebuah jajaran genjang yang

tidak berisi/tidak solid.

Generalization Sebuah relasi generalization

sepadan dengan sebuah relasi

inheritance pada konsep

berorientasi obyek. Sebuah

generalization dilambangkan

dengan sebuah panah dengan

kepala panah yang tidak solid

yang mengarah ke kelas

parent-nya/induknya.

24

(2) Object diagram

Object diagram adalah diagram yang memberikan

gambaran model instance-instance dari sebuah class.

Tabel 2.2. Notasi pada Object Diagram


Object Obyek-obyek

diidentifikasikan dengan

cara meletakkan nama

instance-nya kemudian

diikuti oleh tanda titik dua

didepan nama class-nya.

Nilai property/atribut

dituliskan berpasangan

seperti

nama_atribut=nilai. Sedangkan notasi sebuah

obyek digambarkan

segiempat yang terbagi

atas 2 bagian.

Association Object diagram juga

mengandung asosiasi.

Biasanya constraint, detail

relationship, multiplisitas

yang ada di class diagram

tidak disertakan dalam

object diagram sebagai

upaya memfokuskan

perhatian hanya terhadap

obyek dan

property/atributnya.

Asosiasi antar 2 obyek

biasanya dinotasikan

dengan sebuah garis yang

menghubungkan kedua

obyek.

(3) Component diagram

Component diagram menggambarkan struktur dan

hubungan antar komponen piranti lunak, termasuk

ketergantungan (dependency) diantaranya.

Jonh Doe:Karty Harian

NIP:char= 50499333

Nama:char=John Doe

tglLahir:char=23-12-70

tglMasuk:char=05-05-03

departemen:char=finance upahHarian:double:120000 jmlHariKerja:int=25

25

Tabel 2.3. Notasi pada Component Diagram.


Component Sebuah komponen

melambangkan sebuah entitas

software dalam sebuah sistem.

Sebuah komponen dinotasikan

sebagai sebuah kotak segiempat

dengan dua kotak kecil

tambahan yang menempel di

sebelah kirinya

Dependency Sebuah dependency digunakan

untuk menotasikan relasi antara

dua komponen. Notasinya

adalah tanda panah putus-putus

yang diarahkan kepada

komponen tempat sebuah

komponen itu bergantung.

(4) Deployment diagram

Deployment diagram menggambarkan detail

bagaimana komponen di-deploy dalam infrastruktur sistem,

dimana komponen akan terletak (pada mesin, server atau

piranti keras apa), bagaimana kemampuan jaringan pada

lokasi tersebut, spesifikasi server dan hal-hal lain yang

bersifat fisikal.

Tabel 2.4. Notasi pada Deployment Diagram.


Component Pada deployment diagram

komponen-komponen yang

ada diletakkan didalam node

untuk memastikan

keberadaan posisi mereka.

Component

Component

26


Node Node menggambarkan bagian-

bagian hardware dalam

sebuah sistem. Notasi untuk

node digambarkan sebagai

sebuah kubus 3 dimensi.

Association Sebuah association digambar-

kan sebagai sebuah garis yang

dihubungkan dua node yang

mengindikasikan jalur

komunikasi antara element-

element hardware.

b) Behavioral Diagram:

(1) Use-Case Diagram

Menurut Sommerville (2003:127) Use-case (kasus

penggunaan) adalah teknik berdasarkan scenario untuk

elisitasi persyaratan yang pertama kali diperkenalkan pada

metode objector (Jacobson Etal,. 1993).

Tabel 2.5. Notasi pada Use Case Diagram


Actor Actor adalah pengguna sistem. Actor

tidak terbatas hanya untuk manusia

saja, jika sebuah sistem

berkomunikasi dengan aplikasi lain

dan membutuhkan input atau

memberikan output, maka aplikasi

tersebut juga bisa dianggap sebagai

actor.

Use Case Use case digambarkan sebagai

lingkaran elips dengan nama use

case dituliskan didalam elips

tersebut.

Association Asosiasidigunakan untuk

menghubungkan actor dengan use

case. Asosiasi digambarkan dengan

sebuah garis yang menghubungkan

antara actor dengan use case.

27

(2) Sequence Diagram

Menurut Triandini dan Suardika (2012:71) System

Sequence Diagram (SSD) adalah diagram yang digunakan

untuk mendefinisikan input dan output serta urutan interaksi

antara pengguna dan sistem untuk sebuah use-case.

Tabel 2.6. Notasi pada Sequence Diagram


Object Object merupakan instance dari sebuah

class dan dituliskan tersusun secara

horizontal. Digambarkan sebagai sebuah

class (kotak) dengan nama obyek

didalamnya yang diawali dengan sebuah

titik koma.

Actor Actorjuga dapat berkomunikasi

dengan Object, maka Actor juga dapat

diurutkan sebagai kolom. Simbol

actor sama dengan simbol pada actor

use case diagram.

Lifeline Lifeline mengindikasikan keberadaan

sebuah object dalam basis waktu.

Notasi untuk lifeline adalah garis

putus-putus vertikal yang ditarik dari

sebuah obyek.

Activation Activation dinotasikan sebagai sebuah

kotak segi empat yang digambar pada

sebuah lifeline. Activation

mengindikasikan sebuah obyek yang

akan melakukan sebuah aksi.

Message Message digunakan dengan anak

panah horizontal antara activation.

Message mengidentifikasikan

komunikasi antara object-object.

(3) Collaboration diagram

Collaboration diagram juga menggambarkan interaksi

antar objek seperti sequence diagram, tetapi lebih

menekankan pada peran masing-masing objek dan bukan

pada waktu penyampaian message.

; Object1

28

Table 2.7. Notasi pada Collaboration Diagram


Object Object merupakan instance dari

sebuah class. Digambarkan sebagai

sebuah class (kotak) dengan nama

obyek didalamnya yang diawali

dengan sebuah titik koma.

Actor Actor juga dapat berkomunikasi

dengan object, maka actor juga dapat

disertakan kedalam collaboration

diagram. Simbol actor sama dengan

simbol pada actor Use Case

Diagram.

Message Message, digambarkan dengan

anak panah yang mengarah antar

obyek dan diberi label urutan

nomor yang mengindikasikan

urutan komunikasi yang terjadi

antar obyek.

(4) Statchart diagram

Statchart diagram menggambarkan transisi dan

perubahan keadaan (dari satu ke state lainnya) suatu objek

pada sistem sebagai akibat dari stimuli yang diterima.

Table 2.8. Notasi pada Statchart Diagram


State Notasi state menggambarkan

kondisi sebuah entitas, dan

digambarkan dengan segiempat

yang pinggirnya tumpul dengan

nama state didalamnya.

Transition Sebuah transition

menggambarkan sebuah

perubahan kondisi objek yang

disebabkan oleh sebuah event.

Transition digambarkan dengan

sebuah anak panah dengan nama

event yang ditulis diatasnya,

dibawahnya atau sepenjang anak

panah tersebut

; Object1

Message

State 1

Transition

29


Initial state Initial state adalah sebuah

kondisi awal sebuah object

sebelum ada perubahan keadaan.

Initial state digambarkan dengan

sebuah lingkaran solid. Hanya

satu initial state yang diizinkan

dalam sebuah diagram.

Final state Final state menggambarkan

ketika objek berhenti memberi

repon terhadap event. Final state

digambarkan dengan lingkaran

solid didalam sebuah lingkaran

kosong.

(5) Activity diagram

Activity diagram menggambarkan sebagai alir aktivitas

dalam sistem yang sedang dirancang, bagaimana masing-

masing alir berawal, decision yang memungkinkan terjadi,

dan bagaimana mereka berakhir.

Tabel 2.9. Notasi pada Activity diagram


Initial State Merepresentasikan dimulainya

alur kerja suatu sistem dalam

activity diagram, dinotasikan

dengan lingkaran solid.

Final State Merepresentasikan diakhirinya

alur kerja suatu sistem dalam

activity diagram. Dinotasikan

dengan lingkaran solid dengan

lingkaran di luarnya.

Activity Merepresentasikan performa

dari beberapa tingkah laku di

dalam alur kerja, dinotasikan

dengan segiempat.

Decision points Menentukan kapan alur dalam

aktivitas menjadi bercabang.

Dinotasikan dengan belah

ketupat.

30


Synchoronization

bars

Fork; digunakan untuk

menunjukkan kegiatan yang

dilakukan secara parallel atau

untuk menggabungkan dua

kegiatan parallel menjadi satu

Transition

between

activities

Menggambarkan pertukaran

dari control alur antar

activitas, dinotasikan dengan

panah berarah.

C. Perangkat Lunak yang digunakan

Perangkat lunak yang digunakan penulis untuk membangun sistem ini

adalah sebagai berikut:

1) Sublime Text 3

Untuk merancang atau membuat program penulis menggunakan

Sublime Text 3 (editor text programming) dengan berbasis python. Namun

Sublime Text tidak dilengkapi dengan tampilan preview website.

2) XAMPP / LAMPP

Menurut Utomo (2013:7) Xampp, merupakan bundle paket instan

yang terdiri dari Apache (Server), MySQL (database), dan PHP. Paket

instan ini banyak digunakan oleh beberapa programmer web karena

kemudahannya sehingga programmer tidak perlu mengkonfigurasi dari

awal melainkan tinggal pakai. Aplikasi XAMPP ini dapat digunakan pada

semua sistem operasi (2000,XP,Vista, dan Windows 7), serta tersedia juga

untuk versi Linux.

3) Dia Diagram Editor

Dia Digram Editor adalah sebuah free and open source

software yang fungsinya untuk membantu pembuatan dan perencanaan

diagram agar lebih terstruktur. Aplikasi ini menyediakan banyak fasilitas

pembuatan diagram untuk menggambarkan informasi dan sistem, dari

penjelasan dalam bentuk teks menjadi bentuk diagram gambar disertai

penjelasan singkat.

31

BAB III

ANALISIS DAN DESAIN SISTEM

A. Tinjauan Umum

STMIK Palangka Raya dulunya bernama AMIK Palangka Raya,

merupakan Perguruan Tinggi Informatika dan Komputer yang pertama di

Kalimantan Tengah khususnya di Kota Cantik Palangka Raya. Berdiri sesuai

dengan ijin yang dikeluarkan oleh Dirjen Dikti Depdikbud Nomor 71/D/O/2007

tanggal 24 Mei 2007 dengan jurusan Teknik Informatika, Sistem Informatika

(S-1), dan jurusan Manajemen Informatika (D-III).

Pada setiap awal semester STMIK Palangka Raya selalu dipadati oleh

mahasiswa yang sibuk mengurus perkuliahannya salah satunya adalah pengisian

Kartu Rencana Studi atau lebih dikenal dengan KRS. KRS adalah kartu yang

berisi daftar mata kuliah yang akan diikuti oleh setiap mahasiswa dalam satu

semester. Didalam sebuah KRS tercantum data mahasiswa (NIM, Nama, Kelas,

Jurusan, Jumlah Semester dan Tahun Akademik yang diikuti), Kode Mata

Kuliah, Nama Mata Kuliah, SKS dan Kelas yang diikuti. Selain itu KRS

merupakan bukti seorang mahasiswa aktif pada semester yang bersangkutan.

Pengisian KRS dilakukan oleh setiap mahasiswa secara langsung

dikampus STMIK Palangka Raya pada beberapa loket. Walaupun telah

ditentukan waktu pengisian KRS pada setiap jurusannya, tetap saja antrian yang

panjang pun terjadi akibat banyaknya mahasiswa yang akan melakukan

pengentrian KRS.

32

Dari permasalahan yang dipaparkan di atas maka penulis berinisiatif

membuat skripsi dengan judul Rancang Bangun KRS Online Pada STMIK

Palangka Raya Menggunakan Framework CodeIgniter Yang dapat

dijalankan disemua platform smartphone. Melalui masing-masing browser yang

ada di smartphone.

B. Analisis

Tahapan analisis adalah tahapan utama dalam membangun atau membuat

sebuah perangkat lunak. Pada analisis ini penulis akan menganalisis beberapa

yaitu sebagai berikut:

1. Analisis Kelemahan Sistem

Pada saat ini, sistem yang berjalan pada STMIK Palangka Raya yaitu

menggunakan Aplication Desktop berbasis GUI, artinya jika mahasiswa ingin

melakukan pengentrian KRS harus menggunakan komputer (Personal

Computer) yang telah disediakan dari pihak kampus.

Sehingga mahasiswa saat ini sulit untuk melakukan pengentrian data

dengan cepat yang mengharuskan mahasiswa untuk hadir ke kampus pada saat

pengisian KRS berlangsung. Selain itu mahasiswa diperbolehkan melakukan

pengisian KRS sesuai dengan jadwal yang telah ditentukan untuk masing-

masing jurusannya.

Dari hasil analisa yang telah dilakukan adalah menggunakan analisis

PIECES sehingga diperoleh data sebagai berikut:

33

Tabel 3.1. Analisis PIECES.

Jenis Analisis Sistem Lama Sistem yang diajukan

Analisis Kinerja

(Performance)

Proses pengisian KRS lama.

Setelah KRS jadi, setiap mahasiswa wajib

konsultasi dengan dosen

untuk meminta

persetujuan KRS yang

diajukan.

Pengisian KRS lebih cepat karena mahasiswa

cukup mengakses situs

dari kampus dan

mengisikan data yang

dibutuhkan.

Dengan sistem konsultasi on line

mahasiswa tidak perlu

bertatap muka untuk

konsultasi dengan dosen,

mahasiswa akan melihat

KRS yang telah disetujui

atau tidak oleh dosen.

Analisis

Informasi

(Information)

Ketika ada mahasiswa yang tidak kadir saat hari

pengisian KRS, maka

harus hadir dihari

berikutnya. Apabila batas

pengisian KRS berakhir

harus menghubungi

AKMA.

Batas paling lambat pengisian KRS on line

lebih lama dibanding

dengan pengisian KRS

sekarang.

Analisis Ekonomi

(Economy)

Mahasiswa harus merogoh kocek untuk

pergi ke kampus, padahal

ada mahasiswa yang

berdomisili jauh dari

kampus.

Lebih ekonomis, karena mahasiswa tidak perlu

mengeluarkan uang

transport untuk pergi ke

kampus.

Analisis Kendali

(Control)

Pengisian manual memungkinkan terjadi

human error.

Lebih mudah dikontrol, sehingga dapat

membantu pengambilan

keputusan.

Rentan terhadap tindak kejahatan cybercrime.

Analisis Efisiensi

(Effeciency)

Waktu dan biaya yang dikeluarkan lebih banyak.

Terbatasnya jarak dan waktu.

Tidak terbatas jarak dan waktu.

Lebih efektif, efisien dan hemat.

Analisis Layanan

(Service)

Terjadi keterlambatan dalam memberikan atau

mendapatkan informasi

karena tidak bisa dimana

saja dan kapan saja.

Pelayanan dalam KRS on line ini lebih

cepat.

34

2. Analisis Kebutuhan

Tahapan analisis kebutuhan adalah tahapan yang digunakan untuk

mengetahui apa saja yang dibutuhkan dalam pembuatan Rancang Bangun

KRS Online Pada STMIK Palangka Raya Menggunakan Framework

CodeIgniter.

a. Kebutuhan Perangkat Keras

Kebutuhan perangkat keras (Hardware) yang digunakan penulis

dalam pembuatan aplikasi ini yaitu :

1) Type : Laptop Asus Model A46CM

2) Processor : Intel Core i5-3317U CPU @ 1.70GHz

3) Memory : SODIMM DDR3 Synchronous 1333 MHz @ 6GiB

4) LCD : 14 HD SLIM

5) Hard disk : 500 GB

b. Kebutuhan Perangkat Lunak

Dalam Kebutuhan perangkat lunak (software) yang digunakan

penulis yaitu :

1) Linux Mint 17 codename Qiana 32-bit

2) Sublime Text Versi 3 (free version)

3) Google chrome Version 40.0.2214.91

4) Xampp-linux-Versi 1.8.2-4

5) Dia Diagram for Linux 0.97.2

c. Kebutuhan Informasi

Kebutuhan informasi dalam pembuatan Rancang Bangun KRS

Online Pada STMIK Palangka Raya Menggunakan Framework

CodeIgniter adalah study pustaka dan dokumentasi, yaitu dengan

35

membaca buku-buku teori dari para ahli serta dari internet yang

berhubungan langsung dengan pembuatan perangkat lunak berbasis web.

d. Kebutuhan Pengguna (User)

Pengguna (user) yang menggunakan aplikasi ini adalah mahasiswa,

dosen, dan akma. Namun untuk dapat menggunakan aplikasi ini nanti,

pengguna harus menggunakan sebuah aplikasi yang mendukung

pembuatan website ini, yaitu web browser (Mozilla Firefox, Google

Chrome, Opera Mini, dll).

3. Analisis Kelayakan Sistem

a. Kelayakan Teknologi

Kelayakan teknologi yang digunakan untuk membuat atau

merancang aplikasi ini sudah menggunakan berbasis web dimana

pengguna nantinya yang dapat menggunakan ini tidak perlu khawatir

dengan jenis sistem operasi yang berbeda-beda pada platform mereka.

Karena dengan mempunyai browser yang mendukung HTML5 pengguna

sudah dapat menggunakan Rancang Bangung KRS Online Pada STMIK

Palangka Raya Menggunakan Framework CodeIgniter.

b. Kelayakan Hukum

Aplikasi yang dihasilkan ini merupakan hasil karya penulis sendiri

dan tidak merupakan pelanggaran hak cipta orang lain. Kemudian

informasi yang dihasilkan tidak melanggar hukum yang berlaku.

36

c. Kelayakan Operasional

Aplikasi ini dapat membantu memberikan layanan pada mahasiswa

STMIK Palangka Raya untuk melakukan pengisian KRS dengan cepat,

kapanpun dan dimanapun asalkan terhubung dengan internet. Sehingga

aplikasi ini layak untuk dioperasikan/digunakan. Menggunakan Twitter

Bootstrap, PHP, MySQL yang Open Source dan Framework CodeIgniter.

C. Desain Sistem

Berdasarkan konsep pemodelan sistem yang penulis gunakan, maka penulis

menguraikan konsep desain sistem informasi dengan menggunakan tools sistem

untuk menggambarkan bentuk sistem dan untuk membantu analisis. Maka penulis

menggunakan langkah-langkah sebagai berikut:

1. Desain Proses

Pada tahap desain proses ini, penulis menggunakan UML (Unified

Modeling Language) untuk menggambarkan proses pada system KRS Online

STMIK Palangka Raya :

a. Diagram Use Case

Diagram use case diperuntukan untuk menggambarkan

fungsionalitas sebuah sistem. Sebuah diagram usecase mengidentifikasi

aktor yang terlibat dalam kegiatan yang dapat dilakukan terhadap aplikasi.

Dalam hal ini meliputi user dan sistem.

37

Gambar 3.1 Diagram use case interaksi sistem KRS

38

Dari Use Case Diagram pada Gambar 3.1 maka dapat dilihat

bahwa di dalam aplikasi KRS on line ini terdapat tiga actor yaitu

mahasiswa, dosen dan admin dimana actor dilambangkan dengan gambar

orang. Mahasiswa, dosen dan admin dapat melakukan beberapa hal yang

dilambangkan dengan use case (gambar lingkaran).

Pada aplikasi KRS on line ini mahasiswa diwajibkan untuk login

terlebih dahulu kemudian mahasiswa dapat merubah data profil, melihat

jadwal, matakuliah, KRS atau KHS dan dapat didownload, selain itu

mahasiswa juga dapat melihat grafik IP dan melihat transkrip nilai.

Mahasiswa dapat melakukan pengisian KRS atau KPRS, dan dapat

mendownload hasil pengisian.

Dosen diwajibkan untuk login terlebih dahulu kemudian dosen

dapat melakukan beberapa hal dalam sistem, yaitu : dapat merubah data

profil, melihat jadwal mengajar, daftar matakuliah, melihat jadwal

mahasiswa, melakukan persetujuan KRS mahasiswa, menginput nilai, dan

melihat data mahasiswa yang diampu.

Admin dapat melakukan beberapa hal, yaitu: dapat login untuk

melakukan tambah data Program Studi, mengelolad data Matakuliah,

mengelola data Usermanager, mengelola data Ruang Perkuliahan,

mengelola data Dosen, mengelola data Mahasiswa, mengelola data

Jadwal, mengelola KRS, mengelola nilai, mengelola mutasi mahasiswa,

melihat laporan data mahasiswa, melihat laporan data dosen, melihat

laporan data matakuliah, melihat laporan data KRS, melihat laporan data

39

nilai, melihat grafik mahasiswa, dosen, mahasiswa yang aktif dan grafik

yang telah mengisi KRS, mengubah data profil dan password login

admin, dan logout.

b. Activity Diagram

Activity diagram menggambarkan berbagai aliran aktivitas dalam

sistem yang sedang dirancang, bagaimana masing-masing alir

berawal, keputusan yang mungkin terjadi dan akhir dari aktivitas. Activity

Diagram juga dapat menggambarkan proses paralel yang mungkin terjadi

pada beberapa eksekusi.

1) Activity Diagram Login Admin (halaman admin)

Admin Sistem

Gambar 3.2. Activity Diagram Login Admin

40

Start

End

Salah

Benar

Oke

Batal

2) Activity Diagram Tambah Data Program Studi (admin)

Admin Sistem

Gambar 3.3. Activity Diagram Tambah Data Program Studi

3) Activity Diagram Edit Data Program Studi (admin)

Admin Sistem

Gambar 3.4. Activity Diagram Edit Data Program Studi

41

4) Activity Diagram Hapus Data Program Studi (admin)

Admin Sistem

Gambar 3.5. Activity Diagram Hapus Data Program Studi

5) Activity Diagram Tambah Data Matakuliah (admin)

Admin Sistem

Gambar 3.6. Activity Diagram Tambah Data Matakuliah

42

6) Activity Diagram Edit Data Matakuliah (admin)

Admin Sistem

Gambar 3.7. Activity Diagram Edit Data Matakuliah

43

7) Activity Diagram Hapus Data Matakuliah (admin)

Admin Sistem

Gambar 3.8. Activity Diagram Hapus Data Matakuliah

8) Activity Diagram Tambah Data Usermanager (admin)

Admin Sistem

Gambar 3.9. Activity Diagram Tambah Data Usermanager

44

9) Activity Diagram Edit Data Usermanager (admin)

Admin Sistem

Gambar 3.10. Activity Diagram Edit Data Usermanager

10) Activity Diagram Hapus Data Usermanager (admin)

Admin Sistem

Gambar 3.11. Activity Diagram Hapus Data Usermanager

45

11) Activity Diagram Tambah Data Ruang Kuliah (admin)

Admin Sistem

Gambar 3.12. Activity Diagram Tambah Data Ruang Kuliah

12) Activity Diagram Edit Data Ruang Kuliah (admin)

Admin Sistem

Gambar 3.13. Activity Diagram Edit Data Ruang Kuliah

46

13) Activity Diagram Hapus Data Ruang Kuliah (admin)

Admin Sistem

Gambar 3.14. Activity Diagram Hapus Data Ruang Kuliah

14) Activity Diagram Tambah Data Dosen (admin)

Admin Sistem

Gambar 3.15. Activity Diagram Tambah Data Dosen

47

15) Activity Diagram Edit Data Dosen (admin)

Admin Sistem

Gambar 3.16. Activity Diagram Edit Data Dosen

16) Activity Diagram Hapus Data Dosen (admin)

Admin Sistem

Gambar 3.17. Activity Diagram Hapus Data Dosen

48

17) Activity Diagram Tambah Data Mahasiswa (admin)

Admin Sistem

Gambar 3.18. Activity Diagram Tambah Data Mahasiswa

49

18) Activity Diagram Edit Data Mahasiswa (admin)

Admin Sistem

Gambar 3.19. Activity Diagram Edit Data Mahasiswa

50

19) Activity Diagram Hapus Data Mahasiswa (admin)

Admin Sistem

Gambar 3.20. Activity Diagram Hapus Data Mahasiswa

20) Activity Diagram Tambah Jadwal Kuliah (admin)

Admin Sistem

Gambar 3.21. Activity Diagram Tambah Jadwal Kuliah

51

21) Activity Diagram Hapus Jadwal Kuliah (admin)

Admin Sistem

Gambar 3.22. Activity Diagram Hapus Jadwal Kuliah

22) Activity Diagram View KRS Mahasiswa (admin)

Admin Sistem

Gambar 3.23. Activity Diagram View KRS Mahasiswa

52

23) Activity Diagram Tambah KRS Mahasiswa (admin)

Admin Sistem

Gambar 3.24. Activity Diagram Tambah KRS Mahasiswa

53

24) Activity Diagram Hapus KRS Mahasiswa (admin)

Admin Sistem

Gambar 3.25. Activity Diagram Hapus KRS Mahasiswa

54

25) Activity Diagram Tambah Nilai (admin)

Admin Sistem

Gambar 3.26. Activity Diagram Tambah Nilai

55

26) Activity Diagram Tambah Mutasi Mahasiswa (admin)

Admin Sistem

Gambar 3.27. Activity Diagram Tambah Mutasi Mahasiswa

56

27) Activity Diagram Edit Mutasi Mahasiswa (admin)

Admin Sistem

Gambar 3.28. Activity Diagram Edit Mutasi Mahasiswa

57

28) Activity Diagram Hapus Mutasi Mahasiswa (admin)

Admin Sistem

Gambar 3.29. Activity Diagram Hapus Mutasi Mahasiswa

29) Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik

(admin)

Admin Sistem

Gambar 3.30. Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik

58

30) Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik dan

Program Studi (admin)

Admin Sistem

Gambar 3.31. Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik dan Program Studi

59

31) Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik,

Program Studi dan Status (admin)

Admin Sistem

Gambar 3.32. Activity Diagram Laporan Mahasiswa Sesuai Tahun Akademik, Program Studi dan Status

60

32) Activity Diagram Laporan Dosen (admin)

Admin Sistem

Gambar 3.33. Activity Diagram Laporan Dosen

33) Activity Diagram Laporan Matakuliah (admin)

Admin Sistem

Gambar 3.34. Activity Diagram Laporan Matakuliah

61

34) Activity Diagram Laporan KRS Mahasiswa (admin)

Admin Sistem

Gambar 3.35. Activity Diagram Laporan KRS Mahasiswa

62

35) Activity Diagram Laporan Nilai Mahasiswa (admin)

Admin Sistem

Gambar 3.36. Activity Diagram Laporan Nilai Mahasiswa

36) Activity Diagram Grafik Pie Mahasiswa (admin)

Admin Sistem

Gambar 3.37. Activity Diagram Grafik Pie Mahasiswa

63

37) Activity Diagram Grafik Pie Dosen (admin)

Admin Sistem

Gambar 3.38. Activity Diagram Grafik Pie Dosen

38) Activity Diagram Grafik Batang Mahasiswa Aktif (admin)

Admin Sistem

Gambar 3.39. Activity Diagram Grafik Batang Mahasiswa Aktif

64

39) Activity Diagram Grafik KRS Mahasiswa dalam Bentuk Batang

(admin)

Admin Sistem

Gambar 3.40. Activity Diagram Grafik KRS Mahasiswa

40) Activity Diagram Edit Profile (admin)

Admin Sistem

Gambar 3.41. Activity Diagram Edit Profile

65

41) Activity Diagram Logout/Keluar (halaman admin)

Admin Sistem

Gambar 3.42. Activity Diagram Logout

42) Activity Diagram Jadwal (halaman dosen)

Dosen Sistem

Gambar 3.43. Activity Diagram Jadwal

66

43) Activity Diagram Persetujuan KRS (halaman dosen)

Dosen Sistem

Gambar 3.44. Activity Diagram Persetujuan KRS

44) Activity Diagram PembatalanKRS (halaman dosen)

Dosen Sistem

Gambar 3.45. Activity Diagram Pembatalan KRS

KRS Online STMIK Palangkaraya With CI versi 3.0

Documents

Transcript of KRS Online STMIK Palangkaraya With CI versi 3.0