Perancangan dan Implementasi Sistem Pengisian Form Akademik Secara Online Dengan Menggunakan Arsitektur MVC

(Model View Controller) (Studi Kasus Universitas Kristen Indonesia

Toraja)

SKRIPSI

Diajukan kepada Fakultas Teknologi Informasi

Untuk memperoleh Gelar Sarjana Komputer

Oleh: Valentino Putra Parlan

NIM: 672007108

Program Studi Teknik Informatika

Fakultas Teknologi Informasi Universitas Kristen Satya Wacana

Salatiga November 2011

ii

iii

PERNYATAAN

Tugas akhir yang berikut ini :

Judul : Perencanaan dan Implementasi Sistem

Pengisian Form Akademik Secara Online

Dengan Menggunakan Arsitektur MVC

(Model View Controller) Studi

Universitas Kristen Indonesia Toraja

Pembimbing : 1. M. A. Ineke Pakereng, M.Kom.

2. Frederik S. Papilaya, S.Kom., M.Cs. adalah benar hasil karya saya :

Nama : Valentino Putra Parlan

NIM : 672007108 Saya menyatakan tidak mengambil sebagian atau seluruhnya dari hasil

karya orang lain kecuali sebagaimana yang telah tertulis pada daftar

pustaka.

Pernyataan ini dibuat dengan sebenar-benarnya sesuai dengan ketentuan

yang berlaku dalam penulisan karya ilmiah.

Salatiga Valentino Putra Parlan

iv

Prakata

Puji syukur penulis panjatkan kepada Tuhan Yesus Kristus

karena atas berkat dan rahmat-Nya, penulis dapat menyelesaikan

skripsi yang berjudul Perencanaan dan Implementasi Sistem

Pengisian Form Akademik Secara Online Dengan Menggunakan

Arsitektur MVC (Model View Controller) (Studi Universitas Kristen

Indonesia Toraja) ini. Skripsi ini disusun untuk memenuhi sebagian

persyaratan dalam memperoleh gelar Sarjana Komputer pada

Program Studi Teknik Informatika, Fakultas Teknologi Informasi,

Universitas Kristen Satya Wacana Salatiga.

Skripsi ini dapat selesai berkat bantuan dari berbagai pihak

yang telah memberikan bimbingan, ide, dan berbagai dukungan

lainnya kepada penulis. Pada kesempatan ini penulis mengucapkan

terima kasih kepada :

1. Andeka Rocky Tanaamah, SE., M.Cs., selaku Dekan Fakultas

Teknologi Informasi, Universitas Kristen Satya Wacana

Salatiga.

2. Dian W. Chandra, S.Kom., M. Cs., selaku Ketua Program Studi

Teknik Informatika, Fakultas Teknologi Informasi, Universitas

Kristen Satya Wacana Salatiga.

3. M. A. Ineke Pakereng, S.Kom., M.Kom., selaku dosen

pembimbing satu, terimakasih atas kesabaran dalam memberi

bimbingan, masukan, motivasi dan pengarahan dalam

penyusunan skripsi ini.

v

4. Frederik Samuel Papilaya, S.Kom., M. Cs., selaku dosen

pembimbing dua, terimakasih atas kesabaran dalam memberi

bimbingan, masukan, motivasi dan pengarahan dalam

penyusunan skripsi ini.

5. Seluruh Bapak/Ibu dosen pengajar dan seluruh staf di Fakultas

Teknologi Informasi Univeristas Kristen Satya Wacana Salatiga yang

telah mendidik dan memberikan bekal kepada penulis selama kuliah.

6. Papa, Mama dan semua keluarga besar yang selalu memberi

semangat, doa, kasih sayang dan perhatian yang begitu besar

sampai detik ini dan untuk seterusnya.

7. My Lovely Francinety Lande yang sudah menemani dan

memberikan Support selama ini.

8. Teman-teman seperjuangan: Viktor, Fitri, Tri, Jill, Antonia,

Kiky dan semua teman-teman SMU LKU Periode 2010-2011

terimakasih atas bantuan dan motivasi selalu diberikan kepada

