bab iv implementasi dan evaluasi 4.1. kebutuhan...

98

BAB IV

IMPLEMENTASI DAN EVALUASI

4.1. Kebutuhan Sistem

Sistem yang digunakan untuk pembuatan “Katalog Pemasaran Mobil Online

Berbasis Manajemen Hubungan Rekanan Pada Hermasari Motor” berbasis web.

Implementasi dapat dilakukan melalui server atau client dan membutuhkan

spesifikasi perangkat keras dan perangkat lunak minimum.

4.1.1 Kebutuhan Perangkat Keras Untuk Server

Untuk dapat digunakan dengan baik oleh pengguna, dibutuhkan spesifikasi

minimum perangkat keras untuk server sebagai berikut :

1. Processor Intel Core i3

2. RAM 4 Gigabytes

3. 320 Gigabytes Harddisk Drive

4. LAN/Wireless 10Mbps

5. Monitor 1280x800 pixel

4.1.2 Kebutuhan Perangkat Lunak Untuk Server

Untuk dapat digunakan dengan baik oleh pengguna, dibutuhkan spesifikasi

minimum perangkat lunak untuk server sebagai berikut :

1. Sistem Operasi: Windows XP

2. Web server: XAMPP

3. Database: MySql

99

4.1.3 Kebutuhan Perangkat Keras Untuk Client

Agar sistem yang telah dibangun dapat digunakan dengan baik oleh

pengguna, dibutuhkan beberapa spesifikasi minimum perangkat keras komputer.

Berikut ini adalah spesifikasi minimal perangkat keras yang harus dipenuhi oleh

pengguna:

1. Processor Intel Core i3

2. RAM 4 Gigabytes DDR3

3. 320 Gigabytes Harddisk Drive

4. LAN/Wireless

5. Monitor 1280x800 pixel

4.1.4 Kebutuhan Perangkat Lunak Untuk Client

Client juga membutuhkan perangkat lunak yang harus terpasang pada

komputer untuk menggunakan sistem dengan baik. Kebutuhan perangkat lunak

tersebut antara lain:

1. Sistem Operasi: Microsoft Windows/Linux

2. Browser: Mozilla Firefox/Google Chrome

4.2. Implementasi Sistem

Tahap ini merupakan implementasi dari sistem yang telah dibuat

sebelumnya.

4.2.1 Akun Hermasari

4.2.1.1. Interface Halaman Login

Halaman login merupakan halaman untuk mendapatkan hak akses lebih. Di

halaman login berisikan field username dan password.

100

Gambar 4. 1 Halaman Login

4.2.1.2. Interface Menu

Halaman menu merupakan pemisah hak akses berdasarkan jenis akun yang

login. Terdiri dari 3 jenis akun, yaitu: Hermasari Motor, Rekanan, dan Pelanggan.

Apabila yang login akun Hermasari Motor.

Gambar 4. 2 Menu Hermasari Motor

4.2.1.3. Interface Halaman Kelola Akun

Halaman kelola akun merupakan halaman untuk pengaktifan akun rekanan

maupun pelanggan. Didalam halaman kelola akun terdapat data akun, dan

pencarian akun.

Gambar 4. 3 Halaman Kelola Akun

101

Tombol “Edit” dipilih akan menampilkan form edit akun sesuai dengan user

yang dipilih.

Gambar 4. 4 Halaman Edit Akun

4.2.1.4. Interface Halaman Simpan Mobil

Halaman simpan mobil merupakan halaman untuk menyimpan data mobil.

Berisikan data no plat, merk, jenis, tahun, warna, transmisi, bahan bakar, silinder,

no rangka, no mesin, dan harga pokok.

102

Gambar 4. 5 Halaman Simpan Mobil

4.2.1.5. Interface Halaman Daftar Mobil

Halaman daftar mobil merupakan halaman untuk melihat semua mobil.

Didalam halaman daftar mobil terdapat merubah status, penambahan gambar,

penambahan biaya, aksesoris, dan merubah mobil.

103

Gambar 4. 6 Halaman Daftar Mobil

