i

SKRIPSI

SKRIPSI INI DISUSUN GUNA MEMENUHI SALAH SATU SYARAT UNTUK MENYELESAIKAN PROGRAM STUDI SISTEM INFORMASI STRATA I PADA

FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS

SISTEM INFORMASI PENERIMAAN MAHASISWA

BARU DI AKBID MUSLIMAT NU KUDUS

BERBASIS WEB DAN SMS GATEWAY

Oleh :

Nama : SUNARTO

NIM : 2008 53 049

Program Studi : Sistem Informasi

Fakultas : Teknik

FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS

2011/2012

ii

iii

iv

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan di bawah ini, saya : Nama : Sunarto NIM : 2008-53-049 Program Studi : Sistem Informasi Jenjang : Strata Satu (S1) Jenis Karya : Skripsi Demi pengembangan ilmu pengetahuan, dengan ini menyetujui untuk memberikan ijin kepada pihak Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus Hak Bebas Royalti Non-Eksklusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul : “Sistem Infomasi Penerimaan Mahasiswa Baru Berbasis Web dan SMS Gateway” beserta perangkat yang diperlukan (apabila ada). Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Muria Kudus berhak menyimpan, mengalih-media atau bentuk-kan, pengelolaannya dalam pangkalan data (database), untuk kepentingan akademis tanpa perlu meminta ijin dari saya. Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas Muria Kudus, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini. Demikian pernyataan ini saya buat dengan sebenarnya.

Kudus, 07 Agustus 2012 Yang menyatakan,

Sunarto

v

HALAMAN MOTTO DAN PERSEMBAHAN

MOTTO

“Hidup Adalah Pembelajaran”

PERSEMBAHAN

Skripsi ini penulis persembahkan kepada:

Tuhan

Ayah dan Ibu

Teman – Teman Yang Selalu Ada di Sampingku

vi

RINGKASAN

Penelitian skripsi telah dilakukan selama beberapa bulan di Akbid Muslimat

NU Kudus. Materi pokok penelitian adalah untuk mengetahui prosedur penerimaan mahasiswa baru yang nantinya digunakan se-bagai bahan analisa perancangan sistem informasi penerimaan mahasiswa baru berbasis Web dan SMS Gateway yang mampu menyajikan data secara valid, akurat, dan tepat waktu.

Perancangan sistem dilakukan dengan metode Waterfall dan bahasa pemodelan menggunakan UML. Sedangkan bahasa pemrograman yang dipakai adalah PHP dan HTML dengan menggunakan database MySQL serta gammu sebagai modul SMS Gateway .

Hasil akhir perancangan tersebut menghasilkan Sistem Informasi Penerimaan Mahasiswa Baru Berbasis Web dan SMS Gateway yang dapat diakses dari berbagai lokasi . Kata Kunci : Sistem Informasi, Penerimaan Mahasiswa Baru, SMS Gateway

vii

KATA PENGANTAR

Alhamdulillah, dengan memanjatkan puji syukur Kehadirat Allah SWT atas

rahmad, taufiq, hidayah serta inayahNya yang telah dilimpahkan kepada penulis,

sehingga kripsi dengan judul ”Sistem Informasi Penerimaan Mahasiswa Baru Di

Akbid Muslimat NU Kudus” dapat terselesaikan. Penyusunan kripsi ini merupakan

salah satu syarat untuk menyelesaikan program studi Sistem Informa si S -1 pada

Fakultas Teknik Universitas Muria Kudus. Atas tersusunnya Laporan Skripsi ini,

penulis mengucapkan terima kasih kepada :

1. Bapak Sutomo dan Ibu Ngaripah, selaku orang tua yang telah memberikan

segalanya untuk kelangsungan hidup penulis.

2. Bapak Prof. Dr.dr. Sarjadi, Sp.PA, selaku Rektor Universitas Muria Kudus

3. Bapak Rocmad Winarso, S.T, M.T, selaku Dekan Fakultas Teknik Universitas

Muria Kudus

4. Bapak Arif Setiawan, S.Kom, M.Cs, selaku Ketua Program Studi Sistem

Informasi Fakultas Teknik Univers itas Muria Kudus.

5. Bapak R. Rhoedy Setiawan, M.Kom, selaku pembimbing I yang telah

menularkan banyak ilmu dan memberikan pengesahan selama bimbingan.

6. Bapak Anteng Widodo,ST.M.Kom selaku pembimbing II yang telah

memberikan banyak bimbingan, masukan, pengesahan kepada penulis.