saya.

9. Saudara Saya Gang Bambu: Finta, Deny, Bony, Rinto, Winda,

Eva dan Ade. Terimakasih buat kebersamaannya selama ini.

10. Semua teman-teman di PKMST. Terimakasih untuk semua

Bantuan dan kebersamaannya.

11. Semua teman-teman angkatan 07’ FTI UKSW. Terimakasih

untuk kerjasama dan suportnya selama di bangku perkuliahan.

07’ FTI is the best.

12. Dan semua pihak yang tidak dapat penulis sebutkan satu persatu

yang telah membantu penulis selama penyusunan skripsi ini.

vi

Penulis menyadari sepenuhnya bahwa dalam penulisan skripsi

ini masih terdapat kekurangan. Oleh karena itu, penulis

mengharapkan saran yang membangun dari pembaca demi

penyempurnaan laporan ini.

Akhir kata, penulis berharap semoga laporan skripsi ini dapat

bermanfaat bagi pembaca sekalian. Tuhan Yesus memberkati.

Salatiga, 25 Oktober 2011

Valentino Putra Parlan

vii

Daftar Isi

Halaman Halaman Judul .......................................................................... i Lembar Pengesahan .................................................................. ii Halaman Pernyataan................................................................. iii Prakata ...................................................................................... iv Daftar Isi .................................................................................... vii Daftar Tabel .............................................................................. xi Daftar Gambar .......................................................................... xii Daftar Lampiran ....................................................................... xiv Kode Program ........................................................................... xv Abstract ..................................................................................... xvi

Bab 1 Pendahuluan .................................................................. 1

1.1 Latar Belakang ........................................................ 1 1.2 Rumusan Masalah ................................................... 2 1.3 Tujuan dan Mamfaat Penelitian ............................... 3 1.4 Batasan Masalah ..................................................... 4 1.5 Sistematika Penulisan .............................................. 4

Bab 2 Tinjauan Pustaka ........................................................... 6

2.1 Penelitian Terdahulu ............................................... 6 2.2 Pengertian Analisis Sistem ...................................... 7 2.2.1 Sistem ......................................................... 7 2.2.2 Analisis Sistem ............................................ 7 2.2.3 Desain Sistem .............................................. 8 2.3 Pengertian Sistem Informasi Akademik ................... 8 2.4 Konsep PHP ............................................................ 10 2.5 Database MySQL ..................................................... 11 2.6 Web Server ............................................................. 13 2.7 Pengertian MVC ..................................................... 13

viii

- Komponen Model ........................................ 14 - Komponen View .......................................... 15 - Komponen Controller .................................. 15

Bab 3 Metode dan Perancangan Sistem .................................. 16

3.1 Metode Pengembangan Sistem ................................ 16 3.2 Kebutuhan Input Proses dan Output ........................ 19 3.2.1 Kebutuhan Input .......................................... 18

3.2.2 Kebutuhan Proses ........................................ 20 3.2.3 Kebutuhan output ....................................... 20

3.3 Spesifikasi Sistem ................................................... 21 3.4 Perancangan Sistem ................................................ 22

3.4.1 Usecase Diagram ......................................... 22 3.4.2 Diagram Activity ......................................... 24 3.4.3 Sequence Diagram ....................................... 26 3.4.4 Perancangan Class Diagram ........................ 32

3.5 Perancangan Tabel .................................................. 33 3.6 Perancangan Model – View – Controller (MVC) ..... 38 3.7 Rancangan Antarmuka ............................................ 41

3.7.1 Rancangan Antarmuka Form Login ............. 41 3.7.2 Rancangan Antarmuka Tampilan Menu Utama Mahasiswa ....................................... 42

3.7.3 Rancangan Antarmuka Tampilan Menu Utama Dosen ..................................... 43 3.7.4 Rancangan Antarmuka Tampilan Menu Bag. Akademik 1 ............................... 44 3.7.5 Rancangan Antarmuka Tampilan Menu Bag. Akademik 2 ............................... 45 3.7.6 Rancangan Antarmuka Tampilan Form Daftar Matakuliah ............................. 46 3.7.7 Rancangan Antarmuka Tampilan Form Daftar Jadwal Matakuliah .................. 47 3.7.8 Rancangan Antarmuka Tampilan Form Input Data Mahasiswa ........................ 48

