bab 4 implementasi dan evaluasi 4.1 kebutuhan …thesis.binus.ac.id/asli/bab4/2008-1-00113-if bab...

55
243 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan Perangkat Keras dan Perangkat Lunak 4.1.1 Kebutuhan Perangkat Lunak dalam Pembuatan Aplikasi Secara keseluruhan, adapun perangkat lunak pendukung dan komponen third party (plug-in) yang dibutuhkan dalam pembuatan aplikasi, baik di sisi user maupun di sisi admin, adalah sebagai berikut : Perangkat lunak pendukung : - Microsoft Windows XP Professional - Java Development Kit versi 1.5.0_03 - Sun Java Wireless Toolkit for CLDC versi 2.5.1 - Apache Tomcat web server versi 4.1.31 - MySQL Community Edition versi 4.1.22 - MySQL Front versi 3.2 Build 6.11 - EditPlus Text Editor versi 2.11 - NetBeans 5.5 - Macromedia Dreamweaver 8 - Adobe Photoshop CS 2 - Web Browser (Internet Explorer 6.0 atau Mozilla Firefox 2.0) Komponen third party (plug-in) pendukung : - NetBeans Mobility Pack versi 5.0 - kXML Pull Parser versi 2.3.0 - MySQL Connector Java versi 3.1.14

Upload: dangtu

Post on 31-Mar-2019

224 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

243

BAB 4

IMPLEMENTASI DAN EVALUASI

4.1 Kebutuhan Perangkat Keras dan Perangkat Lunak

4.1.1 Kebutuhan Perangkat Lunak dalam Pembuatan Aplikasi

Secara keseluruhan, adapun perangkat lunak pendukung dan komponen

third party (plug-in) yang dibutuhkan dalam pembuatan aplikasi, baik di sisi user

maupun di sisi admin, adalah sebagai berikut :

Perangkat lunak pendukung :

- Microsoft Windows XP Professional

- Java Development Kit versi 1.5.0_03

- Sun Java Wireless Toolkit for CLDC versi 2.5.1

- Apache Tomcat web server versi 4.1.31

- MySQL Community Edition versi 4.1.22

- MySQL Front versi 3.2 Build 6.11

- EditPlus Text Editor versi 2.11

- NetBeans 5.5

- Macromedia Dreamweaver 8

- Adobe Photoshop CS 2

- Web Browser (Internet Explorer 6.0 atau Mozilla Firefox 2.0)

Komponen third party (plug-in) pendukung :

- NetBeans Mobility Pack versi 5.0

- kXML Pull Parser versi 2.3.0

- MySQL Connector Java versi 3.1.14

Page 2: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

244

4.1.2 Kebutuhan Perangkat Keras untuk Menjalankan Aplikasi

4.1.2.1 Kebutuhan Hardware sisi User

Adapun spesifikasi hardware minimum yang dibutuhkan oleh user

untuk menjalankan aplikasi ini adalah sebagai berikut:

- Smartphone atau PDA dengan memori internal minimum 32 MB.

- Fitur koneksi internet minimum melalui Wi-Fi atau 3G.

4.1.2.2 Kebutuhan Hardware sisi Admin

Adapun spesifikasi hardware minimum yang dibutuhkan oleh

admin untuk menjalankan aplikasi adalah sebagi berikut :

- Processor Intel Pentium 4 1,5 GHz.

- Memory RAM 512 MB.

- Hard Disk Drive 40 GB

- Mouse pointing device

- Keyboard

- VGA Card 64 MB.

- Monitor 15 inch dengan resolusi 1024 x 768

- Modem atau kabel Ethernet RJ 45

4.1.3 Kebutuhan Perangkat Lunak untuk Menjalankan Aplikasi

4.1.3.1 Kebutuhan Software sisi User

Adapun spesifikasi perangkat lunak minimun yang dibutuhkan

client untuk menjalankan aplikasi adalah sebagai berikut :

Page 3: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

245

Client :

- Sistem operasi mobile (Microsoft Windows Mobile atau Symbian OS).

- Appliaction Management System (AMS) yang mendukung KVM untuk

mengatur setting dan proses instalasi aplikasi.

4.1.3.2 Kebutuhan Software sisi Admin