7. Segenap dosen Universitas Muria Kudus, khususnya Program Studi Sistem

Informasi yang telah me ngenalkan ilmu pengetahuan baru.

8. Kakak dan adik yang sangat penulis cintai, yang telah memberi dukungan

secara material maupun spiritual.

9. Rekan - rekanku di Fakultas Teknik Progdi Sistem Informasi angkatan

2007, 2008, 2009, dan 2010 yang telah belajar bareng selama beberapa

semester terakhir.

viii

penulis menyadari bahwa dalam penyusunan Laporan Skripsi masih jauh dari

sempurna. Oleh karena itu, saran dan kritik yang membangun sangat penulis

harapkan guna perbaikan penulisan di masa -masa mendatang. Penulis mohon

maaf atas segala kekurangan dan kesalahan yang ada. Akhirnya, penulis berharap

semoga tulisan ini bermanfaat. Amin.

Kudus, 01 Juli 2012

Penulis

ix

DAFTAR ISI

HALAMAN JUDUL ……………………………………………………… I

HALAMAN PERSETUJUAN………………………………………………II

HALAMAN PENGESAHAN………………………………………………III

HALAMAN PUBLIKASI ……………………………………………… IV

HALAMAN MOTTO DAN PERSEMBAHAN……………………………V

RINGKASAN……..……………………………………………………….. VI

KATA PENGANTAR……..………………………………………………. VII

DAFTAR ISI……..…………………………………………………………IX

DAFTAR TABEL ……………………………………………………….. XIII

DAFTAR GAMBAR………………………………………………………..XV

DAFTAR LAMPIRAN……..………………………………………………XVIII

BAB I PENDAHULUAN 1

1.1 Latar Belakang Masalah ……..………………………………………………1

1.2 Perumusan Masalah ……..………………………………………………2

1.3 Batasan Masalah ……..…………………………………………………2

1.4 Tujuan Skripsi……..………………………………………………2

1.5 Manfaat Skripsi ……..………………………………………………3

1.6 Metodologi Penelitian ……..………………………………………………3

1.6.1 Metode Sumber Data ……..………………………………………………3

1.7 Tahap Tahap Perancangan Sistem ……..………………………………………………4

1.8 Sistematika Penulisan ……..………………………………………………6

BAB II LANDASAN TEORI

2.1 Sistem Informasi Penerimaan Mahasiswa Baru ……….. 8

2.2 WEB ……..………………………………………………8

2.2.1 XAMPP……..………………………………………………9

x

2.2.2 HTML……..………………………………………………10

2.2.3 Tag HTML……..………………………………………………11

2.2.4 Struktur HTML Dokumen……..………………………………………………11

2.2.5 Java Script……..………………………………………………12

2.2.6 CSS ( Cascading Style Sheet) ……..………………………………………………13

2.2.7 Macromedia Dreamweaver CS3……..………………………………………………13

2.3 SMS ( Short Message Service ) ……..………………………………………………14

2.3.1 Pengertian SMS Gateway……..………………………………………………16

2.3.2 Membangun Aplikasi SMS Dengan Database

Gammu ……..………………………………………………16

2.4 Teknik Penilaian ……..………………………………………………17

2.5 UML (Unified Modelling Language) ……..………………………………………………18

2.5.1 Use Case Diagram ……..………………………………………………18

2.5.2 Class Diagram……..………………………………………………20

2.5.3 Sequence Diagram ……..………………………………………………20

2.5.3 Statechart Diagram ……..………………………………………………22

2.5.3 Activity Diagram……..………………………………………………23

2.6 Bagan Alir Diagram ……..………………………………………………24

BAB III TINJAUAN UMUM OBYEK PENELITIAN

3.1 Sekilas Tentang Akbid Muslimat NU Kudus……..………………………………………………26

3.1.1 Berdirinya Akbid Muslimat NU Kudus……..………………………………………………26

3.1.2 Visi, Misi, dan Tujuan Akbid Muslimat NU Kudus 27

3.1.3 Struktur Organisasi Akbid Muslimat NU Kudus……..………………………………………………28

3.1.4 Denah lokasi Akbid Muslimat NU Kudus ……..………………………………………………29

3.2 Proses PMB Akbid Muslimat NU Kudus ……..………………………………………………30

3.3 Proses Ujian Seleksi PMB Akbid Muslimat NU Kudus 32

BAB IV ANALISIS DAN PERANCANGAN

4.1 Gambaran Sistem Informasi PMB .................................. …34

xi

