58

BAB IV

IMPLEMENTASI DAN EVALUASI

4.1 Kebutuhan Implementasi Sistem

Implementasi sistem adalah implementasi dari analisis dan desain yang telah

dibuat sebelumnya. Sehingga diharapkan dengan adanya implementasi ini dapat

membantu untuk lebih memahami jalannya aplikasi ini. Sistem atau aplikasi dapat

berjalan dengan baik, karena ditunjang oleh perangkat lunak (software) lain yang

memadai. Sebelumnya user harus mempersiapkan kebutuhan kebutuhan dari program

yang akan diimplementasikan baik dari segi perangkat keras maupun perangkat lunak

komputer.

4.1.1 Kebutuhan Sistem

Dalam tahap ini dijelaskan mengenai implementasi perangkat lunak yang

telah dikembangkan. Aplikasi ini membutuhkan perangkat keras dan perangkat lunak

dengan kondisi tertentu agar dapat berjalan dengan baik. Adapun kebutuhan

perangkat lunak dan perangkat keras yang digunakan dalam pembuatan aplikasi ini

sebagai berikut :

a. Kebutuhan perangkat lunak :

1. Sistem operasi windows XP / 7 / 8

2. Software Web Browser

3. Web server untuk pengolahan data menggunakan Xampp-Win32-1.7.2.

4. Bahasa pemrograman yang digunakan adalah HTML dan PHP.

5. Untuk pembuatan program menggunakan Adobe Dreamweaver CS6.

59

6. Untuk perancangan sistem menggunakan Power Designer 15

7. Untuk perancangan desain input/output menggunakan Microsoft Office Visio

2007.

b. Kebutuhan perangkat keras:

1. Processor Intel Dual Core, Core 2 Duo, atau yang lebih tinggi.

2. Memory 1 Gb atau lebih.

3. Harddisk 80 Gb atau lebih

4. Monitor dengan resolusi minimal 1024 x 768.

5. VGA Card 128, Mouse dan Keyboard.

4.2 Implementasi Aplikasi

Proses implementasi Aplikasi Sistem Monitoring Layanan Pasang Baru

Pelanggan dilakukan dengan melakukan instalasi software . adapun tahapan-tahapan

instalasi dan pengaturan (setting) sistem adalah sebagai berikut:

a. Install sistem operasi Microsoft Windows 7.

b. Install web server Xampp-Win32-1.7.2.

c. Copy-paste aplikasi di C:\xampp\htdocs.

d. Copy-paste database di C:\xampp\mysql\data

e. Buka browser dan ketikan http://localhost/ta untuk mengakses aplikasi.

60

4.3 Menjalankan Aplikasi

Pada bagian ini akan dijelaskan mengenai penggunaan dari aplikasi yang telah

dibuat. Penjelasan aplikasi yang dibuat meliputi tampilan dari aplikasi dan fungsi-

fungsi yang terdapat di aplikasi

4.3.1 Halaman Login

Halaman Login berisikan TextField untuk mengisi username dan password juga

terdapat tombol untuk mengecek username dan password yang sudah di isikan.

Tampilan form Login di desain sederhana dengan paduan warna yang cerah dan

diberi logo Telkom Indonesia . Berikut tampilan dari halaman Login.

Gambar 4.1 Tampilan Halaman Login

Pada halaman login juga terdapat link “Cek Jaringan” yang akan mengarahkan

kita ke halaman “Cek Ketersediaan Jaringan”. Berikut tampilan dari halaman “Cek

Ketersediaan Jaringan”,

61

Gambar 4.2 Tampilan Halaman Cek Ketersediaan Jaringan

Pada halaman Cek Ketersediaan Jaringan terdapat TextField untuk mengisikan

alamat, rt, rw, kecamatan, kelurahan dan juga tombol “Cek Ketersediaan Jaringan”.

Isian yang terdapat pada halaman ini akan digunakan untuk mencari ketersediaan

jaringan di wilayah pelanggan yang akan mengajukan pasang baru.