Adapun spesifikasi perangkat lunak minimun yang dibutuhkan

admin untuk menjalankan aplikasi adalah sebagai berikut :

Admin :

- Microsoft Windows XP NT Service Pack 6.

- Java Development Kit versi 1.5.0_03

- Apache Tomcat 4.1.31 web server.

- MySQL Community Edition versi 4.1.22.

- Web Browser, Internet Explorer 6.0 atau Mozilla Firefox 2.0.

Page 4: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

246

4.2 Aplikasi yang dihasilkan

4.2.1 Tampilan Layar Mobile Device untuk sisi User

Berikut ini merupakan hasi dari aplikasi berupa screenshot pada mobile device

Gambar 4.1 Memulai aplikasi

Layar ini merupakan layar yang pertama kali tampil ketika program

dijalankan. Tekan tombol launch untuk memulai aplikasi.

Page 5: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

247

Gambar 4.2 Layar Inisialisasi Pelanggan

Layar ini merupakan layar inisialisasi. User memasukan nomor Xplor di

dalam field yang tersedia. Terdapat pilihan tombol untuk Menu (softkey sebelah

kiri) dan Keluar (softkey sebelah kanan). Jika tombol menu di tekan terdapat

beberapa pilihan menu. Jika tombol Keluar ditekan maka akan keluar dari aplikasi

ini.

Page 6: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

248

Gambar 4.3 Layar Insialisasi OK

Setelah nomor xplor diisi, user menekan tombol Menu pada softkey

sebelah kiri. Terdapat beberapa pilihan yaitu 1. OK (untuk melanjutkan ke

langkah selanjutnya), 2. Reset (untuk mengosongkan field yang telah terisi) dan 3.

Petunjuk. (untuk melihat petunjuk penggunaan). Pilih OK untuk

menginisialisasikan nomor yang telah dimasukan.

Page 7: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

249

Gambar 4.4 Layar Inisialisasi error

Layar ini merupakan layar jika field nomor Xplor tidak diisi, maka akan

menampilkan pesan ”Inisialisasi nomor gagal. Nomor harus diisi”.

Page 8: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

250

Gambar 4.5 Inisialisasi Pelanggan (Nomor tidak terdaftar)

Layar ini merupakan layar yang akan tampil jika user salah memasukan

nomor Xplor. Akan muncul pesan ”Inisialisasi gagal. Silahkan periksa nomor

Xplor Anda”. User dapat mengisi kembali nomor yang sesuai.

Page 9: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

251

Gambar 4.6 Layar Petunjuk Inisialisasi

Layar ini merupakan petunjuk cara penggunaan layar insialisasi. Terdapat

tombol kembali pada softkey sebelah kanan untuk kembali ke layar inisialisasi.

Page 10: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

252

Gambar 4.7 Layar Aktivasi layanan

Layar ini merupakan layar untuk aktivasi layanan ip-call. Terdapat field-

field yang harus diisi oleh user yaitu username, password dan konfirmasi

password.

Page 11: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

253

Gambar 4.8 Layar Aktivasi OK

Setelah semua field aktivasi diisi, user menekan tombol menu pada softkey

disebelah kiri. Terdapat beberapa pilihan pada Menu (pilihan menu sama seperti

layar inisialisasi). Pilih OK untuk mengaktivasi account user.

Page 12: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

254

Gambar 4.9 Layar aktivasi Error (fField kosong)

Layar ini merupakan layar yang akan muncul apabila terdapat field yang

kosong dalam aktivasi. Terdapat pesan pemberitahuan kesalahan yaitu “Semua

field harus diisi”.

Page 13: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

255

Gambar 4.10 Aktivasi Error (konfirmasi password salah)

Layar ini merupakan layar yang akan muncul apabila user salah dalam

memasukan field konfirmasi password. Terdapat pesan pemberitahuan kesalahan

yaitu ”Konfirmasi password salah”. Konfirmasi password harus sama dengan

password yang dimasukan.

Page 14: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

256

Gambar 4.11 Layar Petunjuk Aktivasi

Layar ini merupakan layar petunjuk dalam pengoperasian layar aktivasi.

Terdapat tombol kembali pada softkey di sebelah kanan untuk kembali ke layar

aktivasi.

Page 15: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

257

