15
63 BAB IV UJI COBA DAN HASIL A. Flowchart Program 1. Flowchart Aplikasi Halaman Web Hasil perancangan sistem informasi penjualan berbasis web pada toko “PTMW” Group ini dituangkan dalam sebuah flowchart aplikasi. Di flowchart aplikasi ini menampilkan secara garis besar cara kerja halaman web yang telah dibuat. Flowchart 4.1 Aplikasi Halaman Web

10 BAB IV Uji Coba dan Hasil

Embed Size (px)

Citation preview

Page 1: 10 BAB IV Uji Coba dan Hasil

63

BAB IV

UJI COBA DAN HASIL

A. Flowchart Program

1. Flowchart Aplikasi Halaman Web

Hasil perancangan sistem informasi penjualan berbasis web pada

toko “PTMW” Group ini dituangkan dalam sebuah flowchart aplikasi. Di

flowchart aplikasi ini menampilkan secara garis besar cara kerja halaman

web yang telah dibuat.

Flowchart 4.1 Aplikasi Halaman Web

Page 2: 10 BAB IV Uji Coba dan Hasil

64

2. Flowchart Halaman Produk

Halaman produk aktif jika user mengklik halaman produk.

Kemudian user dapat memesan produk yang dipilih, jika user belum

melakukan login maka user akan dialihkan kehalaman registrasi, tetapi

jika user sudah login maka pemesanan akan terkirim. Berikut Flowchart

halaman produk :

Mulai

Pesan & Kirim

Selesai

Cek Login

Produk?

Ya

Tidak

Pesan Produk?

Pesan Terkirim

Maaf Anda

Belum Login

Halaman

Utama

Ya

Tidak

Tampil

Halaman Produk

Tampil Halaman

Registrasi

Flowchart 4.2 Halaman Produk

Page 3: 10 BAB IV Uji Coba dan Hasil

65

3. Flowchart Halaman Harga Produk

Halaman Harga Produk aktif jika halaman utama aktif, saat user

mengklik halaman Harga, maka akan diproses dan akan menampilkan

halaman harga produk. Berikut Flowchart halaman harga produk :

Flowchart 4.3 Halaman Harga Produk

4. Flowchart Halaman Toko Offline

Halaman Toko Offline aktif jika halaman utama aktif, saat user

mengklik halaman Toko Offline, maka akan diproses dan akan

menampilkan halaman toko offline. Berikut Flowchart halaman toko

offline :

Page 4: 10 BAB IV Uji Coba dan Hasil

66

Flowchart 4.4 Halaman Toko Offline

5. Flowchart Halaman Kontak

Halaman Kontak aktif jika halaman utama aktif, saat user

mengklik halaman kontak, maka akan diproses dan akan menampilkan

halaman kontak. Berikut Flowchart halaman Kontak :

Page 5: 10 BAB IV Uji Coba dan Hasil

67

Flowchart 4.5 Halaman Kontak

B. Pengujian Alat

Pengujian merupakan salah satu langkah penting yang harus

dilakukan untuk mengetahui apakah sistem yang dibuat telah sesuai apa yang

direncanakan ataukah tidak. Selain itu pengujian dilakukan untuk mengetahui

kelebihan dan kekurangan dari sistem yang dibuat.

Metode yang dilakukan dalam pengujian ini untuk melihat apakah

metode yang ada dalam masing-masing halaman tersebut bisa digunakan

ataukah tidak. Pada pengujian ini juga diperlihatkan contoh melakukan

transaksi penjualan menggunakan sistem “Order by E-mail”. Artinya dalam

melakukan pemesanan barang, pelanggan harus mengisi form pemesanan

yang telah disediakan oleh penulis kemudian mengklik tombol Add to cart

Page 6: 10 BAB IV Uji Coba dan Hasil

68

maka data pemesanan yang telah diisi oleh pelanggan akan muncul di e-mail

penulis. Setelah form pemesanan terkirim maka selanjutnya dilakukan

transaksi dan pengiriman barang.

Uji coba pemesanan produk dalam sistem informasi penjualan

berbasis web pada toko “PTMW” Group ini dilakukan menggunakan media

e-mail sebagai tambahan untuk mempermudah sistem pemesanan “Order by

E-mail”. Berikut tahap-tahap melakukan pemesanan produk pada toko

“PTMW” Group :

1. Buka browser lalu ketikkan alamat URL, http://ptmwgroup.url.ph/

2. Klik menu Produk, kemudian Pilih Kategori (Fungisida, Nutrisi,

Perekat), lalu pilih produk sesuai yang diinginkan.

3. Maka akan muncul halaman diskripsi produk, harga produk, serta Add

To Cart

Gambar 4.1 Halaman Description Produk

4. Pilih jumlah produk sesuai yang diinginkan kemudian klik Add to Cart

Page 7: 10 BAB IV Uji Coba dan Hasil

69

5. Kemudian akan mucul kotak dialog yang berisi barang yang dipesan

serta dua pilihan, yaitu Continue Shopping (Untuk meneruskan belanja,

terhadap produk lain yang disediakan) dan Show Cart (Untuk melihat

produk apa saja yang dipesan). Maka kita pilih Show Cart untuk

melakukan transaksi.

Gambar 4.2 Kotak Dialog Add to cart

6. Kita login terlebih dahulu sebelum melakukan transaksi. Jika belum

