Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik...

22
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.

Transcript of Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik...

Page 1: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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.

Page 2: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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.

Page 3: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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,

Page 4: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 5: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 6: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 7: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 8: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 9: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 10: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 11: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 12: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 13: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 14: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 15: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 16: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 17: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 18: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 19: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 20: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 21: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

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

Page 22: Analisis dan Perancangan Aplikasi Mobile untuk Layanan … · vii BINUS UNIVERSITY Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007 / 2008 Analisis dan

xxviii

DAFTAR LAMPIRAN

1. Lampiran Kuesioner L1

2. Lampiran Wawancara L3

3. Lampiran Daftar Perincian Tarif L9