4.3.2 Halaman Awal Admin

Halaman Awal Admin berisikan tentang data kontak pasang baru yang

meliputi id kontrak, nama pelanggan, alamat, no fastel, tanggal dibuatkannya kontrak

berlangganan dan juga status pekerjaan.

62

Gambar 4.3 Tampilan Halaman Awal Admin

Pada halaman awal admin juga terdapat tombol “pilih”, tombol ini berfungsi

untuk melihat kemajuan proses pasang baru secara detail. Berikut tampilan detail

pasang baru.

Gambar 4.4 Tampilan Halaman Detail Pasang Baru

63

4.3.3 Halaman Manajemen Layanan

Pada halaman manajemen layanan berisikan TextField untuk mengisi nama

layanan, Harga layanan, dan Keterangan layanan. Pada halaman ini juga terdapat

button Simpan Data yang berfungsi menyimpan data layanan yang telah diisikan.

Berikut adalah tampilan Halaman Manajemen Layanan.

Gambar 4.5 Tampilan Halaman Manajemen Layanan

Untuk melakukan proses hapus data atau merubah data layanan yang sudah

dimasukkan yang perlu dilakukan adalah memilih data yang akan di hapus atau

dirubah dengan cara menekan tombol “Pilih” yang terdapat pada tabel layanan.

Berikut adalah tampilan untuk melakukan hapus atau ubah data layanan.

Gambar 4.6 Tampilan Halaman Ubah dan Hapus Layanan

64

Pada Halaman tersebut terdapat dua buah tombol yang berbeda, yang pertama

yaitu tombol “Rubah” yang berfungsi untuk menyimpan perubahan yang terjadi pada

data layanan, kemudian yang kedua yaitu tombol “Batal” yang berfungsi untuk

membatalkan penyimpanan data layanan atau dengan kata lain menghapus data

layanan yang telah dimasukkan sebelumnya.

4.3.4 Halaman Penentuan Mitra

Pada halaman penentuan Mitra terdapat dua tabel. Tabel yang pertama (tabel

warna merah) adalah tabel untuk data kontrak berlangganan yang belum dikerjakan

atau belum ditentukan Mitra yang mengerjakan. Sedangkan untuk tabel yang kedua

(tabel warna biru) adalah tabel berisikan data kontrak berlangganan yang sudah

ditentukan Mitra pelaksananya. Untuk menentukan Mitra pelaksananya tekan tombol

“Pilih” yang ada pada tabel yang berwarna merah. Berikut tampilan untuk halaman

penentuan Mitra.

Gambar 4.7 Tampilan Halaman Penentuan Mitra

65

Gambar 4.8 Tampilan Halaman Penentuan Mitra setelah dipilih.

Pada gambar 4.8 terdapat ComboBox yang digunakan untuk menentukan

Mitra pelaksananya. Pada halaman tersebut juga terdapat Textfield untuk mengisikan

tanggal pelaksanaanya dan juga waktu pengerjaannya.

4.3.5 Halaman Manajemen Mitra

Pada halaman manajemen Mitra berisikan TextField untuk mengisi nama

Mitra, alamat Mitra, no telepon Mitra, email Mitra, tanggal bergabung Mitra dan

bidang kerja Mitra. Pada halaman ini juga terdapat button Simpan Data yang

berfungsi menyimpan data Mitra yang telah diisikan. Berikut adalah tampilan

Halaman Manajemen Mitra.

66

Gambar 4.9 Tampilan Halaman Manajemen Mitra

Untuk melakukan proses hapus data atau merubah data Mitra yang sudah

dimasukkan yang perlu dilakukan adalah memilih data yang akan di hapus atau

dirubah dengan cara menekan tombol “Pilih” yang terdapat pada tabel Mitra. Berikut

adalah tampilan untuk melakukan hapus atau ubah data Mitra.

Gambar 4.10 Tampilan Halaman Ubah dan Hapus Mitra

67

