1 Bab IV HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi Desain dan perancangan yang telah dibuat kemudian di realisasikan ke dalam pembuatan websit...
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
Gallery”.
Pada
yang
dijual
halaman
Konveksi
utama
“Fausta
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 gambar. 4.1
39
40
Gambar 4.1 Halaman utama
4.1.2 Halaman registrasi member Untuk dapat membeli barang yang ada pada website Fausta Gallery”, pembeli harus mendaftar member
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
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
Kode Program 3. Kode Program untuk error message pada login member window.alert('Username dan password belum diisi!!!'); window.location=('loginmember.php')"; } else if ($_GET['error'] == 2) { echo "<script>window.alert('Username belum diisi!!!'); window.location=('loginmember.php')"; } else if ($_GET['error'] == 3) { echo "<script>window.alert('Password belum diisi!!!'); window.location=('loginmember.php')"; } } ?>
Kode Program 4. Kode Program untuk login
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()); $count=mysql_num_rows($result); $row=mysql_fetch_array($result);
if ($count > 0){ session_start(); $_SESSION['member_id']=$row['member_id']; header('location:home.php'); } else{ echo "<script>window.alert('Username atau Password Salah!!!'); window.location=('loginmember.php')"; } } ?>
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 pada gambar. 4.4
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
Gambar. 4.5 Halaman detail produk
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
No
Nama Produk
Foto Produk
Qty
Harga
Deskripsi
Hapus
window.alert('Cart is Empty....'); window.location=('home.php')"; } else { while($tian=mysql_fetch_array($sql)){ echo"
$no
$tian[product_name]
$tian[qty]
48
$tian[price]
$tian[deskripsi]
"; $no++; } } ?>
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. Halaman ini ditunjukkan pada Gambar 4.7
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 ditunjukkan pada gambar. 4.8
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 gambar 4.9
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 melalui sms. Halaman how to buy ditunjukkan Gambar 4.10
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 barang. Halaman ini ditunjukkan pada gambar 4.11
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. Halaman testimoni ditunjukkan pada gambar 4.12
54
4.12 Halaman testimoni
4.1.13 Halaman contact Halaman contact berisi form contact apabila pembeli akan
menghubungi
atau
bertanya-tanya
seputar
Konveksi “Fausta Gallery”. Halaman ditunjukkan pada gambar 4.13
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 ditunjukkan pada gambar 4.14
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 4.15
57
4.15 Halaman artikel 4.1.16 Halaman berita Halaman berita
menampilkan
berita
yang
dipilih
pengunjung website sesuai id yang dipilih dan diambil dari table news pada database fausta_gallery. Halaman ditunjukkan pada gambar 4.16
58
4.1.16 Gambar halaman berita
4.1.17 Halaman login admin Pada halaman login admin menampilkan penjelansan untuk login admin Fausta Gallery harus mengakses halaman login admin. Gambar halaman login admin ditunjukkan 4.17
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
window.alert('Username dan password belum diisi!!!'); window.location=('index.php')"; } else if ($_GET['error'] == 2) { echo "<script>window.alert('Username belum diisi!!!'); window.location=('index.php')"; } else if ($_GET['error'] == 3) { echo "<script>window.alert('Password belum diisi!!!'); window.location=('index.php')"; } } ?>
60
::Admin::
Login Administrator
4.18 Halaman index login administrator
61
Kode Program 7. Kode Program untuk login (admin)
//tangkap data dari form login $username = $_POST['username']; $password = $_POST['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");
else{ echo "<script>window.alert('Username atau Password Salah!!!'); window.location=('index.php')"; } ?>
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 “Fausta
Gallery”,
edit,
hapus
dan
admin
bisa
menambahkan produk yang baru. Data diambil dari table
63
product. Halaman ditunjukkan pada gambar 4.20. Kode Program 8. Kode Program untuk halaman product Daftar Produk Berikut ini adalah daftar Produk yang ada di Fausta Gallery Store Online, Jika anda akan menambahkan produk, dilahkan klik dibawah ini :
No
Nama Produk
Harga
Gambar
ID
D etail
Tindakan
"; $sql = mysql_query("SELECT * FROM product ORDER BY id ASC"); $no = 1; while ($r=mysql_fetch_array($sql)){ echo"
"; break; //Form Menambahkan Product case "addproduct": echo"
Add Product
"; break; //Form Mengedit Product case"editproduct": $edit = mysql_query("SELECT * FROM product WHERE id='$_GET[id]'"); $d = mysql_fetch_array($edit); echo"
Edit Product
"; break; } ?>
4.20 Halaman produk
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 order_product. Tampilan dapat dilihat pada gambar 4.22
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
4.1.23 Halaman daftar customer
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
Gambar 4.1.25 Halaman no resi
69
4.1.26 Halaman about 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.26 Halaman about 4.1.27 Halaman artikel Pada halaman artikel menampilkan daftar artikel dari table artikel. Pada halaman ini admin juga bisa menambahkan polling, edit dan hapus. Halaman ini ditunjukkan pada Gambar 4.27
70
4.27 Halaman artikel 4.1.28 Halaman berita Halaman berita berisi daftar berita yang tertera pada website. Berita diambil dari tabel berita pada database fausta_gallery. Pada halaman ini admin juga bisa menambahkan polling, edit dan hapus. Halaman ini ditunjukkan pada gambar 4.28
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
4.29 Halaman polling
72
4.2 Hasil Pengujian 4.2.1 Pengujian perangkat user NO
1
Fungsi yang
Cara
Hasil yang
Hasil
diuji
pengujian
diharapkan
pengujian
Form
Memilih
Menampil-
management
halaman
kan akses
halaman
utama
halaman
utama
ketika
utama
ketika
belum
ketika
belum
terdaftar
belum
terdaftar
sebagai
terdaftar
sebagai
member
sebagai
member 2
OK
member
Form
Memilih
Menampil-
management
manage-
kan akses
home
ment home
halaman
OK
home dan akses sebagai member 3
4
Form
Memilih
Menampil-
manage-
produk
kan akses
ment
halaman
produk
produk
Form
Memilih
Menampil-
OK
OK
73
manage-
detail
kan akses
ment detail
produk
halaman
yang
detail
diinginkan 5
6
Form
Memilih
Menampil-
manage-
produk
kan akses
ment cart
yang
halaman
dibeli
cart
Form
Mengkon-
Menampil-
managemen
firmasi
kan akses
konfirmasi
pembelian
halaman
pembelian
OK
OK
konfirmasi pembelian
7
Form
Menampil-
Menampil-
manage-
kan syarat- kan akses
ment
syarat dan
halaman
requirement
ketentuan
requirement
OK
belanja 8
Form
Menampil-
Menampil-
manage-
kan tata
kan akses
ment how to cara
halaman
buy
how to buy
pembelian melalui website, email dan
OK
74
fast respon melalui sms 9
Form
Menampil-
Menampil-
manage-
kan
kan akses
ment no resi spesifikasi
OK
no resi
pengiriman barang melalui JNE 10
Form
Mengisi-
Menampil-
manage-
kan form
kan akses
ment
testimoni
halaman
testimoni 11
testimoni
Form
Mengisi-
Menampil-
manage-
kan form
kan akses
ment
contact
halaman
contact 12
OK
OK
contact
Form
Memilih
Menampil-
manage-
about
kan akses
ment about
yang berisi halaman informasi tentang Konveksi
about
OK
75
“Fausta Gallery” 13
Form
Mengisi-
Menampil-
manage-
kan
kan akses
ment
username
halaman
member
dan
admin
OK
pasword 14
Form
Memilih
Menampil-
manage-
berita
kan akses
ment berita
yang
halaman
kemudian
berita
OK
ditampilkan berdasarkan id yang dipilih 15
Form
Memilih
Menampilk
manage-
artikel
an akses
ment
yang
halaman
Artikel
kemudian
artikel
ditampilka n berdasarka n id yang
OK
76
dipilih 16
Form
Memilih
Menampil-
manage-
RSS yang
kan akses
ment RSS
kemudian
halaman
ditampil-
RSS
OK
kan dari RSS antaranews. com
4.2.2 Pengujian Perangkat Admin No 1
Fungsi
Cara
Hasil yang
Hasil
yang diuji
pengujian
diharapkan
Pengujian
Form
Pada website
Menampil-
login
Konveksi
kan akses
“Fausta
form login
Gallery”
dan berhasil
menampilkan
masuk ke
form login
dalam
untuk masuk
halaman
ke system
admin
OK
admin 2
Form
Memilih
Menampil-
home
menu home
kan akses
pada halaman
halaman
OK
77
3
4
admin
home
Form
Memilih
Menampil-
produk
menu produk
kan akses
kemudian
halaman
bisa
produk yang
menambah,
bisa
edit dan
ditambah,
menghapus
edit dan
data
hapus data
Form
Memilih
Menampil-
kategori
menu
kan akses
kategori
halaman
kemudian
kategori
bisa
yang bisa
menambah,
ditambah,
edit dan
edit dan
menghapus
hapus data
OK
OK
data 5
Form
Memilih
Menampil-
laporan
menu laporan
kan akses
penjualan
pj kemudian
halaman
bisa
laporan pj
menambah,
yang bisa
edit dan
ditambah,
menghapus
edit dan
OK
78
6
7
data
hapus data
Form
Memilih
Menampil-
daftar
menu daftar
kan akses
customer
customer
halaman
kemudian
daftar
bisa
customer
menambah,
yang bisa
edit dan
ditambah,
menghapus
edit dan
data
hapus data
Form
Memilih
Menampil-
Daftar
menu daftar
kan akses
Pesan
pesan
halaman
kemudian
daftar pesan
bisa
yang bisa
menambah,
ditambah,
edit dan
edit dan
menghapus
hapus data
OK
OK
data 8
Form no
Memilih
Menampil-
resi
menu no resi
kan akses
kemudian
halaman no
bisa
resi yang
menambah,
bisa
edit dan
ditambah,
OK
79
9
10
11
menghapus
edit dan
data
hapus data
Form
Memilih
Menampil-
about
menu about
kan akses
kemudian
halaman
bisa
about yang
menambah,
bisa
edit dan
ditambah,
menghapus
edit dan
data
hapus data
Form
Memilih
Menampil-
artikel
menu artikel
kan akses
kemudian
halaman
bisa
artikel yang
menambah,
bisa
edit dan
ditambah,
menghapus
edit dan
data
hapus data
Form
Memilih
Menampil-
news
menu news
kan akses
kemudian
halaman
bisa
news yang
menambah,
bisa
edit dan
ditambah,
menghapus
edit dan
OK
OK
OK
80
12
data
hapus data
Form
Memilih
Menampil-
polling
menu polling
kan akses
kemudian
halaman
bisa
polling
menambah,
yang bisa
edit dan
ditambah,
menghapus
edit dan
data
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 sendiri.
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 Gallery.
82
4.3.3 Analisis biaya a. Biaya tetap
No
1
Uraian
Mesin
jahit
Jumlah
Harga
Jumlah
(Unit)
(Rp)
Harga (Rp)
2
2.000.000
4.000.000
Masa
Penyusutan
Penyusutan
(Th)
(Bln)
5
400.000
33.333,33
Pakai (Th)
single 2
Mesin obras
2
3.000.000
6.000.000
7
600.000
50.000,00
3
Mesin
1
3.500.000
3.500.000
5
350.000
29.166,66
1
1.250.000
1.250.000
5
125.000
10.416,66
1
800.000
800.000
5
80.000
6.666,66
1
1.000.000
1.000.000
3
100.000
8.333,33
over
dack 4
Mesin kancing portable
5
Mesin potong
6
Alat
sablon
83
screen 7
Mesin
1
500.000
500.000
4
50.000
4.166,66
pengering 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
172.916,61
20.750.000
b. Biaya variable No 1
Uraian
Jumlah (unit)
Harga (Rp)
Jumlah Harga (Rp)
Kain
10 Kg
75.000
750.000
Benang
5 buah
35.000
175.000
Bahan baku
84
2
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
Penjahit
3 orang
30.000
90.000
Penyablon
1 orang
30.000
30.000
Tenaga kerja
1.153.000
Biaya variabel perbulan adalah Rp. 1.153.000 x 30 = Rp. 34.590.000 c. Biaya lain-lain (perbulan) No
1
Total
Uraian
Volume Jumlah
Unit
Harga (Rp)
Jumlah Harga (Rp)
Transportasi
1
Bln
600.000
600.000
Listrik
1
Bln
300.000
300.000 900.000
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 1
Jumlah produksi 50 buah kaos Total
Harga perunit (Rp) 50.000
Penerimaan perhari
Penerimaan perbulan
(Rp)
(Rp)
2.500.000
75.000.000 75.000.000
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 Berdasarkan hasil dari Tabel Analisis Biaya dan penghitungan diatas dapat dilihat bahwa bisnis yang dipilih layak untuk dilakukan karena pelaku usaha dapat meraup keuntungan dari usaha yang dilakukan (R/C ratio > 1).