UNIVERS ITAS BINA NUS ANTARA
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2006/2007
ANALIS IS DAN PERANCANGAN S IS TEM INFORMAS I PRODUK S MS INFORMAS I KEMAC ETAN LALU LINTAS PADA
PT. INDOCOM MEDIATAMA BERBAS IS KAN WEB
Jecosen Jaya 0700678805 Nico Amon 0700679940 Ronald Darwyanto 0700704993 Kelas / Kelompok : 07-PDT / 3
Abstrak,
Tujuan penelitian ialah untuk merancang dan membangun sistem informasi berbasiskan web yang akan digunakan PT. Indocom M ediatama untuk merealisasikan salah satu produk mereka yaitu produk SM S informasi kemacetan lalu lintas yang ditujukan untuk masyarakat Jakarta khususnya pelanggan dari PT. Indocom M ediatama. M etode Pengembangan piranti lunak yang digunakan yaitu incremental model yang dilakukan dengan analisis, perancangan, pemrograman dan ujicoba. Implementasinya dilakukan dengan studi literatur dari berbagai buku dan internet, studi lapangan, pembagian kuisioner kepada masyarakat Jakarta, setelah itu dilakukan perancangan sistem, perancangan database, perancangan navigasi website, perancangan tampilan. Hasil yang dicapai adalah sebuah sistem informasi yang berbasiskan web. Simpulan dari penelitian ini adalah aplikasi sistem informasi yang sudah dibangun sudah dapat digunakan PT. Indocom M ediatama untuk merealisasika produk SM S informasi kemacetan lalu lintas dan juga dengan aplikasi ini pelanggan dapat memperoleh informasi kemacetan lalu lintas pada 5 daerah Jakarta melalui SM S.
Kata Kunci
DAFTAR IS I
Halaman Judul Luar………...i
Halaman Judul Dalam………... ii
Halaman Persetujuan Hardcover...………... iii
Halaman Pernyataan Dewan Penguji...iv
Abstrak…………...………..vii
Prakata...……….………...viii
Daftar Isi………....x
Daftar Tabel………...xv
Daftar Gambar………....………...xviii
Daftar Lampiran...xxii
BAB 1 PENDAHULUAN 1.1 Latar Belakang ………. 1
1.2 Ruang Lingkup ………...2
1.3 Tujuan dan M anfaat ………... 3
1.4 M etodologi Pengembangan Piranti Lunak ………...3
1.5 Sistematika Penulisan ...………...4
BAB 2 LANDAS AN TEORI 2.1 Sistem Informasi ………... 6
2.2 Internet ………... 7
2.2.1 Definisi Internet ……….. 7
2.2.2 World Wide Web (WWW)………7
2.3 Intranet ………... 10
2.4 SM S (Short Message Service)... 11
2.5 SM S Gateway ... 13
2.6 Database... 13
2.6.1 Definisi Database ... 13
2.6.2 Database Management System (DBM S) ... 14
2.6.3 Data Definition Language (DDL) ... 16
2.6.4 Data Manipulation Language (DM L) ... 16
2.7 PHP... 17
2.8 PERL ... 17
2.9 MySQL... 19
2.10 Object Oriented Programing (OOP)... 22
2.11 Object Oriented Design (OOD)... 23
2.12 Object-Oriented Analysis (OOA)... 24
2.13 Unified Modeling Language (UM L)... 24
2.14 Interaksi M anusia dengan Komputer (IM K)...26
2.14.1 Definisi IM K... 26
2.14.2 Delapan Aturan Emas... 26
2.14.3 Perancangan Antar M uka Pemakai... 28
2.14.4 ”Top Ten Mistake of Web Design” ... 31
2.15 Incremental Model ...30
BAB 3 AN ALIS A DAN PERANCANGAN 3.1 Riwayat Hidup Perusahaan ... 36
3.1.2 Visi PT. Indocom M ediatama………... 37
3.1.3 Produk-Produk PT. Indocom M ediatama………. 38
3.2 Struktur Organisasi………... 42
3.3 M asalah Perusahaan………..48
3.4 Usulan Pemecahan M asalah………..49
3.5 Analisa………...49
3.5.1 Analisa Kelayakan……… 49
3.5.1.1 Studi Lapangan……….. 49
3.5.1.2 Kuesioner………... 50
3.5.2 Analisa Kebutuhan……… 56
3.6 Gambaran Umum……….. 57
3.6.1 Gambaran Umum Registrasi Push ...57
3.6.2 Gambaran Umum Content Delivery………. 58
3.6.3 Gambaran Umum Proses Unregister……… 59
3.6.4 Gambaran Umum Proses Unregister untuk semua servis...61
3.7 Perancangan Sistem……….. 62
3.7.1 Class Diagram……….. 62
3.7.2 Use Case………... 63
3.7.3 Skenario Use Case……… 64
3.7.4 Sequence Diagram ………. 96
3.8 Perancangan Database……….. 128
3.8.1 Definisi Tabel………128
3.8.2 Database Relationship………..136
3.10 Perancangan Layar……… 138
BAB 1V IMPLEMENTAS I DAN EVALUAS I 4.1 Implementasi………. 147
4.1.1 Arsitektur Sistem……… 147
4.1.2 Spesifikasi Perangkat yang digunakan.……… 148
4.2 Tampilan Layar Back End……….150
4.2.1 Tampilan Layar Login……….. 150
4.2.2 Tampilan Layar SM S Traffic – Log………..151
4.2.3 Tampilan Layar Content Management - All Categories……...152
4.2.4 Tampilan Layar Content Management – Content………..…...153
4.2.5 Tampilan Layar Content Management – Info Traffic……...… 154
4.2.6 Tampilan Layar Content Management – CS Tools……... 155
4.2.7 Tampilan Layar Account Management – Group……….. 156
4.2.8 Tampilan Layar Account Management – User………... 157
4.2.9 Tampilan Layar Account Management – Module…………...158
4.2.10 Tampilan Layar Account Management – Authorized Module…159 4.2.11 Tampilan Layar Report – Monthly Sum………...….. 160
4.2.12 Tampilan Layar Print Generate Report... 162
4.2.13 Tampilan Layar Report – Statistic... 163
4.2.14 Tampilan Layar Change Password... 163
4.3 Cara Penggunaan Pelanggan………. 164
4.4 Evaluasi………. 165
4.4.1 Hasil Wawancara……….. 165
4.4.2.1 Analisa Terhadap 8 Aturan Emas……….. 168
4.4.2.2 Analisa Terhadap ”Top Ten Mistake of Web Design”177 BAB 5 KES IMPULAN DAN S ARAN 5.1 Kesimpulan ………... 181
5.2 Saran………...……….181
DAFTAR PUSTAKA... 182
DAFTAR TABEL
Tabel 3.1 Keterangan Gambaran Umum Registrasi Push...57
Tabel 3.2 Keterangan Gambaran Umum Content Delivery...58
Tabel 3.3 Keterangan Gambaran Umum Proses Unregister...60
Tabel 3.4 Keterangan Gambaran Umum Proses Unregister All...61
Tabel 3.5 Skenario Use Case Login...64
Tabel 3.6 Skenario Use Case View Log...65
Tabel 3.7 Skenario Use Case View log search by Date or MSISDN...66
Tabel 3.8 Skenario Use Case View Content...67
Tabel 3.9 Skenario Use Case Add Content...68
Tabel 3.10 Skenario Use Case Update Content...69
Tabel 3.11 Skenario Use Case Delete Content...70
Tabel 3.12 Skenario Use Case View Groups...71
Tabel 3.13 Skenario Use Case Add Group...72
Tabel 3.14 Skenario Use Case Update Group...73
Tabel 3.15 Skenario Use Case Delete Group...74
Tabel 3.16 Skenario Use case View Authorized M odules...75
Tabel 3.17 Skenario Use Case Update Privilege...76
Tabel 3.18 Skenario Use case View User...77
Tabel 3.19 Skenario Use case Add User...78
Tabel 3.20 Skenario Use case Update User...79
Tabel 3.21 Skenario Use case Delete User...80
Tabel 3.23 Skenario Use case Add Module ...82
Tabel 3.24 Skenario Use case Update Module...83
Tabel 3.25 Skenario Use case Delete Module...84
Tabel 3.26 Skenario Use Case View Customer Service Tools...85
Tabel 3.27 Skenario Use Case Update Status Subscriber to Inactive ...86
Tabel 3.28 Skenario Use Case View Monthly Sum ...87
Tabel 3.29 Skenario Use Case Monthly Sum by Search ...88
Tabel 3.30 Skenario Use Case Generate Report ...89
Tabel 3.31 Skenario Use Case Print Report Monthly Sum ...90
Tabel 3.32 Skenario Use Case View Statistic ...91
Tabel 3.33 Skenario Use Case Change Password...92
Tabel 3.34 Skenario Use Case Register ...93
Tabel 3.35 Skenario Use Case Unregister ...94
Tabel 3.36 Skenario Use Case Push Content ...95
Tabel 3.37 Tabel Database Login User ...127
Tabel 3.38 Tabel Database Login Group ...128
Tabel 3.39 Tabel Database Group_page ...128
Tabel 3.40 Tabel Database Page_tjam ...129
Tabel 3.41 Tabel Database M enu ...129
Tabel 3.42 Tabel Database Keyword ...130
Tabel 3.43 Tabel Database Keyword_cat ...131
Tabel 3.44 Tabel Database Push_keyword ...131
Tabel 3.45 Tabel Database Queue ...132
DAFTAR GAMBAR
Gambar 2.1 Store and forward Service SM S...12
Gambar 2.2 Tiga Pilar Perancangan Antarmuka...30
Gambar 2.3 Incremental Model...35
Gambar 3.1 Struktur Organisasi PT. Indocom M ediatama...42
Gambar 3.2 Grafik Hasil Perhitungan Kuesioner Pertanyaan no. 1 ...51
Gambar 3.3 Grafik Hasil Perhitungan Kuesioner Pertanyaan no. 2 ...51
Gambar 3.4 Grafik Hasil Perhitungan Kuesioner Pertanyaan no. 3 ...52
Gambar 3.5 Grafik Hasil Perhitungan Kuesioner Pertanyaan no. 4 ...53
Gambar 3.6 Grafik Hasil Perhitungan Kuesioner Pertanyaan no. 5 ...53
Gambar 3.7 Grafik Hasil Perhitungan Kuesioner Pertanyaan no. 6 ...54
Gambar 3.8 Grafik Hasil Perhitungan Kuesioner Pertanyaan no. 7 ...55
Gambar 3.9 Gambaran Umum Registrasi Push...57
Gambar 3.10 Gambaran umum Content Delivery...58
Gambar 3.11 Gambaran Umum Proses Unregister...59
Gambar 3.12 Gambaran Umum Proses Unregister untuk semua servis...61
Gambar 3.13 Class Diagram...62
Gambar 3.14 Use Case………...………63
Gambar 3.15 Sequence Diagram Login...96
Gambar 3.16 Sequence Diagram View Log…..………..………...97
Gambar 3.17 Sequence Diagram View Log Search by Date or MSISDN...98
Gambar 3.18 Sequence Diagram View Content ………....…...……….99
Gambar 3.20 Sequence Diagram Update Content………...101
Gambar 3.21 Sequence Diagram Delete Content………..…...102
Gambar 3.22 Sequence Diagram View Groups………..…..103
Gambar 3.23 Sequence Diagram Add Groups………...………...104
Gambar 3.24 Sequence Diagram Update Groups………...……..105
Gambar 3.25 Sequence Diagram Delete Groups………..………...106
Gambar 3.26 Sequence Diagram View Authorized Modules………..….107
Gambar 3.27 Sequence Diagram Update Privilege………..………...108
Gambar 3.28 Sequence Diagram View User………...……….109
Gambar 3.29 Sequence Diagram Add User………..…...110
Gambar 3.30 Sequence Diagram Update User………...…………..111
Gambar 3.31 Sequence Diagram Delete User………...………...112
Gambar 3.32 Sequence Diagram View Modules…………...………...113
Gambar 3.33 Sequence Diagram Add Modules…………...……….114
Gambar 3.34 Sequence Diagram Update Modules………..………115
Gambar 3.35 Sequence Diagram Delete Modules………..……….116
Gambar 3.36 Sequence Diagram View Customer Service Tools…………..…..…….117
Gambar 3.37 Sequence Diagram Update Status Subsriber to Inactive………..…….118
Gambar 3.38 Sequence Diagram View Monthly Sum...119
Gambar 3.39 Sequence Diagram View Monthly Sum by Search…………..………...120
Gambar 3.40 Sequence Diagram Generate Report Monthly Sum…………...…….121
Gambar 3.41 Sequence Diagram Print Report Monthly Sum………..………122
Gambar 3.42 Sequence Diagram View Statistic………..………123
Gambar 3.44 Sequence Diagram Register………..……….125
Gambar 3.45 Sequence Diagram Unregister………..……….126
Gambar 3.46 Sequence Diagram Push Content………...……127
Gambar 3.47 Database Relationship...136
Gambar 3.48 Struktur Navigasi...137
Gambar 3.49 Rancangan Layar Login……….138
Gambar 3.50 Rancangan Layar SMS Traffic – Log………...……...139
Gambar 3.51 Rancangan Layar Content Management – All Categories…………...139
Gambar 3.52 Rancangan Layar Content Management – Info Traffic………..140
Gambar 3.53 Rancangan Layar Content Management – Cs Tools…………...…140
Gambar 3.54 Rancangan Layar Account Management – Group………..……...141
Gambar 3.55 Rancangan Layar Account Management – User………..………..141
Gambar 3.56 Rancangan Layar Account Management – Module………...…….142
Gambar 3.57 Rancangan Layar Account Management – Authorized Module……….142
Gambar 3.58 Rancangan Layar Report – Statistic………..……….143
Gambar 3.59 Rancangan Layar Report – Monthly Sum………...………144
Gambar 3.60 Rancangan Layar Print Generate Report………...…145
Gambar 3.61 Rancangan Layar Change Password………...………...146
Gambar 4.1 Arsitektur Sistem...149
Gambar 4.2 Tampilan Layar Login...151
Gambar 4.3 Tampilan Layar SM S Traffic – Log………...152
Gambar 4.4 Tampilan Layar Content Management - All Categories………....153
Gambar 4.5 Tampilan Layar Content Management – Content………..……154
Gambar 4.7 Tampilan Layar Content Management – CS Tools………...156
Gambar 4.8 Tampilan Layar Account Management – Group………...….157
Gambar 4.9 Tampilan Layar Account Management – User………...…158
Gambar 4.10 Tampilan Layar Account Management – Module………...159
Gambar 4.11 Tampilan Layar Account Management – Authorized Module……...….160
Gambar 4.12 Tampilan Layar Report – Monthly Sum………...…...161
Gambar 4.13 Tampilan Layar Print Generate Report...162
Gambar 4.14 Tampilan Layar Report – Statistic...163
Gambar 4.15 Tampilan Layar Change Password...164
Gambar 4.16 Delapan Aturan Emas Berusaha Untuk Konsisten...168
Gambar 4.17 Delapan Aturan Emas Berusaha Untuk Konsisten (lanjutan)...169
Gambar 4.18 Delapan Aturan Emas Shortcut...170
Gambar 4.19 Delapan Aturan Emas Shortcut (lanjutan)...171
Gambar 4.20 Delapan Aturan Emas M emberikan Umpan Balik yang Informatif...172
Gambar 4.21 Delapan Aturan Emas Pencegahan Kesalahan Sederhana...173
Gambar 4.22 Delapan Aturan Emas Pencegahan Kesalahan Sederhana...174
Gambar 4.23 Delapan Aturan Emas M emungkinkan Pembalikan Aksi...175
Gambar 4.24 Delapan Aturan Emas M endukung Pusat Kendali Internal...176