Pada Halaman tersebut terdapat dua buah tombol yang berbeda, yang pertama

yaitu tombol “Rubah” yang berfungsi untuk menyimpan perubahan yang terjadi pada

data Mitra, kemudian yang kedua yaitu tombol “Batal” yang berfungsi untuk

membatalkan penyimpanan data Mitra atau dengan kata lain menghapus data Mitra

yang telah dimasukkan sebelumnya.

4.3.6 Halaman Manajemen User

Pada halaman manajemen user berisikan TextField untuk mengisi nama user,

username dan password user, kemudian pilih hak akses yang diberikan kepada user

dan jika usernya adalah pekerja dari Mitra maka TextField Mitra perlu diisikan. Pada

halaman ini juga terdapat button Simpan Data yang berfungsi menyimpan data user

yang telah diisikan. Berikut adalah tampilan Halaman Manajemen User.

Gambar 4.11 Tampilan Halaman Manajemen User

68

Untuk melakukan proses hapus data atau merubah data user yang sudah

dimasukkan yang perlu dilakukan adalah memilih data yang akan di hapus atau

dirubah dengan cara menekan tombol “Pilih” yang terdapat pada tabel user. Berikut

adalah tampilan untuk melakukan hapus atau ubah data user.

Gambar 4.12 Tampilan Halaman Ubah dan Hapus User

Pada Halaman tersebut terdapat dua buah tombol yang berbeda, yang pertama

yaitu tombol “Rubah” yang berfungsi untuk menyimpan perubahan yang terjadi pada

data user, kemudian yang kedua yaitu tombol “Batal” yang berfungsi untuk

membatalkan penyimpanan data user atau dengan kata lain menghapus data user

yang telah dimasukkan sebelumnya.

4.3.7 Halaman Awal Sales

Halaman Awal Admin berisikan tentang data kontak pasang baru yang

meliputi id kontrak, nama pelanggan, alamat, no fastel, tanggal dibuatkannya kontrak

berlangganan dan juga status pekerjaan. Pada halaman awal Sales data kontrak

pasang baru yang tampil hanya data kontrak pasang baru yang diinputkan oleh Sales

terkait.

69

Gambar 4.13 Tampilan Halaman Awal Sales

Pada halaman awal Sales juga terdapat tombol “pilih”, tombol ini berfungsi

untuk melihat kemajuan proses pasang baru secara detail. Berikut tampilan detail

pasang baru.

Gambar 4.14 Tampilan Halaman Awal Detail Pasang Baru Sales

4.3.8 Halaman Manajemen Kontrak Berlangganan

Pada halaman manajemen kontrak berisikan ComboBox untuk memilih paket

layanan yang akan dipasang ke palanggan dan juga terdapat TextField untuk mengisi

70

Nama Pelanggan, No Identitas, Alamat Pelanggan, Kecamatan, Kelurahan, RT, RW,

dan juga Kode Pos. Pada halaman ini juga terdapat tombol Cek Ketersediaan

Jaringan untuk memeriksa ketersediaan jaringan di wilayah pelanggan dan juga

terdapat tombol Buat Kontrak Berlangganan. Untuk dapat menyimpan data kita harus

mengisikan TextField yang disediakan lalu memilih tombol Buat Kontrak

Berlangganan. Berikut adalah tampilan halaman Manajemen Kontrak Berlangganan.

Gambar 4.15 Tampilan Halaman Kontrak Berlangganan

71

Setelah membuat kontrak berlangganan, Sales dapat mencetak bukti kontrak

berlangganan yang nantinya akan diberikan ke pelanggan. Berikut adalah tampilan

untuk bukti kontrak berlangganan.

Gambar 4.16 Tampilan Cetak Bukti Kontrak Berlangganan

4.3.9 Halaman Awal Mitra

Halaman Awal Mitra berisikan tentang data kontak pasang baru yang meliputi

id kontrak, nama pelanggan, alamat, no fastel, tanggal dibuatkannya kontrak

berlangganan dan juga status pekerjaan. Pada halaman awal Mitra data kontrak