Gamabr 4.12 Layar Aktivasi Sukses

Layar ini merupakan layar yang akan muncul apabila aktivasi yang

dilakukan dengan mengisi username dan password sukses. Terdapat konfirmasi

username dan password yang telah diisi sebelumnya. Terdapat tombol Menu

Utama pada softkey sebelah kiri untuk masuk kedalam Menu Utama. Dan terdapat

tombol keluar pada softkey sebelah kanan untuk keluar dari aplikasi ini.

Page 16: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

258

Gambar 4.13 Layar Login

Layar ini hanya akan muncul setelah user mengaktivasi nomor Xplor.

Terdapat field Username dan Password yang harus diisi sesuai dengan username

dan password yang telah dimasukan pada layar aktivasi sebelumnya.

Page 17: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

259

Gambar 4.14 Layar Menu Utama

Layar ini merupakan layar menu utama. Terdapat menu-menu didalam

menu utama ini yaitu Layanan IP Call, Profil dan Data Pribadi, Daftar Kontak,

Jumlah dan Status Pemakaian, Informasi dan Pesan Layanan, Properti Aplikasi

dan Logout. Untuk memilih menu dapat menggunakan softkey navigator yang

terdapat pada mobile device. Tekan tombol Pilih yang terdapat pada softkey

disebelah kanan untuk memilih menu yang ingin ditampilkan.

Page 18: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

260

Gambar 4.15 Layar Layanan IP Call (Dial)

Layar ini merupakan layar layanan IP Call. Terdapat tombol DIAL CALL

untuk melakukan panggilan telepon dan tombol RECEIVE CALL untuk

menerima panggilan telepon.

Page 19: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

261

Gambar 4.16 Layar Layanan IP Call (input username kontak)

Layar ini merupakan layar yang akan muncul ketika tombol Dial Call

ditekan. Terdapat field SIP Username yang harus diisi oleh user. Pada tombol

menu yang ada pada softkey disebelah kanan terdapat menu 1. Dial Call (untuk

melakukan panggilan pada username yang telah diisi) 2. Petunjuk (untuk melihat

petunjuk penggunaan manu Layanan IP Call).

Page 20: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

262

Gambar 4.17 Layar Layanan IP Call (proses menghubungi)

Layar ini merupakan layar saat user sedang melakukan panggilan telepon

ke username yang dituju. Terdapat nama username yang dituju dan durasi waktu

yang berjalan selama proses panggilan. Untuk menghentikan panggilan user dapat

menekan tombol stop pada softkey sebelah kanan atau tombol tutup telepon yang

ada pada mobile device.

Page 21: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

263

Gambar 4.18 Layar Layanan IP Call (penerimaan panggilan)

Layar ini merupakan layar layanan IP Call ketika user menerima

panggilan telepon dengan menekan tombol Receive Call.

Page 22: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

264

Gambar 4.19 Layar Profil dan Data Pribadi

Layar ini merupakan layar menu Profil dan Data Pribadi. Menampilkan

data pribadi pengguna layanan IP Call ini berdasarkan dengan nomor Xplor yang

diaktivasikan. Terdapat tombol Ubah Password yang ada pada softkey disebelah

kiri dan tombol Kembali untuk kembali ke menu utama yang ada pada softkey

disebelah kanan.

Page 23: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

265

Gambart 4.20 Layar Ubah Password

Layar ini merupakan layar yang muncul ketika user memilih tombol ubah

password pada layar data pribadi. Terdapat field-field yang harus diisi yaitu

Password lama, password baru dan konfirmansi password.

Page 24: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

266

Gambar 4.21 Ubah Password OK

Jika field-field pada layar ubah password telah diisi semua, user menekan

pilihan 1. OK pada tombol menu untuk melanjutkan ke langkah selanjutnya.

Page 25: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

267

Gambar 4.22 Layar Ubah Password (error field kosong)

Jika field-field yang terdapat pada layar ubah password tidak diisi dengan

lengkap maka akan muncul pesan pemberitahuan “Semua field harus diisi”. User

harus mengisi semua field yang tersedia.

Page 26: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

268

Gambar 4.23 Layar Ubah Password (error konfirmasi password)

Jika pengisian field konfirmasi password tidak sama dengan field