ix

3.7.9 Rancangan Antarmuka Tampilan Form Input Data Ruang ............................... 49 3.7.10 Rancangan Antarmuka Tampilan Form Input Data Matakuliah ........................ 50 3.7.11 Rancangan Antarmuka Tampilan Form Input Data Dosen ............................... 51 3.7.12 Rancangan Antarmuka Tampilan Form Ganti Password .................................. 52 Bab 4 Hasil dan Pembahasan ................................................... 54

4.1 Pembahasan ............................................................ 54 4.1.1 Koneksi Data ............................................... 56 4.1.2 MVC yang dibangun ................................... 53 4.2 Pembuatan dan Pengujian Aplikasi.......................... 57 4.2.1 Implementasi Form Login Mahasiswa ......... 57 4.2.2 Implementasi Form Login Dosen................. 59 4.2.3 Implementasi Form Login Bag. Akademik .. 61 4.2.4 Implementasi Form Progdi .......................... 63 4.2.5 Implementasi Form Dosen ........................... 62 4.2.6 Implementasi Form Mahasiswa ................... 65 4.2.7 Implementasi Form Matakuliah ................... 66 4.2.8 Implementasi Form Ruang .......................... 67 4.2.9 Implementasi Form Jadwal .......................... 68 4.2.10 Implementasi Form Ubah Password Mahasiswa ................................................... 69 4.2.11 Implementasi Form Manajemen Nilai

Mahasiswa ................................................... 71 4.2.12 Implementasi Form Cetak Kartu Studi ......... 73 4.2.13 Implementasi Form Cetak Transkrip ............ 74 4.2.14 Implementasi Form Cetak Peserta ............... 76 4.2.15 Implementasi Form Daftar Matakuliah dan

Jadwal Matakuliah ....................................... 77 4.3 Integration and System Testing................................ 79 4.3.1 Integrasi Sistem ........................................... 79 4.3.2 Pengujian Sistem dengan Metode

x

Blackbox ..................................................... 80 4.3.3 Performance Analysis .................................. 82 4.3.4 Pengujian Aplikasi Pada User (Pengguna) ... 83 Bab 5 Kesimpulan dan Saran Pengembangan ........................ 81

5.1 Kesimpulan ............................................................. 86 5.2 Saran ....................................................................... 88 Daftar Pustaka ........................................................................ 89

Lampiran ............................................................................... 90

xi

Daftar Tabel

Tabel 3.1 Kebutuhan Input Petugas 1 Bagian Akademik .......... 20 Tabel 3.2 Kebutuhan Input Petugas 2 Bagian Akademik .......... 20 Tabel 3.3 Kebutuhan Input Mahasiswa ..................................... 21 Tabel 3.4 Kebututuhan Input Dosen ......................................... 21 Tabel 3.5 Kebutuhan Output Petugas 1 Bagian Akademik ........ 21 Tabel 3.6 Kebutuhan Output Mahasiswa .................................. 22 Tabel 3.7 Kebutuhan Output Dosen .......................................... 22 Tabel 4.1 Pengujian Sistem ...................................................... 78

xii

Daftar Gambar