4.2 Analisa Kebutuhan Perangkat Keras ……..………………………………………………34

4.3 Analisa Kebutuhan Perangkat Lunak ……..………………………………………………34

4.4 Analisa Fungsi – Fungsi ……..………………………………………………35

4.5 Analisa Aktor ……..………………………………………………35

4.6 Proses Bisnis Use case ……..………………………………………………35

4.7 Sistem Use Case ……..………………………………………………37

4.8 Class Diagram……..………………………………………………47

4.9 Sequence Diagram Penerimaan Mahasiswa Baru di

Akbid Muslimat NU Kudus ……..………………………………………………48

4.10 Activity Diagram Penerimaan mahasiswa Baru di

Akbid Muslimat NU Kudus ……..………………………………………………57

4.11 Statechart diagram Penerimaan Mahasiswa Baru

Akbid Muslimat NU Kudus ……..………………………………………………66

4.12 Perancangan Database ……..………………………………………………75

4.13 Perancangan Interface ……..………………………………………………87

BAB V PEMBAHASAN DAN IMPLEMENTASI

5.1 Identifikasi Sistem……..………………………………………………97

5.1.1 Identifikasi Kebutuhan Hardware .......................... 97

5.1.2. Identifikasi Kebutuhan Brainware …………...….. 97

5.2. Pengembangan ………………………………………… 97

5.2.1. Pembuatan Database dan Tabel ……………...…. 97

5.2.2. Pengkodingan Program …………………………. 98

5.3.Implementasi …………………………………………… 99

5.3.1 Halaman Website Calon Mahasiswa Baru …….. 99

5.3.2 Halaman Administrator ……………………….. 102

5.3.3 Halaman Menu Pegawai …………………….... 111

5.4 Testing Program ………………………………………... 114

5.4.1 Pengetesan Sistem (System Testing) ……………... 114

xii

BAB VI PENUTUP

6.1. Kesimpulan …………………………………………...... 119

6.2 Saran …………………………………………………… 119

DAFTAR PUSTAKA ……..……………………………………………… 121

LAMPIRAN

xiii

DAFTAR TABEL

Tabel 2.1 : Simbol Use Case Diagram……………………………… 18

Tabel 2.2 : Simbol Sequence Diagram……………………………… 21

Tabel 2.3 : Simbol Statechart Diagram………………...…………… 22

Tabel 2.4 : Simbol Activity Diagram ………..……………………... 23

Tabel 2.5 : Simbol Simbol Bagan Alir Diagram……………………. 24

Tabel 4.1 : Proses Bisnis Use Case ………………............................ 36

Tabel 4.2 : Alur Optimistic Kelola Hasil PMB …………………….. 38

Tabel 4.3 : Alur Pesimistic Kelola Hasil PMB …………..………… 39

Tabel 4.4 : Alur Optimistic Ujian ………………………………….. 39

Tabel 4.5 : Alur Pesimistic Ujian …………………………………... 40

Tabel 4.6 : Alur Optimistic Lihat Hasil Ujian Calon Mahasiswa …. 41

Tabel 4.7 : Alur Pesimistic Lihat Hasil Ujian Calon Mahasiswa……… 41

Tabel 4.8 : Alur Optimistic Request Hasil Ujian Lewat Sms ............ 42

Tabel 4.9 : Alur Pesimistic Request Hasil Ujian Lewat Sms ............. 42

Tabel 4.10 : Alur Optimistic Kelola Soal Ujian ................................... 43

Tabel 4.11 : Alur Pesimistic Kelola Soal Ujian ................................... 43

Tabel 4.12 : Alur Optimistic Kelola Admin ......................................... 44

Tabel 4.13 : Alur Pesimistic Kelola Admin ………........................…. 45

Tabel 4.14 : Alur Optimistic Kelola User …………………………… 45

Tabel 4.15 : Alur Pesimistic Kelola User……………..……………... 46

Tabel 4.16 : Alur Optimistic Pendaftran Mahasiswa Baru ………….. 46

Tabel 4.17 : Alur Pesimistic Pendaftran Mahasiswa Baru ………….. 47

Tabel 4.18 : Tabel Admin …………………………………………… 75

Tabel 4.19 : Tabel User ………………………………………...……. 76

Tabel 4.20 : Tabel Pegawai ………………………………………….. 77

Tabel 4.21 : Tabel Calon Mahasiswa ……………...……………….... 78

xiv

Tabel 4.22 : Tabel Peserta ……………………………………….…... 80

Tabel 4.23 : Tabel Soal ………………………………………….…... 81