password maka akan muncul pesan pemberitahuan “Konfirmasi password Anda

salah”. User harus mengisi ulang konfirmasi password dengan benar

Page 27: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

269

Gambar 4.24 Ubah Password Sukses

Jika user telah berhasil mengubah password maka akan muncul tampilan

pemberitahuan “password Anda telah berhasil diubah”. Terdapat tombol Layar

profil yang ada pada softkey disebelah kiri untuk kembali ke layar Profil dan Data

Pribadi dan tombol Petunjuk yang ada pada softkey disebelah kanan untuk melihat

petunjuk penggunaan ubah password.

Page 28: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

270

Gambar 4.25 Layar Petunjuk Ubah Password

Layar ini merupakan layar petunjuk yang berisi tentang penjelasan

pennggunaan menu ubah password. Terdapat tombol kembali untuk kembali ke

Menu Utama.

Page 29: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

271

Gambar 4.26 Layar Daftar Kontak (membuat group kontak)

Layar ini merupakan layar Daftar Kontak. User harus membuat grup

kontak terlebih dahulu sebelum memasukan nama kontak. Terdapat field-field

yang harus diisi yaitu Nama Grup Kontak dan Deskripsi Group. Jika telah diisi

user dapat menekan tombol Buat Grup yang ada pada softkey disebelah kiri atau

tombol kembali yang ada pada softkey disebelah kanan untuk kembali ke Menu

Utama.

Page 30: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

272

Gambar 4.27 Layar Daftar Kontak (Eror field kosong )

Jika field tidak diisi maka akan muncul pesan pemberitahuan ”Semua

Field Harus Diisi”. User harus mengisi semua field yang tersedia.

Page 31: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

273

Gambar 4.28 Layar Daftar Kontak (Tambah daftar kontak)

Layar ini merupakan layar untuk menambahkan daftar kontak baru.

Setelah membuat grup kontak user harus memiliki minimal satu daftar kontak.

Terdapat field SIP Username yang harus diisi. Setelah diisi , user dapat menekan

tombol Menu yang ada pada softkey disebelah kiri lalu memilih pilihan 1. Tambah

Kontak (untuk konfirmasi) atau 2. Reset (untuk mengosongkan field yang telah

diisi). Tombol Kembali pada softkey disebelah kanan untuk kembali ke Menu

Utama.

Page 32: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

274

Gambar 4.29 Layar Tambah Daftar Kontak (eror field kosong)

Jika field tidak diisi maka akan muncul pesan pemberitahuan ”Username

kontak harus diisi”. User harus mengisi field yang tersedia.

Page 33: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

275

Gambar 4.30 Layar Tambah Daftar Kontak (eror kontak tidak terdaftar)

Jika username kontak yang dimasukan tidak terdaftar pada database server

maka akan muncul pesan pemberitahuan ”Maaf, username tersebut tidak

terdaftar”. User harus mengisi kembali SIP Username yang sesuai.

Page 34: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

276

Gambar 4.31 Layar Daftar Kontak

Layar ini menampilkan nama-nama username yang telah ditambahkan ke

dalam daftar kontak oleh user. Terdapat tombol Tambah Kontak pada softkey

disebelah kiri untuk menambahkan kontak baru dan tombol Kembali untuk

kembali ke Menu Utama.

Page 35: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

277

Gambar 4.32 Layar Informasi Kontak

Layar ini merupakan layar yang menampilkan informasi kontak yang

dipilih oleh user. Informasi yang ditampilkan yaitu SIP Username, Nama, Nomor

Xplor dan Email. Terdapat tombol Menu yang ada pada softkey disebelah kiri dan

tombol Kembali untuk kembali ke layar daftar kontak.

Page 36: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

278

Gambar 4.33 Layar Hapus Kontak

Pada tombol Menu terdapat pilihan 1. Call Contak (untuk melakukan

panggilan ke username tersebut) dan 2. Delete Contact (untuk menghapus kontak

yang sedang dipilih). Untuk menghapus kontak kita tekan pilihan 2.

Page 37: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

279

Gambar 4.34 Layar Hapus Kontak (Konfirmasi)

Jika user memilih pilihan hapus kontak maka akan muncul layar

konfirmasi penghapusan kontak. Terdapat tombol Batal yang ada pada softkey

