Universitas Bina Nusantara
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap tahun 2003/2004
ANALISIS DAN PERANCANGAN
SISTEM LAYANAN AKADEMIS DAN INFORMASI MAHASISWA BERBASISKAN INTERNET DAN TEKNOLOGI MOBILE PADA
STIE INDONESIA
Shamgar Yudoyono (0400538600) Thomas Benny (0400538752)
Kelas/Kelompok: 08PAT / 4
Abstrak
Pelayanan kepada pelanggan merupakan suatu strategi untuk tetap eksis dan unggul dalam persaingan, dengan pelayanan yang baik, perusahaan dapat mempertahankan dan bahkan meningkatkan pelanggannya. Oleh karena itu dilakukan penelitian untuk membangun sistem dengan aplikasi yang bertujuan untuk memberikan layanan akademis dan informasi mahasiswa kepada STIE Indonesia. Adapun metode penelitian yang dilakukan adalah dengan analisis proses layanan terhadap mahasiswa dan Biro Administrasi dan Akademi melalui survey, wawancara, pengamatan langsung. Dari analisis diketahui bahwa aplikasi layanan akademis dan mahasiswa kurang efektif dan efisien, aplikasi yang kurang user friendly, keterbatasan kemampuan aplikasi yang sudah cukup tua, serta layanan informasi terhadap mahasiswa minim. Kesimpulan yang diperoleh setelah melakukan penulisan skripsi ini adalah dihasilkannya suatu sistem informasi yang dilengkapi dengan berbagai fitur sehingga dapat meningkatkan kinerja dan performa dari layanan akademis dan layanan kepada mahasiswa dengan menghasilkan aplikasi layanan akedemis dan layanan mahasiswa secara online dengan Internet dan mobile dengan WAP dan J2ME.
PRAKATA
Puji syukur kepada Tuhan Yang Maha Esa atas semua anugerah-Nya sehingga skripsi ini dapat diselesaikan dengan baik dan tepat pada waktunya. Skripsi ini disusun sebagai prasyarat untuk gelar kesarjanaan pada Fakultas Ilmu Komputer, Jurusan Teknik Informatika, Jenjang Pendidikan Strata-1 di Universitas Bina Nusantara.
Topik yang dipilih oleh penulis adalah pengembangan aplikasi layanan akademis dan mahasiswa pada STIE Indonesia yang berbasiskan Internet dan teknologi mobile.
Selain itu, penulis ingin mengucapkan terima kasih atas bantuan yang sudah diberikan selama penyusunan skripsi ini pada:
1. Rektor Universitas Bina Nusantara, Ibu Theresia Widia Soerjaningsih, Ir.,MM. 2. Ketua Jurusan Teknik Informatika Universitas Bina Nusantara, Bapak Sablin Yusuf,
Ir., M.Sc., MCompSc.
3. Sekretaris Jurusan Teknik Informatika Universitas Bina Nusantara, Bapak Fredy Purnomo, S.Kom., M.Kom.
4. Bapak Widjaja, S.Kom. selaku dosen pembimbing yang memberikan banyak pengarahan, bimbingan dan dukungan selama proses penyusunan skripsi ini.
5. Dr.H. Djohan Sjarief, MBA, M.Pd, selaku Ketua STIE Indonesia.
7. Bapak Agus U. Hidayat, B.Sc, M.Eng selaku Ketua Tim Pengembangan sistem Informasi STIE Indonesia.
8. Orang tua kami, yang memberikan dorongan baik spriritual maupun material. 9. Ucapan terima kasih untuk Yudith “For the passion of Judith”.
10. Ucapan terima kasih untuk Angela Anastasia Prijatna atas dukungan dan doanya. 11. Teman-teman yang tidak dapat disebutkan satu per satu atas dukungan dan
motivasinya.
Penulis menyadari bahwa skripsi ini masih memiliki banyak kekurangan dan jauh dari sempurna. Karena itu, penulis mengharapkan adanya saran dan kritik yang membangun guna penyempurnaan skripsi ini. Akhir kata penulis berharap agar skripsi ini dapat bermanfaat bagi siapa saja yang membutuhkannya.
Jakarta, 26 Juli 2004
DAFTAR ISI
Halaman Judul Luar ... i
Halaman Judul Dalam ... ii
Halaman Persetujuan Hardcover... iii
Halaman Pernyataan Dewan Penguji ... iv
Abstrak ... vi
Prakata... vii
Daftar Isi ... ix
Daftar Tabel ... xv
Daftar Gambar... xvi
Daftar Lampiran ... xxiii
BAB 1 PENDAHULUAN 1.1 Latar Belakang ... 1
1.2 Ruang Lingkup ... 2
1.3 Tujuan dan Manfaat ... 3
1.4 Metodologi... 4
1.5 Sistematika Penulisan ... 5
BAB 2 LANDASAN TEORI 2.1 Customer Relationship Management (CRM) ... 7
2.3 Interaksi Manusia dan Komputer... 13
2.3.1 Delapan Aturan Emas Perancangan User Interface... 13
2.4 Internet ... 15
2.4.1 Client/server... 16
2.4.2 Browser ... 17
2.4.3 DNS ... 18
2.4.4 HTTP ... 18
2.4.5 TCP/IP ... 19
2.4.6 Apache Web Server... 21
2.4.7 WWW... 21
2.5 Sistem Basis Data ... 23
2.5.1 MySQL... 23
2.6 Teknologi Mobile...24
2.6.1 Wireless Application Protocol (WAP) ...24
2.6.2 Arsitektur WAP... 25
2.6.3 Keuntungan WAP ... 28
2.6.4 General Packet Radio Service (GPRS) ... 28
2.6.5 Keuntungan GPRS ... 30
2.7 Pemodelan Sistem... 31
2.7.1 State Transition Diagram (STD)... 31
2.7.2 Data Flow Diagram (DFD)... 33
2.7.3 Flowchart... 34
2.8 Bahasa Pemrograman ... 35
2.8.2 PHP4... 36
2.8.3 J2ME ... 37
2.8.4 WML ... 38
BAB 3 ANALISIS DAN PERANCANGAN 3.1 Analisis Sistem ... 39
3.1.1 Gambaran Umum Perusahaan ... 39
3.1.1.1 Sejarah Singkat Perusahaan... 39
3.1.1.2 Visi dan Misi ... 39
3.1.1.3 Struktur Organisasi ... 41
3.1.1.4 Tugas dan Wewenang... 42
3.1.2 Sistem yang Sedang Berjalan ... 45
3.1.2.1 Flowchart Layanan Informasi Kuliah dan Keuangan... 48
3.1.2.2 Flowchart Layanan Informasi Nilai... 49
3.1.2.3 Data Flow Diagram Sistem yang Sedang Berjalan... 50
3.1.2 Permasalahan yang Dihadapi... 53
3.1.3 Usulan Pemecahan Masalah ... 59
3.2 Rancangan Sistem yang Diusulkan... 61
3.2.1 Data Flow Diagram Sistem yang Diusulkan ... 61
3.2.2 Data Sistem ... 64
3.2.2.1 Spesifikasi Basis Data ... 64
3.2.2.2 Hubungan Antar Tabel ... 73
3.2.3 Perancangan Sistem... 74
3.2.3.2 Struktur Menu pada WAP ... 76
3.2.3.3 Struktur Menu pada Aplikasi J2ME ... 76
3.2.3.4 State Transition Diagram pada Internet ... 77
3.2.3.4.1 State Transition Diagram Sebelum Login ... 77
3.2.3.4.2 State Transition Diagram User Bagian Keuangan Setelah Login.. 81
3.2.3.4.3 State Transition Diagram User Bagian Registrasi Setelah Login .. 82
3.2.3.4.4 State Transition Diagram User Bagian Nilai Setelah Login ... 83
3.2.3.4.5 State Transition Diagram User Bagian Berita Setelah Login ... 84
3.2.3.4.6 State Transition Diagram User Mahasiswa Setelah Login ... 85
3.2.3.4.7 State Transition Diagram Admin Setelah Login ... 86
3.2.3.5 State Transition Diagram pada WAP... 87
3.2.3.6 State Transition Diagram pada Aplikasi J2ME ... 88
3.2.4 Spesifikasi Proses ... 89
3.2.5 Rancangan Layar ... 95
3.2.5.1 Rancangan Layar pada Internet ... 95
3.2.5.1.1 Rancangan Layar Index Sebelum Login... 95
3.2.5.1.2 Rancangan Layar User Bagian Keuangan ... 95
3.2.5.1.3 Rancangan Layar User Bagian Registrasi ... 96
3.2.5.1.4 Rancangan Layar User Bagian Nilai ... 98
3.2.5.1.5 Rancangan Layar User Bagian Berita... 98
3.2.5.1.6 Rancangan Layar User Mahasiswa... 99
3.2.5.1.7 Rancangan Layar Admin ... 103
3.2.5.2 Rancangan Layar pada WAP... 105
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Spesifikasi Sistem... ... ...107
4.1.1 Spesifikasi Hardware Pendukung Aplikasi Melalui Internet... 107
4.1.2 Spesifikasi Hardware Pendukung Aplikasi Melalui WAP...107
4.1.3 Spesifikasi Hardware Pendukung Aplikasi Melalui Aplikasi J2ME ... 108
4.1.4 Spesifikasi Software pendukung Aplikasi melalui Internet ... 108
4.1.5 Spesifikasi Software pendukung Aplikasi melalui Ponsel ... 108
4.1.6 Sumber Daya Manusia yang Dibutuhkan... 109
4.2 Prosedur Operasional ... 109
4.2.1 Prosedur Operasional pada Internet ... ...109
4.2.1.1 Prosedur Operasional Sebelum Login ...109
4.2.1.2 Prosedur Operasional Login ... 119
4.2.1.3 Prosedur Operasional User Bagian Keuangan ... 121
4.2.1.4 Prosedur Operasional User Bagian Registrasi ...123
4.2.1.5 Prosedur Operasional User Bagian Nilai ...129
4.2.1.6 Prosedur Operasional User Bagian Berita... 131
4.2.1.7 Prosedur Operasional User Mahasiswa ... 133
4.2.1.8 Prosedur Operasional Admin... 138
4.2.2 Prosedur Operasional pada WAP ... 141
4.2.3 Prosedur Operasional pada Aplikasi J2ME... 145
4.3 Arsitetur Jaringan... 148
4.4 Estimasi Biaya ... ... ...149
4.5 Evaluasi Sistem... ... ...149
4.5.2 Evaluasi Aplikasi Layanan Informasi Mahasiswa Melalui Internet dan Ponsel ... 151
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan ... 157 5.2 Saran ... 158
DAFTAR PUSTAKA ... 159 RIWAYAT HIDUP
LAMPIRAN-LAMPIRAN
DAFTAR TABEL
Tabel 2.1 Perbandingan Kecepatan Transfer Data (dalam Kbps)... 29
Tabel 2.2 Simbol DFD ... 34
Tabel 2.3 Simbol flowchart...35
Tabel 3.1 Perubahan proses bisnis ... 60
Tabel 3.2 Tabel authteam... 64
Tabel 3.3 Tabel authuser ... 64
Tabel 3.4 Tabel berita ... 65
Tabel 3.5 Tabel dosen ... 65
Tabel 3.6 Tabel emailer... 66
Tabel 3.7 Tabel IP ... 66
Tabel 3.8 Tabel kategori ... 67
Tabel 3.9 Tabel kelas ... 67
Tabel 3.10 Tabel keuangan ... 67
Tabel 3.11 Tabel konfirmasi ... 68
Tabel 3.12 Tabel mata_kuliah... 68
Tabel 3.13 Tabel nilai ... 69
Tabel 3.14 Tabel registrasi... 70
Tabel 3.15 Tabel ruang ... 70
Tabel 3.16 Tabel ruangkelas ... 71
Tabel 3.17 Tabel mahasiswa ... 71
Tabel 3.18 Tabel signupsetup ... 72
DAFTAR GAMBAR
Gambar 2.1 Komposisi People, Process dan Technology... 8
Gambar 2.2 The Classic Life Cycle...13
Gambar 2.3 Arsitektur GPRS... 30
Gambar 2.4 Notasi STD... 31
Gambar 2.5 Penggambaran STD ... 32
Gambar 3.1 Struktur Organisasi STIE Indonesia... 41
Gambar 3.2 Flowchart Layanan Informasi Kuliah dan Keuangan ... 48
Gambar 3.3 Flowchart Layanan Informasi Nilai ... 49
Gambar 3.4 Diagram konteks sistem yang sedang berjalan ... 50
Gambar 3.5 Diagram nol sistem yang sedang berjalan... 51
Gambar 3.6 Diagram rinci proses 2.0 sistem yang sedang berjalan ... 52
Gambar 3.7 Grafik kuesioner pertanyaan 1-4 ... 54
Gambar 3.8 Grafik kuesioner pertanyaan 5,7,9-11 ... 55
Gambar 3.9 Grafik kuesioner pertanyaan no.6 ... 57
Gambar 3.10 Grafik kuesioner pertanyaan no.8 ... 58
Gambar 3.11 Diagram konteks sistem yang diusulkan... 61
Gambar 3.12 Diagram nol sistem yang diusulkan ... 62
Gambar 3.13 Diagram rinci proses 2.0 sistem yang diusulkan... 63
Gambar 3.14 Diagram rinci proses 3.0 sistem yang diusulkan... 63
Gambar 3.15 Hubungan antar tabel ... 74
Gambar 3.16 Struktur menu sebelum login ... 74
Gambar 3.18 Struktur menu user bagian registrasi setelah login ... 74
Gambar 3.19 Struktur menu user bagian nilai setelah login... 75
Gambar 3.20 Struktur menu user bagian berita setelah login... 75
Gambar 3.21 Struktur menu user mahasiswa setelah login ... 75
Gambar 3.22 Struktur menu admin setelah login... 76
Gambar 3.23 Struktur menu pada WAP ... 76
Gambar 3.24 Struktur menu pada aplikasi J2ME ... 76
Gambar 3.25 STD Index ... 77
Gambar 3.26 STD menu About Us ...77
Gambar 3.27 STD menu Support...78
Gambar 3.28 STD menu Major ...78
Gambar 3.29 STD menu Resources ...79
Gambar 3.30 STD menu Registration...79
Gambar 3.31 STD menu Misc... 80
Gambar 3.32 STD menu Login... 80
Gambar 3.33 STD User Bagian Keuangan Setelah Login... 81
Gambar 3.34 STD User Bagian Registrasi menu Mata Kuliah, Kelas dan Ruang Setelah Login ... 82
Gambar 3.35 STD User Bagian Registrasi menu Dosen dan Mahasiswa setelah login ... 83
Gambar 3.36 STD User Bagian Nilai Setelah Login... 83
Gambar 3.37 STD User Bagian Berita Setelah Login ... 84
Gambar 3.38 STD User Mahasiswa Setelah Login ... 85
Gambar 3.40 STD Index ... 87
Gambar 3.41 STD Introduction ... 87
Gambar 3.42 STD Student Service ... 87
Gambar 3.43 STD Index ... 88
Gambar 3.44 STD Student Service ... 88
Gambar 3.45 Rancangan layar index sebelum login... 95
Gambar 3.46 Rancangan layar index ... 95
Gambar 3.47 Rancangan layar konfirmasi... 96
Gambar 3.48 Rancangan layar mata kuliah ... 96
Gambar 3.49 Rancangan layar kelas... 96
Gambar 3.50 Rancangan layar ruang ... 97
Gambar 3.51 Rancangan layar dosen... 97
Gambar 3.52 Rancangan layar mahasiswa... 97
Gambar 3.53 Rancangan layar user bagian nilai... 98
Gambar 3.54 Rancangan layar tambah nilai per kelas... 98
Gambar 3.55 Rancangan layar berita ... 98
Gambar 3.56 Rancangan layar kategori ... 99
Gambar 3.57 Rancangan layar data pribadi ... 99
Gambar 3.58 Rancangan layar nilai semester ini... 100
Gambar 3.59 Rancangan layar histori IPS/IPK... 100
Gambar 3.60 Rancangan layar keuangan... 100
Gambar 3.61 Rancangan layar jadwal kuliah ... 101
Gambar 3.62 Rancangan layar jadwal ujian ... 101
Gambar 3.64 Rancangan layar Confirmation...102
Gambar 3.65 Rancangan layar ubah password ... 102
Gambar 3.66 Rancangan layar index ... 103
Gambar 3.67 Rancangan layar settings... 103
Gambar 3.68 Rancangan layar users... 104
Gambar 3.69 Rancangan layar groups ... 104
Gambar 3.70 Rancangan layar emailer ... 105
Gambar 3.71 Rancangan layar Index, introduction, dan student service... 105
Gambar 3.72 Rancangan layar login... 106
Gambar 3.73 Rancangan layar Index, dan student service ... 106
Gambar 3.74 Rancangan layar login... 106
Gambar 4.1 Tampilan layar animasi sebelum login... 109
Gambar 4.2 Tampilan layar Index sebelum login... 110
Gambar 4.3 Tampilan layar History... 111
Gambar 4.4 Tampilan layar Vision & Mission... 111
Gambar 4.5 Tampilan layar Accreditation... 112
Gambar 4.6 Tampilan layar Laboratory... 112
Gambar 4.7 Tampilan layar Library... 113
Gambar 4.8 Tampilan layar Others... 113
Gambar 4.9 Tampilan layar S1 Management ... 114
Gambar 4.10 Tampilan layar S1 Accounting... 114
Gambar 4.11 Tampilan layar D3 Accounting ... 115
Gambar 4.12 Tampilan layar D3 Commerce ... 115
Gambar 4.14 Tampilan layar Requirement ... 116
Gambar 4.15 Tampilan layar Registration Form ... 117
Gambar 4.16 Tampilan layar Cost ... 117
Gambar 4.17 Tampilan layar Confirmation Form ... 118
Gambar 4.18 Tampilan layar Map ... 118
Gambar 4.19 Tampilan layar email konfirmasi kepada user ... 119
Gambar 4.20 Tampilan layar login ... 120
Gambar 4.21 Tampilan layar index keuangan ... 121
Gambar 4.22 Tampilan layar tambah data keuangan... 122
Gambar 4.23 Tampilan layar konfirmasi keuangan... 122
Gambar 4.24 Tampilan layar tambah konfirmasi keuangan ... 123
Gambar 4.25 Tampilan layar kelas ... 124
Gambar 4.26 Tampilan layar tambah kelas... 124
Gambar 4.27 Tampilan layar ruang ... 125
Gambar 4.28 Tampilan layar tambah ruang... 125
Gambar 4.29 Tampilan layar dosen ... 126
Gambar 4.30 Tampilan layar tambah dosen ... 126
Gambar 4.31 Tampilan layar mahasiswa ... 127
Gambar 4.32 Tampilan layar tambah mahasiswa ... 128
Gambar 4.33 Tampilan layar mata kuliah... 128
Gambar 4.34 Tampilan layar tambah mata kuliah ... 129
Gambar 4.35 Tampilan layar nilai ... 130
Gambar 4.36 Tampilan layar tambah nilai... 130
Gambar 4.38 Tampilan layar berita ... 131
Gambar 4.39 Tampilan layar tambah berita... 132
Gambar 4.40 Tampilan layar kategori ... 132
Gambar 4.41 Tampilan layar edit kategori ... 133
Gambar 4.32 Tampilan layar data pribadi... 133
Gambar 4.43 Tampilan layar nilai semester ini ... 134
Gambar 4.44 Tampilan layar nilai IPS/IPK ... 134
Gambar 4.45 Tampilan layar keuangan ... 135
Gambar 4.46 Tampilan layar jadwal kuliah... 135
Gambar 4.47 Tampilan layar jadwal ujian... 136
Gambar 4.48 Tampilan layar cari dosen ... 136
Gambar 4.49 Tampilan layar confirmation... 137
Gambar 4.50 Tampilan layar ubah password... 137
Gambar 4.51 Tampilan layar index admin... 138
Gambar 4.52 Tampilan layar settings ... 139
Gambar 4.53 Tampilan layar users ... 139
Gambar 4.54 Tampilan layar groups... 140
Gambar 4.55 Tampilan layar emailer... 140
Gambar 4.56 Tampilan layar index ... 141
Gambar 4.57 Tampilan layar introduction ... 141
Gambar 4.58 Tampilan layar student service... 142
Gambar 4.59 Tampilan layar login ... 142
Gambar 4.60 Tampilan layar nilai ... 143
Gambar 4.62 Tampilan layar jadwal kuliah... 144
Gambar 4.63 Tampilan layar jadwal ujian... 144
Gambar 4.64 Tampilan layar konfirmasi pembayaran... 145
Gambar 4.65 Tampilan layar login ... 145
Gambar 4.66 Tampilan layar nilai ... 146
Gambar 4.67 Tampilan layar jadwal kuliah... 146
Gambar 4.68 Tampilan layar jadwal ujian... 146
Gambar 4.69 Tampilan layar status keuangan ... 147
Gambar 4.70 Tampilan layar konfirmasi pembayaran... 147
Gambar 4.71 Arsitektur jaringan... 148
Gambar 4.72 Grafik kuesioner untuk aplikasi pada Internet ... 152
DAFTAR LAMPIRAN