4.2.1.6. Interface Halaman Edit Mobil

Halaman edit mobil merupakan halaman untuk mengubah data mobil

apabila ada kesalahan, data yang tampil sesuai dengan mobil yang dipilih.

104

Gambar 4. 7 Halaman Edit Mobil

105

4.2.1.7. Interface Halaman Tambah Gambar

Halaman tambah gambar merupakan halaman untuk menambahkan gambar

dan menghapus gambar.

Gambar 4. 8 Halaman Tambah Gambar

4.2.1.8. Interface Halaman Tambah Biaya

Halaman tambah biaya merupakan halaman untuk menambahkan biaya,

menghapus biaya yang dihitung sehingga menjadi harga minimum, dan

menentukan harga jual mobil.

Gambar 4. 9 Halaman Tambah Biaya

106

4.2.1.9. Interface Halaman Tambah Aksesoris

Halaman tambah biaya merupakan halaman untuk menambahkan aksesoris,

menghapus aksesoris suatu mobil.

Gambar 4. 10 Halaman Tambah Aksesoris

4.2.1.10. Interface Halaman Utama

Halaman awal merupakan halaman pertama ketika mengakses website

Hermasari Motor. Di halaman awal berisikan menu, komunikasi, daftar mobil dan

pencarian mobil.

Gambar 4. 11 Halaman Utama

107

4.2.1.11. Interface Detail Mobil

Halaman detail mobil merupakan halaman untuk melihat mobil lebih detail

setelah memilih mobil pada katalog.

Gambar 4. 12 Halaman Detail Mobil

108

4.2.1.12. Interface Halaman Transaksi

Halaman transaksi merupakan halaman untuk melakukan transaksi

penjualan, pembelian dan tukar tambah.

Gambar 4. 13 Halaman Transaksi

4.2.1.13. Interface Nota

Nota merupakan paper yang berisikan berdasarkan transaksi yang

diinputkan sebelumnya. Nota dicetak sebanyak 2, satu untuk Hermasari Motor,

dan satu untuk Pelanggan.

Gambar 4. 14 Nota

109

4.2.1.14. Interface Laporan Hutang ke Rekanan

Laporan Hutang ke Rekanan merupakan laporan hutang yang dimiliki

Hermasari Motor dengan Rekanan.

Gambar 4. 15 Laporan Hutang ke Rekanan

Gambar 4. 16 Laporan Detail Hutang

110

4.2.1.15. Interface Laporan Transaksi

Laporan transaksi merupakan laporan transaksi yang dilakukan Hermasari

Motor.

Gambar 4. 17 Laporan Transaksi

4.2.1.16. Interface Laporan Keuntungan Mobil

Laporan keuntungan mobil merupakan laporan keuntungan yang didapat

setiap mobil.

Gambar 4. 18 Laporan Keuntungan Mobil

111

4.2.1.17. Interface Laporan Mobil Terlaris

Laporan mobil terlaris merupakan laporan untuk mengetahui jenis mobil apa

yang paling laris yang pernah dijual.

Gambar 4. 19 Laporan Mobil Terlaris

4.2.1.18. Interface Halaman Chat

Halaman chat merupakan halaman untuk berkomunikasi dari rekanan

dengan Hermasari Motor atau pelanggan dengan Hermasari Motor.

112

Gambar 4. 20 Halaman Pesan

4.2.2 Akun Rekanan

4.2.2.1. Interface Halaman Daftar Akun

Halaman daftar akun merupakan halaman untuk mendaftarkan akun

rekanan atau pelanggan. Di halaman daftar akun berisikan form akun dan biodata.

Gambar 4. 21 Halaman Daftar Akun

113



halaman log in berisikan field username dan password.

Gambar 4. 22 Halaman Log In




Gambar 4. 23 Menu Rekanan

4.2.2.4. Interface Halaman Daftarkan Mobil

Halaman daftarkan mobil merupakan halaman untuk menyimpan data

mobil. Berisikan data no plat, merk, jenis, tahun, warna, transmisi, bahan bakar,