Gambar 2.1 Arsitektur Model View Controller .......................... 14 Gambar 3.1 Alur Perancangan dengan Metode Waterfall .......... 17 Gambar 3.2 Diagram Use Case sistem Pengisian Form Akademik..................................................... 24 Gambar 3.3 Diagram Actifity Mahasiswa .................................. 25 Gambar 3.4 Diagram Actifity Dosen .......................................... 26 Gambar 3.5 Diagram Actifity Bagian Akademik ........................ 27 Gambar 3.6 Diagram Sequence Mahasiswa ............................... 28 Gambar 3.7 Diagram Sequence Dosen ...................................... 30 Gambar 3.8 Diagram Sequence Manajemen Data Mahasiswa.... 32 Gambar 3.9 Class Diagram Sistim Form rencana studi ............. 34 Gambar 3.10 Form Login ............................................................ 38 Gambar 3.11 Menu Utama Mahasiswa ........................................ 39 Gambar 3.12 Menu Utama Dosen ............................................... 40 Gambar 3.13 Menu Utama Bagian Akademik 1 .......................... 41 Gambar 3.14 Menu Utama Bagian Akademik 2 .......................... 42 Gambar 3.15 Form Daftar Matakuliah ........................................ 43 Gambar 3.16 Form Daftar Jadwal Matakuliah ............................. 44 Gambar 3.17 Form Input Data Mahasiswa .................................. 45 Gambar 3.18 Form Input Data Kelas........................................... 46 Gambar 3.19 Form Input Data Matakuliah .................................. 47 Gambar 3.20 Form Input Data Dosen ......................................... 48 Gambar 3.21 Form Ganti Password ............................................ 49 Gambar 4.1 XAMPP Control Panel ........................................... 51 Gambar 4.2 Pembuatan Database .............................................. 52 Gambar 4.3 Skrip Database ....................................................... 53 Gambar 4.4 Letak Model,View, Controller ................................ 53 Gambar 4.5 Cara Kerja Model,View, Controller ........................ 54 Gambar 4.6 Form Login Mahasiswa ......................................... 55 Gambar 4.7 Form Login Dosen ................................................. 57 Gambar 4.8 Form Login Bag. Akademik .................................. 58

xiii

Gambar 4.9 Form Progdi .......................................................... 60 Gambar 4.10 Form Dosen ........................................................... 62 Gambar 4.11 Form Mahasiswa ................................................... 63 Gambar 4.12 Form Matakuliah ................................................... 64 Gambar 4.13 Form Ruang........................................................... 65 Gambar 4.14 Form Jadwal .......................................................... 65 Gambar 4.15 Form Ubah Password............................................. 66 Gambar 4.16 Form Manajemen Nilai Mahasiswa........................ 68 Gambar 4.17 Form Cetak Kartu Studi ......................................... 70 Gambar 4.18 Form Cetak Transkrip ........................................... 71 Gambar 4.19 Form Cetak Peserta................................................ 73 Gambar 4.20 Form Daftar Matakuliah ........................................ 74 Gambar 4.21 Form Daftar Jadwal Matakuliah ............................. 74 Gambar 4.22 Integrasi Sistem ..................................................... 76 Gambar 4.23 Grafik Performance Analysis ................................. 79

xiv

Daftar Lampiran

Lampiran 1 Surat Penelitian .................................................... 85 Lampiran 2 Hasil Wawancara ................................................. 86 Lampiran 2 Kode Program ...................................................... 88

xv

Kode Program

Kode Program 4.1 Perintah Menampilkan Form Login Mahasiswa ................................................. 56 Kode Program 4.2 Perintah Menampilkan Form Login Dosen . 57 Kode Program 4.3 Perintah Menampilkan Form Login ........... 58 Bag. Akademik .......................................... 59 Kode Program 4.4 Perintah Form Progdi ................................. 61 Kode Program 4.5 Perintah Form Ubah Password ................... 67 Kode Program 4.6 Perintah Form Manajemen Nilai ................ 69 Kode Program 4.7 Perintah Form Cetak Kartu Studi ............... 71 Kode Program 4.8 Perintah Form Cetak Transkrip Nilai.......... 72 Kode Program 4.9 Perintah Form Cetak Peserta ...................... 73 Kode Program 4.10 Perintah Form Tambah Matakuliah ............ 75

xvi

Abstract

Academic System Information is a system which providing academic data. In implementation all this time, filling the academic form at Toraja Indonesian Christian University still use manual system, because of that it needs form filling system in online way that can make easier to access each information such as transcript value, study schedule, and course registration. This system is made with PHP, MySQL and using MVC architecture online system will decrease the error in process to filling data anda can make easier for a student to access each information

Keyword : Academic System Information,PHPMySQl, MVC.