PENGEMBANGAN APLIKASI PERIZINAN PERKULIAHAN
MAHASISWA TI UMY BERBASIS WEB MENGGUNAKAN PHP
Skripsi
Untuk memenuhi sebagian persyaratan Mencapai derajat Sarjana S-1
Diajukan oleh: Anggi Dhea Pangesthi
20120140115
Kepada:
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH YOGYAKARTA
iv
PRAKATA
Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan barokahnya sehingga penulis dapat menyelesaikan skripsi dengan judul “Pengembangan Aplikasi Penjualan dan Pembelian di Toko Usaha Dagang Berutu Kabupaten Dairi”. Laporan skripsi disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Sarjana Teknik (S.T) pada Program Studi S1 Teknik Informatika Universitas Muhammadiyah Yogyakarta.
Dalam melakukan penelitian dan penyusunan laporan skripsi penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada:
1. Bapak Dr. Ir. Dwijoko Purbohadi, M.T. selaku pembimbing utama yang telah membimbing penulis dengan kesabaran dan ketulusan dalam penulisan skripsi.
2. Mbak Aprilia Kurnianti, S.T., M. Eng. selaku pembimbing pendamping yang telah meluangkan waktu dan sangat sabar membimbing penulis dalam pengembangan sistem dan penulisan skripsi.
3. Mas Chayadi Oktomy N S, S.T., M.Eng. selaku dosen penguji yang mau meluangkan waktu untuk memberikan kritik dan saran kepada penulis dalam pembuatan skripsi.
4. Bapak Muhammad Helmi Zain Nuri, S.T., M.T. selaku Ketua Program Studi S1 Teknik Informatika yang telah dengan tulus berbagi ilmu dan pengalaman selama perkuliahan penulis.
5. Para dosen Jurusan Teknik Informatika Universitas Muhammadiyah Yogyakarta, Bapak Asroni, Bapak Eko, Bapak Giga, Bapak Slamet, dan Mas Damar yang telah memberikan tambahan pengetahuan dan mengajarkan ilmunya kepada penulis selama perkuliahan.
v
7. Para Staff Tata Usaha Fakultas Teknik,Bapak Wawan Shodiq Purnomo, yang dengan senang hati selalu membantu penulis dalam hal administrasi maupun berbagi kejelasan informasi terkait kebijakan Fakultas terhadap Mahasiswa.
8. Ayah dan Ibu yang selalu memberikan kasih sayang dengan cinta kasihnya, yang selalu mendoakan dan memberikan dukungan semangat kepada penulis, sehingga penulis dapat mencapai ke tahap sekarang. Terimakasih Ayah, Ibu atas segalanya yang telah kalian berikan.
9. Dek Gandhi, Dek Diaz dan Keluarga Besar, merupakan anugerah dan kebahagiaan yang diberikan oleh Allah SWT dapat berada diantara kalian. 10.Fauziah Mutmainnah, Mega Yulia Kistin, Aditya Parama Setta, Anugrah Fitrah Gusnanda, Fashallili Rabbika, dan Ima Lestari, kalian merupakan sahabat dan keluarga yang senantiasa memberikan inspirasi, motivasi, dan berbagi ide serta keceriaan selama penulisan tugas akhir ini. Terima kasih banyak atas doa dan semangatnya.
11.Teman-teman Teknologi Informasi, khususnya teman seperjuangan angkatan 2012, kalian merupakan sahabat dan keluarga yang senantiasa berbagi ilmu, suka cita, suka duka, dorongan serta motivasi dan pengalaman selama kuliah di Fakultas Teknik.
vi
PERNYATAAN
Dengan ini saya menyatakan bahwa dalam skripsi ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis dikutip dalam naskah ini dan disebutkan dalam daftar perpustakaan.
Yogyakarta, 1 September 2016
vii
DAFTAR ISI
HALAMAN PENGESAHAN I ... ii
HALAMAN PENGESAHAN II ... iii
PRAKATA ... iv
PERNYATAAN ... vi
DAFTAR ISI ... vii
DAFTAR GAMBAR ... x
DAFTAR TABEL ... xii
ABSTRAK ... xiii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 2
1.3. Batasan Masalah ... 2
1.4. Tujuan Penelitian ... 3
1.5. Manfaat Penelitian ... 3
1.6. Sistematika Penulisan ... 3
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ... 5
2.1. Tinjauan Pustaka ... 5
2.2. Landasan Teori ... 7
2.2.1. Perizinan ... 7
2.2.2. Website ... 7
2.2.3. Software Development Life Cycle ... 8
2.2.4. Teknologi Pengembangan Sistem ... 8
2.2.5. Perangkat Lunak Pendukung... 16
BAB III METODE PENELITIAN... 18
3.1 Tempat dan Waktu Penelitian ... 18
3.2 Alat dan Bahan ... 18
3.2.1 Hardware ... 18
viii
3.3 Alur Penelitian ... 19
3.3.1 Analysis ... 19
3.3.2 Design ... 19
3.3.3 Code & Testing ... 19
3.3.4 Implementation ... 20
3.3.5 Maintenance ... 20
3.4 Analisis Proses Perizinan ... 20
3.5 Analisis Kebutuhan Sistem ... 21
3.6 Analisis Kebutuhan Perangkat Lunak ... 22
3.6.1 Kebutuhan Proses ... 22
3.6.2 Kebutuhan Input ... 22
3.6.3 Kebutuhan Output ... 22
3.7 Rancangan Perangkat Lunak ... 22
3.7.1 Rancangan Proses... 22
BAB IV HASIL DAN PEMBAHASAN ... 39
4.1 Pengembangan Sistem ... 39
4.2 Pembuatan Basis Data ... 39
4.3 Implementasi User Interface ... 40
4.3.1 Halaman Login ... 40
4.3.2 Halaman Utama Pada Bagian Admin. ... 41
4.3.3 Halaman Data Izin... 42
4.3.4 Halaman Data Mahasiswa ... 45
4.3.5 Halaman Tambah Data Mahasiswa ... 46
4.3.6 Halaman Ubah Data Mahasiswa ... 47
4.3.7 Halaman Hapus Data Mahasiswa ... 47
4.3.8 Halaman Data Mata Kuliah ... 48
4.3.9 Halaman Pada Bagian Mahasiswa ... 50
4.3.10 Halaman Info Mahasiswa ... 51
4.3.11 Halaman Profil Mahasiswa ... 51
4.3.12 Halaman Izin Mahasiswa ... 52
ix
4.4 Pengujian Sistem ... 54
4.4.1 Pengujian User Interface... 54
4.4.2 Dasar Sistem ... 56
4.4.3 Dasar Validasi ... 57
4.4.4 Dasar Keamanan ... 58
4.5 Pengujian Website ... 58
4.6 Pembahasan ... 62
BAB V KESIMPULAN ... 63
5.1 Kesimpulan ... 63
5.2 Saran ... 63
DAFTAR PUSTAKA ... 64
x
DAFTAR GAMBAR
Gambar 3.1 Langkah Penelitian dengan Metode Waterfall ... 19
Gambar 3.2 Rancangan Proses Perizinan ... 20
Gambar 3.3Use Case Diagram Website ... 23
Gambar 3.4 Activity Diagram Perizinan Mahasiswa ... 24
Gambar 3.5 Activity Diagram Laporan Perizinan Mahasiswa ... 25
Gambar 3.6 Class Diagram Website ... 26
Gambar 3.7 ER Diagram Website ... 27
Gambar 3.8 Rancangan Antarmuka Halaman Login ... 30
Gambar 3.9 Rancangan Antarmuka Halaman Utama ... 31
Gambar 3.10 Rancangan Antarmuka Halaman Data Izin ... 31
Gambar 3.11 Rancangan Antarmuka Halaman Data Mahasiswa... 32
Gambar 3.12 Rancangan Antarmuka Halaman Tambah Mahasiswa ... 33
Gambar 3.13 Rancangan Antarmuka Halaman Ubah Data Mahasiswa ... 33
Gambar 3.14 Rancangan Antarmuka Halaman Data Izin ... 34
Gambar 3.15 Rancangan Antarmuka Halaman Data Izin ... 34
Gambar 3.16 Rancangan Antarmuka Halaman Utama ... 35
Gambar 3.17 Rancangan Antarmuka Halaman Info ... 36
Gambar 3.18 Rancangan Antarmuka Halaman Profil Mahasiswa ... 37
Gambar 3.19 Rancangan Antarmuka Izin ... 38
Gambar 3.20 Rancangan Antarmuka Halaman Data Izin ... 38
Gambar 4.1 Basis Data Website ... 39
Gambar 4.2 Halaman Utama Login ... 40
Gambar 4.3 Tampilan Login Gagal ... 41
Gambar 4.4 Halaman Utama Website Perijinan Perkuliahan Mahasiswa ... 42
Gambar 4.5 Tampilan Data Izin ... 42
Gambar 4.6 Tampilan Data Izin Berdasarkan NIM ... 43
Gambar 4.7 Tampilan Data Izin Berdasarkan Nama Mahasiswa ... 43
Gambar 4.8 Tampilan Data Izin Berdasarkan Matakuliah ... 44
xi
Gambar 4.10 Tampilan Laporan dengan format PDF ... 45
Gambar 4.11 Tampilan Data Mahasiswa ... 45
Gambar 4.12 Tampilan Tambah Data Mahasiswa ... 46
Gambar 4.13 Tampilan Pemberitahuan Data Berhasil Ditambah ... 46
Gambar 4.14 Tampilan Data Berhasil Diubah ... 47
Gambar 4.15 Tampilan Data Berhasil Dihapus ... 48
Gambar 4.16 Tampilan Data Mahasiswa ... 48
Gambar 4.17 Tampilan Ubah Mata Kuliah ... 49
Gambar 4.18 Tampilan Pemberitahuan Data Mata Kuliah Berhasil Diubah ... 49
Gambar 4.19 Tampilan Pemberitahuan Data Mata Kuliah Berhasil Dihapus ... 50
Gambar 4.20 Halaman Utama Website Perijinan Perkuliahan Mahasiswa ... 50
Gambar 4.21 Halaman Info pada Website Perijinan Perkuliahan Mahasiswa .... 51
Gambar 4.22 Halaman Profil Mahasiswa ... 51
Gambar 4.23 Halaman Form perizinan ... 52
Gambar 4.24 Pemberitahuan Perizinan ... 53
Gambar 4.25 Halaman Data Izin ... 53
Gambar 4.26 Grafik Hasil Pengujian Tampilan Teks pada Website ... 59
Gambar 4.27 Grafik Hasil Pengujian Tampilan Warna dan Font ... 59
Gambar 4.28 Grafik Hasil Pengujian Tampilan User Interface ... 60
Gambar 4.29 Grafik Hasil Pengujian Kemudahan Penggunaan Website ... 60
Gambar 4.30 Grafik Hasil Pengujian Fungsi Website ... 61
xii
DAFTAR TABEL
Tabel 2.1 Simbol-simbol dalam Use Case Diagram ... 9
Tabel 2.2 Simbol-simbol dalam Activity Diagram ... 10
Tabel 2.3 Simbol-simbol dalam Class Diagram ... 11
Tabel 3.1 Tabel Kamus Data Basis Data ... 28
Tabel 4.1 Hasil Pengujian User Interface ... 54
Tabel 4.2 Hasil Pengujian Dasar Sistem ... 56
Tabel 4.3 Hasil Pengujian Validasi ... 57
xiii
ABSTRAK
Program Studi Teknik Informatika Universitas Muhammadiyah Yogyakarta (TI UMY) berdiri sejak tahun 2010. Saat ini, TI UMY memiliki 4 angkatan dengan jumlah mahasiswa sekitar 300 mahasiswa. Untuk itu, pengelolaan perizinan perkuliahan mahasiswa yang masih dilakukan secara manual oleh staf layanan TI UMY belum praktis. Dari segi mahasiswa, kepedulian mahasiswa terhadap 75% kehadiran sebagai syarat mengikuti ujian juga masih kurang, sehingga jumlah izin yang dilakukan terkadang melebihi batas
yang sudah tetapkan. Dengan pembangunan website perizinan perkuliahan
mahasiswa TI UMY, staff layanan TI UMY akan lebih mudah mengelola perizinan mahasiswa. Selain itu, mahasiswa juga dapat mengontrol izin dengan batas yang sudah ditetapkan menggunakan notifikasi yang terdapat pada sistem.
Pembangunan website perizinan perkuliahan mahasiswa ini dilakukan
dengan metode waterfall dengan tahap, yaitu: Analysis, Design, Code & Testing,
Implementation, dan Maintenance. Sehingga pembangunan website akan lebih terarah meskipun mengambil waktu yang cukup lama.Selain itu, bahasa yang
digunakan dalam pembangunan website yaitu bahasa pemograman PHP dengan
MySQL sebagai basis datanya.
BAB I
PENDAHULUAN
1.1. Latar Belakang
Perkembangan tekonologi yang semakin maju dalam dunia modern seperti sekarang ini membawa manfaat yang besar bagi kehidupan masyarakat. Hal ini dibuktikan dengan peran dari teknologi dalam berbagai bidang kehidupan. Teknologi telah banyak membantu manusia dalam menjalankan akses kehidupan, teknologi telah mengubah segalanya menjadi mudah. Salah satu contoh adalah penggunaan internet yang sangat bermanfaat bagi keberlangsungan banyak bidang.
Internet merupakan jaringan komputer di seluruh dunia yang pada awalnya hanya dimanfaatkan untuk melakukan pengiriman suatu data. Saat ini manfaat internet tidak hanya sebatas itu saja namun juga bisa berfungsi sebagai media informasi maupun komunikasi.
Informasi dapat diakses melalui berbagai media, media yang saat ini banyak dikenal dan digunakan yaitu internet. Website merupakan salah satu media yang baik untuk media sosial, baik perseorangan maupun kelompok seperti instansi pemerintah, atau instasi pendidikan seperti perguruan tinggi. Melalui
website yang terintegrasi dengan internet, maka pekerjaan akan lebih terbantu.
Akhir-akhir ini banyak sekali perguruan tinggi yang menggunakan media website
sebagai media informasi dan komunikasi bagi staff, karyawan, dosen maupun mahasiswa.
Universitas Muhammadiyah Yogyakarta merupakan perguruan tinggi swasta yang cukup maju dalam pemanfaatan teknologi informasi. Salah satu pemanfaatannya adalah untuk pengelolaan dan pelayanan akademik termasuk untuk penjadwalan perkuliahan ataupun perizinan perkuliahan mahasiswa. Namun pemanfaatan teknologi informasi ini masih membutuhkan penyempurnaan.
2
1. Sistem perizinan perkuliahan mahasiswa masih manual, mahasiswa melakukan perizinan hanya sebatas via sms kepada staff layanan.
2. Masih memungkinkan terjadinya kesalahan dalam pengolahan data. 3. Sistem dokumentasi perizinan tidak terkelola dengan baik.
Atas dasar inilah maka UMY masih memerlukan sistem baru yang mampu menunjang kegiatan pelayanan perizinan yang efektif dan efisien menggunakan teknologi informasi.
1.2. Rumusan Masalah
Berdasarkan uraian pada latar belakang, dapat dicari inti permasalahan yang harus diselesaikan dalam penelitian ini adalah seperti berikut:
1. Sistem perizinan tidak terkelola dengan baik sehingga perlu dibuat sebuah sistem yang berisi layanan perizinan berbasis web untuk mahasiswa. 2. Sistem pendataan perizinan masih manual sehingga masih sering terjadi
kesalahan dalam pendataan perizinan mahasiswa.
3. Masih minimnya kepedulian mahasiswa terhadap aturan 75% kehadiran sebagai syarat ujian.
1.3. Batasan Masalah
Agar ruang lingkup proyek akhir ini tidak menyimpang dari tujuan pada proyek akhir, maka dibutuhkan beberapa batasan masalah, yaitu:
1. Sistem Informasi yang dibangun pada website ini disesuaikan dengan sistem perizinan yang ada di Prodi Teknologi Informasi Universitas Muhammadiyah Yogyakarta.
2. Sistem ini hanya menyediakan database untuk perizinan mahasiswa teknologi informasi Universitas Muhammadiyah Yogyakarta.
1.4. Tujuan Penelitian
Tujuan dari penelitian ini adalah untuk membangun sebuah sistem informasi pelayanan perizinan perkuliahan mahasiswa di Prodi Teknologi Informasi Universitas Muhammadiyah Yogyakarta, dengan kemampuan:
1. Mempermudah mahasiswa dalam melakukan perizinan perkuliahan.
2. Mempermudah dan mempercepat staff layanan dalam mendata dan mendokumentasi laporan perizinan mahasiswa.
3. Meminimalisir terjadinya kesalahan pada sistem layanan, seperti kesalahan pada pencatatan laporan perizinan perkuliahan mahasiswa.
4. Mengoptimalkan pelayanan kepada mahasiswa dalam mengurus izin dan dapat menghasilkan informasi yang akurat.
1.5. Manfaat Penelitian
Manfaat dari penelitian ini adalah:
1. Memudahkan staff Teknologi Informasi UMY dalam mengelola pelayanan perizinan mahasiswa.
2. Fasilitas untuk mahasiswa menjadi lebih mudah dalam melakukan perizinan perkuliahan.
3. Pelaporan perizinan perkuliahan mahasiswa TI UMY menjadi lebih detail dan akurat.
4. Sistem evaluasi perizinan menjadi lebih baik karena datanya lengkap.
1.6. Sistematika Penulisan
Dalam penulisan skripsi ini, untuk memudahkan dalam hal penyusunan, penulis membaginya ke dalam beberapa bab. Adapun sistematika penulisan skripsi ini adalah sebagai berikut:
BAB I PENDAHULUAN
4
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI
Bab II berisi tinjauan pustaka dan teori-teori yang berkaitan dengan topik yang sedang diteliti sebagai bahan acuan dalam melakukan penelitian. Dalam bab ini dijelaskan mengenai penelitian-penelitian yang pernah dilakukan sebelumnya serta teori-teori yang berkaitan dengan sistem perijinanyang dibangun.
BAB III METODOLOGI PENELITIAN
Bab III berisi penjelasan mengenai metode dan alat-alat yang digunakan dalam membangun system perizinandengan mengacu pada teori-teori penunjang yang telah dijelaskan pada Bab II.
BAB IV HASIL DAN PEMBAHASAN
Bab IV berisi penjelasan mengenai implementasi sistem dan hasil yang diperoleh dari seluruh penelitian, sesuai dengan permasalahan yang dihadapi oleh Staff TI maupun mahasiswa.
BAB V KESIMPULAN DAN SARAN
BAB II
TINJAUAN PUSTAKA DAN LANDASAN TEORI
2.1. Tinjauan Pustaka
Penelitian-penelitian terdahulu menjadi bahan acuan dan kajian terhadap penelitian yang dilakukan saat ini. Dan dengan adanya penelitian terdahulu didapatlah perbandingan-perbandingan yang sesuai dari topik penelitian yaitu mengenai sistem informasi berbasis website yang digunakan sebagai media pelayanan perizinan.
Penelitian yang berkaitan dengan website perizinan online telah banyak dilakukan. Pertama, oleh Raden Syahid Dhipa Guntara (2014) dengan judul penelitian “Perancangan Dan Pembuatan Website Sebagai Media Informasi Pada Kantor Pelayanan Perijinan Dan Penanaman Modal Kabupaten Temanggung”. Raden mengatakan bahwa sistem yang lama pada kantor pelayanan perijinan dan penanaman modal kabupaten Temanggung masih menggunakan cara manual sehingga masih memungkinkan terjadinya kesalahan dalam pengolahan data menjadi informasi. Dengan sistem yang baru ini memiliki kelebihan dibanding dengan yang lama, seperti pengolahan data menjadi lebih cepat, kesalahan yang sering terjadi pada sistem lebih terminimalisir dan data dapat terorganisir dengan baik.
Dengan aplikasi yang dibuat pelayanan menjadi maksimal dengan pengimplementasian teknologi komputer dalam hal ini adalah pemakaian aplikasi ini sebagai alat bantu yang berguna mengoptimalkan pelayanan kepada pemohon dalam mengurus ijin dan dapat menghasilkan informasi yang akurat.
6
Oracle, maka aplikasi ini dapat melakukan proses perijinan secara cepat dan tepat serta pengolahan database dalam skala besar.
Selanjutnya pada penelitian yang dilakukan oleh Tomy Manurun Palilu (2012) dengan judul penelitian “Pengembangan Website Program Studi Sistem Informasi Universitas Widyatama Menggunakan Php Dan Mysql”. Pada penelitiannya Tomy mengatakan bahwa Prodi Sistem Informasi Universitas Widyatama adalah salah satu Program Studi Sistem Informasi yang berada di Universitas Widyatama, yang pada saat ini belum dapat mempublikasikan informasi dengan baik mengenai kegiatan yang berkaitan dengan Prodi itu sendiri. Maka dari itu dibutuhkan suatu media informasi berbasis website tersebut agar dapat mempublikasi informasi secara menyeluruh kepada mahasiswa, dosen ataupun masyarakat pada umumnya.
Metode yang diajukan dalam pengembangan website ini yaitu menggunakan analisis berorientasi objek dengan metodewaterfall dengan menggunakan tools Unified Modeling Language (UML) dengan menggunakan IBM Rational Rose 7, dan menggunakan Software Macromedia DreamWeaver 8, bahasa pemrograman PHP, MySQL Database Server dan tools PHPMyAdmin.
Hasilnya berupa Website Prodi Sistem Informasi Universitas Widyatama yang dapat menyajikan informasi terkait dengan Program Studi Sistem Informasi yang diimplementasikan melalui internet.
Dari beberapa penelitian yang telah dilakukan, bahasa pemrograman PHP dengan database MySQL banyak digunakan oleh instansi maupun lembaga pendidikan dalam pembuatan website. Dengan begitu, pada penelitian ini akan dibangun Sistem Informasi Perizinan Pekuliahan Mahasiswa dengan menggunakan Bahasa pemrograman PHP.
2.2. Landasan Teori
2.2.1. Perizinan
Izin (vergunning) adalah suatu persetujuan dari penguasa berdasarkan Undang-undang atau Peraturan Pemerintah untuk dalam keadaan tertentu menyimpang dari ketentuan-ketentuan larangan peraturan perundang-undangan. Jadi izin itu pada prinsipnya adalah sebagai dispensasi atau pelepasan/ pembebasan dari suatu larangan (Adrian Sutedi, 2010, 168).
Jadi perizinan adalah suatu bentuk pelaksaanaan fungsi pengaturan dan bersnaan fungsi pengaturan dan bersifat pengendalian yang dimiliki oleh pemerintah terhadap kegiatan-kegiatan yang dilakukan oleh masyarakat. Perizinan ini dapat berbentuk pendaftaran, rekomendasi, sertifikasi, penentuan kuota dan izin untuk melakukan suatu usaha yang biasanya harus dimiliki atau diperoleh oleh suatu organisasi perusahaan atau seseorang sebelum yang bersangkutan dapat melakukan suatu kegiatan atau tindakan.
2.2.2. Website
Dari sumber Wikipedia, Website adalah suatu situs halaman yang saling berhubungan yang pada umumnya berisikan kumpulan informasi yang disediakan secara perorangan, kelompok, atau organisasi. Sebuah website biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah lokal (Local Area Network) melalui alamat internet yang dikenali sebagai URL (Uniform Resource Locator). Gabungan atas semua situs yang dapat diakses publik di internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW.
Sebuah halaman web merupakan berkas yang ditulis sebagai berkas teks biasa yang diatur dan dikombinasikan sedemikian rupa dengan instruksi-instruksi berbasis HTML, atau XHTML, kadang-kadang pula disisipi dengan sekelumit bahasa skrip. Berkas tersebut kemudian diterjemahkan oleh peramban web dan ditampilkan seperti layaknya sebuah halaman pada monitor computer.
Website bersifat statis maupun dinamis yang membentuk satu rangkaian
8
jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website
tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Facebook, Multiply, dll. Dalam sisi pengembangannya, website
statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.
2.2.3. Software Development Life Cycle
Dalam alur penelitian, metode yang digunakan adalah model SDLC
(Software Development Life Cycle). SDLC adalah suatu kerangka yang
menggambarkan beberapa kegiatan yang dilakukan melalui beberapa tahap dalam pembuatan sebuah software (Fatta, 2007). Selain itu, SDLC juga penting untuk proses maintenance software itu sendiri.
Model SDLC yang dipakai dalam pengembangan aplikasi adalah model
Waterfall. Menurut Sommerville (2011), waterfall model adalah sebuah contoh
dari proses perencanaan dimana semua proses kegiatan harus terlebih dahulu direncanakan dan dijadwalkan sebelum dikerjakan. Waterfall Model atau Classic
Life Cycle merupakan model yang paling banyak dipakai dalam Software
Engineering (SE). Disebut waterfall karena tahap demi tahap yang dilalui harus
menunggu selesainya tahap sebelumnya dan berjalan berurutan.
2.2.4. Teknologi Pengembangan Sistem
a. Unified Markup Languange (UML)
Unified Markup Languange (UML) merupakan bahasa pemodelan secara
grafis yang digunakan untuk menspesifikasikan, menvisualisasikan, membangun, dan mendokumentasikan seluruh rancangan aplikasi perangkat lunak. Penggunaan model UML bertujuan untuk mengidentifikasikan bagian-bagian yang termasuk dalam lingkup sistem di dalam aplikasi. Model UML yang dipakai dalam pengembangan aplikasi penjualan dan pembelian antara lain adalah Use Case
Use Case Diagram
Use Case Diagram mendeskripsikan sebuah interaksi antara satu atau lebih
actor dengan sistem yang dibuat. Dapat dikatakan Use Case digunakan untuk
mengetahui fungsi yang ada di dalam sistem dan siapa saja yang berhak menggunakan fungsi-fungsi yang dibutuhkan. Simbol-simbol yang digunakan dalam use case diagram dapat dilihat pada Tabel 2.1.
Tabel 2.1 Simbol-simbol dalam Use Case Diagram
No. Gambar Nama Keterangan
1 Actor
Menspesifikasikan himpuan peran yang pengguna mainkan ketika berinteraksi dengan use case.
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
Hubungan dimana objek anak
(descendent) berbagi perilaku dan
struktur data dari objek yang ada di atasnya objek induk (ancestor).
4 Include Menspesifikasikan bahwa use case
sumber secara eksplisit.
5 Extend
Menspesifikasikan bahwa use case
target memperluas perilaku dari use case sumber pada suatu titik yang diberikan.
6 Association Apa yang menghubungkan antara
objek satu dengan objek lainnya.
7 System
10
Tabel 2.2 (Lanjutan)Simbol-simbol dalam Use Case Diagram
No. Gambar Nama Keterangan
8 Use Case
Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang
menghasilkan suatu hasil yang terukur bagi suatu aktor
9 Collaboration
Interaksi aturan-aturan dan elemen lain yang bekerja sama untuk menyediakan prilaku yang lebih besar dari jumlah dan elemen-elemennya (sinergi).
10 Note
Elemen fisik yang eksis saat aplikasi dijalankan dan mencerminkan suatu sumber daya komputasi.
Activity Diagram
Activity Diagram merupakan diagram yang digunakan untuk
menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis. Simbol-simbol yang digunakan dalam activity diagram dapat dilihat pada Tabel 2.2.
Tabel 2.3 Simbol-simbol dalam Activity Diagram
No. Gambar Nama Keterangan
1 Actifity
Memperlihatkan bagaimana masing-masing kelas antarmuka saling berinteraksi satu sama lain
2 Action State dari sistem yang mencerminkan
eksekusi dari suatu aksi.
3 Initial Node Bagaimana objek dibentuk atau
diawali.
4 Actifity
Final Node
Tabel 2.4 (Lanjutan)Simbol-simbol dalam Use Case Diagram
No. Gambar Nama Keterangan
5 Fork Node Satu aliran yang pada tahap tertentu
berubah menjadi beberapa aliran.
Class Diagram
Class Diagram merupakan diagram yang digunakan untuk menunjukkan
atribut-atribut dan operasi-operasi dari sebuah kelas dan constraint yang berhubungan dengan objek yang dikoneksikan. Class Diagram secara khas meliputi: Nama Kelas (Class Name), Atribut (Attributes), Opeasi (Operations), dan Relasi (Relationships).
Tabel 2.5 Simbol-simbol dalam Class Diagram
No. Gambar Nama Keterangan
1 Generalization
Hubungan dimana objek anak
(descendent) berbagi perilaku dan
struktur data dari objek yang ada di atasnya objek induk (ancestor).
2 Nary
Association
Upaya untuk menghindari asosiasi dengan lebih dari 2 objek.
3 Class
Himpunan dari objek-objek yang berbagi atribut serta operasi yang sama.
4 Collaboration
Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang
menghasilkan suatu hasil yang terukur bagi suatu aktor
5 Realization Operasi yang benar-benar dilakukan
oleh suatu objek.
6 Dependency
Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri
12
Tabel 2.6 (Lanjutan)Simbol-simbol dalam Class Diagram
No. Gambar Nama Keterangan
elemen yang bergantung padanya elemen yang tidak mandiri.
7 Association Apa yang menghubungkan antara
objek satu dengan objek lainnya.
b.Basis Data
Basis data merupakan salah satu teknologi yang harus dimiliki sebuah perusahaan, institusi, ataupun organisasi adalah teknologi yang dapat memproses data. Secara konsep basis data atau database adalah kumpulan dari data-data yang membentuk suatu berkas (file) yang saling berhubungan (relation) dengan tata cara tertentu untuk membentuk data baru atau informasi. Kumpulan dari data yang saling berhubungan (relation) antara satu dengan lainnya yang diorganisasikan berdasarkan skema atau struktur tertentu (Supriyanto, 2005).
Untuk mengelola database diperlukan suatu perangkat lunak yang disebut DBMS (Data Base Management System). DBMS merupakan suatu sistem perangkat lunak yang memungkinkan pengguna untuk membuat, memelihara, mengontrol, dan mengakses database. Dengan DBMS, pengguna dapat mengotrol dan memanipulasi data yang ada.
c. MySQL
MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional yang di distribusikan secara gratis dibawah lisensi GPL (General Public
License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun
dengan batasan perangkat lunak tidak boleh dijadikan produk turunan yang bersifat komersial. (Sumber: Wikipedia)
1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
2. Perangkat lunak sumber terbuka (open source). MySQL didistribusikan sebagai open source sehingga dapat digunakan secara gratis.
3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam
waktu yang bersamaan tanpa mengalami masalah atau konflik.
4. Performance tuning, MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.
5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed or unsigned integer, float, double, char, text, date,
timestamp, dan lain-lain.
6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query). 7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti password
yang terenkripsi.
8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah record lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix Soket (UNIX), atau named pipes
(NT).
10. Lokalisasi, MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meskipun demikian, bahasa Indonesia belum termasuk di dalamnya.
11. Antarmuka. MySQL memiliki antarmuka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API
14
12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai tool yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.
13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.
d. PhpMyAdmin
PhpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui Jejaring Jagat Jembar (World Wide Web). PhpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang
(fields), relasi (relations), indeks, pengguna (users), perizinan (permissions), dan
lain-lain). (Sumber: Wikipedia)
Beberapa fitur dalam phpMyAdmin: 1. Antarmuka berbasis web
2. Dukungan banyak fitur MySQL:
a. Menelusuri dan drop basisdata (database), tabel, pandangan (view), bidang (fields) dan indeks.
b. Membuat, menyalin, drop, dan mengubah nama basis data, tabel, kolom dan indeks.
c. Pemeliharaan server, basis data dan tabel, dengan server konfigurasi.
d. Melaksanakan, mengedit dan penunjuk pernyataan-SQL, bahkan batch-querie.
e. Mengelola pengguna MySQL dan hak istimewa.
f. Mengelola prosedur penyimpanan. 3. Impor data dari CSV dan SQL
4. Ekspor data ke berbagai format: CSV, SQL, XML, PDF, ISO / IEC 26300
– Open Document Text dan Spreadsheet, Word, Excel, LATEKS dan
lain-lain
5. Membuat grafik PDF dari tampilan basis data anda
7. Pencarian global dalam basis data
8. Transformasi data disimpan ke dalam format yang menggunakan satu set fungsi yang telah ditetapkan, seperti menampilkan data blob-data atau download-link
9. Dan banyak lagi
e. Bahasa Pemrograman PHP
Menurut (Suprianto, 2008: 17) PHP adalah kependekan dari kata
Hypertext Preprocessor. PHP tergolong sebagai perangkat lunak open source
yang diatur dalam general purposes license (GPL). PHP merupakan perangkat lunak yang sangat cocok digunakan untuk pengambangan web dinamis dimana menghasilkan website yang hasilnya dapat berubah terus menerus sesuai dengan pola yang diberikan. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. PHP adalah bahasa pemograman open source yang dapat digunakan oleh siapa saja. PHP merupakan bahasa pemograman server side yang berarti dimana semua skrip diletakkan di server dan browser hanya bertugas untuk menampilkan. Pada awalnya PHP merupakan kependekan dari Personal Home Page
(Situs Personal). Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
16
banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.
Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain:
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan di mana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis
dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak. PHP adalah bahasa open
source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh,
Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah sistem.
2.2.5. Perangkat Lunak Pendukung
a. XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.
b. PHP Report
PHP Report, aplikasi ini adalah library php yang dirancang untuk
BAB III
METODE PENELITIAN
3.1 Tempat dan Waktu Penelitian
Penelitian ini mengambil tempat di Universitas Muhammadiyah Yogyakarta yang berlokasi di Jl. Lingkar Selatan, Kasihan, Bantul, Daerah Istimewa Yogyakarta. Adapun penelitian ini dilaksanakan mulai bulan Juni 2016 sampai dengan bulan Agustus 2016.
3.2 Alat dan Bahan
Dalam penelitian ini dibutuhkan beberapa alat dan bahan sebagai penunjang keberhasilan perancangan dan implementasi website.
3.2.1 Hardware
Untuk membangun website Perizinan Perkuliahan Mahasiswa TI UMY yang baru pada penilitian ini dibutuhkan beberapa hardware, yaitu:
1. Personal Computer (PC)/Laptop
32/64 bit architecture processor
2 GB Random Access Memmory (RAM)
Sistem Operasi windows XP/7/8
3.2.2 Software
Selain perangkat keras (hardware), dibutuhkan juga perangkat lunak
(software) yang digunakan untuk mendukung website Perizinan Perkuliahan
Mahasiswa TI UMY, yaitu: 1. XAMPP
3.3 Alur Penelitian
Dalam penelitian ini, metode yang digunakan untuk membangun website
Perizinan Perkuliahan Mahasiswa TI UMY adalah metode Waterfall. Metode
Waterfall sering juga disebut model sekuensial linier (sequential linier). Model ini
menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau urut yang dimulai dari beberapa tahapan, yaitu: analysis, design, code & testing,
implementation dan maintenance.
Gambar 3.1 Langkah Penelitian dengan Metode Waterfall
3.3.1 Analysis
Tahap pertama adalah proses pencarian kebutuhan diintensifkan dan difokuskan pada software. Untuk mengetahui sifat dari program yang akan dibuat, maka para software engineer harus mengerti tentang domain informasi dari
software, misalnya fungsi yang dibutuhkan, user interface, dsb.
3.3.2 Design
Desain merupakan persiapan rancang bangun implementasi yang
menggambarkan bagaimana suatu sistem dibentuk yang berupa penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi, menyangkut di dalamnya konfigurasi komponen perangkat lunak dan perangkat keras dari suatu sistem.
3.3.3 Code & Testing
20
Assurance) dan mempresentasikan tinjauan ulang yang menyeluruh terhadap
spesifikasi, desain dan pengkodean. Uji coba mempresentasikan kesalahan yang terjadi pada pengembangan software. Selama definisi awal dan fase pembangunan, pengembangan berusaha untuk membangun software dari konsep yang abstrak sampai dengan implementasi yang memungkinkan.
3.3.4 Implementation
Fase implementasi adalah proses pembangunan dan pengujian sistem, instalasi sistem, dan rencana dukungan sistem.
3.3.5 Maintenance
Pemeliharaan (maintenance) suatu software diperlukan, termasuk di dalamnya adalah pengembangan, karena software yang dibuat tidak selamanya hanya seperti itu. Ketika dijalankan mungkin saja masih ada error kecil yang tidak ditemukan sebelumnya, atau ada penambahan fitur-fitur yang belum ada pada
software tersebut. Pengembangan diperlukan ketika adanya perubahan dari
eksternal perusahaan seperti ketika ada pergantian sistem operasi, atau perangkat lainnya.
3.4 Analisis Proses Perizinan
[image:33.595.133.480.479.711.2]Proses perizinan yang sedang berjalan dapat dilihat pada Gambar 3.2.
Penjelasan tentang Gambar 3.2 adalah sebagai berikut:
1. Pertama, seorang mahasiswa mengakses website Perizinan Perkuliahan Mahasiswa TI UMY.
2. Setelah mengakses web, mahasiswa mengisi form perizinan saat ingin melakukan perizinan perkuliahan.
3. Form perizinan perkuliahan yang sudah diisi mahasiswa akan di proses. 4. Terakhir, admin menerima perizinan perkuliahan mahasiswa yang sudah
dilakukan mahasiswa.
3.5 Analisis Kebutuhan Sistem
Berdasarkan Gambar 3.2 dapat disimpulkan bahwa kebutuhan untuk sistem dalam perizinan perkuliahan mahasiswa meliputi:
1. Sistem website perizinan perkuliahan mahasiswa dibagian sisi admin: Data mahasiswa, data matakuliah dan data izin mahasiswa diperlukan oleh admin dalam melakukan pengelolaan data perizinan perkuliahan mahasiswa.
2. Sistem website perizinan perkuliahan mahasiswa dibagian sisi mahasiswa: Data profil, data matakuliah, tanggal dan data barang diperlukan untuk melakukan perizinan.
3. Laporan: Laporan data mahasiswa dan laporan izin perkuliahan mahasiswa.
Kebutuhan fungsional sistem yang diperlukan yaitu fungsi yang harus ada dalam sistem yang dikembangkan. Fungsi-fungsi itu antara lain:
1. Sistem dapat digunakan untuk proses pengolahan data perizinan perkuliahan mahasiswa TI UMY.
2. Fasilitas login bagi admin dan mahasiswa agar dapat mengakses sistem dari website.
22
3.6 Analisis Kebutuhan Perangkat Lunak
3.6.1 Kebutuhan Proses
Adapun kebutuhan proses dalam mengembangkan website yaitu: 1. Proses perizinan perkuliahan mahasiswa.
2. Proses pengelolaan data perizinan perkuliahan mahasiswa. 3. Proses laporan perizinan perkuliahan mahasiswa.
3.6.2 Kebutuhan Input
Kebutuhan input yang diperlukan dalam website yaitu data perizinan perkuliahan mahasiswa yang berisi data matakuliah, alasan izin, tanggal, dan surat keterangan izin,
3.6.3 Kebutuhan Output
Keluaran yang diharapkan dari website yaitu berupa laporan data perizinan perkuliahan mahasiswa, sehingga diketahui mahasiswa yang melakukan perizinan perkuliahan.
3.7 Rancangan Perangkat Lunak
3.7.1 Rancangan Proses
Metode perancangan yang digunakan dalam website adalah Unified
Markup Languange (UML). Seperti yang sudah dijelaskan sebelumnya, model
UML yang dipakai dalam pengembangan aplikasi yaitu model Use Case
Use Case Diagram CREATE DATA HAHASISWA EDIT DATA HAHASISWA SAVE DATA HAHASISWA EDIT PROFIL CREATE ABSENCE DATA VIEW DATA HAHASISWA VIEW ABSENCE RECORD
LOGIN ADMIN
[image:36.595.142.484.130.421.2]LOGIN MAHASISWA <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> <<include>> Admin User
Gambar 3.3Use Case Diagram Website
Penjelasan tentang Gambar 3.3 adalah sebagai berikut:
1. Terdapat 2 aktor pada use case diagramwebsite yakni admin Website
Perizinan Perkuliahan Mahasiswa TI UMY, dan user yaitu mahasiswa TI UMY.
2. Admin website berhubungan langsung pada Update Data Master seperti data mahasiswa dan data perizinan perkuliahan mahasiswa sehingga dapat melakukan pengelolaan data.
3. Admin website, bisa menambahkan, mengedit dan menghapus data mahasiswa, melihat laporan perizinan perkuliahan mahasiswa secara keseluruhan maupun berdasarkan tanggal, nim, dan matakuliah. Admin juga dapat menyimpan laporan perizinan perkuliahan mahasiswa.
24
Mahasiswa yang dapat login adalah mahasiswa yang telah didaftarkan oleh admin Website Perizinan Perkuliahan Mahasiswa TI UMY.
Activity Diagram
Berdasarkan usecase yang telah dibuat sebelumnya maka dapat diperoleh
activity diagram berdasarakan aktor yang terlibat dalam usecase diagram. Activity
diagram dalam website dibagi menjadi dua bagian yaitu activity diagram
perizinan dari mahasiswa dan activity diagram laporan perizinan mahasiswa.
1. Activity Diagram Perizinan dari mahasiswa
Gambaran Activity Diagram Perizinan dari mahasiswa yang digunakan dalam website Peizinan Perkuliahan Mahasiswa TI UMY dapat dilihat pada Gambar 3.4.
Activity Diagram Perizinan Dari Mahasiswa
Mahasiswa Admin
P
has
e
Login
Mengisi form perizinan
Proses perizinan
[image:37.595.138.458.311.678.2]Perizinan diterima
Gambar 3.4 Activity Diagram Perizinan Mahasiswa
Penjelasan tentang Gambar 3.4 adalah sebagai berikut:
2. Setelah login mahasiswa dapat melakukan perizinan perkuliahan dengan cara mengisi form perizinan.
3. Setelah mahasiswa melakukan perizinan, admin akan memproses perizinan mahasiswa.
4. Kemudian perizinan di proses dan diterima oleh admin.
Activity Diagram Laporan Perizinan Mahasiswa
Gambaran Activity Diagram Laporan Perizinan Mahasiswa yang digunakan dalam website Perizinan Perkuliahan Mahasiswa TI UMY dapat dilihat pada Gambar 3.5.
Activity Diagram Laporan Perizinan Mahasiswa
Mahasiswa Admin
P
hase
Login
Memasukkan data berdasarkan tgl, nim,
matakuliah
Cetak Laporan Membuat
[image:38.595.163.454.298.615.2]perizinan
Gambar 3.5 Activity Diagram Laporan Perizinan Mahasiswa
Penjelasan tentang Gambar 3.5 adalah sebagai berikut:
1. Terdapat alur kegiatan Laporan Perizinan Mahasiswa, yaitu dimulai dari admin login.
26
3. Admin memasukkan data berdasarkan tanggal, nim, matakuliah untuk melihat laporan perizinan perkuliahan mahasiswa.
4. Admin mencetak laporan. Class Diagram
Gambaran Class Diagram yang digunakan dalam website dapat dilihat pada Gambar 3.6.
Class Diagram
Perizinan
+ NIM : String
+ idsemester : int + tanggal : date + alasan : String + file : String + add_izin() : void + upload_file() : void + Lihat_file() : void + lihat_data_izin() : void
+ kode_matakuliah : int
Semester
+ idsemester : int + semester : String + view_semester() : void mahasiswa
+ NIM : String + Nama : String + TTL : String
+ view_Mahasiswar() : void + update_Mahasiswa() : void + add_Mahasiswa() : void + delete_Mahasiwa() : void
User
+ level : int + username : String
+ logout() : void + login() : void
+ password : String + Alamat : String
+ nama : String
Association
Compotion Dependency Aggregation + No Hp : String + Email : String + id_user : int
Mata Kuliah
+ Kode_matakuliah : int + Mata kuliah : String + idsemester : int
+ view_Matakuliah() : void + update_Matakuliah() : void + delete_Matakuliah() : void
+ jumlahsks : int + jumlahsesi : int + batasizin : String
1 1
1 *
Gambar 3.6 Class Diagram Website
Berikut penjelasan tentang Gambar 3.6:
1. Semua kelas pada diagram digunakan untuk inisilisasi ke dalam table
2. Kelas perizinan memiliki agregasi dengan kelas mahasiswa dan kelas matakuliah, artinya kelas perizinan memiliki ketergantungan dengan kedua kelas tersebut yaitu idsemester dan kode_matakuliah.
3. Kelas mahasiswa memiliki relasi asosiasi dengan indikator satu dan satu yang artinya satu mahasiswa hanya memilik satu user.
4. Kelas matakuliah memiliki relasi asosiasi dengan indikator satu dan banyak yang artinya semester memiliki satu atau lebih variabel matakuliah.
ER Diagram
Untuk pengembangan aplikasi pemodelan basis data yang digunakan adalah ER Diagram. ER Diagram merupakan diagram yang digunakan untuk merancang basis data dan memperlihatkan relasi antar entitas atau objek dengan atributnya. Tujuan ER Diagram dalam pengembangan website adalah dapat memberikan gambaran umum tentang sistem yang dikembangkan sehingga memudahkan dalam merancang basis data. Gambaran ER Diagram yang digunakan dalam website dapat dilihat pada Gambar 3.7.
ID
MAHASISWA Memiliki USER
[image:40.595.113.506.461.722.2]PERIZINAN NIM ALAMAT NO.HP NAMA LEVEL EMAIL TTL KODE_MATKUL ID_MAHASISWA ID_IZIN ALASAN FILE IDSEMESTER TANGGAL ID_USER USERNAME PASS Memiliki SEMESTER MATAKULIAH IDSEMESTER SEMESTER KODE_MATKUL MATKUL IDSEMESTER ID_USER 1 1 1 1 1 M M
28
Berikut penjelasan tentang Gambar 3.7:
1. Terdapat 5 entitas yang masing-masing entitas memiliki atribut dan relasi. 2. Entitas mahasiswa memiliki relasi one-to-one dengan entitas user yang
artinya satu data dari table mahasiswa hanya berhubungan dengan satu data di tabel user.
3. Entitas mahasiswa memiliki relasi one-to-many dengan entitas perizinan, artinya satu mahasiswa dapat melakukan perizinan lebih dari satu perizinan perkuliahan.
4. Entitas matakuliah memiliki relasi one-to-many dengan enstitas semester yang artinya satu semester memiliki banyak matakuliah.
5. Entitas perizinan memiliki relasi one-to-many dengan entitas matakuliah yang artinya dapat melakukan izin lebih dari satu dari satu matakuliah
Kamus Data Basis Data
Tabel 3.1 Tabel Kamus Data Basis Data
No. Nama
Tabel
Nama
Atribut Uraian Tipe
PK/ FK
Tabel Referensi
1 mahasiswa Id Id
Mahasiswa
Int(10) PK -
Nim Nim
Mahsiswa
Varchar(15) - -
Nama Nama
Mahasiswa
Varchar(25) - -
TTL TTL
Mahasiswa
Varchar(50) - - Alamat Alamat
Mahasiswa
Varchar(20 0)
- -
No_hp No.Hp
Mahasiswa
Varchar(15) - -
Email Email
Mahasiswa
Tabel 3.1 (Lanjutan) Tabel Kamus Data Basis Data
No. Nama
Tabel
Nama
Atribut Uraian Tipe
PK/ FK
Tabel Referensi
2 matakuliah Kode_Matk ul
Kode Matakuliah
Int(5) PK -
Matkul Nama
Matakuliah
Varchar(25) - - idsemester Id
Semester
Int(10) PK perizinan 3 perizinan idizin Id
Perizinan
Varchar(22 5)
- -
Alasan Alasan Izin Text - -
File Bukti Izin Int(5) FK -
Kode_Matk ul
Kode Matakuliah
Int(10) FK - Id_mahasis
wa
Id
Mahasiswa
Int(10) FK semester idsemester Id
Semester
Datetime - - Tanggal Tanggal
Izin
Int(10) PK - 4 semester idsemester Id
Semester
Varchar(15) - - semester Semester Int(10) PK -
5 user Id_user Id Admin Varchar(20) - -
Username Username Varchar(20) - -
Pass Password Int(5) FK -
Level Level
Pengguna
Int(5) - -
Salah satu komponen kunci dari DBMS adalah kamus data (data
dictionary), yang mencakup informasi mengenai struktur database. Setiap elemen
30
Gambar 3.8 Rancangan Antarmuka Halaman Login
3.7.2 Rancangan Antarmuka (user interface)
User Interface sangat penting dalam suatu aplikasi karena merupakan
bagian dari perangkat lunak yang menjadi sarana komunikasi antar user dengan sistem serta dapat membantu user dalam melakukan aktivitasnya.
a. Rancangan Antarmuka Halaman Login
Rancangan antarmuka halaman login digunakan oleh admin dan mahasiswa untuk dapat masuk ke halaman utama website. Admin dan mahasiswa harus memasukkan username dan password untuk dapat login. Gambaran rancangan antarmuka menu login dapat dilihat pada Gambar 3.8.
b.Rancangan Antarmuka Bagian Admin
Rancangan antarmuka halaman utama merupakan tampilan utama dari
website yang dapat dibuka oleh admin dan mahasiswa setelah login. Berikut
Gambar 3.9 Rancangan Antarmuka Halaman Utama
c. Rancangan Antarmuka Data Izin
Rancangan antarmuka halaman data izin mahasiswa berisi data laporan perizinan perkuliahan mahasiswa. Admin dapat melihat data mahasiswa secara keseluruhan maupun dengan mencari data mahasiswa berdasarkan tanggal, nim ataupun matakuliah yang dapat dilihat pada Gambar 3.10.
[image:44.595.114.511.482.705.2]32
d.Rancangan Antarmuka Data Mahasiswa
[image:45.595.112.508.193.449.2]Rancangan antarmuka halaman data mahasiswa digunakan admin ketika ingin menambah, mengedit, menghapus, dan melihat data mahasiswa yang dapat dilihat pada Gambar 3.11.
Gambar 3.11 Rancangan Antarmuka Halaman Data Mahasiswa
e. Rancangan Antarmuka Tambah Mahasiswa
Gambar 3.12 Rancangan Antarmuka Halaman Tambah Mahasiswa
f. Rancangan Antarmuka Ubah Data Mahasiswa
Rancangan antarmuka halaman ubah data mahasiswa digunakan admin ketika ingin mengubah data mahasiswa yang dapat dilihat pada Gambar 3.13.
Gambar 3.13 Rancangan Antarmuka Halaman Ubah Data Mahasiswa
g. Rancangan Antarmuka Data Izin
34
keseluruhan maupun dengan mencari data mahasiswa berdasarkan tanggal, nim ataupun matakuliah yang dapat dilihat pada Gambar 3.14.
Gambar 3.14 Rancangan Antarmuka Halaman Data Izin
h.Rancangan Antarmuka Data Mata Kuliah
Rancangan antarmuka halaman data matakuliah berisi data matakuliah dengan semester, julah SKS, jumlah sesi dan batasan izinnya. Admin dapat mengubah dan menghapus data yang dapat dilihat pada Gambar 3.15.
i. Rancangan Antarmuka Bagian Mahasiswa
Rancangan antarmuka halaman utama merupakan tampilan utama dari
website yang dapat dibuka oleh admin dan mahasiswa setelah login. Berikut
gambaran rancangan antarmuka halaman utama dari sisi mahasiswa yang dapat dilihat pada Gambar 3.16.
Gambar 3.16 Rancangan Antarmuka Halaman Utama
j. Rancangan Antarmuka Info
36
Gambar 3.17 Rancangan Antarmuka Halaman Info
k.Rancangan Antarmuka Profil Mahasiswa
Gambar 3.18 Rancangan Antarmuka Halaman Profil Mahasiswa
l. Rancangan Antarmuka Izin
Rancangan antarmuka halaman izin merupakan tampilan yang dapat dibuka oleh mahasiswa untuk mengisi form perizinan. Dalam halaman tersebut mahasiswa memilih mata kuliah pada combo box, memilih alasan izin dalam
combo box, memilih tanggal izin, dan memasukkan file jika diperlukan untuk
38
Gambar 3.19 Rancangan Antarmuka Izin
m. Rancangan Antarmuka Data Izin
[image:51.595.115.510.517.729.2]Rancangan antarmuka halaman data izin merupakan tampilan yang dapat dibuka oleh mahasiswa untuk melihat data laporan perizinan yang sudah dilakukan. Gambaran rancangan antarmuka halaman utama dapat dilihat pada Gambar 3.20.
BAB IV
HASIL DAN PEMBAHASAN
4.1 Pengembangan Sistem
Berdasarkan Pengembangan sistem dari website dimulai dari membuat kebutuhan data seperti data mahasiswa, data matakuliah, serta data user yang dibuat ke dalam basis data. Basis data digunakan sebagai sumber data dalam pengoperasian website. Setelah itu membuat implementasi dari desain User
Interface website yang sudah dibuat sebelumnya, kemudian membuat sistem yang
dapat menampilkan dan mencetak output berupa pdf yang berisi laporan-laporan perizinan perkuliahan matakuliah.
4.2 Pembuatan Basis Data
Dalam pengembangan website diperlukan sebuah basis data yang digunakan sebagai sumber data untuk kemudian disimpan di dalam server. Server
[image:52.595.230.394.515.630.2]yang digunakan adalah MySQL Server. Dalam pembuatan basis data, perangkat lunak pendukung yang digunakan adalah PhpMyAdminn dan Xampp. Hasil dan pembahasan dari pembuatan basis data dalam website dapat dilihat pada Gambar 4.1.
Gambar 4.1 Basis Data Website
Basis data pada Gambar 4.1 terdiri dari beberapa tabel. Tabel-tabel dalam basis data dalam website adalah sebagai berikut:
40
b. Tabel matakuliah memberikan informasi data-data matakuliah seperti kode matakuliah, matakuliah dan id semester.
c. Tabel perizinan memberikan informasi data-data perizinan seperti id izin, alasan, file, kode mahasiswa, id matakuliah, id semester, dan tanggal. d. Tabel semester memberikan informasi data-data semester seperti id
semester dan semester.
e. Tabel user memberikan informasi data-data user seperti id user, username, password, dan level.
4.3 Implementasi User Interface
Dalam implementasi, desain user interface yang sudah dibuat sebelumnya diubah ke dalam bahasa pemrograman yaitu dengan menggunakan bahasa pemrograman PHP. Perangkat lunak pendukung yang digunakan dalam implementasi adalah Xampp.
4.3.1 Halaman Login
Halaman login merupakan halaman yang pertama muncul pada saat mulai menjalankan website. Halaman login berfungsi untuk memberikan keamanan di dalam sistem. Administrator dan mahasiswa terlebih dahulu harus mengisi
username dan password yang benar sebelum masuk ke dalam sistem. Tampilan
halaman login dapat dilihat pada Gambar 4.2.
Apabila tombol Login diklik dan username dan password masih kosong, atau username dan password yang dimasukkan salah, maka akan muncul pesan peringatan yang memberitahukan bahwa Login gagal dan pengguna tidak dapat masuk ke dalam sistem. Tampilan pesan peringatan dapat dilihat pada Gambar 4.3
Gambar 4.3 Tampilan Login gagal
4.3.2 Halaman Utama Pada Bagian Admin.
Setelah pengguna berhasil memasukkan username dan password, muncul halaman utama dari website. Dalam halaman utama terdapat beberapa menu yang dapat dioperasikan oleh administrator dan mahasiswa.
Administrator dapat mengoperasikan semua menu yang ada di dalam
website yaitu menu data mahasiswa dan menu data izin. Tampilan halaman utama
42
Gambar 4.4 Halaman Utama Website Perijinan Perkuliahan Mahasiswa
4.3.3 Halaman Data Izin
[image:55.595.117.512.419.731.2]Pada halaman data izin, admin dapat melihat data laporan izin mahasiswa yang sudah mahasiswa lakukan. Pada halaman ini admin dapat mencari laporan perizinan perkuliahan mahasiswa berdasarkan nim, nama, matakuliah, tanggal ataupun tahun ajaran. Selain itu admin juga dapat menyimpan laporan dalam bentuk format PDF. Tampilan dapat dilihat pada Gambar 4.5, Gambar 4.6, Gambar 4.7, Gambar 4.8, Gambar 4.9 dan Gambar 4.10.
Gambar 4.6 Tampilan Data Izin Berdasarkan NIM
[image:56.595.112.504.119.589.2]44
[image:57.595.111.505.126.524.2]Gambar 4.8 Tampilan Data Izin Berdasarkan Matakuliah
Gambar 4.10 Tampilan laporan yang sudah disimpan dengan format PDF
4.3.4 Halaman Data Mahasiswa
Pada halaman data mahasiswa, admin dapat melihat data mahasiswa yang sudah admin daftarkan sebelumnya. Pada halaman ini admin dapat mengubah dan menghapus data mahasiswa. Admin dapat melihat data perizinan perkuliahan mahasiswa secara keseluruhan ataupun dengan cara mencari berdasarkan nim, matakuliah, dan tanggal. Tampilan halaman dapat dilihat pada Gambar 4.11.
46
4.3.5 Halaman Tambah Data Mahasiswa
[image:59.595.117.513.210.420.2]Setelah masuk pada halaman data mahasiswa, admin dapat menambah data mahasiswa dengan cara mengklik button “tambah”. Kemudian admin dapat menambahkan data mahasiswa yang baru pada halaman data mahasiswa seperti pada Gambar 4.12.
Gambar 4.12 Tampilan Tambah Data Mahasiswa
Setelah admin berhasil menambahkan data mahasiswa, maka akan muncul pemberitahuan bahwa data telah berhasil ditambah. Seperti pada Gambar 4.13.
[image:59.595.113.488.483.708.2]4.3.6 Halaman Ubah Data Mahasiswa
Selain dapat menambahkan data mahasiswa, admin juga dapat mengedit data mahasiswa yang sudah dibuat sebelumnya dengan cara mengklik “ubah” pada halaman data mahasiswa. Setelah data diubah, maka akan muncul pemberitahuan bahwa data telah berhasil diubah. Tampilan dapat dapat dilihat pada Gambar 4.14.
Gambar 4.14 Tampilan Data Berhasil Diubah
4.3.7 Halaman Hapus Data Mahasiswa
[image:60.595.112.501.207.459.2]48
Gambar 4.15 Tampilan Data Berhasil Dihapus
4.3.8 Halaman Data Mata Kuliah
[image:61.595.111.501.110.351.2]Pada Halaman Data Mata Kuliah, admin dapat mengubah data mata kuliah yang berisi nama matakuliah, semester, jumlah sks, jumlah sesi, dan batas izin seperti pada Gambar 4.16 Gambar 4.17, Gambar 4.18 dan Gambar 4.19.
Gambar 4.17 Tampilan Ubah Mata Kuliah
[image:62.595.114.512.401.615.2]50
Gambar 4.19 Tampilan Pemberitahuan Data Mata Kuliah Berhasil Dihapus
4.3.9 Halaman Pada Bagian Mahasiswa
Setelah pengguna berhasil memasukkan username dan password, muncul halaman utama dari website. Dalam halaman utama terdapat beberapa menu yang dapat dioperasikan oleh administrator dan user.
User dapat mengoperasikan semua menu yang ada di dalam website yaitu
menu info, profil, izin, data izin dan keluar. Tampilan halaman utama pada sisi
[image:63.595.115.510.112.338.2]user (mahasiswa) dapat dilihat pada Gambar 4.20.
4.3.10 Halaman Info Mahasiswa
Halaman info menampilkan info yang berkaitan dengan perizinan perkuliahan mahasiswa, halaman info ini hanya dapat dilihat oleh mahasiswa. Tampilan halaman info dapat dilitan pada Gambar 4.21.
Gambar 4.21 Halaman Info pada Website Perijinan Perkuliahan Mahasiswa
4.3.11 Halaman Profil Mahasiswa
[image:64.595.115.510.508.728.2]Halaman profil menampilkan data profil mahasiswa yang sebelumnya sudah dimasukkan oleh admin. Pada halaman ini mahasiswa dapat mengedit data profil dan mengubah passwordnya. Tampilan halaman profil dapat dilihat pada Gambar 4.22.
52
4.3.12 Halaman Izin Mahasiswa
[image:65.595.113.512.231.532.2]Pada halaman izin, mahasiswa dapat melakukan proses perizinan perkuliahan dengan cara mengisi form perizinan. Mahasiswa diwajibkan memilih mata kuliah, memilih semester, memilih tahun ajaran, memilih alasan, memasukkan tanggal, dan memasukkan surat keterangan izin apabila diperlukan sebagai bukti. Pada halaman izin ini terdapat notifikasi perijinan, sehingga mahasiswa akan tau sudah berapa kali melakukan izin. Tampilan izin dapat dilihat pada Gambar 4.23.
Gambar 4.23 Halaman Form perizinan
Gambar 4.24 PemberitahuanPerizinan
4.3.13 Halaman Data Izin
Halaman data izin menampilkan data izin yang sudah dilakukan oleh mahasiswa. Pada halaman ini mahasiswa dapat melihat matakuliah, semester, total izin yang sudah pernah diambil dan batas izin. Tampilan data izin dapat dilihat pada Gambar 4.25.
54
4.4 Pengujian Sistem
4.4.1 Pengujian User Interface
Pengujian user interface bertujuan untuk mengetahui fungsionalitas dari elemen-elemen interface yang terdapat di dalam halaman sistem. Elemen yang diujikan adalah elemen button dan tombol bantuan keyboard di setiap halaman pada website. Hasil pengujian dapat dilihat pada Tabel 4.1.
Tabel 4.1 Hasil Pengujian User Interface
No.
Kasus yang diuji
Test Case Hasil yang
diharapkan
Hasil yang
didapatkan Status
1 Tombol
Login di
dalam halaman login Sistem dapat masuk ke halaman utama website. Jika benar: Jika salah: Berhasil
2 Menu di dalam halaman utama Sistem dapat menampilkan halaman yang sesuai dengan nama menu. Berhasil
3 Tombol
Tambah Sistem dapat menampilkan halaman untuk menambah data. Berhasil
4 Tombol
Tabel 4.2 (Lanjutan) Hasil Pengujian User Interface
No.
Kasus yang diuji
Test Case Hasil yang
diharapkan
Hasil yang
didapatkan Status
5 Tambol
Hapus Sistem dapat menghapus data yang ingin dihapus. Berhasil
6 Tombol
Simpan Sistem dapat menyimpan data yang sudah dibuat atau yang sudah diubah. Berhasil
7 Tombol
Cari Sistem dapat mencari data laporan perizinan perkuliahan mahasiswa. Berhasil
8 Tombol
Reset Sistem dapat menghapus cari laporan perizinan perkuliahan mahasiswa. Berhasil
9 Tombol
Submit Sistem dapat menyimpan data perizinan perkuliahan mahasiswa. Berhasil
56
4.4.2 Dasar Sistem
Pengujian fungsi dasar sistem bertujuan untuk mengetahui fungsi-fungsi dasar yang ada di dalam website. Hasil pengujian dapat dilihat pada Tabel 4.2.
Tabel 4.3 Hasil Pengujian Dasar Sistem
No. Kasus yang
diuji Test Case
Hasil yang diharapkan
Hasil yang
didapatkan Status
1 Pengujian fungsi tambah mahasiswada lam halaman data mahasiswa Sistem dapat menambah data di dalam basis data.
Berhasil
2 Pengujian fungsi perizinan mahasiswa dalam halaman izin Sistem dapat menampilkan form perizinan untuk mahasiswa melakukan perizinan . Berhasil
3 Pengujian fungsi pemberitahu an batas perizinan dalam halaman izin Setelah melakukan perizinan akan muncul pemberitahuan batas perizinan. Berhasil
4 Pengujian fungsi tombol
Dari table diatas dapat dihasilkan bahwa sistem pada fungsi tambah mahasiswa dalam halaman data mahasiswa, fungsi perizinan mahasiswa dalam