silinder, no rangka, no mesin, dan harga pokok.

114

Gambar 4. 24 Halaman Daftarkan Mobil

4.2.2.5. Interface Halaman Daftar Mobil

Halaman daftar mobil merupakan halaman untuk melihat semua mobil.

Didalam halaman daftar mobil terdapat penambahan gambar, penambahan

aksesoris, dan merubah mobil.

115

Gambar 4. 25 Halaman Daftar Mobil

4.2.2.6. Interface Halaman Tambah Gambar

Halaman tambah gambar merupakan halaman untuk menambahkan gambar

dan menghapus gambar.

Gambar 4. 26 Halaman Tambah Gambar

116

4.2.2.7. Interface Halaman Tambah Aksesoris

Halaman tambah biaya merupakan halaman untuk menambahkan aksesoris,

menghapus aksesoris suatu mobil.

Gambar 4. 27 Halaman Tambah Aksesoris


Halaman kelola akun merupakan halaman untuk mengubah data akun

apabila ada perubahan.

117





pencarian mobil.

118





119


120





4.2.3 Akun Pelanggan

4.2.3.1. Interface Halaman Daftar Akun

Halaman daftar akun merupakan halaman untuk mendaftarkan akun

rekanan atau pelanggan. Di halaman daftar akun berisikan form akun dan biodata.

Gambar 4. 32 Halaman Daftar Akun

121



halaman log in berisikan field username dan password.

Gambar 4. 33 Halaman Log In




Gambar 4. 34 Menu Pelanggan

122


Halaman kelola akun merupakan halaman untuk mengubah data akun

apabila ada perubahan.


123




pencarian mobil.


124





125





4.3. Evaluasi Sistem

Evaluasi sistem adalah memeriksa semua fungsi dengan menguji coba

menggunakan Black Box Testing sistem informasi katalog pemasaran mobil

online berbasis manajemen hubungan rekanan sudah berjalan sesuai yang

diharapkan.

4.3.1. Uji Coba Halaman Utama

Uji coba halaman utama untuk mengetahui apakah semua fungsi di halaman

utama berjalan sesuai harapan.

126

Tabel 4. 1 Uji Coba Halaman Utama

Test

case

Tujuan Input Output

Diharapkan

Status

1 Memastikan

halaman utama

atau index

adalah katalog.

- Membuka

halaman index

- Menampilkan

halaman

katalog.

Sukses

2 Memastikan

semua field

berfungsi untuk

pencarian.

- Merk, Jenis,

Tahun,

Transmisi dan

Bahan Bakar

- Katalog hanya

menampilakn

mobil yang

sama dengan

inputan

pencarian.

Sukses

Test case 1 menunjukan halaman utama adalah halaman katalog dan

pencarian.

Gambar 4. 39 Hasil Test case 1

Test case 2 menunjukan inputan pencarian sesuai dengan tampilan mobil

pada katalog.


127

4.3.2. Uji Coba Halaman Daftar Akun

Uji coba halaman daftar akun untuk mengetahui apakah semua fungsi di

halaman daftar akun berjalan sesuai harapan.

Tabel 4. 2 Uji Coba Halaman Daftar Akun

Test

case

Tujuan Input Output

Diharapkan

Status

3 Memastikan

form yang

ditampilkan

sesuai dengan

menu daftar

akun

(rekanan /

pelanggan)

Menu daftar akun

(rekanan/

pelanggan)

Form akun daftar

akun (rekanan /

pelanggan)

Sukses

4 Memastikan

data daftar

akun disimpan

sesuai dengan

jenis akun

yang

didaftarkan.

- Mengisi form

daftar akun

- Menekan

tombol

simpan

- Data daftar

akun

tersimpan

sesuia dengan

jenis akun.

Status

Test case 3 menunjukan form yang ditampilkan sesuai dengan jenis akun

yang didaftarkan.


128

Test case 4 menunjukan akun yang didaftarkan tersimpan dan sesuai

dengan jenis akun yang didaftarkan.


4.3.3. Uji Coba Halaman Login

