Institutional Repository | Satya Wacana Christian University: Perancangan dan Pembuatan Website E-Commerce pada Konveksi “Fausta Gallery” T0 562011011 BAB IV

(1)

39

Bab IV

HASIL DAN ANALISIS

4.1 Hasil Karya / Implementasi

Desain dan perancangan yang telah dibuat kemudian di

realisasikan ke dalam pembuatan website e-commerce. Berikut adalah tampilan dari hasil desain dan perancangan

website.

4.1.1 Halaman utama

Halaman ini merupakan halaman yang pertama kali

diakses oleh pembeli. Halaman ini berisi informasi

beberapa produk yang dijual Konveksi “Fausta

Gallery”. Pada halaman utama ini/index.php pengunjung website hanya dapat melihat produk dengan

detail masing-masing. Apabila pengunjung website

ingin membeli produk Konveksi “Fausta Gallery” harus

mendaftar sebagai member terlebih dahulu. Jika sudah

mendaftar sebagai member, maka pengunjung baru bisa

membeli produk-produk yang ada pada Konveksi

“Fausta Gallery. Gambar tampilan dapat dilihat pada

(2)

40

Gambar 4.1 Halaman utama

4.1.2 Halaman registrasi member

Untuk dapat membeli barang yang ada pada website

(3)

41

terlebih dahulu melalui halaman registrasi member.

Data member yang tersimpan digunakan sebagai data

untuk login masuk ke halaman member website Fausta

Gallery sebagai informasi acuan bagi administrator

tentang pemesanan produk yang dilakukam member,

halaman ini ditunjukkan pada Gambar 4.2.

Kode Program 1. Kode Program untuk input member

<?php

include("koneksi/koneksi.php");

$F = $_POST['FirstName']; $L = $_POST['LastName']; $U = $_POST['UserName']; $P = $_POST['Password'];

$jeniskelamin = $_POST['jeniskelamin'];

$alamat = $_POST['alamat']; $email = $_POST['email']; $phone = $_POST['phone'];

//simpan data ke database

$query = mysql_query("insert into members values('', '$U', '$P', '$F', '$L', '$jeniskelamin', '$alamat', '$email', '$phone')") or die(mysql_error());

if ($query) {

header('location:loginmember.php?message=success'); }

(4)

42

Gambar 4.2 Halaman registri member

4.1.3 Halaman Login Member

Halaman login member adalah halaman yang harus

diakses setelah pembeli melakukan registrasi member,

setelah itu pembeli bisa mengakses halaman produk

dan bisa membeli produk. Halaman ditunjukkan pada

gambar 4.3.

Kode Program 2. Kode Program untuk Login member

(5)

43

<font size="5" color="#6699ff">Username:</font><br> <input type="text" name="UserName"/></br></center> <center>

<font size=5"" color="#6699ff">Password:</font><br> <input type="password" name="Password"/></center></br> <center><input type="submit" name="submit"

value="Login"/></center><br> <p align="right"><a

href="admin/admin.php">Admin?</p></a></p>

</td> </tr>

</table>

Kode Program 3. Kode Program untuk error message pada login

member

<?php

//kode php ini kita gunakan untuk menampilkan pesan eror

