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
i
ii
iii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS Yang bertanda tangan di bawah ini, saya : Nama NIM Program Studi Jenjang Jenis Karya
: Sunarto : 2008-53-049 : Sistem Informasi : Strata Satu (S1) : 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
iv
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
v
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
vi
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.
vii
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
viii
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 ……….. 2.2 WEB
8
……..………………………………………………8
2.2.1 XAMPP……..……………………………………………… 9
ix
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 16 Gammu ……..……………………………………………… 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 BAB IV
32
ANALISIS DAN PERANCANGAN 4.1 Gambaran Sistem Informasi PMB .................................. …34
x
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
xi
BAB VI
PENUTUP 6.1. Kesimpulan …………………………………………......
119
6.2 Saran ……………………………………………………
119
DAFTAR PUSTAKA ……..……………………………………………… 121 LAMPIRAN
xii
DAFTAR TABEL
Tabel 2.1
: Simbol Use Case Diagram………………………………
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 ………………............................
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 ...................................
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
xiii
18
36
43
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 …………………………………………......
Tabel 4.27
: Tabel Outbox …………………………………………… 84
Tabel 4.28
: Tabel Send Items …………………………….………….
xiv
83
85
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 ………..
Gambar 4.2
37
: 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 ………………………………
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
xv
50
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
xvi
Gambar 4.50
: Desain Tampilan SMS Masuk …………………………..
Gambar 4.51
: Desain Tampilan SMS Terkirim ………………………... 95
Gambar 4.52
: Desain Output Daftar User ……………………………..
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 ……………………..
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
xvii
94
95
106
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 ......................................
Gambar 5.25
: Gambar Halaman Pegawai ............................................... 111
Gambar 5.26
: Gambar Menu Lihat Profil ...............................................
Gambar 5.27
: Gambar Menu Ubah Profil ............................................... 112
Gambar 5.28
: Gambar Menu Lihat Data Calon Mahasiswa …...............
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 ………………………………...
Gambar 5.38
: Gambar Waktu Ujian Telah Selesai ……………………. 118
xviii
110
111
112
118
