Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik...
Transcript of Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik...
vii
BINUS UNIVERSITY
Jurusan Teknik Informatika Skripsi Sarjana Komputer
Semester Ganjil Tahun 2007 / 2008
Analisis dan Perancangan Aplikasi Mobile untuk Layanan Informasi IP Call pada Smartphone dan PDA dengan
Teknologi J2ME
Paramita Nurina Putri 0800737935 Ichwan Suryawan 0800775095 Hans Daniel 0800775901
Kelas / Kelompok : 07PCT / 5 Abstrak
Tujan penelitian ialah untuk memudahkan pengguna jasa IP-Call dalam memperoleh informasi melalui perangkat smartphone dan PDA. Aplikasi ini akan didistribusikan oleh PT. Excelcomindo Pratama, tbk. sebagai penunjang dari layanan komunikasi berbasis IP yang sedang dikembangkan. Selain itu aplikasi ini juga diharapkan dapat memberi kemudahan bagi admin dan operator di PT. Excelcomindo Pratama, tbk. dalam mengelola data serta informasi pelanggan IP-Call. Metodologi penelitian yang akan digunakan adalah pendekatan metode analisis dan metode perancangan. Secara garis besar, penelitian yang dilakukan mengutamakan interview dan studi lapangan langsung dalam pencarian data yang dibutuhkan. Hasil yang dicapai adalah memberikan kemudahan bagi pengguna jasa IP-Call dalam mengelola informasi jasa yang digunakan serta dapat menjadikan IP-Call sebagai teknologi alternatif dengan biaya yang lebih ringan dibandingkan teknologi yang ada saat ini. Kesimpulan yang dapat dihasilkan di sini adalah dengan adanya layanan informasi IP-Call diharapkan akan membantu PT. Excelcomindo Pratama, tbk. dalam menyediakan aplikasi layanan informasi kepada calon pengguna jasa IP-Call, sehingga pengguna jasa IP-Call tidak hanya mendapat solusi alternatif dalam biaya yang murah tapi juga memperoleh informasi dengan mudah. Kata kunci : IP-Call, smartphone, PDA, layanan informasi, aplikasi mobile.
viii
PRAKATA
Puji syukur dan teima kasih penulis panjatkan kepada Tuhan Yang Maha Esa atas
segala rahmat-Nya sehingga penulis dapat menyelesaikan skripsi yang berjudul “Analisis
dan Perancangan Aplikasi Mobile untuk Layanan Informasi IP Call pada
Smartphone dan PDA dengan Teknologi J2ME” dengan baik. Skripsi ini disusun dan
diajukan sebagai syarat dalam menyelesaikan jenjang Studi Strata-1, Fakultas Ilmu
Komputer, jurusan Teknik Informatika di Universitas Bina Nusantara, Jakarta.
Kami menyadari bahwa dalam penulisan skripsi ini masih banyak kekurangan
karena keterbatasan pengetahuan dan pengalaman. Untuk itu kami harapkan dukungan,
saran maupun kritik yang membangun guna menyempurnakan skripsi ini.
Tak lupa kami juga berterimakasih kepada berbagai pihak yang telah memberikan
dukungan baik moril maupun materiil pada kami dalam proses penyusunan skripsi ini,
yaitu :
1. Orangtua dan keluarga yang telah banyak memberikan dukungan moril dan biaya
untuk dapat menyelesaikan pendidikan di Universitas Bina Nusantara.
2. Bapak Syaeful Karim, Ir., M.Sc., selaku Dosen Pembimbing Skripsi penulis yang
telah membantu dalam memberikan pengarahan yang bermanfaat dalam
menyelesaikan penulisan skripsi penulis.
3. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Ketua Jurusan Teknik
Informatika
4. Ibu Henny S., S.Kom, M.SoftSysEng., selaku Sekretaris Jurusan Teknik
Informatika
5. Bapak Ir. Sablin Yusuf, M.Sc., M.ComSc., selaku dekan Fakultas Ilmu Komputer.
ix
6. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina
Nusantara.
7. Dewan pimpinan dan segenap Dosen Universitas Bina Nusantara atas didikannya
dari awal hingga akhir perkuliahan.
8. Bapak Redi Rindayadi Ahmad, selaku penghubung dan pembimbing dari pihak
perusahaan di PT. Excelcomindo Pratama Tbk.
9. Para staff dan karyawan PT. Excelcomindo Pratama Tbk yang telah banyak
memberikan bantuan selama penulisan skripsi ini.
10. Teman – teman yang tidak dapat disebutkan satu persatu yang telah memberikan
saran, dorongan, semangat dan bantuan baik secara langsung maupun tidak
langsung.
Kami berharap agar skripsi kami dapat memberi sumbangsih kepada
kemajuan ilmu pengetahuan dan teknologi, serta dapat bermanfaat bagi masyarakat.
Jakarta, Januari 2008
Penulis,
x
DAFTAR ISI
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan Hard Cover iii
Halaman Pernyataan Dewan Penguji iv
Abstrak vii
Prakata viii
Daftar Isi x
Daftar Tabel xvi
Daftar Gambar xviii
Daftar Lampiran xxviii
BAB I : PENDAHULUAN
1.1 Latar Belakang 1
1.2 Ruang Lingkup 3
1.3 Tujuan dan Manfaat 4
1.3.1 Tujuan 4
1.3.2 Manfaat 4
1.4 Metodologi 5
1.4.1 Metode Analisis 5
1.4.1.1 Fact Finding 5
1. Wawancara 5
xi
2. Observasi 5
3. Kuesioner 6
1.4.1.2 Penelitian Kepustakaan 6
1.4.2 Metode Perancangan 7
1.4.2.1 UML 7
1.4.2.2 Perancangan Tampilan Layar 7
1.4.2.3 Pseudocode 7
1.5 Sistematika Penulisan 7
BAB II : LANDASAN TEORI
2.1 Teori Umum 9
2.1.1 Internet 9
2.1.1.1 Pengertian Internet 9
2.1.1.2 Sejarah Singkat Internet 10
2.1.1.3 Protokol 11
1. TCP / IP 11
2. IP 12
3. UDP 13
4. SIP 13
2.1.2 Komunikasi Wireless 14
2.1.2.1 Pengertian Wireless 14
2.1.2.2 Perkembangan Wireless 15
2.1.3 E-Commerce 18
xii
2.1.3.1 Pengertian 18
2.1.3.2 Jenis – jenis E-Commerce 18
1. B2B (Business to Business) 18
2. B2C (Business to Customers) 18
2.1.4 Rekayasa Piranti Lunak 19
2.1.5 Database 24
2.1.5.1 DBMS 24
2.1.5.2 RDBMS 25
2.1.6 Process dan Thread 25
2.1.6.1 Process 25
2.1.6.2 Thread 26
2.1.7 UML 26
2.1.7.1 Pengertian UML 26
2.1.7.2 Diagram UML 27
1. Diagram Model Use Case 27
2. Diagram Struktur Statis (Diagram Kelas) 27
3. Diagram Interaksi (Sequence Diagram) 27
4. Diagram State (Statechart) 27
2.2 Teori Khusus 28
2.2.1 Java 28
2.2.1.1 Sejarah singkat Java 28
2.2.1.2 J2ME 30
1. Pengertian J2ME 30
xiii
2. Arsitektur J2ME 31
a. Configuration 31
b. Profile 33
2.2.2 IP-Call 33
2.2.3 PDA dan Smartphone 36
2.2.3.1 Sejarah PDA dan Smartphone 36
2.2.3.2 Sistem Operasi PDA dan Smartphone 37
1. Palm OS 37
2. Windows CE 38
3. Symbian 39
BAB III : ANALISIS dan PERANCANGAN SISTEM
3.1 Analisis 40
3.1.1 Riwayat Perusahaan 40
3.1.1.1 Latar Belakang PT. Excelcomindo Pratama, Tbk 40
3.1.1.2 Kapasitas dan Cakupan Geografis 43
3.1.1.3 Infrastruktur 45
3.1.1.4 Visi dan Misi 47
3.1.1.5 Struktur Organisasi 48
3.1.2 Perumusan Masalah 48
3.1.2.1 Kuesioner 48
3.1.2.2 Hasil Analisis dari Kuesioner 63
3.1.3 Solusi yang Ditawarkan 69
xiv
3.2 Penetuan Kebutuhan Aplikasi 70
3.3 Perancangan 70
3.3.1 UML 70
3.3.1.1 Use Case Diagram 70
3.3.1.2 Use Case Diagram (Detail) 72
3.3.1.3 Class Diagram 84
3.3.1.4 Sequence Diagram 85
3.3.1.5 Statechart Diagram 95
3.3.2 Database 105
3.3.2.1 Diagram Skema Database 105
3.3.2.2 Penjelasan Skema Database 106
3.3.2.3 Rancangan Database 107
3.3.3 Struktur Menu 112
3.3.4 Rancangan Layar 115
3.3.4.1 Rancangan Layar Mobile Device 115
3.3.4.2 Rancangan Layar Web 163
3.3.5 Spesifikasi Proses 194
3.3.5.1 Spesifikasi proses Mobile Application 194
3.3.5.2 Spesifikasi proses Web Application 214
BAB IV : IMPLEMENTASI DAN EVALUASI
4.1 Kebutuhan Perangkat Keras dan Perangkat Lunak 243
4.1.1 Kebutuhan Perangkat Lunak dalam Pembuatan Aplikasi 243
xv
4.1.2 Kebutuhan Perangkat Keras untuk Menjalankan Aplikasi 244
4.1.2.1 Kebuthan Hardware sisi User 244
4.1.2.2 Kebutuhan Hardware sisi Admin 244
4.1.3 Kebutuhan Perangkat Lunak untuk Menjalankan Aplikasi 244
4.1.3.1 Kebutuhan Software sisi User 244
4.1.3.2 Kebutuhan Software sisi Admin 244
4.2 Aplikasi yang dihasilkan 246
4.2.1 Tampilan Layar Mobile Device untuk sisi User 246
4.2.2 Tampilan Layar Web untuk sisi Admin 292
4.2.3 Tampilan Database 323
4.3 Evaluasi 328
BAB V : KESIMPULAN DAN SARAN
5.1 Kesimpulan 331
5.2 Saran 332
DAFTAR PUSTAKA 334
RIWAYAT HIDUP 338
LAMPIRAN – LAMPIRAN
SURAT SURVEI
xvi
DAFTAR TABEL
1. Tabel 3.1 Tabel Pertanyaan Kuesioner Nomor 1 49
2. Tabel 3.2 Tabel Pertanyaan Kuesioner Nomor 2 50
3. Tabel 3.3 Tabel Pertanyaan Kuesioner Nomor 3 51
4. Tabel 3.4 Tabel Pertanyaan Kuesioner Nomor 4 52
5. Tabel 3.5 Tabel Pertanyaan Kuesioner Nomor 5 53
6. Tabel 3.6 Tabel Pertanyaan Kuesioner Nomor 6 55
7. Tabel 3.7 Tabel Pertanyaan Kuesioner Nomor 7 57
8. Tabel 3.8 Tabel Pertanyaan Kuesioner Nomor 8 58
9. Tabel 3.9 Tabel Pertanyaan Kuesioner Nomor 9 59
10. Tabel 3.10 Tabel Pertanyaan Kuesioner Nomor 10 60
11. Tabel 3.11 Tabel Pertanyaan Kuesioner Nomor 11 62
12. Tabel 3.12 Deskripsi Use Case Sistem Inisialisasi 72
13. Tabel 3.13 Deskripsi Use Case Sistem Login 73
14. Tabel 3.14 Deskripsi Use Case Sistem IP-Call 74
15. Tabel 3.15 Deskripsi Use Case Sistem Profil 75
16. Tabel 3.16 Deskripsi Use Case Sistem Kontak 77
17. Tabel 3.17 Deskripsi Use Case Sistem Lihat Petunjuk 78
18. Tabel 3.18 Deskripsi Use Case Sistem Tagihan 79
19. Tabel 3.19 Deskripsi Use Case Sistem Informasi Tagihan 81
20. Tabel 3.20 Deskripsi Use Case Sistem Properti 82
21. Tabel 3.21 Deskripsi Use Case Sistem Logout 83
xvii
22. Tabel 3.22 Tabel Skema Database 106
23. Tabel 3.23 Tabel MsUser 107
24. Tabel 3.24 Tabel MsStaff 108
25. Tabel 3.25 Tabel MsContactGroup 108
26. Tabel 3.26 Tabel MsGroupMember 109
27. Tabel 3.27 Tabel Tr_Invoice 109
28. Tabel 3.28 Tabel Tr_SessionCall 109
29. Tabel 3.29 Tabel MsArea 110
30. Tabel 3.30 Tabel MsPromoNews 110
31. Tabel 3.31 Tabel MsMessage 111
32. Tabel 3.32 Tabel MsGallery 111
33. Tabel 3.33 Tabel MsPost 112
xviii
DAFTAR GAMBAR
1. Gambar 2.1 SDLC Waterfall Model 24
2. Gambar 3.1 Struktur Organisasi Perusahaan 48
3. Gambar 3.2 Diagram Pie Kuesioner nomor 1 49
4. Gambar 3.3 Diagram Pie Kuesioner nomor 2 50
5. Gambar 3.4 Diagram Pie Kuesioner nomor 3 51
6. Gambar 3.5 Diagram Pie Kuesioner nomor 4 52
7. Gambar 3.6 Diagram Pie Kuesioner nomor 5 53
8. Gambar 3.7 Diagram Pie Kuesioner nomor 6 56
9. Gambar 3.8 Diagram Pie Kuesioner nomor 7 57
10. Gambar 3.9 Diagram Pie Kuesioner nomor 8 58
11. Gambar 3.10 Diagram Pie Kuesioner nomor 9 59
12. Gambar 3.11 Diagram Pie Kuesioner nomor 10 61
13. Gambar 3.12 Diagram Pie Kuesioner nomor 11 62
14. Gambar 3.13 Use Case Diagram layanan aplikasi IP-Call secara keseluruhan 71
15. Gambar 3.14 Use Case Sistem Inisialisasi 72
16. Gambar 3.15 Use Case Sistem LOG-IN 73
17. Gambar 3.16 Use Case Sistem IP – Call 74
18. Gambar 3.17 Use Case Sistem Profil 75
19. Gambar 3.18 Use Case Sistem Kontak 76
20. Gambar 3.19 Use Case Sistem Lihat Petunjuk 78
21. Gambar 3.20 Use Case Sistem Tagihan 79
xix
22. Gambar 3.21 Use Case Sistem Berita 80
23. Gambar 3.22 Use Case Sistem Properti 82
24. Gambar 3.23 Use Case Sistem LOG – OUT 83
25. Gambar 3.24 Class Diagram Aplikasi Layanan IP-Call 84
26. Gambar 3.25 Sequence Diagram Sistem Inisialisasi 85
27. Gambar 3.26 Sequence Diagram Sistem LOG-IN User 85
28. Gambar 3.27 Sequence Diagram Sistem LOG-IN Staff 86
29. Gambar 3.28 Sequence Diagram Sistem IP-Call 86
30. Gambar 3.29 Sequence Diagram Sistem Profil 87
31. Gambar 3.30 Sequence Diagram Sistem Kontak 88
32. Gambar 3.31 Sequence Diagram Sistem Lihat Petunjuk 89
33. Gambar 3.32 Sequence Diagram Sistem Tagihan User 89
34. Gambar 3.33 Sequence Diagram Sistem Tagihan Staff 90
35. Gambar 3.34 Sequence Diagram Sistem Berita User 91
36. Gambar 3.35 Sequence Diagram Sistem Berita Staff 92
37. Gambar 3.36 Sequence Diagram Sistem Properti 93
38. Gambar 3.37 Sequence Diagram Sistem LOG-OUT User 93
39. Gambar 3.38 Sequence Diagram Sistem LOG-OUT Staff 94
40. Gambar 3.39 Statechart Diagram Sistem Inisialisasi 95
41. Gambar 3.40 Statechart Diagram Sistem LOG – In User 96
42. Gambar 3.41 Statechart Diagram Sistem LOG – IN Staff 97
43. Gambar 3.42 Statechart Diagram Sistem IP – Call 98
44. Gambar 3.43 Statechart Diagram Sistem Profil 99
xx
45. Gambar 3.44 Statechart Diagram Sistem Kontak 100
46. Gambar 3.45 Statechart Diagram Sistem Petunjuk 100
47. Gambar 3.46 Statechart Diagram Sistem Tagihan User 101
48. Gambar 3.47 Statechart Diagram Sistem Tagihan Staff 101
49. Gambar 3.48 Statechart Diagram Sistem Berita User 102
50. Gambar 3.49 Statechart Diagram Sistem Berita Staff 102
51. Gambar 3.50 Statechart Diagram Sistem Properti 103
52. Gambar 3.51 Statechart Diagram Sistem LOG – OUT User 103
53. Gambar 3.52 Statechart Diagram Sistem LOG – OUT Staff 104
54. Gambar 3.53 Skema Database 105
55. Gambar 3.54 Struktur Menu Mobile Application (Aktivasi) 112
56. Gambar 3.55 Struktur Menu Mobile Application (setelah LOG – IN) 113
57. Gambar 3.56 Struktur Menu Web Application (Web Admin) 114
58. Gambar 3.57 Struktur Menu Web Application (Customer Sevice) 114
59. Gambar 3.58 Rancangan Layar pada saat memulai aplikasi 115
60. Gambar 3.59 Rancangan Layar Inisialisasi Pelanggan 116
61. Gambar 3.60 Rancangan Layar Inisialisasi ”OK” 117
62. Gambar 3.61 Rancangan Layar Inisialisasi nomor tidak terdaftar 118
63. Gambar 3.62 Rancangan Layar Error 119
64. Gambar 3.63 Rancangan Layar Petunjuk Inisialisasi 120
65. Gambar 3.64 Rancangan Layar Aktivasi Layanan 121
66. Gambar 3.65 Rancangan Layar Aktivasi ”OK” 122
67. Gambar 3.66 Rancangan Layar Aktivasi Error (field tidak diisi) 123
xxi
68. Gambar 3.67 Rancangan Layar Aktivasi Error (Konfirmasi password salah) 124
69. Gambar 3.68 Rancangan Layar Petunjuk Aktivasi 125
70. Gambar 3.69 Rancangan Layar Aktivasi Sukses 126
71. Gambar 3.70 Rancangan Layar Login 127
72. Gambar 3.71 Rancangan Layar Login (Message Alert) 128
73. Gambar 3.72 Rancangan Layar Petunjuk Login 129
74. Gambar 3.73 Rancangan Layar Menu Utama 130
75. Gambar 3.74 Rancangan Layar Layanan IP-Call 131
76. Gambar 3.75 Rancangan Layar Layanan IP-Call (Dial Call) 132
77. Gambar 3.76 Rancangan Layar Layanan IP-Call (Proses Menghubungi) 133
78. Gambar 3.77 Rancangan Layar Layanan IP-Call (Receive Call) 134
79. Gambar 3.78 Rancangan Layar Profil dan Data Pribadi 135
80. Gambar 3.79 Rancangan Layar Ubah Password 136
81. Gambar 3.80 Rancangan Layar Ubah Password ”OK” 137
82. Gambar 3.81 Rancangan Layar Ubah Password Error 138
83. Gambar 3.82 Rancangan Layar Ubah Password Error 139
84. Gambar 3.83 Rancangan Layar Ubah Password Sukses 140
85. Gambar 3.84 Rancangan Layar Ubah Password (Petunjuk) 141
86. Gambar 3.85 Rancangan Layar Daftar Kontak (Membuat Grup Kontak) 142
87. Gambar 3.86 Rancangan Layar Daftar Kontak Error 143
88. Gambar 3.87 Rancangan Layar Daftar Kontak (Tambah kontak) 144
89. Gambar 3.88 Rancangan Layar Tambah Daftar Kontak Error 145
90. Gambar 3.89 Rancangan Layar Tambah Daftar Kontak Error 146
xxii
91. Gambar 3.90 Rancangan Layar Daftar Kontak 147
92. Gambar 3.91 Rancangan Layar Informasi Kontak 148
93. Gambar 3.92 Rancangan Layar Hapus Kontak 149
94. Gambar 3.93 Rancangan Layar Konfirmasi Hapus Kontak 150
95. Gambar 3.94 Rancangan Layar Informasi Pemakaian 151
96. Gambar 3.95 Rancangan Layar Informasi Pemakaian (Jumlah Pemakaian) 152
97. Gambar 3.96 Rancangan Layar Informasi Pemakaian (Sesi Telephony) 153
98. Gambar 3.97 Rancangan Layar Berita dan Pesan Layanan 154
99. Gambar 3.98 Rancangan Layar Promo News 155
100. Gambar 3.99 Rancangan Layar Lokasi XLCenter 156
101. Gambar 3.100 Rancangan Layar Lokasi XLCenter (Contoh) 157
102. Gambar 3.101 Rancangan Layar Inbox Pesan 158
103. Gambar 3.102 Rancangan Layar Inbox Pesan (Tidak ada pesan) 159
104. Gambar 3.103 Rancangan Layar Isi Inbox Pesan 160
105. Gambar 3.104 Rancangan Layar Properti Aplikasi 161
106. Gambar 3.105 Rancangan Layar Logout 162
107. Gambar 3.106 Rancangan Layar Login 163
108. Gambar 3.107 Rancangan Layar Login (field kosong) 164
109. Gambar 3.108 Rancangan Layar Login (Username atau Password salah) 165
110. Gambar 3.109 Rancangan Layar Halaman Home 166
111. Gambar 3.110 Rancangan Layar Halaman Data Pelanggan 167
112. Gambar 3.111 Rancangan Layar Halaman Detail Pelanggan 168
113. Gambar 3.112 Rancangan Layar Halaman Update Data Pelanggan 169
xxiii
114. Gambar 3.113 Rancangan Layar Halaman Tambah Pelanggan Baru 170
115. Gambar 3.114 Rancangan Layar Data Tagihan & CDR 171
116. Gambar 3.115 Rancangan Layar Detail Tagihan Pelanggan 172
117. Gambar 3.116 Rancangan Layar Update Tagihan 173
118. Gambar 3.117 Rancangan Layar Informasi & Pesan Layanan 174
119. Gambar 3.118 Rancangan Layar Pengaturan dan Pengiriman Pesan Layanan 175
120. Gambar 3.119 Rancangan Layar Detail Pesan 176
121. Gambar 3.120 Rancangan Layar Update Pesan 177
122. Gambar 3.121 Rancangan Layar Pengiriman Pesan Layanan 178
123. Gambar 3.122 Rancangan Layar Lihat Isi Inbox Pelanggan 179
124. Gambar 3.123 Rancangan Layar Pengaturan Promo Layanan 180
125. Gambar 3.124 Rancangan Layar Detail Promo Layanan 181
126. Gambar 3.125 Rancangan Layar Update Promo Layanan 182
127. Gambar 3.126 Rancangan Layar Pengaturan Informasi XLCenter 183
128. Gambar 3.127 Rancangan Layar Detail Informasi XLCenter 184
129. Gambar 3.128 Rancangan Layar Update Informasi XLCenter 185
130. Gambar 3.129 Rancangan Layar Halaman Zona Layanan 186
131. Gambar 3.130 Rancangan Layar Detail Zona & Tarif 187
132. Gambar 3.131 Rancangan Layar Tambah Zona & Tarif Baru 188
133. Gambar 3.132 Rancangan Layar Home (Customer Service) 189
134. Gambar 3.133 Rancangan Layar Halaman Data Pelanggan dan Billing 190
135. Gambar 3.134 Rancangan Layar Pencetakan Billing 191
136. Gambar 3.135 Rancangan Layar Cetak CDR 192
xxiv
137. Gambar 3.136 Rancangan Layar Logout 193
138. Gambar 4.1 Memulai Aplikasi 246
139. Gambar 4.2 Layar Inisialisasi Pelanggan 247
140. Gambar 4.3 Layar Inisialisasi ”OK” 248
141. Gambar 4.4 Layar Inisialisasi Error 249
142. Gambar 4.5 Layar Inisialisasi Pelanggan (Nomor Tidak Terdaftar) 250
143. Gambar 4.6 Layar Petunjuk Inisialisasi Pelanggan 251
144. Gambar 4.7 Layar Aktivasi Layanan 252
145. Gambar 4.8 Layar Aktivasi ”OK” 253
146. Gambar 4.9 Layar Aktivasi Error (Field Kosong) 254
147. Gambar 4.10 Layar Aktivasi Error (Konfirmasi Password Salah) 255
148. Gambar 4.11 Layar Petunjuk Aktivasi 256
149. Gambar 4.12 Layar Aktivasi Sukses 257
150. Gambar 4.13 Layar Login 258
151. Gambar 4.14 Layar Menu Utama 259
152. Gambar 4.15 Layar Layanan IP-Call (Dial) 260
153. Gambar 4.16 Layar Layanan IP-Call (Input Username Kontak) 261
154. Gambar 4.17 Layar Layanan IP-Call (Proses Menghubungi) 262
155. Gambar 4.18 Layar Layanan IP-Call (Penerima Panggilan) 263
156. Gambar 4.19 Layar Profil dan Data Pribadi 264
157. Gambar 4.20 Layar Ubah Password 265
158. Gambar 4.21 Layar Ubah Password ”OK” 266
159. Gambar 4.22 Layar Ubah Password (Error Field Kosong) 267
xxv
160. Gambar 4.23 Layar Ubah Password (Error Konfirmasi Password) 268
161. Gambar 4.24 Layar Ubah Password Sukses 269
162. Gambar 4.25 Layar Petunjuk Ubah Password 270
163. Gambar 4.26 Layar Daftar Kontak (Membuat grup kontak) 271
164. Gambar 4.27 Layar Daftar Kontak (Error Field Kosong) 272
165. Gambar 4.28 Layar Daftar Kontak (Tambah Daftar Kontak) 273
166. Gambar 4.29 Layar Tambah Daftar Kontak (Error Field Kosong) 274
167. Gambar 4.30 Layar Tambah Daftar Kontak (Error Kontak tidak Terdaftar) 275
168. Gambar 4.31 Layar Daftar Kontak 276
169. Gambar 4.32 Layar Informasi Kontak 277
170. Gambar 4.33 Layar Hapus Kontak 278
171. Gambar 4.34 Layar Hapus Kontak Konfirmasi 279
172. Gambar 4.35 Layar Informasi Pemakaian 280
173. Gambar 4.36 Layar Informasi Pemakaian (Jumlah Pemakaian) 281
174. Gambar 4.37 Layar Informasi Pemakaian (Sesi Telephony) 282
175. Gambar 4.38 Layar Berita dan Pesan Layanan 283
176. Gambar 4.39 Layar Promo News 284
177. Gambar 4.40 Layar Lokasi XLCenter 285
178. Gambar 4.41 Layar Lokasi XLCenter (Contoh) 286
179. Gambar 4.42 Layar Inbox Pesan 287
180. Gambar 4.43 Layar Inbox Pesan (Tidak Ada Pesan) 288
181. Gambar 4.44 Layar Isi Inbox Pesan 289
182. Gambar 4.45 Layar Properti Aplikasi 290
xxvi
183. Gambar 4.46 Layar Logout 291
184. Gambar 4.47 Layar Index 292
185. Gambar 4.48 Layar Index (Field Kosong) 293
186. Gambar 4.49 Layar Index (Username atau Password salah) 294
187. Gambar 4.50 Layar Home (Admin) 295
188. Gambar 4.51 Layar Daftar Pelanggan Aktif 296
189. Gambar 4.52 Layar Detail Pelanggan (Admin) 297
190. Gambar 4.53 Layar Update Data Pelanggan (Admin) 298
191. Gambar 4.54 Layar Tambah Pelanggan Baru 299
192. Gambar 4.55 Layar Data Tagihan & CDR 300
193. Gambar 4.56 Layar Detail Tagihan 301
194. Gambar 4.57 Layar Update Tagihan 302
195. Gambar 4.58 Layar Informasi & Pesan Layanan 303
196. Gambar 4.59 Layar Pengaturan & Pengiriman Pesan Layanan 304
197. Gambar 4.60 Layar Detail Pesan 305
198. Gambar 4.61 Layar Update Pesan 306
199. Gambar 4.62 Layar Pengiriman Pesan Layanan 307
200. Gambar 4.63 Layar Detail Isi Kotak Pesan Pelanggan 308
201. Gambar 4.64 Layar Pengaturan Promo Layanan 309
202. Gambar 4.65 Layar Detail Promo Layanan 310
203. Gambar 4.66 Layar Update Promo Layanan 311
204. Gambar 4.67 Layar Pengaturan Informasi XLCenter 312
205. Gambar 4.68 Layar Detail Informasi XLCenter 313
xxvii
206. Gambar 4.69 Layar Update Informasi XLCenter 314
207. Gambar 4.70 Layar Zona Layanan 315
208. Gambar 4.71 Layar Detail Zona & Tarif 316
209. Gambar 4.72 Layar Tambah Zona & Tarif Baru 317
210. Gambar 4.73 Layar Home (Customer Service) 318
211. Gambar 4.74 Layar Data Pelanggan dan Billing (Customer Service) 319
212. Gambar 4.75 Layar Pencetakan Billing 320
213. Gambar 4.76 Layar Cetak CDR 321
214. Gambar 4.77 Layar Logout 322
215. Gambar 4.78 Tampilan Tabel Database MsUser 323
216. Gambar 4.79 Tampilan Tabel Database MsStaff 324
217. Gambar 4.80 Tampilan Tabel Database MsContactGroup 324
218. Gambar 4.81 Tampilan Tabel Database MsGroupMember 324
219. Gambar 4.82 Tampilan Tabel Databse Tabel Tr_Invoice 325
220. Gambar 4.83 Tampilan Tabel Databse Tabel Tr_SessionCall 325
221. Gambar 4.84 Tampilan Tabel Database MsArea 326
222. Gambar 4.85 Tampilan Tabel Database MsPromoNews 326
223. Gambar 4.86 Tampilan Tabel Database MsMessage 326
224. Gambar 4.87 Tampilan Tabel Database MsPost 327
225. Gambar 4.88 Tampilan Tabel Database MsGalery 327
xxviii
DAFTAR LAMPIRAN
1. Lampiran Kuesioner L1
2. Lampiran Wawancara L3
3. Lampiran Daftar Perincian Tarif L9