pasang baru yang tampil hanya data kontrak pasang baru yang telah ditugaskan oleh

72

Staff Data Center kepada Mitra yang bersangkutan. Berikut adalah tampilan halaman

awal Mitra.

Gambar 4.17 Tampilan Halaman Awal Mitra

4.3.10 Halaman Update Ketersediaan Jaringan

Pada halaman manajemen Update Ketersediaan Jaringan terdapat ComboBox

untuk memilih jaringan yang tersedia kemudian juga ada TextField Nama ODP,

Alamat, Blok, RT, RW, Kota, Kecamatan, Kelurahan, Kode Pos, Nama Cluster dan

Keterangan. Pada halaman ini juga terdapat button Simpan Data dan button pilih.

Untuk dapat menyimpan data kita harus mengisikan TextField yang disediakan lalu

memilih tombol simpan. Untuk mengubah data layanan yang harus dilakukan adalah

memilih data yang akan diubah. Berikut adalah tampilan halaman update

ketersediaan jaringan.

73

Gambar 4.18 Tampilan Halaman Update Ketersediaan Jaringan

Gambar 4.19 Tampilan Halaman Ubah Data Ketersediaan Jaringan

74

4.3.11 Halaman Update Status Pekerjaan

Pada halaman Update Status Pekerjaan terdapat dua tabel. Tabel yang pertama

(tabel warna merah) adalah tabel untuk data kontrak berlangganan yang belum

diselesaikan oleh Mitra pelaksana. Sedangkan untuk tabel yang kedua (tabel warna

biru) adalah tabel berisikan data kontrak berlangganan yang sudah diselesaikan oleh

Mitra Pelaksana. Pada halaman ini terdapat tombol “pilih”, fungsi dari tombol

tersebut adalah untuk memilih data pasang baru yang akan diubah status

pekerjaannya. Berikut adalah tampilan untuk halaman update status pekerjaan.

Gambar 4.20 Tampilan Halaman Update Status Pekerjaan

75

Gambar 4.21 Tampilan untuk Ubah Status Pekerjaan.

4.3.12 Halaman Laporan Pasang Baru

Pada Halaman Laporan Pasang Baru terdapat sebuah tabel yang berisikan data

mengenai proses pasang baru yang sedang berlangsung pada PT Telkom. Pada

halaman ini terdapat tombol “Detail” yang dapat digunakan untuk melihat secara

detail laporan pasang baru. Berikut adalah tampilan halaman Laporan Pasang Baru

beserta detail dari laporan tersebut.

Gambar 4.22 Tampilan Halaman Laporan Pasang Baru.

76

Gambar 4.23 Tampilan Detail Laporan Pasang Baru.

4.3.13 Halaman Laporan Kinerja Mitra

Pada Halaman Laporan Kinerja terdapat Combobox untuk menentukan

periode laporan kinerja Mitra dan juga terdapat sebuah tabel yang berisikan data

mengenai kinerja Mitra.

Gambar 4.24 Tampilan Halaman Laporan Kinerja Mitra.

77

Gambar 4.25 Tampilan Detail Kinerja Mitra

Gambar 4.26 Tampilan Cetak Detail Kinerja Mitra

78

4.4 Uji Coba Sistem

Proses uji coba dilakukan langsung oleh pengguna sistem berdasarkan test

case yang sudah ditentukan. Test case uji coba sistem yang dilakukan adalah sebagai

berikut :

4.4.1 Uji Coba Halaman Login

Proses uji coba halaman login dilakukan untuk memastikan fitur keamanan

sistem dan pembagian hak akses berjalan dengan baik. Hasil proses uji coba halaman

login adalah sebagai berikut:

Tabel 4.1 Hasil Uji Coba Halaman Login

No. Tujuan Input Output yang diharapkan Realisasi 1 Cek validasi login

sukses menggunakan username dan password yang benar sebagai Staff Data Center

Memasukan username = admin, password = admin