Uji coba halaman login untuk mengetahui apakah semua fungsi di halaman

login berjalan sesuai harapan.

Tabel 4. 3 Uji Coba Halaman Login

Test

case

Tujuan Input Output Diharapkan Status

5 Memastikan

field

password

tidak terlihat

secara

langsung.

- Input

password.

- Hasil input password

akan tampil (*) tiap

huruf.

Sukses

6 Memastikan

kecocokan

username,

password,

dan jenis

akun.

- Input

username,

dan

password.

- Menampilkan

halaman menu sesuai

dengan jenis akun

- Menampilkan alert

apabila username dan

password tidak cocok.

Sukses

129

Test case 5 menunjukan inputan password tidak terlihat secara jelas atau

terhilat sebagai karakter khusus.


Test case 6 pada gambar 4.44. menunjukan menu sebagai akun yang

belum login.

Gambar 4. 44 Hasil Test case 6(Belum Log In)

Test case 6 pada gambar 4.45. menunjukan menu sebagai akun Hermasari

Motor setelah login sebagai Hermasari Motor.

Gambar 4. 45 Hasil Test case 6(Log In Hermasari Motor)

130

Test case 6 pada gambar 4.46. menunjukan menu sebagai akun rekanan

setelah login sebagai rekanan.

Gambar 4. 46 Hasil Test case 6(Log In Rekanan)

Test case 6 pada gambar 4.47. menunjukan menu sebagai akun pelanggan

setelah login sebagai pelanggan.

Gambar 4. 47 Hasil Test case 6(Log In Pelanggan)

131

4.3.4. Uji Coba Halaman Kelola Akun

Uji coba halaman kelola akun untuk mengetahui apakah semua fungsi di

halaman kelola akun berjalan sesuai harapan.

Tabel 4. 4 Uji Coba Halaman Kelola Akun.

Test

case

Tujuan Input Output

Diharapkan

Status

7 Mengubah

status yang

belum aktif

menjadi aktif

maupun

sebaliknya.

- Menekan

tombol di

status sesuai

user yang

ingin

diaktifkan

- Simbol

“silang”

menjadi

simbol

“contreng”

maupun

sebaliknya.

Sukses

8 Menampilkan

form

perubahan

informasi

akun

- Menekan

tombol edit

sesuai user

yang ingin

dirubah.

- Menampilkan

form dengan

yang berisi

informasi user.

Sukses

9 Merubah

informasi

akun.

- Mengisi

perubahan

pada form

akun.

- Menekan

tombol

simpan.

- Informasi

akun berubah

sesuai dengan

informasi yang

baru

Sukses

Test case 7 menunjukan perubahan status pada rekanan dan pelanggan

berhasil dirubah.

132


Test case 8 menunjukan form perubahan sesuai dengan informasi akun

sebelumnya. Test case 9 menunjukan perubahan akun berhasil dirubah.

Gambar 4. 49 Hasil Test case 8 dan 9

4.3.5. Uji Coba Halaman Daftarkan Mobil

Desain uji coba halaman daftarkan mobil untuk mengetahui apakah semua

fungsi di halaman daftarkan mobil berjalan sesuai harapan.

Tabel 4. 5 Desain Uji Coba Daftarkan Mobil

Test

case


10 Menyimpan data

mobil.

- Informasi

mobil

- Data mobil

tersimpan

Sukses

133

Test

case


11 Menampilkan

data mobil.

- Memilih

menu daftar

mobil.

- Menampilkan

data mobil.

Sukses

12 Menampilkan

dan menyimpan

data gambar

mobil.

- Informasi

gambar

mobil

- Informasi

gambar mobil

tersimpan dan

tampil pada

tabel.

Sukses

13 Menampilkan

dan menyimpan

data aksesoris

mobil.

- Informasi

aksesoris

mobil

- Informasi

aksesoris mobil

tersimpan dan

tampil pada

tabel.

Sukses

14 Menampilkan

dan menyimpan

data biaya

tambahan mobil.

- Informasi

biaya

tambahan

mobil

