SISTEM INFORMASI PENERIMAAN MAHASISWA BARU DI AKBID MUSLIMAT NU KUDUS BERBASIS WEB DAN SMS GATEWAY
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
2
1.4 Tujuan Skripsi……..…………………………………………
1.5 Manfaat Skripsi ……..………………………………………
3
1.6 Metodologi Penelitian ……..……………………………… 3
1.6.1 Metode Sumber Data ……..…………………………3
4
1.7 Tahap Tahap Perancangan Sistem ……..……………………
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
11
2.2.3 Tag HTML……..………………………………………
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
75
4.12 Perancangan Database ……..………………………………
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
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
2
1.4 Tujuan Skripsi……..…………………………………………
1.5 Manfaat Skripsi ……..………………………………………
3
1.6 Metodologi Penelitian ……..……………………………… 3
1.6.1 Metode Sumber Data ……..…………………………3
4
1.7 Tahap Tahap Perancangan Sistem ……..……………………
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
11
2.2.3 Tag HTML……..………………………………………
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
75
4.12 Perancangan Database ……..………………………………
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