Dapat masuk ke halaman menu beranda sesuai dengan hak akses Staff Data Center.

Sukses (Gambar 4.27)

2. Cek validasi login gagal yang dikarenakan salah username

Memasukan username = admn1, password = admin

Keluar informasi data login salah

Sukses (Gambar 4.28)

3 Cek validasi login gagal yang dikarenakan salah password

Memasukan username = admin, password = admin1

Keluar informasi data login salah

Sukses (Gambar 4.28)

4 Cek validasi username atau password kosong

Tidak mengisi username atau password

Keluar informasi username atau password belum diisi

Sukses (Gambar 4.29)

Gambar 4.27 Tampilan Berhasil Login

79

Gambar 4.28 Tampilan Username atau Password Salah

Gambar 4.29 Tampilan Username atau Password Tidak Diisi

4.4.2 Uji Coba Halaman Manajemen Layanan

Uji coba halaman manajemen layanan dilakukan agar mengetahui fitur yang

ada di dalamnya berjalan sesuai dengan yang diharapkan. Hasil proses uji coba

halaman manajemen layanan adalah sebagai berikut:

80

Tabel 4.2 Uji Coba Master Manajemen Layanan

Tujuan Input Output Diharapkan Realisasi Menyimpan data layanan dengan benar.

Mengisi nama layanan, harga dan keterangan

Data layanan Tersimpan

Sukses. (Gambar 4.30 & Gambar 4.31)

Melakukan pengecekan dalam mengisi textbox yang kosong.

Tidak memasukkan nama layanan

Informasi inputan “nama layanan belum terisi”

Sukses. (Gambar 4.32)

Mengubah data layanan.

Memilih tombol pilih pada layanan yang akan diubah

Mengisi perubahan data layanan dan klik tombol rubah

Data layanan berubah

Sukses. (Gambar 4.33 dan gambar 4.34)

Menghapus data layanan.

Memilih tombol pilih pada layanan yang akan diubah

Memilih tombol batal

Data layanan terhapus

Sukses. (Gambar 4.33 dan gambar 4.35)

Gambar 4.30 Tambah data Layanan

81

Gambar 4.31 Pesan Berhasil Simpan Data Layanan.

Gambar 4.32 Pesan Silahkan Isi Nama Layanan.

Gambar 4.33 Ubah data Layanan

82

Gambar 4.34 Ubah data Layanan Berhasil

Gambar 4.35 Data Layanan terhapus

4.4.3 Uji Coba Halaman Pelaksana Kontrak

Uji coba halaman pelaksana kontrak dilakukan agar mengetahui fitur yang ada

di dalamnya berjalan sesuai dengan yang diharapkan. Hasil proses uji coba halaman

pelaksana kontrak adalah sebagai berikut:

Tabel 4.3 Uji Coba Halaman Pelaksana Kontrak

Tujuan Input Output Diharapkan Realisasi Menyimpan penentuan Mitra

Memilih nota dinas, memilih Mitra, memasukkan tanggal pelaksanaan dan lama pengerjaan klik tombol “Simpan”

Penentuan Mitra berhasil Tersimpan

Sukses. (Gambar 4.36 & Gambar 4.37 )

83

Gambar 4.36 Halaman Pelaksana Kontrak

Gambar 4.37 Penentuan Pelaksana Kontrak Berhasil

4.4.4 Uji Coba Halaman Master Mitra

Uji coba halaman master Mitra dilakukan agar mengetahui fitur yang ada di

dalamnya berjalan sesuai dengan yang diharapkan. Hasil proses uji coba halaman

master Mitra adalah sebagai berikut:

Tabel 4.4 Uji Coba Halaman Master Mitra

Tujuan Input Output Diharapkan Realisasi Menyimpan data Mitra dengan benar

Mengisi nama Mitra, alamat, telepon, email, tanggal bergabung, bidang kerja

Data Mitra berhasil Tersimpan

Sukses. (Gambar 4.38 & Gambar 4.39)

84

Mengubah data Mitra