- Informasi biaya

tambahan mobil

tersimpan dan

tampil pada

tabel.

- Menampilkan

informasi total

biaya tambahan

dan informasi

harga minimum

jual mobil.

Sukses

Test case 10 menunjukan penyimpanan data mobil berhasil tersimpan

sesuai dengan informasi yang diisi.


134

Test case 11 menunjukan menu daftar mobil adalah menampilkan daftar

mobil yang dimiliki Hermasari Motor dan Rekanan.


Test case 12 menunjukan penambahan gambar mobil tersimpan dan

gambar bisa ditentukan untuk tampil pada katalog.


135

Test case 13 menunjukan penambahan aksesoris pada mobil berhasil

disimpan dan data aksesoris bisa dilihat.


Test case 14 menunjukan penambahan biaya berhasil disimpan untuk

menjadi perhitungan harga minimum jual mobil dan harga jual mobil bisa di

tentukan dan ditampilkan pada katalog.


136

4.3.6. Uji Coba Halaman Pesan

Uji coba halaman chat untuk mengetahui apakah semua fungsi di halaman

pesan berjalan sesuai harapan.

Tabel 4. 6 Desain Uji Coba Halaman Pesan

Test

case


15 Menampilkan

akun yang

pernah

melakukan

chat.

- Memilih

menu chat.

- Menampilkan

nama aku, isi

chat, dan

tanggal terakhir

chat.

Sukses

16 Menampilkan

detail chat.

- Memilih

akun chat.

- Menampilkan

histori chat

yang pernah

dilakukan.

Sukses

17 Mengirim chat. - Tujuan akun

chat, isi chat.

- Tampil isi chat

ke akun yang

dikirim chat.

Sukses

Test case 15 menunjukan histori siapa saja yang pernah melakukan chat.

Test case 16 menunjukan detail chat berhasil ditampilkan. Test case 17 berhasil

mengirim isi chat.

Gambar 4. 55 Hasil Test case 15, 16 dan 17

137

4.3.7. Uji Coba Halaman Detail Mobil

Uji coba halaman detail mobil untuk mengetahui apakah semua fungsi di

halaman detail mobil berjalan sesuai harapan.

Tabel 4. 7 Uji Coba Halaman Detail Mobil

Test

case


18 Menampilkan

detail mobil.

- Memilih

mobil pada

katalog.

- Menampilkan

detail

mobil(mobil,

gambar, dan

aksesoris)

Sukses

19 Mengirim

informasi

minta mobil

disiapkan

pada tanggal

yang

ditentukan.

- Mengisi

tanggal

mobil

disiapkan

dan menekan

tombol

pesan.

- Informasi

tampil pada

Hermasari

Motor tentang

mobil yang

ingin disiapkan

pada tanggal

yang

ditentukan.

Sukses

Test case 18 menunjukan detail mobil seperti mobil, gambar dan aksesoris

berhasil ditampilkan.


138

Test case 19 menunjukan informasi notifikasi berhasil ditampilkan saat

mobil yang diinginkan pelanggan minta disediakan pada tanggal yang sudah

ditentukan.


4.3.8. Uji Coba Halaman Transaksi

Uji coba halaman transaksi untuk mengetahui apakah semua fungsi di

halaman transaksi berjalan sesuai harapan.

Tabel 4. 8 Uji Coba Transaksi

Test

case

Tujuan Input Output

Diharapkan

Status

20 Menampilkan

form transaksi

(jual, beli atau

tukar-tambah)

sesuai menu

yang dipilih.

- Memilih menu

transaksi(jual,

beli, atau tukar

tambah)

- Menampilkan

form transaksi

(jual, beli atau

tukar-tambah)

sesuai menu

yang dipilih.

Sukses

21 Menyimpan

data transaksi

dan

menampilkan

nota untuk

dicetak.

- Mengisi

informasi

transaksi.

- Menampilkan

nota untuk

dicetak.

Sukses

139

Test

case

Tujuan Input Output

Diharapkan

Status

22 Menambahkan

data mobil

untuk

