KelasKelompok: 08PAT 4 Abstrak - ANALISIS DAN PERANCANGAN SISTEM LAYANAN AKADEMIS DAN INFORMASI MAHASISWA BERBASISKAN INTERNET DAN TEKNOLOGI MOBILE PADA STIE INDONESIA - Binus e-Thesis

18 

Loading....

Loading....

Loading....

Loading....

Loading....

Teks penuh

(1)

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.

(2)

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.

(3)

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

(4)

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

(5)

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

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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

(18)

DAFTAR LAMPIRAN

Figur

Memperbarui...

Referensi

Memperbarui...