disebelah kiri untuk membatalkan penghapusan kontak dan tombol Hapus pada

softkey sebelah kanan untuk menghapus kontak dari daftar kontak.

Page 38: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

280

Gambar 4.35 Informasi Pemakaian

Layar ini merupakan informasi pemakaian IP Call. Terdapat dua menu

yaitu Jumlah pemakaian dan Sesi Telephony. Pada softkey sebelah kanan terdapat

menu Kembali untuk kembali ke menu utama.

Page 39: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

281

Gambar 4.36 Layar Informasi Pemakaian (jumlah pemakaian)

Layar ini merupakan layar yang akan tampil ketika user memilih menu

jumlah pemakaian. Terdapat informasi total jumlah pemakaian sampai dengan

saat user memilih menu ini. Menu Kembali terdapat pada softkey sebelah kanan

untuk kembali ke menu Informasi Pemakaian.

Page 40: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

282

Gambar 4.37 Layar Informasi Pemakaian (sesi telphony)

Layar ini merupakan layar yang akan tampil ketika user memilih menu

sesi telephony. Informasi yang ditampilkan yaitu Jenis Area, Waktu sesi, Tujuan

dan Durasi. Daftar sesi percakapan hanya ditampilkan maksimal lima sesi.

Terdapat menu kembali pada softkey di sebelah kanan untuk kembali ke menu

Informasi Pemakaian.

Page 41: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

283

Gambar 4.38 Layar Berita dan Pesan Layanan

Layar ini merupakan layar Berita dan Pesan Layanan. Menampilkan

pilihan – pilihan yaitu Promo Layanan, Informasi Lokasi XL Center dan Inbox

Pesan. Terdapat tombol Pilih pada softkey disebelah kiri untuk memilih salah satu

dari pilihan menu berita dan pesan layanan. Tombol Kembali yang ada pada

softkey sebelah kanan untuk kembali ke Menu Utama.

Page 42: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

284

Gambar 4.39 Layar Promo News

Layar ini merupakan layar Promo News yang menampilkan informasi –

informasi seputar XL. Setiap berita mempunyai subjek, tanggal dikeluarkannya

berita tersebut dan tanggal masa berlakunya berita. Terdapat tombol kembali pada

softkey disebelah kanan untuk kembali ke layar Berita dan Pesan Layanan.

Page 43: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

285

Gambar 3.40 Layar Lokasi XL Center

Layar ini merupakan layar Lokasi XL Center yang dibagi berdasarkan

daerah – daerah tertentu yaitu Jabodetabek, Sumatra dan Aceh, Jawa Barat,

Bangka Belitung dan Banten, Jawa Tengah dan Yogyakarta, Jawa Timur dan

Madura, Kalimanta, Bali dan Lombok serta Sulawesi. User dapat memilih salah

satu daerah untuk melihat lokasi XL Center yang terdapat pada daerah tersebut

dengan menekan tombol Pilih yang ada pada softkey disebelah kiri. Tombol

Kembali untuk kembali ke layar Berita dan Pesan Layanan.

Page 44: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

286

Gambar 3.41 Layar Lokasi XL Center (contoh salah satu XL Center)

Layar ini merupakan contoh layar yang menampilkan informasi lokasi XL

Center di daerah Jobadetabek yaitu di Bogor. Dalam informasi lokasi XL Center

ini terdapat Nama XL Center, Alamat dan Keterangan. Terdapat tombol Kembali

untuk kembali ke layar Lokasi XL Center.

Page 45: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

287

Gambar 4.42 Layar Inbox Pesan

Layar ini merupakan layar inbox pesan untuk user dari admin layanan.

Contoh disini menampilkan pesan pemberitahuan bahwa user mempunyai satu

pesan untuk dibaca. Terdapat tombol Baca Pesan yang ada pada softkey disebelah

kiri untuk membaca pesan dan tombol Kembali pada softkey disebelah kanan.

Page 46: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

288

Gambar 4.43 Layar Inbox Pesan (tidak ada pesan)

Layar ini merupakan layar inbox pesan untuk user dari admin layanan

yang pada saat dibukanya menu ini tidak terdapat pesan dari admin. Terdapat

