Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
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