Tabel 4.24 : Tabel Jenis Soal ………………………………………... 82

Tabel 4.25 : Tabel Jawaban ……………………….………………..... 82

Tabel 4.26 : Tabel Inbox …………………………………………...... 83

Tabel 4.27 : Tabel Outbox …………………………………………… 84

Tabel 4.28 : Tabel Send Items …………………………….…………. 85

xv

DAFTAR GAMBAR

Gambar 3.1 : Struktur Organisasi Akbid Muslimat NU Kudus ............ 28

Gambar 3.2 : Lokasi Akbid Muslimat NU Kudus ……………………. 29

Gambar 3.3 : Flow of Document Proses PMB ………………….……. 31

Gambar 4.1 :Use Case Diagram Sistem Informasi Penerimaan

Mahasiswa Baru Di Akbid Muslimat NU Kudus ……….. 37

Gambar 4.2 : Clas Diagram Sistem Informasi Penerimaan Mahasiswa

Baru Di Akbid Muslimat NU Kudus …………………... 47

Gambar 4.3 : Sequence Diagram Login ……………………………… 48

Gambar 4.4 : Sequence Diagram Pendaftaran Calon Mahasiswa Baru.. 49

Gambar 4.5 : Sequence Diagram Ujian ……………………………… 50

Gambar 4.6 : Sequence Diagram Kelola Hasil Pmb ………...………... 51

Gambar 4.7 : Sequence Diagram SMS Request Hasil Ujian …….…… 52

Gambar 4.8 : Sequence Diagram Kelola Soal Ujian …………………. 53

Gambar 4.9 : Sequence Diagram kelola User ………………………… 54

Gambar 4.10 : Sequence Diagram Kelola Admin ……………………... 55

Gambar 4.11 : Sequence Diagram Lihat Nilai Ujian …………………. 56

Gambar 4.12 : Activity Diagram Login.................................................. 57

Gambar 4.13 : Activity Diagram Pendaftaran Mahasiswa Baru............. 58

Gambar 4.14 : Activity Diagram Ujian ………………………………... 59

Gambar 4.15 : Activity Diagram Lihat Hasil Ujian ................................. 60

Gambar 4.16 : Activity Diagram Kelola Pmb ………………………….. 61

Gambar 4.17 : Activity Diagram Kelola User …………………………. 62

Gambar 4.18 : Activity Diagram Kelola Soal Ujian ............................... 63

Gambar 4.19 : Activity Diagram Kelola Admin ……………………….. 64

Gambar 4.20 : Activity Diagram Sms Hasil Ujian …………….……….. 65

Gambar 4.21 : Statechart Diagram Tambah Pendaftaran ……………… 66

xvi

Gambar 4.22 : Statechart Diagram Ubah Data Pendaftaran ………….. 66

Gambar 4.23 : Statechart Diagram Cetak Data Pendaftaran …………... 67

Gambar 4.25 : Statechart Diagram Hapus Data Pendaftaran …………. 67

Gambar 4.26 : Statechart Diagram Tambah User …………………….. 68

Gambar 4.27 : Statechart Diagram Ubah Data User …………………... 68

Gambar 4.28 : Statechart Diagram Hapus Data User…………………. 69

Gambar 4.29 : Statechart Diagram Tambah Soal Ujian ………………. 69

Gambar 4.30 : Statechart Diagram Ubah Data Soal Ujian ……………. 70

Gambar 4.31 : Statechart Diagram Hapus Data Soal Ujian …………… 70

Gambar 4.32 : Statechart Diagram Ujian …………………….............. 71

Gambar 4.33 : Statechart Diagram Request SMS Hasil Ujian ………... 71

Gambar 4.34 : Statechart Diagram Cetak Hasil Ujian ………………... 72

Gambar 4.35 : Statechart Diagram Lihat Nilai Ujian ………………… 72

Gambar 4.36 : Statechart Diagram Tambah Admin Baru …………….. 76

Gambar 4.37 : Statechart Diagram Ubah Admin .........………………… 76

Gambar 4.38 : Statechart Diagram Hapus Data Admin ………………... 77

Gambar 4.39 : Hubungan Antar Tabel Sistem Informasi Penerimaan

Mahasiswa Baru ………………………………………… 86

Gambar 4.40 : Desain form login ………………………………………. 89

Gambar 4.41 : Desain Menu Utama ……………………………………. 89

Gambar 4.42 : Desain Kelola Jenis Soal ………………………………. 90

Gambar 4.43 : Desain Kelola Setting Waktu Ujian ……………………. 90