tombol Baca Pesan yang ada pada softkey disebelah kiri untuk membaca pesan

dan tombol Kembali pada softkey disebelah kanan.

Page 47: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

289

Gambar 4.44 Layar Isi Inbox Pesan

Layar ini merupakan layar yang menampilkan isi dari inbox pesan yang

dikirimkan oleh admin layanan. Dalam setiap pesan yang dikirim terdapat Subjek dan

Tanggal pengiriman pesan. Terdapat tombol kembali untuk kembali ke layar Berita

dan Pesan Layanan.

Page 48: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

290

Gambar 4.45 Layar Properti Aplikasi

Layar ini merupakan layar Properti Aplikasi. Terapat informasi mengenai

applikasi IP-Call ini, yaitu Vendor, Deskripsi, Versi MIDlet, Versi profil MIDP,

Versi Konfigurasi CLDC, Platform MIDlet, Ukuran Data MIDlet, Total Memori dan

Sisa Memori. Terdapat tombol kembali untuk kembali ke menu utama.

Page 49: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

291

Gambar 4.46 Logout

Layar ini merupakan layar yang akan tampil katika user memlih menu Logout.

Maka akan kembali ke layar login dengan konfirmasi “Anda Telah Logout. Terima

Kasih Atas Penggunaan Layanan ini

Page 50: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

292

4.2.2 Tampilan Layar Web Untuk Sisi Admin

Gambar 4.47 Layar Index

Layar ini merupakan layer halaman index sebagai login. User harus mengisi

field username dan password yang tersedia. User dapat melakukan login sebagai

admin atau customer service. Terdapat tombol Submit untuk menuju ke halaman

selanjutnya dan tombol Reset untuk menghapus isi dari field yang telah diisi.

Page 51: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

293

Gambar 4.48 Layar Index (field kosong)

Layar ini merupakan layar yang akan tampil setelah user menekan tombol

submit tanpa mengisi username atau password. Terdapat pesan pemberitahuan

“Username dan Password harus diisi”. User harus mengisi dengan lengkap username

dan password di field yang tersedia.

Page 52: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

294

Gambar 4.49 Layar Index (username atau password salah)

Layar ini merupakan layar yang akan tampil setelah user menekan tombol

submit apabila username atau password yang telah divalidasi tidak sesuai dengan

database. Terdapat pesan pemberitahuan “Username dan Password harus diisi”. User

harus mengisi dengan username dan password yang sesuai di field yang tersedia.

Page 53: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

295

Gambar 4.50 Layar Home (Admin)

Layar ini merupakan layar halaman home untuk sisi admin. Terdapat menu –

menu dibagian kiri yaitu menu Home, Data Pelanggan Aktif, Data Billing & CDR,

Informasi & Pesan Layanan, Zona & Tarif Layanan dan Logout. Yang masing –

masing menu mempunyai link yang terhubung ke halaman yang sesuai.

Page 54: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

296

Gambar 4.51 Layar Data Pelanggan Aktif

Layar ini merupakan layar Halaman Data Pelanggan Aktif untuk sisi admin.

Terdapat informasi mengenai pelanggan berupa User ID, Nomor Xplor, Nama

Pelanggan dan Email. Terdapat pilihan detail untuk melihat detail pelanggan, update

untuk melakukan perubahan data pelanggan dan hapus untuk menghapus pelanggan

dari database pada kolom Opsi. Admin dapat melakukan pencarian pelanggan dengan

mengisi field cari pada bagian bawah halaman ini. Pencarian bisa dilakukan

berdasarkan kategori. Admin juga dapat menambah data pelanggan dengan menekan

link ”(+) Tambah Data Pelanggan”. Terdapat paging untuk melihat data pelanggan

yang terapat di halaman selanjutnya.

Page 55: BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan …thesis.binus.ac.id/Asli/Bab4/2008-1-00113-IF BAB 4A.pdf- Modem atau kabel Ethernet RJ 45 ... mengatur setting dan proses instalasi

297

Gambar 4.52 Layar Detail Pelanggan (Admin)

Layar ini merupakan Halaman Detail Pelanggan yang akan muncul ketika

admin memilih opsi detail pada halaman Data Pelanggan Aktif atau pada hasil

pencarian. Menampilkan informasi biodata pelanggan.