if (!empty($_GET['error'])) { if ($_GET['error'] == 1) {

echo "<script>window.alert('Username dan password belum diisi!!!');

window.location=('loginmember.php')</script>"; } else if ($_GET['error'] == 2) {

echo "<script>window.alert('Username belum diisi!!!');

window.location=('loginmember.php')</script>"; } else if ($_GET['error'] == 3) {

echo "<script>window.alert('Password belum diisi!!!');

Kode Program 4. Kode Program untuk login

<?php

(6)

44

$UserName = $_POST['UserName']; $Password = $_POST['Password'];

$UserName = mysql_real_escape_string($UserName); $password = mysql_real_escape_string($Password);

if (empty($UserName) && empty($Password)) { header('location:loginmember.php?error=1'); break;

} else if (empty($UserName)) {

header('location:loginmember.php?error=2'); break;

} else if (empty($Password)) {

header('location:loginmember.php?error=3'); break;

}

if (isset($_POST['submit'])) { $UserName=$_POST['UserName']; $Password=$_POST['Password'];

$result=mysql_query("select * from members where UserName='$UserName' and Password='$Password'")or die (mysql_error());

(7)

45

Gambar. 4.3 Halaman Login Member

4.1.4 Halaman tampilan produk

Pada halaman tampilan produk, pembeli dapat melihat

produk-produk yang ditampilkan. Apabila pembeli akan

melihat lebih detail bisa klik detail, dan apabila pembeli

akan membeli produk bisa klik beli. Haman ditunjukkan

(8)

46

Gambar 4.4 Halaman tampilan produk

4.1.5 Halaman detail produk

Halaman ini menampilkan detail atau deskripsi produk

yang dipilih beserta harga yang sekaranag. Halaman ini

ditunjukkan pada gambar. 4.5

(9)

47

4.1.6 Halaman shopping cart

Halaman ini menampilkan informasi pemesanan

pembeli, seperti foto produk, nama produk, jumlah,

harga, dan apabila pembeli tidak jadi membeli bisa

mendelete produk yang tidak jadi diinginkan. Halaman

ini ditunjukkan pada gambar 4.6.

Kode Program 5. Kode Program untuk

<tr><th>No</th> <th>Nama Produk</th> <th>Foto Produk</th> <th>Qty</th>

$sid = session_id(); $no = 1;

$sql = mysql_query("SELECT * FROM keranjang, product WHERE id_session='$sid' AND

keranjang.id_product=product.id"); $hitung = mysql_num_rows($sql); if ($hitung < 1){

echo"<script>window.alert('Cart is Empty....'); window.location=('home.php')</script>"; <td><center><img width=50

src=Images/$tian[image]></center></td>

(10)

48

<td><center>$tian[price]</center></td> <td><center>$tian[deskripsi]</center></td> <td><a

href=input.php?input=delete&id=$tian[id_keranjang]> <center><img src='images/icon/th_061.jpg' width='45 height='50'></center>

</a></td></tr>"; $no++;

} } ?> </table>

Gambar 4.6 Halaman shopping cart

4.1.7 Halaman konfirmasi penjualan

Halaman konfirmasi penjualan adalah halaman yang

akan ditampilkan jika pembeli sudah mengklik selesai

dan jika form member yang ditampilkan sudah benar

menurut data member, pembeli bisa mengklik OK.

(11)

49

Gambar 4.7 Halaman konfirmasi penjualan

4.1.8 Halaman home jika sudah terdaftar sebagai member Halaman ini merupakan halaman yang pertama kali

diakses oleh pembeli jika pembeeli sudah masuk

sebagai member Konveksi “Fausta Gallery”. Halaman ini berisi informasi beberapa produk yang dijual oleh

Konveksi “Fausta Gallery”, form member dan beberapa

kategori yang ada di “Fausta Gallery”. Halaman home

(12)

50

Gambar 4.8 Halaman home jika sudah terdaftar sebagai member

4.1.9 Halaman requirement

Pada halaman ini, menampilkan syarat dan ketentuan

belanja apabila pembeli akan membeli produk atau

barang yang kami jual. Halaman ini ditunjukkan pada

(13)

51

Gambar 4.9 Halaman requirement

4.1.10 Halaman how to buy

Pada halaman how to buy menampilkan cara berbelanja melalui website, email dan fast respon

(14)

52

Gambar 4.10 Halaman how to buy

4.1.11 Halaman no resi

Halaman no resi menampilkan cara pengiriman barang

melalui JNE dan menampilkan no resi pengiriman

(15)

53

4.11 Halaman no resi

4.1.12 Halaman testimoni

Pada halaman testimoni menampilkan form testimony

yang akan diisi oleh pelanggan atau pembeli.

Testimoni akan ditampilkan di bawah form testimoni.

(16)

54

4.12 Halaman testimoni

4.1.13 Halaman contact

Halaman contact berisi form contact apabila pembeli akan menghubungi atau bertanya-tanya seputar

(17)

55

4.13 Halamn contact

4.1.14 Halaman about

Halaman about berisi informasi seputar Konveksi

“Fausta Gallery”. Pada halaman about juga menampilkan polling seputar website. Halaman about

(18)

56

4.14 Halaman about

4.1.15 Halaman artikel

Pada halaman artikel menampilkan artikel yang dipilih

pengunjung website sesuai dengan id yang ada pada

table artikel. Halaman ini ditunjukkan pada gambar

(19)

57

4.15 Halaman artikel

4.1.16 Halaman berita

Halaman berita menampilkan berita yang dipilih

pengunjung website sesuai id yang dipilih dan diambil

(20)

58

4.1.16 Gambar halaman berita

4.1.17 Halaman login admin

(21)

59

4.17 Gambar login admin

4.1.18 Halaman index login administrator

Halaman index login admin berisi form login

administrator, admin harus falidasi mengisikan

username dan password yang sudah dimiliki oleh admin. Halaman ditunjukkan pada gambar 4.18.

Kode Program 6. Kode Program untuk index admin

<?php

//kode php ini kita gunakan untuk menampilkan pesan eror

if (!empty($_GET['error'])) { if ($_GET['error'] == 1) {

echo "<script>window.alert('Username dan password belum diisi!!!');

window.location=('index.php')</script>"; } else if ($_GET['error'] == 2) {

echo "<script>window.alert('Username belum diisi!!!');

window.location=('index.php')</script>"; } else if ($_GET['error'] == 3) {

echo "<script>window.alert('Password belum diisi!!!');

window.location=('index.php')</script>"; }

(22)

60

<center><a href=""><img src="../images/logo.png" width="150" height="160" border="0"

alt=""></a></center> <title>::Admin::</title>

</head> <body>

<br>

<h3>Login Administrator</h3>

<tr><td><center>Username :<input type="text" name="username"><br><br>Password :<input type="password" name="password"></center>

</table> </form> </center> </div> </div>

</body> </html>

(23)

61

Kode Program 7. Kode Program untuk login (admin)

<?php

include "koneksi/koneksi.php"; error_reporting(0);

//tangkap data dari form login $username = $_POST['username']; $password = $_POST['password'];

//untuk mencegah sql injection

//kita gunakan mysql_real_escape_string

$username = mysql_real_escape_string($username); $password = mysql_real_escape_string($password);

//cek data yang dikirim, apakah kosong atau tidak if (empty($username) && empty($password)) { //kalau username dan password kosong header('location:index.php?error=1'); break;

} else if (empty($username)) {

//kalau username saja yang kosong header('location:index.php?error=2'); break;

} else if (empty($password)) {

//kalau password saja yang kosong //redirect ke halaman index

header('location:index.php?error=3'); break;

}

$login=mysql_query("SELECT * FROM administrasi WHERE id_user='$_POST[username]' AND

password='$_POST[password]'"); $ketemu=mysql_num_rows($login); $r=mysql_fetch_array($login);

// Apabila username dan password ditemukan if ($ketemu > 0){

session_start();

session_start("passuser"); session_start("leveluser");

(24)

62

else{

echo "<script>window.alert('Username atau Password Salah!!!');

window.location=('index.php')</script>"; }

?>

4.1.19 Halaman home administrator

Halaman home administrator berisi informasi tentang

Konveksi “Fausta Gallery”.. Halaman ini ditunjukkan Gambar 4.19

4.19 Halaman home administrator

4.1.20 Halaman produk

Pada halaman produk, berisi table produk Konveksi

(25)

63

product. Halaman ditunjukkan pada gambar 4.20.

Kode Program 8. Kode Program untuk halaman product

<?php

switch($_GET[act]){

//Untuk menampilkan Kategori default:

echo"<h2>Daftar Produk</h2>

Berikut ini adalah daftar Produk yang ada di Fausta Gallery Store Online,<br>

Jika anda akan menambahkan produk, dilahkan klik dibawah ini :<br>

<tr

bgcolor=\'#99ccff'><th>No</th><th>Nama

Produk</th><th>Harga</th><th>Gambar</th><th>ID</th><th>D etail</th><th>Tindakan</th></tr>";

$sql = mysql_query("SELECT * FROM product ORDER BY id ASC");

$no = 1;

while ($r=mysql_fetch_array($sql)){ echo"<tr><td><center>$no</center></td>

echo "</table>"; break;

//Form Menambahkan Product case "addproduct":

echo"<h2>Add Product</h2>

<table class='TableCart'> <tr><td>Nama Barang</td>

</tr>

(26)

64

while ($t = mysql_fetch_array($query)){

echo "<option value=$t[id]>$t[category]</option>";

}

echo"</select></td><td><a href=?mod=category>Add Category?</a></td>

</tr>

<tr><td>Harga</td><td><input type=text name=price></td></tr>

<tr><td>Deskripsi</td><td><textarea name=deskripsi style='width: 277px; height: 67px;'></textarea></td></tr>

<tr><td>Gambar</td><td><input type=file name='fgambar' size=40></td>

</td> </tr>

</table></form>"; break;

//Form Mengedit Product case"editproduct":

$edit = mysql_query("SELECT * FROM product WHERE id='$_GET[id]'");

$d = mysql_fetch_array($edit); echo"<h2>Edit Product</h2>

<form method=POST enctype='multipart/form-data'

action='aksi.php?mod=product&act=update'>

<table class='TableCart'> <tr><td>Nama Barang</td>

</tr>

<tr><td>Kategori</td><td><select name=cat>"; $query = mysql_query("SELECT * FROM category");

while ($t = mysql_fetch_array($query)){

echo "<option value=$t[id]>$t[category]</option>";

}

(27)

65

</tr>

<tr><td>Harga</td><td><input onfocus=this.value='' value='$d[price]' type=text name=price></td></tr>

<tr><td>Deskripsi</td><td><textarea name=deskripsi style='width: 277px; height: 67px;'>$d[deskripsi]</textarea></td></tr>

<tr><td>Gambar</td><td><input type=file id=fgambar name=fgambar size=40></td>

<tr><td colspan=2> <input type=submit name=submit value=Simpan> <input type=button value=Batal

onClick=self.history.back()> </td></tr></table></form>";

break; }

?>

(28)

66

4.1.21 Halaman kategori

Pada halaman kategori berisi tabel beberapa kategori

yang ada pada Konveksi “Fausta Gallery”. Data diambil dari tabel category. Halaman ditunjukkan pada gambar 4.20

4.21 Halaman kategori

4.1.22 Halaman laporan penjualan

Halaman laporan benjualan berisi tentang daftar laporan penjualan. Data diambil dari table

(29)

67

4.22 Gambar halaman laporan penjualan

4.1.23 Halaman daftar customer

Halaman ini berisi daftar pembeli yang sudah terdaftar

sebagai member Konveksi “Fausta Gallery”. Halaman ini diambil dari table member. Halaman ini ditunjukkan pada gambar 4.23

(30)

68

4.1.24 Halaman daftar pesan

Pada hamalan ini berisi pesan-pesan yang dikirim pembeli, pengunjung website atau perusahaan yang bekerja sama dengan kami. Data ini diambil dari tabel

contact. Halaman ditunjukkan pada Gambar 4.24

4.1.24 Halaman daftar pesan

4.1.25 Halaman no resi

Halaman no resi berisi no resi pengiriman melalui JNE. Daftar ini diambil dari table resi. Halaman ditunjukkan pada Gambar 4.25

(31)

69

Halaman about berisi daftar about pada table about

GG, pada halaman ini bisa menambahkan isi table dan pada daftar isi bisa juga mengedit dan menghapus ini. Halaman ini ditunjukkan pada gambar 4.26

4.1.27 Halaman artikel

(32)

70

4.27 Halaman artikel

4.1.28 Halaman berita

(33)

71

4.28 Halaman berita

4.1.29 Halaman polling

Halaman polling berisi daftar pilihan, jumlah, pertanyaan, edit dan hapus. Pada halaman ini admin juga bisa menambahkan polling. Halaman ini ditunjukkan pada gambar 4.29

(34)

72

4.2 Hasil Pengujian

4.2.1 Pengujian perangkat user

NO

Fungsi yang

diuji

Cara

pengujian

Hasil yang

diharapkan

(35)

73

manage-ment detail

detail

syarat dan

(36)

74

ment about

(37)

75

ment berita

(38)

76

4.2.2 Pengujian Perangkat Admin

No Fungsi

yang diuji

Cara

pengujian

Hasil yang

diharapkan

Hasil

Pengujian

1 Form

login

Pada website

Konveksi

“Fausta Gallery” menampilkan

form login

untuk masuk

ke system

admin

Menampil-kan akses

form login

dan berhasil

masuk ke

pada halaman

Menampil-kan akses

halaman

(39)

77

admin home

3 Form

produk

Memilih

menu produk

kemudian

produk yang

bisa

ditambah,

edit dan

hapus data

OK

hapus data

OK

5 Form

laporan

penjualan

Memilih

menu laporan

pj kemudian

bisa

laporan pj

yang bisa

ditambah,

edit dan

(40)

78

menu daftar

customer

hapus data

OK

7 Form

Daftar

Pesan

Memilih

menu daftar

pesan

daftar pesan

yang bisa

ditambah,

edit dan

hapus data

OK

halaman no

resi yang

bisa

ditambah,

(41)

79

menghapus

data

edit dan

hapus data

9 Form

about

Memilih

menu about

kemudian

hapus data

OK

10 Form

artikel

Memilih

menu artikel

kemudian

hapus data

(42)

80

data hapus data

12 Form

polling

Memilih

menu polling

kemudian

hapus data

OK

4.3 Analisis

4.3.1 Analisis masalah

Berdasarkan hasil permasalahan yang sedang dihadapi,

maka kami merancang dan membuat sebuah system baru dengan memanfaatkan sebuat situs website yang dapat

memberikan pelayanan penjualan secara online. Website ini diharapkan dapat membantu meningkatkan

pendapatan dan memperluas area penjualan serta dapat

dimanfaatkan sebagai alat promosi dalam waktu yang

panjang. Serta sebagai alat pelayanan kepada pelanggan

dengan menampikan informasi-informasi produk,

artikel, berita, RSS, maupun tentang Fausta Gallery

(43)

81

4.3.2 Analisis pengguna terhadap system baru

1. Pengguna atau konsumen dapat mudah memperoleh

informasi produk-produk yang dijual pada Fausta

Gallery.

2. Pengguna atau konsumen dapat memperoleh

informasi-informasi berita, artikel yang bermanfaat

dari website Fausta Gallery.

3. Konsumen dapat memberikan masukan, tanggapan,

polling mengenai produk maupun website Fausta

(44)

82

4.3.3 Analisis biaya

(45)

83

screen

7 Mesin

pengering

1 500.000 500.000 4 50.000 4.166,66

8 Kipas Angin 1 200.000 200.000 3 20.000 1.666,66

9 Meja Potong 1 500.000 500.000 5 50.000 4.166,66

10 Meja Sablon 1 500.000 500.000 7 50.000 4.166,66

11 Komputer 1 1.500.000 1.500.000 5 150.000 12.500,00

12 Printer 1 1.000.000 1.000.000 5 100.000 8.333,33

Total 20.750.000 172.916,61

b. Biaya variable

No Uraian Jumlah (unit) Harga (Rp) Jumlah Harga (Rp)

1 Bahan baku

Kain 10 Kg 75.000 750.000

(46)

84

Jarum 4 buah 2.000 8.000

Plastik kemasan 1 Pack 17.500 17.500

Resleting 50 buah 1.500 75.000

Kancing 5 dosin 1.500 7.500

2 Tenaga kerja

Penjahit 3 orang 30.000 90.000

Penyablon 1 orang 30.000 30.000

1.153.000

Biaya variabel perbulan adalah Rp. 1.153.000 x 30 = Rp. 34.590.000

c. Biaya lain-lain (perbulan)

No

Uraian Volume

Jumlah Unit Harga (Rp) Jumlah Harga (Rp)

1 Transportasi 1 Bln 600.000 600.000

Listrik 1 Bln 300.000 300.000

(47)

85

Jumlah biaya usaha :

No Jenis biaya Jumlah biaya (Rp/bln)

1 Biaya tetap 172.916,61

2 Biaya variable 34.590.000

3 Biaya lain-lain 900.000

Total 35.662.916,6

Penerimaan, pendapatan dan R/C ratio usaha

No Jumlah produksi Harga perunit (Rp) Penerimaan perhari

(Rp)

Penerimaan perbulan

(Rp)

1 50 buah kaos 50.000 2.500.000 75.000.000

(48)

86

Pendapatan (laba) perbulan = total revenue – total cost

= 75.000.000 –35.662.916,6

= 39.337.083

R/C ratio = total revenue : total cost

= 75.000.000 : 35.662.916,6

= 2,103