Gambar 4.44 : Desain Kelola Soal Ujian ………………………………. 91

Gambar 4.45 : Halaman Kelola Pegawai ………………………………. 91

Gambar 4.46 : Halaman Kelola Admin ………………………………... 92

Gambar 4.47 : Halaman Pendaftaran …………………………………... 93

Gambar 4.48 : Contoh Format SMS Request …………………………. 93

Gambar 4.49 : Halaman Kirim SMS …………………………………… 94

xvii

Gambar 4.50 : Desain Tampilan SMS Masuk ………………………….. 94

Gambar 4.51 : Desain Tampilan SMS Terkirim ………………………... 95

Gambar 4.52 : Desain Output Daftar User …………………………….. 95

Gambar 4.53 : Desain Output Daftar Calon Mahasiswa ……………….. 95

Gambar 4.54 : Desain Output Daftar Pegawai …………………………. 95

Gambar 4.55 : Desain Output Kategori Soal …………………………... 96

Gambar 4.56 : Desain Output Setting Waktu Ujian …………………… 96

Gambar 4.57 : Desain Output Soal Ujian …………………………….... 96

Gambar 4.58 : Desain Output Ujian …………………………………… 96

Gambar 5.1 : Tampilan Jendela phpMyAdmin ……………………….. 98

Gambar 5.2 : Tampilan jendela Macromedia Dreamweaver …………. 98

Gambar 5.3 : Tampilan Menu Utama ………………………………… 99

Gambar 5.4 : Gambar Halaman Pendaftaran …………………………. 100

Gambar 5.5 : Gambar Profile Pendaftar ……………………………… 100

Gambar 5.6 : Gambar Menu Ujian …………………………………… 101

Gambar 5.7 : Gambar Menu Hasil Ujian ……………………………... 101

Gambar 5.8 : Gambar Menu Profil Diri …………………………..…... 102

Gambar 5.9 : Gambar Menu Administrator …………………………... 102

Gambar 5.10 : Gambar Menu Kelola User …………………………….. 103

Gambar 5.11 : Gambar Menu Kelola Pegawai ………………………… 103

Gambar 5.12 : Gambar Menu Tambah Data Pegawai …………………. 104

Gambar 5.13 : Gambar Menu Ubah Data Pegawai…………………….. 104

Gambar 5.14 : Laporan Data Pegawai …………………………………. 105

Gambar 5.15 : Gambar Menu Kelola Soal Ujian ………………………. 105

Gambar 5.16 : Gambar Menu Tambah Soal Ujian …………………….. 106

Gambar 5.17 : Gambar Menu Ubah Soal Ujian ………………………... 106

Gambar 5.18 : Gambar Laporan Data Soal Ujian ……………………… 107

Gambar 5.19 : Gambar Menu Kelola Waktu Dan jumlah Soal Ujian … 107

xviii

Gambar 5.20 : Laporan Hasil Ujian Penerimaan Calon Mahasiswa Baru 108

Gambar 5.21 : Gambar Halaman Kirim SMS .......................................... 108

Gambar 5.22 : Gambar Halaman Kotak Masuk ....................................... 109

Gambar 5.23 : Gambar Halaman Sms Keluar .......................................... 109

Gambar 5.24 : Gambar Halaman Sms Terkirim ...................................... 110

Gambar 5.25 : Gambar Halaman Pegawai ............................................... 111

Gambar 5.26 : Gambar Menu Lihat Profil ............................................... 111

Gambar 5.27 : Gambar Menu Ubah Profil ............................................... 112

Gambar 5.28 : Gambar Menu Lihat Data Calon Mahasiswa …............... 112

Gambar 5.29 : Gambar Menu Lihat Hasil Ujian ...................................... 113

Gambar 5.30 : Gambar Cetak Hasil Ujian ............................................... 113

Gambar 5.31 : Gambar Hasil Pengetesan Data Kosong .......................... 115

Gambar 5.32 : Gambar Format SMS Salah ............................................. 116

Gambar 5.33 : Gambar Balasan SMS Benar ........................................... 116

Gambar 5.34 : Gambar Kondisi Awal Pengetesan Inputan Data Sama ... 117

Gambar 5.35 : Gambar Peserta Yang Sudah Ujian …………………….. 117

Gambar 5.36 : Gambar Ubah Password ………………………………... 117

Gambar 5.37 : Gambar Pencarian Data ………………………………... 118

Gambar 5.38 : Gambar Waktu Ujian Telah Selesai ……………………. 118