pembelian

mobil.

- Menekan

tombol

tambahkan

mobil.

- Data transaksi

tersimpan

pada database

dan nota

dicetak.

Sukses

Test case 20 menunjukan form transaksi tampil sesuai dengan menu

transaksi yang dipilih seperti penjualan,pembelian dan tukar tambah.

140


Test case 21 menunjukan nota berhasil ditampilkan sesuai dengan data

yang diisi.


141

Test case 22 menunjukan menampilkan menu penyimpanan mobil apabila

tombol tambahkan mobil dipilih.


142

4.3.9. Uji Coba Halaman Laporan Hutang ke Rekanan

Uji coba halaman laporan hutang ke rekanan untuk mengetahui apakah

semua fungsi di halaman laporan hutang ke rekanan berjalan sesuai harapan.

Tabel 4. 9 Uji Coba Laporan Hutang ke Rekanan

Test

case

Tujuan Input Output

Diharapkan

Status

23 Menampilkan

informasi

hutang yang

dimiliki

Hermasari

Motor

terhadap

rekanan.

- Memilih

menu

laporan

hutang ke

rekanan.

- Informasi

hutang yang

dimiliki

Hermasari

Motor

terhadap

rekanan.

Sukses

24 Menampilkan

informasi

detail hutang

berdasarkan

rekanan.

- Menekan

tombol detail

hutang sesuai

rekanan.

- Menampilkan

informasi

detail hutang

berdasarkan

rekanan.

Sukses

25 Menyimpan

pembayaran

hutang.

- Informasi

uang yang

dibayarkan.

- Hutang akan

dikurangi

sesuai dengan

yang

dibayarkan.

Sukses

Test case 23 menampilkan informasi hutang yang dimiliki Hermasari

Motor terhadap rekanan.


143

Test case 24 menunjukan tampilan informasi detail hutang berdasarkan

rekanan.


Test case 25 menunjukan penyimpanan pembayaran hutang berhasil

disimpan setelah melakukan pembayaran.


144

4.3.10. Uji Coba Halaman Laporan Transaksi

Uji coba halaman laporan transaksi untuk mengetahui apakah semua fungsi

di halaman laporan transaksi berjalan sesuai harapan.

Tabel 4. 10 Uji Coba Laporan Transaksi

Test

case

Tujuan Input Output

Diharapkan

Status

26 Menampilkan

informasi

transaksi.

- Memilih menu

laporan

transaksi.

- Menampilkan

informasi

transaksi.

Sukses

Test case 26 menunjukan tampilan laporan semua transaksi yang pernah

dilakukan Hermasari Motor.


145

4.3.11. Uji Coba Halaman Laporan Keuntungan Mobil

Uji coba halaman laporan keuntungan mobil untuk mengetahui apakah

semua fungsi di halaman laporan keuntungan mobil berjalan sesuai harapan.

Tabel 4. 11 Uji Coba Laporan Keuntungan Mobil

Test

case

Tujuan Input Output

Diharapkan

Status

27 Menampilkan

keuntungan

setiap mobil

yang terjual.

- Memilih menu

laporan

keuntungan

mobil.

- Menampilkan

informasi

keuntungan

setiap mobil

yang terjual.

Sukses

Test case 27 menunjukan tampilan laporan keuntungan setiap mobil yang

telah terjual.


4.3.12. Uji Coba Halaman Laporan Mobil Terlaris

Uji coba halaman laporan mobil terlaris untuk mengetahui apakah semua

fungsi di halaman mobil terlaris berjalan sesuai harapan.

146

Tabel 4. 12 Uji Coba Halaman Laporan Mobil Terlaris

Test

case


28 Menampilkan

dalam bentuk

grafik jumlah

mobil terjual.

- Memilih

menu

laporan

mobil terlaris

- Menampilkan

grafik jumlah

mobil terjual.

Sukses

Test case 28 menunjukan tampilan laporan terlaris dalam bentuk grafik

jumlah mobil terjual.


bab iv implementasi dan evaluasi 4.1. kebutuhan...

Documents