Menekan tombol pilih untuk memilih Mitra

Merubah data Mitra dan menekan tombol rubah

Data Mitra berubah Sukses. (Gambar 4.40 & Gambar 4.41)

Menghapus data Mitra

Menekan tombol pilih untuk memilih Mitra

Memilih tombol batal

Data Mitra terhapus Sukses. (Gambar 4.40 & Gambar 4.42)

Gambar 4.38 Halaman Manajemen Mitra

Gambar 4.39 Berhasil Simpan Data Mitra

85

Gambar 4.40 Halaman Ubah dan Hapus Mitra

Gambar 4.41 Data Mitra Berhasil diubah

Gambar 4.42 Data Mitra Berhasil dihapus

86

4.4.5 Uji Coba Halaman Wilayah Jaringan

Uji coba halaman wilayah jaringan dilakukan agar mengetahui fitur yang ada

di dalamnya berjalan sesuai dengan yang diharapkan. Hasil proses uji coba halaman

wilayah jaringan adalah sebagai berikut:

Tabel 4.5 Uji Coba Halaman Wilayah Jaringan

Tujuan Input Output Diharapkan Realisasi Menyimpan data wilayah jaringan dengan benar

Mengisi seluruh Textfield pada aplikasi dan klik tombol “Simpan”

Data wilayah jaringan Tersimpan

Sukses. (Gambar 4.43 & Gambar 4.44)

Mengubah data wilayah jaringan

Menekan tombol “pilih” untuk memilih wilayah jaringan.

Merubah data wilayah jaringan

Data wilayah jaringan berubah

Sukses. (Gambar 4.45 & Gambar 4.46)

Gambar 4.43 Halaman wilayah Jaringan

87

Gambar 4.44 Berhasil Input Wilayah Jaringan

Gambar 4.45 Ubah Data Wilayah Jaringan

Gambar 4.46 Berhasil Ubah Data Wilayah Jaringan

4.4.6 Uji Coba Halaman Kontrak Berlangganan

Uji coba halaman kontrak berlangganan dilakukan agar mengetahui fitur yang

ada di dalamnya berjalan sesuai dengan yang diharapkan. Hasil proses uji coba

halaman kontrak berlangganan adalah sebagai berikut:

88

Tabel 4.6 Uji Coba Halaman Kontrak Berlangganan

Tujuan Input Output Diharapkan Realisasi Menyimpan data pasang baru dengan benar

Mengisi seluruh Textfield pada aplikasi dan klik tombol “Buat Kontrak Berlangganan”

Data Pasang Baru Tersimpan

Sukses. (Gambar 4.47 & Gambar 4.48)

Cek Ketersediaan Jaringan

Mengisi seluruh Textfield pada aplikasi dan menekan tombol Cek Ketersediaan Jaringan.

Menampilkan keterangan data wilayah jaringan tersedia

Sukses. (Gambar 4.47 & Gambar 4.49)

Gambar 4.47 Halaman Kontrak Berlangganan

Gambar 4.48 Berhasil Simpan Kontrak Berlangganan

89

Gambar 4.49 Wilayah Pelanggan Tersedia Jaringan

4.4.7 Uji Coba Halaman Update Pekerjaan Mitra

Uji coba halaman update pekerjaan Mitra dilakukan agar mengetahui fitur

yang ada di dalamnya berjalan sesuai dengan yang diharapkan. Hasil proses uji coba

halaman update pekerjaan Mitra adalah sebagai berikut:

Tabel 4.6 Uji Coba Halaman Update Pekerjaan Mitra

Tujuan Input Output Diharapkan Realisasi Merubah status pekerjaan

Memilih pekerjaan yang akan diubah, merubah status pekerjaan, menekan tombol Rubah

Status pekerjaan berubah

Sukses. (Gambar 4.50 & Gambar 4.51)

Gambar 4.50 Halaman Update Pekerjaan Mitra

90

Gambar 4.51 Status Pekerjaan Berhasil Diubah.