mempunyai akun maka pilih “Create an acount” dan ikuti cara

pendaftaran akun.

Gambar 4.3 Halaman Login

7. Setelah itu klik tombol “Add/Edit Shipment Address” untuk mengisi

alamat user yang akan dikirim produk setelah itu klik Save

Page 8: 10 BAB IV Uji Coba dan Hasil

70

Gambar 4.4 Form Shipment Address

8. Kemudian user bisa melihat produk yang dipesan, menambah/menghapus

produk yang dipesan, dapat melihat total harga produk yang dipesan, dan

melihat status pengiriman barang, dan sebagainya.

9. Sebelum melakukan pemesanan maka terlebih dahulu melihat “Terms of

Service” dengan mengklik link “Click here to read terms of service

and check the box to accept them”. Maka akan muncul kotak dialog :

Gambar 4.5 Kotak Dialog Terms of Service

10. Jika user sudah yakin untuk melakukan pemesanan produk maka langkah

selanjutnya adalah klik Check Out Now. Maka produk yang dipesan

terkirim ke email pemilik website.

Page 9: 10 BAB IV Uji Coba dan Hasil

71

C. Hasil Penelitian

Dari penelitian yang dilakukan, didapatkan sebuah program berbasis

website yang dirancang khusus untuk mengolah data dan penyampaian

informasi penjualan yang ada pada toko “PTMW” Group kepada masyarakat

umum. Program tersebut terdiri dari beberapa file pendukung yang saling

berhubungan dalam sebuah project program berbasis website, file pendukung

program tersebut yaitu :

1. Halaman Utama (Homepage)

Merupakan halaman utama (tampilan utama) dari sebuah website.

Di halaman ini menggambarkan sekilas tentang toko “PTMW” Group.

Yang berisi deskripsi, visi dan misi serta mengenai data-data toko

“PTMW” Group. Pada halaman utama ini terdapat juga menu-menu

halaman, yaitu halaman produk, harga produk, kontak, halaman toko

offline.

Gambar 4.6 Screenshot Halaman Utama

Page 10: 10 BAB IV Uji Coba dan Hasil

72

2. Halaman Produk

Halaman produk ini berisi informasi kategori produk, produk

beserta harganya yang dijual oleh toko “PTMW” Group khusunya

produk dari produksi CV Sarana Mulia.

Gambar 4.7 Screenshot Halaman Produk

Page 11: 10 BAB IV Uji Coba dan Hasil

73

3. Halaman Harga Produk

Halaman ini menampilkan daftar harga produk-produk yang

dijual oleh toko “PTMW” Group khususnya produk dari produksi CV

Sarana Mulia sehingga memudahkan pembeli melihat daftar harga

produk yang dijual oleh toko “PTMW” Group. Daftar harga produk ini

belum termasuk ongkos kirim.

Gambar 4.8 Screenshoot Halaman Harga Produk

4. Halaman Toko Offline

Halaman ini berfungsi untuk menampilkan alamat toko “PTMW”

Group dan agennya yang berada di daerah tertentu. Dilengkapi dengan

Nama Toko, Alamat Toko beserta Nomor HP Toko.

Page 12: 10 BAB IV Uji Coba dan Hasil

74

Gambar 4.9 Screenshot Halaman Toko Offline

5. Halaman Kontak

Halaman ini digunakan untuk memudahkan pengunjung saat

ingin menyampaikan pendapat, kritik, pesan singkat, ide, dan lainnya

kepada admin dan juga berfungsi sebagai upaya untuk meningkatkan

kualitas dan kinerja dari pada website tersebut.

Gambar 4.10.1 Screenshot Halaman Kontak

Page 13: 10 BAB IV Uji Coba dan Hasil

75

Gambar 4.10.2 Screenshot Halaman Kontak

D. Analisa

Berdasarkan hasil implementasi dan pengujian sistem yang dilakukan

oleh toko “PTMW” Group, ternyata dengan menggunakan sistem ini

pengolahan data penjualan produk pertanian dapat dilakukan lebih cepat dan

tepat dibandingkan dengan menggunakan sistem yang lama. Dan pelanggan

tidak harus datang ke tempat penjualan tersebut, sehingga menghemat waktu,

biaya dan tenaga pelanggan. Berikut adalah flowchart sistem lama yang

sedang berjalan di toko “PTMW” Group dengan metode konvensional dan

flowchart sistem baru yang menggunakan metode sistem informasi penjualan

berbasis web pada toko “PTMW” Group atau lebih dikenal dengan toko

online.

Page 14: 10 BAB IV Uji Coba dan Hasil

76

Flowchart 4.6 Sistem Lama

Flowchart 4.7 Sistem Baru

Page 15: 10 BAB IV Uji Coba dan Hasil

77

Di dalam tugas akhir ini juga menampilkan bentuk-bentuk tampilan

program yang digunakan dalam sistem ini, pembahasan mengenai sistem

informasi penjualan, perancangan dan pembuatan sistem informasi penjulan

berbasis web. Serta menampilkan tampilan halaman-halaman web yang ada

pada http://ptmwgroup.url.ph/. Metode penulisan meliputi alur sistem, sarana

perancangan program (hardware dan software), dan perencanaan rancangan

sistem informasi penjualan berbasis web pada toko “PTMW” Group. Uji coba

transaksi penjualan atau pemesanan barang dengan sistem “Order by E-mail”